@import url( format.css );
@import url( base.css );
@import url( inner.css );



/* mainContents style
---------------------------------------------------- */
	.hr01 {
		width:585px;
		height:1px;
		margin:5px 0px 20px 0px;
		background: url("../../images/dream/hr01.gif") repeat-x left top;	
	}

	.m10_b{
		margin-bottom:10px;
	}

	.m5_b{
		margin-bottom:5px;
	}

/*--------- report --------------*/

#mainContents .subin{
	border:1px solid #D5CCB9;
	text-align:center;
	background-color: #ffffff;
	padding-top: 30px;
	padding-bottom: 10px;
	margin: 0px;
	padding-right: 32px;
	padding-left: 32px;
}

/*- メインタイトル部分 --------------*/

#mainContents .reportHeader{
	width:768px;
	margin:0 auto 20px;
	padding-top: 40px;
}

/*- リポート部分 --------------*/
#mainContents .reportBlock1,
#mainContents .reportBlock2,
#mainContents .reportBlock3 {
	width:738px;
}
#mainContents .reportBlock1 {
	margin:0px auto;
}
#mainContents .reportBlock2 {
	margin:30px auto 0;
}
#mainContents .reportBlock3 {
	margin:60px auto 0;
}
#mainContents .reportBlock2b {
	width:696px;
	border: 1px solid #6b513a;
	padding: 20px;
	margin:30px auto 0;
}

#mainContents h2,
#mainContents h3,
#mainContents p {
	text-align: left;
}
#mainContents h2 {
	margin-bottom: 20px;
}
#mainContents h3 {
	margin-bottom: 15px;
}

#mainContents .dcont01,
#mainContents .dcont02,
#mainContents .dcont03,
#mainContents .dcont04 {
	width:738px;
}

	/* normal */
	#mainContents .dcont01 .boxL {
		width: 473px;
		float: left;
	}
	#mainContents .dcont01 .boxR {
		width: 230px;
		float: right;
	}
	#mainContents .dcont01 .boxR p {
		font-size: 10px;
		margin-top: 3px;
	}
	/* 画像3枚タイプ */
	#mainContents .dcont02 .boxL {
		width: 240px;
		float: left;
		margin-right:9px;
	}
	#mainContents .dcont02 .boxR {
		width: 240px;
		float: right;
	}
	#mainContents .dcont02 p {
		font-size: 10px;
		margin-top: 3px;
	}
	/* 画像ワイドタイプ */
	#mainContents .dcont03 .boxL {
		width: 323px;
		float: left;
	}
	#mainContents .dcont03 .boxR {
		width: 380px;
		float: right;
	}

	/* mini */
	#mainContents .mini {
		width: 230px;
	}
	#mainContents .mini .boxL {
		width: 130px;
		float: left;
	}
	#mainContents .mini .boxR {
		width: 92px;
		float: right;
	}
	#mainContents .mini .boxR p {
		font-size: 10px;
	}

	/* geoFit */
	#mainContents .geoFit {
		width:738px;
	}
	#mainContents .geoFit .boxL {
		width: 240px;
		float: left;
	}
	#mainContents .geoFit .boxR {
		width: 470px;
		float: right;
	}
	
	/* float img */
	#mainContents .imgR {
		float: right;
		padding: 0 0 10px 10px;
	}

	/* inner 2col */
	#mainContents .dcont01 .boxL .inBox  {
		width: 473px;
	}
	#mainContents .dcont01 .boxL .inBox .inBoxL  {
		float: left;
		width: 230px;
	}
	#mainContents .dcont01 .boxL .inBox .inBoxR  {
		float: right;
		width: 230px;
	}
	#mainContents .dcont01 .boxL .inBox .inBoxR p  {
		font-size: 10px;
		margin-top: 3px;
	}

	/* 暮らしを快適にする工夫 */
	#mainContents .comfortTable  {
		width: 738px;
	}
	#mainContents .comfortTable th  {
		border: 1px solid #6B513A;
		padding: 5px 0;
	}
	#mainContents .comfortTable td  {
		vertical-align: top;
	}	
	#mainContents .comfortTable td.pic  {
		vertical-align: bottom;
	}
	#mainContents .comfortTable td.text1  {
		text-align: left;
		padding: 10px 0;
	}
	#mainContents .comfortTable td.text2  {
		padding-top: 3px;
		text-align: left;
		font-size: 10px;
	}
		
/*- モニター様の声 --------------*/
#mainContents .reportVoice {
	width: 738px;
	margin-bottom: 20px;
} 
#mainContents .reportVoice .boxL {
	width: 120px;
	float: left;
}
#mainContents .reportVoice .boxR {
	width: 604px;
	float: right;
	padding-top: 7px;
	text-align: left;
}
#mainContents .reportVoice .boxR p {
	margin-top: 10px;
}

/*- ジオのこだわり --------------*/
#mainContents .kodawari {
/*	margin: 30px auto 0;*/
	margin: 0 auto;
	padding-bottom: 30px;
	width: 738px;
}

/*- 担当メッセージ --------------*/
#mainContents .message {
	margin: 0 auto;
	padding-bottom: 30px;
	width: 738px;
}

/*- footer --------------*/
#reportFooter{
	margin:0px auto 0px auto;
	padding:50px 0px 0px 0px;
	text-align:right;
}


/* 表紙メイキングストーリー
---------------------------------------------------- */
#mainContents .reportBlock{
	width:731px;
	margin:0px auto;
	padding:10px 0px;
}

.makeCover img {
	border: 1px solid #ccc;
}

.makeTable {
	width:731px;
}

.makeTable td {
	vertical-align: top;
	text-align: left;
}

.makeTable .small {
	font-size: 10px;
	line-height: 120%;
	padding-top: 3px;
}