@charset "Shift_JIS";
@import url("../../common/css/common.css");

/* --------------------------------------------------------------------------------------
 コンセプト
--------------------------------------------------------------------------------------- */

/* サブナビゲーション ------------------------------ */

div.snavi {
	width: 220px;
	margin: 0 0 0 0;
	padding: 0;
}

div.snavi h2 {
	width: 220px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

div.snavi ul {
	margin-bottom: 20px;
}

div.snavi ul li {
	width: 220px;
	height: 40px;
	text-indent: -9999px;
}

div.snavi ul li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
	text-decoration: none;
}
/*\*/
div.snavi ul li a {
	overflow: hidden;
}
/**/

/* 通常 */

div.snavi ul li#snavi01,
div.snavi ul li#snavi01 a {
	background: url(../img/snavi01.gif) no-repeat 0 0;
}
div.snavi ul li#snavi02,
div.snavi ul li#snavi02 a {
	background: url(../img/snavi02.gif) no-repeat 0 0;
}
div.snavi ul li#snavi03,
div.snavi ul li#snavi03 a {
	background: url(../img/snavi03.gif) no-repeat 0 0;
}
div.snavi ul li#snavi04,
div.snavi ul li#snavi04 a {
	background: url(../img/snavi04.gif) no-repeat 0 0;
}
div.snavi ul li#snavi05,
div.snavi ul li#snavi05 a {
	background: url(../img/snavi05.gif) no-repeat 0 0;
}
div.snavi ul li#snavi06,
div.snavi ul li#snavi06 a {
	background: url(../img/snavi06.gif) no-repeat 0 0;
}

/* ロールオーバー */

div.snavi ul li#snavi01 a:hover,
div.snavi ul li#snavi02 a:hover,
div.snavi ul li#snavi03 a:hover,
div.snavi ul li#snavi04 a:hover,
div.snavi ul li#snavi05 a:hover,
div.snavi ul li#snavi06 a:hover {
	background-position: -220px 0;
}


/* 構造 ------------------------------ */

div.ctBox p.kouzou-pic {
	float: left;
	margin-bottom: 10px;
	padding: 0 20px 0 0;
}

div.ctBox p.kouzou-pic2 {
	float: left;
	width: 220px;
	margin-bottom: 10px;
	padding: 0 0 0 0;
	background: #302925;
	color: #ffffff;
}

div.ctBox p.kouzou-pic2 img {
	margin: ;
	padding-bottom: 10px;
	background: #ffffff;
}

div.ctBox p.kouzou-pic2 span {
	display: block;
	padding: 8px;
	font-size: 86%;
}


/* 自然素材 ------------------------------ */

/* 無垢の木材 */

div.sozaiBox{
	width: 610px;
	margin: 0;
	padding: 0 0 0 0;
	background: #f6eadb url(../img/sozai_bg.gif) repeat-y top left;
}

div.sozaiBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.sozaiBox { display:inline-block; }
/*\*/
* html div.sozaiBox { height:1%; }
div.sozaiBox { display:block; }
/**/


div.sozaiBox p.sozaiLeft {
	float: left;
	width: 265px;
	margin: 20px 0;
	padding: 0 0 0 20px;
}

* html div.sozaiBox p.sozaiLeft {
	width: 285px;
}

div.sozaiBox p.sozaiRight {
	float: right;
	width: 265px;
	margin: 20px 0;
	padding: 0 20px 0 0;
}
* html div.sozaiBox p.sozaiRight {
	width: 285px;
}

div.sozaiBox p.sozaiRight span,
div.sozaiBox p.sozaiLeft span {
	display: block;
	padding: 0 0 5px 0;
}

div.sozaiBox h3{
	margin: 0;
	padding: 0;
}

/* 自然素材の壁材えらび */

div.sozaiBox2{
	width: 610px;
	margin: 0;
}

div.sozaiBox2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.sozaiBox2 { display:inline-block; }
/*\*/
* html div.sozaiBox2 { height:1%; }
div.sozaiBox2 { display:block; }
/**/

div.sozaiBox2 dl {
	float: left;
	width: 170px;
	margin: 10px 20px 0 0px;
}

div.sozaiBox2 dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.sozaiBox2 dl { display:inline-block; }
/*\*/
* html div.sozaiBox2 dl { height:1%; }
div.sozaiBox2 dl { display:block; }
/**/

div.sozaiBox2 dl {
	float: left;
	width: 180px;
	margin: 10px 30px 0 0px;
}

div.sozaiBox2 dl.end {
	float: left;
	width: 180px;
	margin: 10px 0px 0 0px;
}

div.sozaiBox2 dl dt,
div.sozaiBox2 dl.end dt {
	margin: 0 0 10px 0;
}

div.sozaiBox2 dl dd,
div.sozaiBox2 dl.end dd {
	margin: 0 0 10px 0;
}

div.sozaiBox2 dl dd p,
div.sozaiBox2 dl.end dd p {
	margin: 5px 0;
}


/* 広がり空間の間取り ------------------------------ */

dl.rule {
	float: left;
	width: 280px;
	margin: 10px 30px 0 0px;
}

dl.rule-end {
	float: left;
	width: 280px;
	margin: 10px 0px 0 0px;
}

dl.rule dt,
dl.rule-end dt {
	margin: 0 0 10px 0;
}

dl.rule dd,
dl.rule-end dd {
	margin: 0 0 10px 0;
}



/* 広がり空間の間取り ------------------------------ */

dl.madori {
	float: left;
	width: 180px;
	margin: 10px 30px 0 0px;
}

dl.madori-end {
	float: left;
	width: 180px;
	margin: 10px 0px 0 0px;
}

dl.madori dt,
dl.madori-end dt {
	margin: 0 0 10px 0;
}

dl.madori dd,
dl.madori-end dd {
	margin: 0 0 10px 0;
}

dl.madori dd p,
dl.madori-end dd p {
	margin: 5px 0;
}