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



/* 買いたい、借りたい等のページの縦長のカラムが並んでいるところのcssをひとまとめにしています */


/* ---------------------------------------------
	買いたい、借りたい共通
   --------------------------------------------  */


#lent_top, #buy_top, #sell_top, #lease_top {
	clear: both;
	width: 980px;
	padding: 15px 0 0 0;
	_overflow-x: hidden;
	position: relative;
	top: -3px;
	z-index: 0;
}

#sell_top, #lease_top {
	font-size: 105%;/*111013*/
}

#lent_top, #buy_top {
	  font-size: 12px;
}


.colmn {
	padding-left: 5px;
	margin: 0;
	overflow: hidden;
}


.detail {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	display: inline;
	width: 180px;
	height: 319px;
	word-wrap: break-word;
}


.detail p, .detail h4 {
	margin: 0 6px;
}

.detail p.pic {
	width: 176px;
	height: 176px;
	margin: 2px 0 6px 2px;
}

#buy_top #buyer .detail p.pic {
	margin-left: 1px;
}

.detail h4, .detail p.price, p.day {
	border-bottom: 1px dotted #656262;
	font-weight: normal;
	font-size: 100%;
}

.detail p.price {
	text-align: right;
	line-height: 1.8;
}

.detail p.desc, .detail p.day {
	font-size: 90%;
}


/* 詳しく見る　ボタン */

.detail p.more {
	position: absolute;
	margin: 0;
	right: 3px;
	bottom: 3px;
}


#lent_top .detail p.more a {
	display: block;
	width: 76px;
	height: 22px;
}

#buy_top .detail p.more a {
	display: block;
	width: 69px;
	height: 22px;
}


#lent_top .detail p.more a {
	background: url(/inc/images/top/lent/btn_more.gif) no-repeat 0 0;
}

#buy_top #openhouse .detail p.more a {
	background:url(/inc/images/top/buy/btn_more_open.gif) no-repeat 0 0;
}

#buy_top #buyer .detail p.more a {
	background:url(/inc/images/top/buy/btn_more_osusume.gif) no-repeat 0 0;
}



/* 最初に来るタイトルっぽいカラム */

.openinfo {
	margin-top: 10px;
}

.propertyinfo, .openinfo {
	text-align: center;
	color: #FFF;
}

#buy_top h3, #lent_top h3 {
	margin: 30px 0 20px 0;
	
}

.propertyinfo p, .openinfo p, .buyerinfo p {
	margin: 0 20px;
	font-size: 100%;
	line-height: 1.3;
}



/* ---------------------------------------------
	買いたい
   --------------------------------------------  */

#buy_top {
	background:url(/inc/images/top/buy/bg_buy.gif) repeat-y;
	border-top: 3px solid #e50012;
	padding: 0;
	margin: 0;
}


.openinfo {
	background: url(/inc/images/top/buy/bg_openhouse.gif) no-repeat 0 0;
	border: none ;
	width: 182px ;
	height: 319px ;
	float: left;
	margin-left: 10px;
	display: inline;

}

/* オープンハウス */

#buy_top #openhouse {
	width: 581px;
	float:left;
	background:url(/inc/images/top/buy/bg_openhouse_bottom.gif) no-repeat left bottom;
	padding-top: 15px;
	margin: 0;
}

#buy_top #openhouse .detail {
	border: 1px solid #e50012;
	width: 180px;
	height: 317px;
}

/* オススメ物件 */

.buyerinfo {
	background:url(/inc/images/top/buy/bg_buyhouse.jpg) no-repeat 50% 50%;
	width: 182px ;
	height: 319px ;
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	display: inline;
	text-align: center;	
}

#buyer {
	float: right;
	width: 399px;
	background:url(/inc/images/top/buy/bg_buyer_bottom.gif) no-repeat right bottom;
	padding-top: 15px;
}

#buy_top #buyer .detail, #buy #buy_top .detail {
	border: 1px solid #e0e0e0;
	width: 180px;
	height: 317px;
}

#buy_top #buyer .detail p.pic img {
	margin: 2px;
}



/* オープンハウス情報　続きを見る＋オススメ物件情報をもっと見る */


#openhouse p.morebtn, #buyer p.morebtn {
	clear: both;
	margin: 20px 0 0 13px;
	padding: 20px 0 0 0;
	border-top: 1px dotted #9b9999;
}

#buyer p.morebtn {
	margin-right: 13px;
}

#openhouse p.morebtn a {
	display: block;
	width: 305px;
	height: 42px;
	background:url(/inc/images/top/buy/btn_openhouse_more.jpg) no-repeat 0 0;
	margin: 0 0 20px 262px;
}

#buyer p.morebtn a {
	display: block;
	background:url(/inc/images/top/buy/btn_buy_osusume.jpg) no-repeat 0 0;
	width: 333px;
	height: 42px;
	margin: 0 0 20px 40px;
}

#buy_top p.morebtn a:hover {
	background-position: 0 100%;
}



/* ---------------------------------------------
	借りたい
   --------------------------------------------  */


#lent_top {
	background:url(/inc/images/top/bg_sideline_orange.gif) repeat-y;
	border-top:3px solid #ec6c00;
}

#lent_top .detail {
	background: #f6f6f6;
	border: 1px solid #f6f6f6;
}

#lent_top .detail p.more a {
	background: url(/inc/images/top/lent/btn_more.gif) no-repeat 0 0;
}


#lent_top .propertyinfo {
	background: url(/inc/images/top/lent/bg_propertyinfo.gif) no-repeat 0 0;
	text-align: center;
	color: #FFF;
	width: 182px;
	height: 317px;
	border: none !important;
}




/* アイコン */

.mansion_l { background:url(/inc/images/top/lent/ico_mansionlent_off.gif); }
.apart_l { background:url(/inc/images/top/lent/ico_apart_off.gif); }
.kodate_l { background: url(/inc/images/top/lent/ico_kodate_off.gif); }
.other_l { background: url(/inc/images/top/lent/ico_other_on.gif); }

.mansion_l, .apart_l, .kodate_l, .other_l {
	background-position: 0 50% !important;
	background-repeat: no-repeat !important;
}



.bl-hover .mansion_l { background:url(/inc/images/top/lent/ico_mansionlent_on.gif); }
.bl-hover .apart_l { background:url(/inc/images/top/lent/ico_apart_on.gif); }
.bl-hover .kodate_l { background:url(/inc/images/top/lent/ico_kodate_on.gif); }
.bl-hover .other_l { background: url(/inc/images/top/lent/ico_other_on.gif); }



/* ---------------------------------------------
	買いたいトップ/オススメ物件
   --------------------------------------------  */

#buy #buy_top {
	top: 0;
	border-top: 0;
}

#buy #buyer .colmn {
	padding: 10px 0 0 0 !important;
}

#buy #buy_top .detail p.pic img {
	margin: 2px;
}

#buy #buy_top .detail p.pic {
	border: 1px solid #b7b7b7 !important;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
}

#buy #buy_top .detail p.pic {
	margin-left: 1px;
}

#buy #buy_top .detail p.more a {
	background:url(/inc/images/top/buy/btn_more_osusume.gif) no-repeat 0 0;
}

.open_flyer {
	background: url(/inc/images/buy/bg_openflyer.gif) no-repeat 0 0;
	border: none ;
	width: 182px ;
	height: 319px ;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
	text-align:center;

}

#buy #buy_top .open_flyer h3 {
	margin: 23px 0 13px 37px;
	_margin: 23px 0 13px 10px;
	display: block;
	width: 113px;
	height: 114px;
	background:url(/inc/images/buy/h3_flyer.gif) no-repeat 0 0;
	text-indent: -9999px;
}

*:first-child+html #buy #buy_top .open_flyer h3 {
	margin: 23px 0 13px 10px;
}

.open_flyer p {
	font-size: 14px;
	margin-bottom: 15px;
	color: #e50012;
}


.open_flyer p.btn_dl a {
	display: block;
	width: 104px;
	height: 120px;
	margin-left: 39px;
	_margin-left: 5px;
	background:url(/inc/images/buy/btn_pdfDL.gif) no-repeat 0 0;
}

*:first-child+html .open_flyer p.btn_dl a {
	margin-left: 5px;
}


/* hover */

.open_flyer.bl-hover,
#buy #buy_top .open_flyer.bl-hover h3,
.open_flyer.bl-hover p.btn_dl a {
	background-position: right bottom;
}

#buy #buy_top .openhouse .open_flyer.bl-hover p {
	color: #FFFFFF !important;
}




.mansion {	background:url(/inc/images/buy/ico_mansion.gif) no-repeat 0 50%; }
.sinchiku {	background: url(/inc/images/buy/ico_newhome.gif) no-repeat 0 50%; }
.chuko { background:url(/inc/images/buy/ico_oldhome.gif) no-repeat 0 50%; }
.tochi { background:url(/inc/images/buy/ico_land.gif) no-repeat 0 50%; }


/* hover */

.bl-hover .mansion { background:url(/inc/images/buy/ico_mansion_on.gif) no-repeat 0 50%; }
.bl-hover .sinchiku {	background: url(/inc/images/buy/ico_newhome_on.gif) no-repeat 0 50%; }
.bl-hover .chuko { background:url(/inc/images/buy/ico_oldhome_on.gif) no-repeat 0 50%; }
.bl-hover .tochi { background:url(/inc/images/buy/ico_land_on.gif) no-repeat 0 50%; }




/* ページ番号 */

#buy .column-bottom {
	padding: 0;
	margin: 0px 20px 20px 20px;
	background: url(/inc/images/buy/bg_ttl-line.gif) repeat-x bottom left;
	height: 60px;
	clear: both;
}

#buy .column-bottom .pager {
	padding: 20px 0 0 0;
}

.topline {
	background: url(/inc/images/buy/bg_ttl-line.gif) repeat-x top left;
}



/* 下のかどまる */

.buy_bottom {
	background:url(/inc/images/buy/bg_buy_bottom.gif) no-repeat center bottom;
	padding: 20px 0 15px 0;
	height: 70px;
}



/* ---------------------------------------------
	オススメ物件
   --------------------------------------------  */

#buy #recommend .colmn {
	padding: 10px 0 0 0 !important;
}

#buy #recommend .detail p.pic img {
	margin: 2px;
}

#buy #recommend .detail p.pic {
	border: 1px solid #b7b7b7 !important;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
}

#buy #buy_top .detail p.pic {
	margin-left: 1px;
}

.recommendinfo {
	background:url(/inc/images/buy/recommend/bg_recommendinfo.gif) no-repeat 0 0;
	border: none ;
	width: 182px ;
	height: 319px ;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
	text-align:center;

}

.recommendinfo p {
	margin: 0 20px;
	color: #e50012;
}



/* ---------------------------------------------
	divをhover
   --------------------------------------------  */


/* トップページ「買いたい」、オススメ物件情報 */

.bl-hover {
	cursor: pointer;
}

#buyer .bl-hover, #buy #buy_top .bl-hover {
	background-color: #eeeeee;
	color: #797979;
}

#buy #buy_top .openhouse .bl-hover p {
	color: #797979;
}

#buyer .bl-hover h4,
#buyer .bl-hover p.price,
#buyer .bl-hover p.day,
#buy #buy_top .bl-hover h4,
#buy #buy_top .bl-hover p.price,
#buy #buy_top .bl-hover p.day {
	border-bottom: 1px dotted #eeeeee;
}

#buy_top .bl-hover p.more a {
	background-position: 0 100%;
}


/* トップページ「売りたい（オープンハウス）」、トップページ「借りたい」共通 */

#buy_top #openhouse .bl-hover, #lent_top .bl-hover {
	border: 1px solid #e0e0e0;
	background: #ffecec;
	color: #797979;
}

#openhouse .bl-hover h4,
#openhouse .bl-hover p.price,
#openhouse .bl-hover p.day,
#lent_top .bl-hover h4,
#lent_top .bl-hover p.price {
	border-bottom: 1px dotted #ffecec;
}

/*#buy_top #openhouse .bl-hover h4,
#buy #buy_top .openhouse .bl-hover h4 {
	background:url(/inc/images/top/buy/ico_house_on.gif) no-repeat 0 0;
}*/


#buy_top .bl-hover p.more a,
#lent_top .bl-hover p.more a{
	background-position: left bottom !important;
}



/* 家の画像を背景で入れていきます */


#house001 {
	background: url(/inc/images/top/lent/pic_house.gif) #FFF;
}

#house002 {
	background:url(/inc/images/top/lent/pic_house2.jpg) #FFF;
}

#buy001 {
	background:url(/inc/images/top/buy/pic_buyhouse.jpg);
}

#buy002 {
	background:url(/inc/images/top/buy/pic_buyhouse002.gif);
}


#openhouse001 {
	background:url(/inc/images/top/buy/pic_openhouse001.gif);
}

#openhouse002 {
	background:url(/inc/images/top/buy/pic_openhouse2.jpg);
}


#lent_top .detail p.pic,
#buy_top #buyer .detail p.pic,
#buy #buy_top .detail p.pic {
	border: 1px solid #b7b7b7 !important;
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-color: #FFF;
}

#buy_top #openhouse .detail p.pic {
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-color: #FFF;
}