@import "../../css/common.css";

/* ---------------------------------------------------------------- */
/* wood：木の香る家 */
/* ---------------------------------------------------------------- */
/* h1 */
h1{
	width:607px;
	margin:0 auto 0.5em;
	padding:0;
}

/* h2 */
h2{
	margin:0 auto 1em;
	padding:0;
}

/* 木の香る家介:大枠 */
#wood{
	width:580px;
	margin:0 auto 3em;
}

/* 木の香る家:テキスト */
#wood p.text{
	width:530px;
	margin:0 auto 1.5em;
}

/* 木の香る家:リスト */
#wood ul{
	margin:0 0 2em 0;
	padding:0 0 0 50px;
}

#wood ul li{
	margin:0 0 0.4em 0;
	padding:0;
	list-style-type:square;
}


/* 木の香る家:文字強調 */
#wood ul li span{
	color:#a40000;
}

/* -------------------------- top(最上部エリア) ---------------------------- */
/* 枠 */
.top{
	margin:0 auto 1em;
	padding:0;
}

/* clear hack */
.top{zoom:1;}
.top:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* 左エリア */
.top .left-area{
	float:left;
	width:280px;
}

/* 右エリア */
.top .right-area{
	float:right;
	width:300px;
}

/* キャッチコピー */
p.catch{
	margin:2em 0 2.4em 0;
	text-align:center;
}

/* ------------------------ middle(中央エリア) --------------------- */
/* 枠 */
.middle{
	margin:0 auto 3em;
}

/* 画像:中央寄せ */
.middle .pic{
	margin:0 auto 1.5em;
	text-align:center;
}

/* -------------------------- detail --------------------------- */
/* 枠 */
.detail{
	width:580px;
	margin:0 auto 1em;
	padding:0;
}

/* clear hack */
.detail{zoom:1;}
.detail:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* 左エリア */
.detail ul{
	float:left;
	width:300px;
	margin:0;
	padding:0;
}

.detail ul li{
	margin:0 0 2px 0;
	padding:0;
	list-style-type:square;
}

/* 画像右寄せ */
.detail .pic-r{
	float:right;
	margin:0 10px;
}

/* ----------------------------- お客様の声 ----------------------------- */
/* お客様の声：枠 */
.voice{
	width:575px;
	margin:0 auto;
}


/* お客様の声：名前 */
p.voice-name{
	width:540px;
	margin:0 auto 0.5em;;
	font-weight:bold;
	color:#a40000;
}

.voice dl{
	width:530px;
	margin:0 auto 1.4em;
}

/* お客様の声：ドットライン */
.voice dl.dotline{
	margin:0 auto 2em;
	padding:0 0 15px 0;
	background:url('../../image/dotline.gif') repeat-x left bottom;
}

.voice dl dt{
	margin:0 0 0.5em 0;
	padding:5px 0 5px 10px;
	color:#742f02;
	font-weight:bold;
	background-color:#fcf0e0;
	text-align:left;
}

.voice dl dd{
	margin:0;
	padding:0 0 0 10px;
}

/* -------------------------- PopBox --------------------------- */
.PopBoxImageSmall{
	none 0px white;
	cursor:pointer;
}

.PopBoxImageLarge{
	solid thin #CCCCFF;
	cursor:pointer;
}