@charset "utf-8";

/* ===================================================================
CSS information

 file name  :plan.css
 style info :間取り図・写真ページ
=================================================================== */



/* -----------------------------------------------------------
	間取り図サムネイルエリア & フォトギャラリー
----------------------------------------------------------- */

div.pFrame {
	float: left;
	width: 190px;
	/*height: 192px;*/
	min-height: 192px;
	height: auto !important;
	height: 192px; /*ここにIE６用の高さを設定*/ 
	padding: 10px 10px 0;
	margin-bottom: 10px;
	margin-left: 10px;
	background: url(../../images/pframe.gif) no-repeat;
}

	/*サムネイル写真の改行（フロート解除）*/
	div.sf {
		/*clear: both;*/
		margin-left: 0px;
	}


div.pThum {
	margin-bottom: 5px;
}
	
p.pName {
	font-size: 91.7%;
	line-height: 133.4%;
	padding: 3px 6px;
	background: #eeeeee;
}

p.pCaption {
	padding: 3px 6px;
}

	

	div#request-mid {
		clear: both;
		width: 651px;
		height: 83px;
		margin: 0 auto;
		margin-bottom: 20px;
		background: url(../../../plan/images/request_middle.jpg) no-repeat;
	}
	
	div#reqM-btn {
		text-align: right;
		padding: 17px 42px; 
	}
	




/* -----------------------------------------------------------
	間取り図サムネイルエリア & フォトギャラリー
----------------------------------------------------------- */

div#hosue-maker {
	width: 860px;
	height: 143px;
	margin: 0 15px 30px;
	background: url(../../../plan/images/houseMaker_bg.gif) no-repeat;
}

	div.hm-box {
		float: left;
		/*width: 215px;*/
		width: 146px;
		padding: 0 13px;
	}
	
	div.hm-box div.hm-logo {
		padding: 23px 0;
		text-align: center;
	}
	
div#dNote {
	clear: both;
	/*float: right;*/
	/*width: 470px;*/
	letter-spacing: 0;
	margin-bottom: 30px;
}

	div#dNote li {
		list-style: none;
		padding-left: 8px;
	}








/*
div.mCol-base h1 {
margin-bottom:29px;
}


div.mCol-base h1 img {
display:block;
margin:0 auto;
}
*/


/* lead box */

div.mCol-base .lead {
/*margin-bottom:60px;*/
}

div.mCol-base .lead h2 {
float:left;
margin-right:60px;
margin-bottom:15px;
color:#128007;
font-size:217%;
font-weight: normal;
}
div.mCol-base .lead h3 {
float:left;
clear: none;
padding-top:0.6em;
font-size: 133.4%;
font-weight:bold;
}

div.mCol-base .lead p {
clear:both;
float:right;
width:420px;
height:153px;
/*font-size:1.2em;*/
}


/* thumbnails list */
div.mCol-base .lead ul {
width:100%;
}
div.mCol-base .lead li {
float:left;
padding-bottom:19px;
margin-left:19px;
list-style: none;
}
div.mCol-base .lead .head {
margin-left:0;
}
div.mCol-base .lead li img {
display:block;
}


div.mCol-base .lead .main .head {
*position:relative;
*margin-top:-165px;
}


div.mCol-base .lead .notes {
float:none;
width:auto;
height:auto;
font-size: 91.7%;
}







div.mCol-base .image {
display:block;
margin:0 auto 27px;
}

div.mCol-base p.plan-p {
/*width: 860px;*/
/*margin:0 15px 32px;*/
margin-bottom: 32px;
border:1px solid #c9c9c9;
padding:7px 6px;
/*font-size:1.2em;*/
}

div.mCol-base table.plan-t {
	width:860px;
	margin:0 auto 40px;
	/*font-size:1.2em;*/
}

div.mCol-base table.plan-t,
div.mCol-base table.plan-t th,
div.mCol-base table.plan-t td {
	border:1px solid #c9c9c9;
}

div.mCol-base table.plan-t th,
div.mCol-base table.plan-t td {
	padding:5px;
}



/* -----------------------------------------------------------
	ハウスメーカー上段
----------------------------------------------------------- */

div#housemaker {
	margin: 0 15px 15px;
}

	div.makerBox-top {
		width: 423px;
		margin-top: 10px;
		border: 1px solid #e5e5e5;
	}
	
	div.mb-inner {
		padding: 0 25px 25px;
	}
	
	div.mb-left {
		float: left;
		width: 225px;
		letter-spacing: 0px;
	}
	
	div.mb-right {
		float: right;
		width: 129px;
	}
	
	div.maker-logo {
		padding-top: 10px;
	}


/* -----------------------------------------------------------
	ハウスメーカー下段
----------------------------------------------------------- */

div#maker-other {
	clear: both;
	margin: 0 15px 0px;
}

div.mbb-container {
	float: left;
	width: 280px;
	margin-right: 10px;
}

div.mbb-containerR {
	float: left;
	width: 280px;
}

div.makerBox-btm {
	margin-top: 10px;
	border: 1px solid #e5e5e5;
}