@charset "UTF-8";
/*NEW styels*/
ul.tab,
ul.tab_b{
	list-style:none;
	margin:0;
	padding:0;
	height:55px;
}
ul.tab li,
ul.tab_b li{
	display:block;
	float:left;
	width:140px;
	height:55px;
	text-align:center;
	margin:0;
	list-style:none;
	position:relative;
}
.tab li a,
.tab_b li a{
	display:block;
	padding:0;
	margin:0;
	height:55px;
	text-indent:-9999px;
}
.tab li a.selected,
.tab li a:hover{}

/*扉のタブ*/
#tb1 a{background:url(img/tab.jpg) no-repeat 0px 0px;}
#tb1 a.selected{background:url(img/tab.jpg) no-repeat 0px -55px;}
#tb2 a{background:url(img/tab.jpg) no-repeat -140px 0px;}
#tb2 a.selected{background:url(img/tab.jpg) no-repeat -140px -55px;}
#tb3 a{background:url(img/tab.jpg) no-repeat -280px 0px;}
#tb3 a.selected{background:url(img/tab.jpg) no-repeat -280px -55px;}
#tb4 a{background:url(img/tab.jpg) no-repeat -420px 0px;}
#tb4 a.selected{background:url(img/tab.jpg) no-repeat -420px -55px;}
#tb5 a{background:url(img/tab.jpg) no-repeat -560px 0px;}
#tb5 a.selected{background:url(img/tab.jpg) no-repeat -560px -55px;}
#tb6 a{background:url(img/tab.jpg) no-repeat -700px 0px;}
#tb6 a.selected{background:url(img/tab.jpg) no-repeat -700px -55px;}

/*色見本のタブ*/
#tb1b a{background:url(img/tab_b.jpg) no-repeat 0px 0px;}
#tb1b a.selected{background:url(img/tab_b.jpg) no-repeat 0px -55px;}
#tb2b a{background:url(img/tab_b.jpg) no-repeat -140px 0px;}
#tb2b a.selected{background:url(img/tab_b.jpg) no-repeat -140px -55px;}
#tb3b a{background:url(img/tab_b.jpg) no-repeat -280px 0px;}
#tb3b a.selected{background:url(img/tab_b.jpg) no-repeat -280px -55px;}
#tb4b a{background:url(img/tab_b.jpg) no-repeat -420px 0px;}
#tb4b a.selected{background:url(img/tab_b.jpg) no-repeat -420px -55px;}
#tb5b a{background:url(img/tab_b.jpg) no-repeat -560px 0px;}
#tb5b a.selected{background:url(img/tab_b.jpg) no-repeat -560px -55px;}

#tb5b.fine a{background:url(img/tab_b02.jpg) no-repeat -560px 0px;}
#tb5b.fine a.selected{background:url(img/tab_b02.jpg) no-repeat -560px -55px;}

#tb6b a{background:url(img/tab_b.jpg) no-repeat -700px 0px;}
#tb6b a.selected{background:url(img/tab_b.jpg) no-repeat -700px -55px;}

.sList{
	width:865px;
	margin:0 0 0 -25px;
}

.sList dt{/*
	margin:0 0 10px 25px;
	background:#ccc;
	padding:10px;
	*/
	display:none;
}
.sList dd{
	width:148px;
	display:inline;
	float:left;
	margin:0 0 0 25px;
	font-size:11px;
	text-align:left;
	line-height:1.3;
	height:23em;
}
dd.break{
	margin-left:198px;
}
.sList dd img{
	display:block;
	margin-bottom:0.5em;
}

.stx{
	display:block;
	font-size:11px;
}

.panel,
.panel_b{
	list-style:none;
	position:relative;
	background:url(img/bg_panel.jpg) no-repeat left top;
	padding-top:30px;
	margin:0;
}

.panel li,
.panel_b li{
	position:relative;
}

/*色見本*/

.mList{
	width:850px;
	margin:0 0 20px -10px;
}
.mList dt{/*
	margin:0 0 10px 10px;
	background:#ccc;
	padding:10px;*/
	display:none;
}

.mList dd{
	width:160px;
	display:inline;
	float:left;
	margin:0 0 10px 10px;
	font-size:85%;
	text-align:center;
	line-height:1.3;
}

.mList dd.hide{
	display:none;
}

.mList dd img{
	display:block;
	margin-bottom:0.5em;

	-webkit-box-shadow:0px 0px 5px #999;
    -moz-box-shadow:0px 0px 5px #999;
    box-shadow:0px 0px 5px #999;
}

/*
	<li id="tab5b" class="clearfix">
		<dl class="mList">
			<dt>ウォールナット</dt>
			<dd><img src="img/wnut.jpg" alt="" />NA</dd>
		</dl>
		<dl class="mList">
			<dt>ホワイト</dt>
			<dd><img src="img/white.jpg" alt="" />WH<span class="stx">（UNO･DUE･CRESCのみ）<br />※FINEはWH以外の対応</span></dd>
		</dl>
	</li>
*/
/*
#tab5b .mList{
	width:160px;
	display:block;
	float:left;
	margin:0 20px 20px 0;
}
#tab5b .mList dt{
	float:none;
	display:block;
	background:#eee;
	padding:5px 7px;
	margin:0 0 7px 0;
	font-weight:bold;
	border-left:3px solid #E56300;
}
#tab5b .mList dd{
	display:block;
	text-align:center;
	float:none;
	margin:0 0 0 0;
	width:160px;
}
*/
/*Others*/
#otr h3{
	margin:10px 5px 10px 5px;
	border-left:0.7em solid #5A4A40;
	padding:0 0 0 5px;
	line-height:1.5;
}
#otr ul{
	list-style:none;
	margin:0 0 20px -5px;
	padding:0;
}

#otr li{
	width:160px;
	display:inline;
	float:left;
	margin:0 0 10px 10px;
	font-size:85%;
	text-align:center;
	line-height:1.3;
}

#otr li img{
	display:block;
	margin-bottom:0.5em;
    -webkit-box-shadow:0px 0px 5px #999;
    -moz-box-shadow:0px 0px 5px #999;
    box-shadow:0px 0px 5px #999;
}


/*天然木を愉しむ*/

#sustainable{
	 padding:0;
	 margin:5;
	 background:#EAEDDE;
	 border-top:4px solid #5A4A40;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

    -webkit-box-shadow:0px 0px 5px #999;
    -moz-box-shadow:0px 0px 5px #999;
    box-shadow:0px 0px 5px #999;
}
#sustainable .inner{
	padding:20px;
}
#sustainable .ex{
	list-style:none;
	margin:0;
	padding:0;
	width:250px;
	float:right;
}
#sustainable .ex li{
	display:block;
	margin-bottom:5px;
}
#sustainable dl{
	float:left;
	width:500px;
}
#sustainable dt{
	padding:0;
	margin:10px 0 20px 0;
}
#sustainable dd{
	margin:0;
	padding:0;
	line-height:2.5;

	font-size:13px;
	color:#493930;
}




/*section01
-------------------------------------*/
#section01{width:auto; background:url(./img/bg_sec01.jpg) repeat-x left bottom; padding-right:30px;}
#section01 .clr{height:1px; font-size:1px;}
.titleArea{float:left; width:530px;}
.titleArea .inner{padding:15px;}
.titleArea .lead{margin-bottom:1em; font-size:92%;}
.caution{width:300px; margin-top:30px;}
.titleArea ul{font-size:80%; margin:0 15px;}
.titleArea ul li{line-height:1.3; color:#999999; margin-bottom:1em;}
#fine_s{width:274px; font-size:85%; text-align:center; float:right; padding:15px 0px 15px 0;}
#fine_s img{display:block; margin-bottom:5px;}

/*section02
-------------------------------------*/
#section02{width:auto; padding-top:20px;}
#section02 ul{clear:both;}
#section02 li{width:154px; float:left; text-align:center; margin:0 37px 10px 37px;}
#section02 li#fine_g01,
#section02 li#fine_fg01{margin-left:0px;}
#section02 li#fine_wh,
#section02 li#fine_bl{margin-right:0px; float:right;}

#section02 li#fine_g01,
#section02 li#fine_g02,
#section02 li#fine_g03,
#section02 li#fine_wt{margin-bottom:30px;}

/*section03
-------------------------------------*/
#section03{width:auto; padding-top:20px;}
#section03 li{width:154px; float:left; text-align:center; margin:0 8px;}
#section03 li#uno{margin-left:0px;}
#section03 li#silvia{margin-right:0px; float:right;}
.pulls{text-align:left; margin:5px 0;}
.others{text-align:center; margin:5px 0; font-size:95%;}
/*section04　色見本
-------------------------------------*/
#section04{padding-top:50px;}

#section04 h3{margin-top:20px;}

#section04 h3 span{font-size:90%; font-weight:normal; margin-left:1em;}
#section04 li{display:inline;}
#section04 li img{display:block; width:108px; height:75px;}
#section04 li span{display:block; font-size:10px;}
#section04 li{width:108px; float:left; text-align:center; margin:0 3px 7px 3px;}

#lo_left{width:342px; float:left;}
#lo_center{width:342px; float:left; margin-left:25px;}
#lo_right{width:108px; float:right;}
#color_wallnat li,
#color_white li{margin:0 0 7px 0;}

/*drawer
-------------------------------------*/
#drawer ul,
#drawer li{
	list-style:none;
	margin:0;
	padding:0;
}

#drawer ul{
	margin-left:70px;
	margin-top:20px;
}

#drawer li{
	display:block;
	width:230px;
	min-height:130px;
	margin:3px 10px 3px 0;
	float:left;
	text-align:center;
}

#drawer li img{
	display:block;
	margin-bottom:5px;
}


/*ここからナビゲーション上書き
ul.tab,
ul.tab_b{
	position:fixed;
	left:0;
}
ul.tab li,
ul.tab_b li{
	display:block;
	float:none;
}

ul.tab{top:100px;}
ul.tab_b{bottom:10px;}
*/