@charset "UTF-8";
/* =======================================================================
	CSS information

	file name  :top.css
	version:1.0
	style info :トップページ用。
======================================================================= */
/* import　各ディレクトリのスタイルシートは以下を必ず読み込む
----------------------------------------------------------------------------- */
@import "default.css"; /*リセット、font.css、再定義*/
@import "base.css"; /*サイトの初期設定*/
@import "layout.css"; /*サイトの基本レイアウト*/


/* top
----------------------------------------------------------------------------- */
body{
	background-image: url(../img/top/main_bk.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}

#main_flash{
	width:1280px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -640px;
	left: 50%;
	overflow: hidden;
	display: block;
	top: 0px;
	overflow: hidden;
	position: relative;
}
#main_menu{
	overflow:hidden;
	padding-bottom:20px;
*	height: 100%;
}

#s_tochi,
#s_house,
#s_reform,
#s_chukai{
	float:left;
	width: 171px;
	height:165px;
	background-repeat: no-repeat;
	background-position: left top;	
	padding-right: 7px;
}

#s_tochi{
	background-image:url(../img/top/s_tochi.gif);
	}
#s_house{
	background-image:url(../img/top/s_house.gif);
	}
#s_reform{
	background-image:url(../img/top/s_reform.gif);
	}
#s_chukai{
	background-image:url(../img/top/s_chukai.gif);
	}

.menubox h2,
#pickup h2{
	display:none;
	}

.menubox ul{
	padding: 90px 13px 0px 14px;
	}

.menubox li{
	text-indent: -9999px;
	height: 28px;
	width: 144px;
	background-repeat: no-repeat;
	margin-bottom:5px;
	}	

.menubox li a{
	height: 28px;
	width: 144px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}		


.menubox li a:hover{
	height: 28px;
	width: 144px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0px -28px;
	}	

#s_tochi .btn01 ,
#s_tochi .btn01 a{
	background-image:url(../img/top/btn_s_tochi1.gif);
	}

#s_tochi .btn02 ,
#s_tochi .btn02 a{
	background-image:url(../img/top/btn_s_tochi2.gif);
	}

#s_house .btn01 ,
#s_house .btn01 a{
	background-image:url(../img/top/btn_s_house1.gif);
	}	

#s_house .btn02 ,
#s_house .btn02 a{
	background-image:url(../img/top/btn_s_house2.gif);
	}
	
#s_reform .btn01 ,
#s_reform .btn01 a{
	background-image:url(../img/top/btn_s_reform1.gif);
	}
	
#s_reform .btn02 ,
#s_reform .btn02 a{
	background-image:url(../img/top/btn_s_reform2.gif);
	}
	
#s_chukai .btn01 ,
#s_chukai .btn01 a{
	background-image:url(../img/top/btn_s_chukai1.gif);
	}

#s_chukai .btn02 ,
#s_chukai .btn02 a{
	background-image:url(../img/top/btn_s_chukai2.gif);
	}
				
#pickup{
	float:left;
	font-size: 12px;
	background-image: url(../img/top/pickup.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 15px 15px 15px 50px;
	height: 150px;
	width: 141px;
	overflow: hidden;
}

#pickup a{
	font-weight:bold;
	}

#pickup .img{
	width:135px;
	margin:5px auto;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 2px;
}

#pickup p{
	overflow:hidden;
*	height:100%;
	display:block;
	}

#hot{
	clear:both;
	background-image: url(../img/top/hot_bk.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 135px;
	padding: 20px;
	overflow: hidden;
	width: 886px;
	margin: 0px auto 20px;
	}

#hot h2{
	height:20px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size:12px;
	line-height:12px;
	}

#hot .news h2{
	background-image:url(../img/top/h2_hot.gif);
	}	

#hot .chirashi h2{
	background-image:url(../img/top/h2_chirashi.gif);
	}	
	
#hot .news{
	width:515px;
	float:left;
	}

#hot .news ul{
	width:500px;
	height:120px;
	overflow: auto;
	overflow-x:hidden;
}

#hot .news li{
	overflow:hidden;
	padding: 0px 5px 5px;
}

#hot .news li p{
	float:left;
	}

#hot .news li p.date{
	width:95px;
	}	

#hot .news li p.icon{
	width:75px;
	}
#hot .news li p.title{
	width:300px;
	}	

#hot .chirashi{
	width:180px;
	float:left;
}

#hot .chirashi .img{
	width:150px;
	padding:5px;
	background-color: #CCCCCC;
	text-align: center;
	}

#hot .bnr{
	width:185px;
	float:left;
	padding-top:10px;
	}

#hot .bnr li{
	width:185px;
	text-indent: -9999px;
	height: 61px;
	background-repeat: no-repeat;
	background-position: left top;
	}	

#hot .bnr li a{
	width:185px;
	height: 61px;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	}	

#hot .bnr .bnr_cm,
#hot .bnr .bnr_cm a{
	background-image:url(../img/top/bnr_cm.jpg);
	}	

#hot .bnr .bnr_cm{
	margin-bottom:5px;
	}
	
#hot .bnr .bnr_tour,
#hot .bnr .bnr_tour a{
	background-image:url(../img/top/bnr_tour.jpg);
	}	

#contents{
	width:665px;
	}

#bunjo,
#modelhouse{
	width:326px;
	float:left;
*	height: 100%;
	overflow: hidden;
}	
#bunjo {
	padding-right:13px;
	}
#bunjo .bukken_set,
#modelhouse	 .bukken_set{
	width:310px;
	margin:0px auto;
	padding: 10px 0px;
	}
	
#bunjo .img,
#modelhouse .img{
	width:120px;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-bottom: 5px;
}

#bunjo h3,
#modelhouse h3{
	font-size:124%;
	padding-bottom: 5px;
	}
	
#bunjo h3,
#bunjo h3 a{
	color:#57A727;
	}
	
#modelhouse h3,
#modelhouse h3 a{
	color:#E4697D;
	}		

#modelhouse .price{
	font-size:107%;
	color:#FF9900;
	font-weight:bold;
}

#bunjo .date,
#modelhouse .date{
	color:#999999;
	padding-bottom:5px;
	}

#bunjo .title_set,
#modelhouse .title_set{
	width:170px;
	padding: 0px 0px 0px 10px;
	float: left;
}

.comment{
	width:185px;
	float:left;
	padding-bottom: 10px;
	height: 3.5em;
	}
	
.btn_more{
	width:112px;
	float:right;
	height: 26px;
	background-image: url(../img/top/btn_more.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
	}

.btn_more a{
	width:112px;
	height: 26px;
	background-image: url(../img/top/btn_more.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	}
	
.btn_more a:hover{
	background-position: 0px -26px;
	}		
	
#bunjo hr,
#modelhouse hr{
	height: 0px;
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px none #CCCCCC;
	clear: both;
	margin: auto;
	width: 310px;
}

#bunjo h2{
	background-image:url(../img/top/h2_bunjo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	height: 80px;
}

#modelhouse h2{
	background-image:url(../img/top/h2_modelhouse.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	height: 80px;
}

.contents_wrap{
*	height:100%;
	background-image: url(../img/top/contents_bk.gif);
	background-repeat: repeat-y;
	background-position: center top;
	overflow: hidden;
	}	

.contents_bottom{
*	height:100%;
	background-image: url(../img/top/contents_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
	}
	
.contents_wrap .b_btn{
	width:294px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
	margin: 10px auto;
	}	

.contents_wrap .b_btn a{
	width:294px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	}

.contents_wrap .b_btn a:hover{
	background-position: 0px -30px;
	}
	
.btn_bunjo,
.btn_bunjo a{	background-image:url(../img/top/btn_bunjo.gif);
}
	
.btn_modelhouse,
.btn_modelhouse a{	background-image:url(../img/top/btn_modelhouse.gif);
}

#bnr_jisya{
	background-image:url(../img/top/bnr_jisya_bk.jpg);
	height: 140px;
	width: 665px;
}

#bnr_jisya h2{
	text-indent:-9999px;
	}


#bnr_jisya ul{
	padding:80px 0px 0px 50px;
	}	
	
#reform	{
	background-image:url(../img/top/reform_bk.gif);
	background-repeat: repeat-y;
	background-position: center top;
*	height: 100%;
	overflow: hidden;
}

#reform_bottom{
	background-image:url(../img/top/reform_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
*	height: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}

#reform	h2{
	background-image:url(../img/top/h2_reform.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
	text-indent: -9999px;
}

#reform	h2 a{
	display:block;
	height: 80px;
	width:80%;
	}

#reform	.btn_reform{
	float:right;
	height: 27px;
	width: 130px;
	background-image: url(../img/top/btn_reform.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	margin-top: -60px;
	margin-right: 20px;
	}

#reform	.btn_reform a{
	height: 27px;
	width: 130px;
	background-image: url(../img/top/btn_reform.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	}

#reform	.btn_reform a:hover{
	background-position: 0px -27px;
	}
	
#reform .jirei_box{
	width:290px;
	float: left;
*	height: 100%;
	overflow: hidden;
	padding-left: 30px;
	}
	
#reform .jirei_box h3{
	color:#999999;
	font-weight:normal;
	padding-bottom: 10px;
	}

#reform .jirei_box h3 a{
	font-size: 124%;
	font-weight:bold;
	}	
	
#reform .jirei_box .img img{
	text-align:center;
	margin:auto;
	}
	
#reform .photo_set{
	background-image:url(../img/top/reform_arrow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}

#reform .photo_set .before,
#reform .photo_set .after{
	width:120px;
	padding:2px;
	border: 1px solid #CCCCCC;
	}	
#reform .photo_set .before{
	float: left;
	}
#reform .photo_set .after{
	float: right;
	}	

#reform_hot{
	margin: 20px auto 0px;
	width: 634px;
	color: #999999;
	overflow: hidden;
*	height: 100%;
	clear: both;
}

	
#reform_hot .wrap{
	background-color:#FFF6DD;
	border-top: 1px none #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding:5px;
	width: 620px;
	margin: auto;
}
#reform_hot h3{
	background-image:url(../img/top/h3_reform_hot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	width: 634px;
	text-indent:-9999px;
}

#reform_hot h3 a{
	height: 40px;
	width: 634px;
	display:block;
}			

#reform_hot .lead{
	padding-left:5.5em;
	color: #000000;
	}