@charset "EUC-JP";

ifream{border:none!important;
}
.clearfix:before,.clearfix:after{content:'';display:block;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}

#colors #wrapper{width:720px;margin:0 auto;}
#colors #nav {border-bottom:solid 1px #ccc; margin-bottom:10px;}
#colors #nav li{float:left;display:flex;align-items:center;}
#colors #nav a{text-align:center;height:20px;width:135px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-top:solid 1px #ccc;margin:0 1px 0 0;padding:5px;display:block; text-decoration:none;color:#555;background:#f0f0f0;display:inline-block;}
#colors #nav li.on a{background:#fff;}
#colors #nav a:hover{background:#fff;}

/* .slideShow
------------------------- */
#colors .slideShow {
	margin: 0 auto;
	font-size:75%;
	width:680px!important;
}

/* .mainView
------------------------- */
#colors .slideShow .mainView {
	width: 320px!important;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding-top: 55px;
    text-align: center;
    margin: 0 auto;
}
#colors .slideShow .mainView ul {
	width: 320px!important;
}
#colors .slideShow .mainView ul li {
	top: 15px;
	position: absolute;
	
}
#colors .slideShow .mainView ul li img {
	width: 320px;
}

/* .thumbNail
------------------------- */
#colors .slideShow .thumbNail {
	padding-top:50px;
	width: 100%;
	z-index: 9;
}

#colors .slideShow .thumbNail ul li {
	float: left;
}
#colors .slideShow .thumbNail > ul > li.c_b{
	clear: both;
}
#colors .slideShow .thumbNail ul.bodycolor{
	display: none;
	position: absolute;
	    top: -60px;
    right: 0;
	z-index: 9;
}
#colors .slideShow .thumbNail ul.bodycolor li{
	opacity: 1!important;
}
#colors .slideShow .thumbNail ul.bodycolor.select{
	display: block;
}
#colors .slideShow .thumbNail ul>li {
	cursor: pointer;
	width: 67px!important;	
}
#colors .slideShow .thumbNail ul > li.mb43{
	margin-bottom: 43px;
}

#colors .slideShow .thumbNail ul li img {
	width:67px;
}

#colors .slideShow .thumbNail > ul > li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
	border:#F00 2px solid;
	margin-bottom:20px;
}

 .thumbNail{
	position:relative;
	width:100% !important;
	}	
	
.thumbNail .ttl01{
	position: absolute;
    right: 58px;
    top: -83px;
    font-size: 12px;
    z-index: 9;
}
.thumbNail .ttl02{
	position: absolute;
	left: 0;
    top: 25px;
    font-size: 14px;
}
.thumbNail .ttl03{
	position: absolute;
	left:0;
	top:120px;
	font-size: 14px;
}
.titleA{
	    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
	}
	
.caufont {
    font-size: 18px;
    letter-spacing: 0.05em;
}
/*メラミン天板*/

.tnBoxM .titleB{
	position:absolute;
	top:270px;
	}

.panel_mk27{
	position:absolute;
	top:290px;
	}
	
.panel_mgm8{
	position:absolute;
	top:290px;
	left:57px;
	}

.panel_mk61{
	position:absolute;
	top:290px;
	left:114px;
	}

.panel_mgl8{
	position:absolute;
	top:290px;
	left:171px;
	}

/*ティンバーウッド*/

.tnBoxT .titleB{
	position:absolute;
	top:400px;
	}

.panel_mgm4{
	position:absolute;
	top:420px;
	}
	
.panel_mgm1{
	position:absolute;
	top:420px;
	left:57px;
	}
	
.panel_mgm2{
	position:absolute;
	top:420px;
	left:114px;
	}
	
.panel_mgm3{
	position:absolute;
	top:420px;
	left:171px;
	}
	
.panel_mgl4{
	position:absolute;
	top:420px;
	left:228px;
	}
.panel_mgl1{
	position:absolute;
	top:420px;
	left:285px;
	}

.panel_mgl2{
	position:absolute;
	top:420px;
	left:342px;
	}

.panel_mgl3{
	position:absolute;
	top:420px;
	left:399px;
	}

/*プライスウッド*/

.tnBoxP .titleB{
	position:absolute;
	top:285px;
	}

.panel_mu03{
	position:absolute;
	top:305px;
	}
	
.panel_mu04{
	position:absolute;
	top:305px;
	left:57px;
	}
	
.panel_mu05{
	position:absolute;
	top:305px;
	left:114px;
	}
	
.panel_mdy7{
	position:absolute;
	top:305px;
	left:171px;
	}
	

.panel_mdy8{
	position:absolute;
	top:305px;
	left:228px;
	}

.panel_mdy9{
position:absolute;
	top:305px;
	left:285px;
}

.panel_mfk1{
	position:absolute;
	top:305px;
	left:342px;
	}

.panel_mfk2{
	position:absolute;
	top:305px;
	left:399px;
	}

.panel_mfk3{
	position:absolute;
	top:305px;
	left:456px;
	}
	
/*カラー天板*/

.tnBoxC .titleB{
	position:absolute;
	top:270px;
	}

.panel_mhm4{
	position:absolute;
	top:290px;
	}

.panel_mhm3{
	position:absolute;
	top:290px;
	left:57px;
	}

.panel_mhm2{
	position:absolute;
	top:290px;
	left:114px;
	}

.panel_mhm1{
	position:absolute;
	top:290px;
	left:171px;
	}
.content iframe{
	border: 2px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	


/*-------------------*/
.tab{overflow:hidden;}
.tab li{background:#eee; padding:0 40px; float:left; margin-right:1px; height:55px; cursor: pointer; font-size: 18px; font-weight: 500; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content: center; align-items: center;}
.tab li.select{background:#cccccc;}
.content li{    cursor: pointer;}
.hide {display:none;}