@charset "utf-8";

/* モデルハウス */
/*-----------------------------------------------*/
#modelhouse .caption{
	margin-bottom	:	40px;
}

#modelhouse p{
	line-height	:	100%;
}
#modelhouse #madoriNav{
	padding-bottom	:	25px;
	border-bottom	:	1px dashed #999;
}

#modelhouse .clickMessage{
	margin-top	:	20px;
}

#modelhouse #madoriWrap{
	width	:	435px;
	float	:	left;
}
#modelhouse .madori{
	width	:	100%;
	margin-bottom	:	20px;
}
#modelhouse .madoriPhoto{
	width	:	425px;
	padding	:	8px 0px;
	border	:	5px solid #ccc;
	text-align	:	center;
	background-color	:	#fff;
}
#modelhouse .madoriPhoto img{
	max-width	:	100%;
}


#modelhouse .madoriBox{
	margin-top	:	20px;
}
#modelhouse .madoriBox:first-child{
	margin-top	:	0px;
}
#modelhouse .madoriBox .houseName{
	line-height	:	100%;
	padding-left	:	10px;
	margin-bottom	:	10px;
	border-left	:	6px solid #c10000;
	font-size	:	16px;
	font-weight	:	bold;
}

#modelhouse .madoriBox .madoriSelect ul{
	margin-top	:	10px;
}
#modelhouse .madoriBox .madoriSelect ul:first-child{
	margin-top	:	0px;
}
#modelhouse .madoriBox .madoriSelect li{
	width	:	138px;
	padding-left	:	10px;
	float	:	left;
}
#modelhouse .madoriBox .madoriSelect.long li{
	width	:	210px;
	padding-left	:	15px;
}
#modelhouse .madoriBox .madoriSelect.full li{
	width	:	100%;
	padding-left	:	0px;
}
#modelhouse .madoriBox .madoriSelect li:first-child{
	padding-left	:	0px;
}
#modelhouse .madoriBox .madoriSelect li a{
	line-height	:	40px;
	display	:	block;
	background-image	:	url("../images/modelhouse/btnBg.png");
	background-repeat	:	no-repeat;
	background-position	:	center center;
	text-align	:	center;
}
#modelhouse .madoriBox .madoriSelect.long li a{
	background-image	:	url("../images/modelhouse/btnBg_long.png");
}
#modelhouse .madoriBox .madoriSelect.full li a{
	background-image	:	url("../images/modelhouse/btnBg_full.png");
}
#modelhouse .madoriBox .madoriSelect li a.active{
	color	:	#c00;
	background-image	:	url("../images/modelhouse/btnBg_on.png");
}
#modelhouse .madoriBox .madoriSelect.long li a.active{
	background-image	:	url("../images/modelhouse/btnBg_long_on.png");
}
#modelhouse .madoriBox .madoriSelect.full li a.active{
	background-image	:	url("../images/modelhouse/btnBg_full_on.png");
}
#modelhouse .madoriBox .madoriSelect li a:hover{
	color	:	#c00;
	background-image	:	url("../images/modelhouse/btnBg_on.png");
}
#modelhouse .madoriBox .madoriSelect.long li a:hover{
	background-image	:	url("../images/modelhouse/btnBg_long_on.png");
}
#modelhouse .madoriBox .madoriSelect.full li a:hover{
	background-image	:	url("../images/modelhouse/btnBg_full_on.png");
}



#modelhouse #tabArea{
	width	:	470px;
	float	:	right;
}
#modelhouse #tabArea .tabBox{
	display	:	none;
}
#modelhouse #tabArea .tabBox.active{
	display	:	block;
}

#modelhouse #tabArea .photoArea{
	width	:	100%;
}
#modelhouse #tabArea .photo{
	padding	:	5px;
	margin-top	:	15px;
	border	:	1px solid #eee;
	-webkkit-box-shadow	:	0px 0px 5px #ccc;
	-moz-box-shadow	:	0px 0px 5px #ccc;
	-ms-box-shadow	:	0px 0px 5px #ccc;
	-o-box-shadow	:	0px 0px 5px #ccc;
	box-shadow	:	0px 0px 5px #ccc;
}
#modelhouse #tabArea .photo:first-child{
	margin-top	:	0px;
}
#modelhouse #tabArea .photo img{
	width	:	100%;
}
#modelhouse #tabArea .detail{
	width	:	100%;
	margin-bottom	:	20px;
}
#modelhouse #tabArea .detail .houseRoomName{
	line-height	:	110%;
	padding	:	3px 0px 3px 12px;
	font-size	:	22px;
	font-family	:	"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color	:	#333;
	border-left	:	1px solid #333;
}
#modelhouse #tabArea .detail .houseRoomName span{
	font-size	:	12px;
	font-family	:	"Times New Roman", serif;
	color	:	#666;
}
#modelhouse #tabArea .detail p{
	line-height	:	200%;
	color	:	#666;
	text-align	:justify;
}





#modelhouse #modelhouseFooter .left{
	width	:	480px;
}
#modelhouse #modelhouseFooter .left #kengaku{
	border	:	1px solid #ccc;
	background-color	:	#f7f7f7;
}
#modelhouse #modelhouseFooter .left #kengaku h5{
	padding	:	10px;
	border-bottom	:	1px dotted #c00;
	font-size	:	18px;
}
#modelhouse #modelhouseFooter .left #kengaku p{
	line-height	:	160%;
	padding	:	10px;
}
#modelhouse #modelhouseFooter .left #kengaku p .telNum{
	font-size	:	18px;
	font-weight	:	bold;
}
#modelhouse #modelhouseFooter .left #kengaku p .small{
	font-size	:	11px;
}


#modelhouse #modelhouseFooter .right{
	width	:	420px;
}
#modelhouse #modelhouseFooter .right .moreMessage{
	line-height	:	100%;
	padding-left	:	10px;
	margin-bottom	:	10px;
	border-left	:	6px solid #c10000;
	font-size	:	14px;
}
#modelhouse #modelhouseFooter .right .moreBtn a{
	padding	:	8px;
	display	:	block;
	background-color	:	#cc3234;
	color	:	#fff;
	font-size	:	14px;
	font-weight	:	bold;
	text-align	:	center;
	-webkkit-border-radius	:	5px;
	-moz-border-radius	:	5px;
	-ms-border-radius	:	5px;
	-o-border-radius	:	5px;
	border-radius	:	5px;
}
#modelhouse #modelhouseFooter .right .moreBtn a:hover{
	background-color	:	#dd4b4b;
}