@charset "utf-8";
/* CSS Document */


#indeximg_area{
	float:left;
	background: #EEEEEE;
	width:980px;
	margin:0;
	border:thin solid #999999;
	
}

#indeximg {
	float:left;
	background: #FFFFFF;
	width:980px;
	_width:980px;
	margin:0;
	
/*	padding: 10px;
	border: 1px solid #6A6900;*/
}

#indeximg_l {
/*	background-color:#C69;*/
	float:left;
	width:530px;
	height:396px;
	margin:0px 10px 0px 0px;
	padding: 0 0 0 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}

#indeximg_s {
/*	background: #EEEEEE;
	background-color:#69F;*/
	float:left;
	width:165px;
	margin:0px 0px 0px 0px;
	padding: 0 0 0 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}

#indeximg_s img {
	width:165px;
	height:90px;
	margin:0px 0px 12px 0px;
	_margin:0px 0px 10px 0px;
}

#koboSel {
	background-image:url(../img/topguide_bimg.jpg);
	height:30px;
	background-color:#FFF;
	vertical-align:middle;
}

#koboSelTable{
	/*margin-top:8px;*/
}

#topics {
/*	background: #EEEEEE;*/
	float:left;
	width:1000px;
	margin:20px 0 0 0;
	padding: 0px 0 0 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	border:none ;
	line-height:125%;
	font-size:11px;
}

#topics_left{
	float:left;
	width:185px;
	margin:0;
}

#topics_center{
	float:left;
	width:555px;
	margin:0;	
}

#topics_right{
	float:left;
	width:240px;
	margin:0;
	text-align:right;
}

#topics #topics_left #topics_menu{
	float:left;
	width:185px;
}

#topics .topics_info_title{
	margin-bottom:10px;
}

#topics #topics_left #topics_menu ul{
	margin: 0;
	padding: 0;
	list-style: none; 
	line-height:150%;
}

#topics #topics_left #topics_menu li{
	
	margin: 0;
	padding: 0;
	display: inline; 
	
}

#topics #topics_left #topics_menu li a{
	display: block;
	font-weight:normal;
	/*display: table-cell;
	border: 1px solid #9F99A3;*/
	border:none;
	background:#DDDDDD;
	padding: 3px 10px;
	text-decoration: none;
	color:#333333;
	width: 150px;
	height:90px;
	margin: 0px 0px 8px;
	text-align: right;
	vertical-align:bottom;
	font-size: 14px;
	line-height:170%;
}

#topics #topics_left #topics_menu li a .menu_title{
	/*position : absolute ;
	bottom : 3px ;
	right : 920px ;*/
}
#topics #topics_left #topics_menu li a:hover{
	
	border:none;
	background-color: #333333;
	color: #EEEEEE;
}

#topics #topics_left #topics_menu #menu1 a{
	line-height:130%;
	background-image:url(../img/btn_topnavi01.png)
}

#topics #topics_left #topics_menu #menu1 a:hover{
	background-image:url(../img/btn_topnavi01_ov.png)
}

#topics #topics_left #topics_menu #menu3 a{
	background-image:url(../img/btn_topnavi03.png)
}

#topics #topics_left #topics_menu #menu3 a:hover{
	background-image:url(../img/btn_topnavi03_ov.png)
}

#topics #topics_left #topics_menu #menu5 a{
	background-image:url(../img/btn_topnavi05.png)
}

#topics #topics_left #topics_menu #menu5 a:hover{
	background-image:url(../img/btn_topnavi05_ov.png)
}

#topics #topics_left #topics_menu #menu6 a{
	background-image:url(../img/btn_topnavi06.png)
}

#topics #topics_left #topics_menu #menu6 a:hover{
	background-image:url(../img/btn_topnavi06_ov.png)
}



#topics_center #topics_info{
	float:left;
	width:565px;
	margin:0;
}
#topics_center #topics_info #topics_info_title{
	margin-bottom:5px;
}

#topics_center #topics_info #topicslist {
    color: #333333;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 0px;
	margin-bottom:5px;
	width:555px;
	height:140px;
}

#topics_center #topics_info #topicslist th{
	font-weight:normal;
	width:95px;
	text-align:right;
}
#topics_center #topics_info #topicslist th,
#topics_center #topics_info #topicslist td {
	padding:5px 3px 0px 3px;
	vertical-align:text-top;
}

#topics_center #topics_info #topicslist dt {
    clear: left;
    float: left;
    margin: 0 0 0.5em 2em;
    padding-left: 0;
    width: 7.5em;
}
#topics_center #topics_info #topicslist dd {
    margin-bottom: 10px;
    margin-left: 9em;
    margin-top: 0.5em;
}
#topics_center #topics_info #topicslist dd a{
	text-decoration:none;
}
#topics_center #topics_info #topicslist dd a:hover{
	text-decoration:none;
	color: #6A6900;
}



#topics_center #topics_bnr{
	float:left;
	width:210px;
	margin:0px 10px 10px 0px; 
}


#topics_center #topics_bnr #topics_bnr_title{
	margin-bottom:10px;
}

#topics_center #topics_bnr #topics_bnr_title a{
	text-decoration:none;
	display:block;
	width:195px;
	height:20px;
	background-image: url("../img/title_prototype.jpg");
}

#topics_center #topics_bnr #topics_bnr_title a:hover{
	text-decoration:none;
	display:block;
	width:195px;
	height:20px;
	background-image: url("../img/title_prototype_on.jpg");
}


#topics_center #topics_bnr .bnrImg{
	float:left;
	/*width:230px;
	height:150px;*/
	margin-bottom:25px;
	background:#999999;
}

#topics_center #topics_bnr_horizontal{
	float:right;
	width:730px;
	height:80px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FC0;
	background-image:url(../img/bg_line.gif);
}

#topics_center #topics_bnr_horizontal .bnrImg{
	float:left;
	width:230px;
	height:60px;
	margin-top:10px;
	margin-bottom:10px;
	background:#999999;
}



#topics_center #topics_estate{
	float:left;
	width:310px;
}

#topics_center #topics_estate #topics_estate_title{
	margin-bottom:10px;
}
#topics_center #topics_estate #topics_estate_title a{
	text-decoration:none;
	display:block;
	width:245px;
	height:20px;
	background-image: url("../img/title_estate.jpg");
}

#topics_center #topics_estate #topics_estate_title a:hover{
	text-decoration:none;
	display:block;
	width:245px;
	height:20px;
	background-image: url("../img/title_estate_on.jpg");
}

#topics_center #topics_estate #topics_estatelist{
	width:100%;
	margin-bottom:10px;
}


#topics_center #topics_estate #topics_estatelist .topics_estate_card{
	width:305px;
	height:80px;
	margin-bottom:15px;
	background:#EEEEEE;
	/*background:url(../img/arrow_estate_link.jpg) right top no-repeat;*/
}

#topics_center #topics_estate #topics_estatelist .topics_estate_card a{
	background-color: #EEEEEE;
	text-decoration: none;
	color:#333333;
}

#topics_center #topics_estate #topics_estatelist .topics_estate_card:hover{
	border: 1px solid #8593A9;
	background:#EEEEEE;
	background:url(../img/arrow_estate_link.jpg) right top no-repeat;
}


#topics_center #topics_estate #topics_estatelist .topics_estate_card .left_block{
	width:140px;
	float:left;
	margin-right:5px;
}

#topics_center #topics_estate #topics_estatelist .topics_estate_card .right_block{
	width:160px;
	float:left;
}

#topics_center #topics_estate #topics_estatelist .clear{
	clear:both;
}


#topics_txt{
	float:left;
	width:230px;
}



#topics ul{
	margin: 0;
	padding: 0;
	line-height:150%;
}

#topics li{
	margin: 0;
	padding: 0;
	list-style-type:none;
	list-style-position:outside;
}



#topics_tw{
	float:left;
	width:240px;
	height:650px;
	_height:475px;
	margin-top:10px;
	border: 1px solid #DDD;
}
#topics_twHead{
	width:230px;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-bottom:0px;
	background-color:#3B5998;
	background-color:#300;
	line-height:30px;
	color:#FFF;
}
#tweet_list{
	width:230px;
	height:430px;
	_height:440px;
	overflow:auto;
}
.topics_tweet{
	float:left;
	width:200px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.dl_tw{
	float:left;
	width:200px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.dt_tw{
	float:left;
	font-size:11px;
	color:#09C;
	line-height:15px;
	width:35px;
}
.dd_tw{
	float:left;
	font-size:11px;
	line-height:15px;
	width:185px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	color:#0e2961;
}
.hr_tw{
	clear:both;
	width:200px;
/*	border:dotted;*/
	margin:10px;
}

#topics_tw_2clm{
	float:left;
	width:340px;
	_width:330px;
	margin-top:10px;
	border: 0px solid #300;
}
#topics_twHead_2clm{
	width:340px;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-bottom:0px;
	background-color:#3B5998;
	background-color:#300;
	line-height:30px;
	color:#FFF;
}


#social_fb{
	float:left;
	width:243px;
	height:470px;
	_height:445px;
	margin-left:10px;
	margin-top:10px;
	border:1px solid #3B5998;
}

#social_fbHead{
	width:243px;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-bottom:0px;
	background-color:#3B5998;
	line-height:30px;
	color:#FFF;
}

#fb_list{
	width:243px;
	height:430px;
	_height:440px;
	overflow:auto;
}
.social_stream{
	float:left;
	width:220px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.dl_fb{
	float:left;
	width:220px;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #999;
	padding-bottom:8px;
	margin-top:5px;
	margin-bottom:10px;
}
.dt_fb{
	float:left;
	font-size:11px;
	color:#600;
	line-height:15px;
	width:35px;
}
.dd_fb{
	float:left;
	font-size:11px;
	line-height:15px;
	width:185px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	color:#610e29;
	font-weight:normal;
}

.dd_fb a {
	color:#290000;
	text-decoration:none;
}

.dd_fb a:hover {
	color:#3B5998;
	text-decoration:underline;
}


.dd_fb .img{
	border-style:solid;
}


#topics_fb{
	float:left;
	width:730px;
}

.fb_box{
	float:left;
	width:240px;
	height:470px;
	/*background:#039;*/
	border:1px solid #3B5998;
	margin:0px;
	padding:0px;
}

#social_fb_2clm{
	float:right;
	width:360px;
	_width:350px;
	margin-left:10px;
	margin-top:10px;
}

#project_list{
	float:right;
	width:230px;
	margin-top:10px;
	border: 1px solid #F93;
	height:430px;
}
#project_listHead{
	width:230px;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-bottom:0px;
	background-color:#3B5998;
	background-color:#F93;
	line-height:30px;
	color:#FFF;
}




/*	各コーナートップページの設定 */
#topimage{
	float:left;
	width:730px;
	height:410px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#topimage_plan{
	float:left;
	width:730px;
	height:220px;
/*	border: 2px solid #CCC;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#topimage_sale{
	float:left;
	width:730px;
	height:310px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
/*	border:1px solid #CCCCCC;*/
}

#topimage_renovation{
	float:left;
	width:730px;
	height:145px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border:none;
}

#topimage_osaka{
	float:left;
	width:730px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
/*	border:1px solid #CCCCCC;*/
}
#topimage_osaka img{
	margin-bottom:8px;
}