@charset "Shift_JIS";
/* CSS Document */

/* 中身======================================================================================================== */
/* サイド　賃貸情報 */
#sideContents #SCrent{
	background-image: url(../images/rent_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:80px 10px 0;
	margin: 0 0 10px;
	height: 680px;
}

#sideContents #SCrent em{
	text-align: right;
	height:40px;
	display: block;
	margin:0 0 10px;
}

#sideContents #SCrent em a{
	background-image: url(../images/rent_btn2.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height:40px;
	width:200px;
	margin: 0 0 0 auto;
	overflow: hidden;
}

#sideContents #SCrent em a:hover{
	background-position:-200px top;
}

#sideContents #SCrent em span{
	padding: 85px 0 0;
}

#sideContents #SCrent iframe{
	height: 630px;
	width: 200px;
}



/* メイン */
#mainPhoto{
	height: 390px;
	width: 820px;
	overflow: hidden;
}

/* お客様の声 */
#voice{
	margin: 0 0 10px;
}

#voice a{
	background-image: url(../images/voice_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 139px;
	width: 820px;
	display: block;
	overflow: hidden;
}

#voice a:hover{
	background-position: left -139px;
}

#voice a span{
	padding: 139px 0 0;
}

/* おすすめ売買物件情報 */
#recommend{
	margin: 0 0 30px;
}

#recommend h3{
	margin: 0 0 5px;
}

#recommend h3 a{
	background-image: url(../images/title_recommend2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	display: block;
	overflow: hidden;
}

#recommend h3 a:hover{
	background-position: left -65px;
}

#recommend h3 a span{
	padding: 65px 0 0;
}

/* 注文住宅 */
#order{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 40px;
}

#order h3{
	background-image: url(../images/title_order.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 40px;
	margin: 0 0 15px;
	overflow: hidden;
}

#order h3 span{
	display: block;
	padding: 40px 0 0;
}

#order ul{
	display: block;
	margin: 0 0 0 10px;
}

#order li{
	text-align: center;
	display: block;
	float: left;
	width: 160px;
}

#order li .photo{
	margin: 0 0 5px;
}

#order li a h4{
	background-image: url(../images/order_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 25px;
	width: 140px;
	margin: 0 auto 10px;
	overflow: hidden;
}

#order li.gallery a h4{ background-position: left top; }
#order li.spec a h4{ 	background-position: -140px top; }
#order li.flow a h4{ 	background-position: -280px top; }
#order li.safety a h4{ 	background-position: -420px top; }
#order li.reform a h4{ 	background-position: -560px top; }

#order li.gallery a:hover h4{ 	background-position: left -25px; }
#order li.spec a:hover h4{ 		background-position: -140px -25px; }
#order li.flow a:hover h4{ 		background-position: -280px -25px; }
#order li.safety a:hover h4{ 	background-position: -420px -25px; }
#order li.reform a:hover h4{ 	background-position: -560px -25px; }

#order li a h4 span{
	padding: 25px 0 0;
}

#order li a p{
	color: #666;
	text-align: left;
	margin: 0 10px;
}

#order li a:hover p{
	color: #888;
}

/* お役立ちコンテンツ */
#useful{
	display: block;
	float: none;
	clear: both;
	height: 170px;
}

#useful h3{
	background-image: url(../images/useful_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 170px;
	width: 180px;
	overflow: hidden;
}

#useful h3 span{
	display: block;
	padding: 170px 0 0;
}

#useful ul{
	float: left;
	display: block;
	width: 640px;
}

#useful li{
	display: block;
	float: left;
	height: 60px;
	width: 320px;
}

#useful li.scool,
#useful li.blog{
	height: 50px;
}

#useful li a{
	background-image: url(../images/useful_bg.gif);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 280px;
	text-decoration: none;
}

#useful li.loan a{ 			background-position: -180px top; }
#useful li.request a{ 		background-position: -500px top; }
#useful li.links a{ 		background-position: -220px -60px; margin: 0 0 0 40px; }
#useful li.assessment a{ 	background-position: -540px -60px; margin: 0 0 0 40px; }
#useful li.scool a{ 		background-position: -180px -120px; }
#useful li.blog a{ 			background-position: -500px -120px; }

#useful li.loan a:hover{ 			background-position: -180px -170px; }
#useful li.request a:hover{ 		background-position: -500px -170px; }
#useful li.links a:hover{ 			background-position: -220px -230px; }
#useful li.assessment a:hover{ 		background-position: -540px -230px; }
#useful li.scool a:hover{ 			background-position: -180px -290px; }
#useful li.blog a:hover{ 			background-position: -500px -290px; }


#useful li a:hover{
}

#useful li a h4{
	display: block;
	height: 25px;
	overflow: hidden;
}

#useful li a h4 span{
	display: block;
	padding: 25px 0 0;
}

#useful li a p{
	font-size: 10px;
	line-height: 1.5em;
	color: #666;
	padding: 0 0 0 10px;
}

#useful li a:hover p{
}