@charset "utf-8";

/* index----------------------------- */

.main .section h4{
	font-size:100%;
	font-weight:bold;
	padding:0 0 5px 15px;
	background:url("../../../images/common/icon_cube.gif") no-repeat 0 3px;
	clear:both;
}
.main .section.border{
	clear:both;
	padding:0 0 20px 0;
	background:url("../../../images/lineup/flooring/common/bg_border_dotted.gif") repeat-x 0 bottom;
}
.main .visual ul.sub_btn li{
width:208px; 
margin-left:2px; 
padding:0;
}
.main .section dl.living {
float:left;
width:297px;
margin-bottom:30px;
font-size:12px;
}
.main .section dl.living dt{
width:268px;
margin-bottom:10px;
}
.main .section dl.bed{
float:left;
width:193px;
margin:0 15px 30px 0;
font-size:12px;
}
.main .section dl.bed dt{
	font-weight:bold;
	padding:0 0 5px 15px;
	background:url("../../../images/common/icon_cube.gif") no-repeat 0 3px;
}
.main .section dl.bed dd{margin-bottom:10px;}
.main .cutter{clear:both;}
/* --------------------------------------------
各詳細ぺ－ジ
-------------------------------------------- */
.main .section.navi02 ul{
	background: url(../../../images/lineup/wall/interfit/details/bg_details.jpg) no-repeat 0 0;
}
.main .section.navi02 ul{
	height:41px;
	margin:0 0 0 0;
	padding:3px 0 0 112px;
}
.main .section.navi02 ul li{
	float:left;
	display:inline;
	margin:0 2px 0 0;
	border:1px solid #FFF;
}
.contents .container #mainContent .main .navi02 {
	position:relative;
}
.contents .container #mainContent .main .navi02 .back-index{
	position:absolute;
	top:4px;
	left:0;
}
.bold{font-weight:bold;}

.main .section .valiation_box{
float:left;
margin:0 2px 2px 0;
width:214px;
}
.main .section .valiation_box dt.ti02{
color:#FFF;
font-weight:bold;
background:#A1A1A1;
padding:5px 10px;
margin-bottom:2px;
width:194px;
}
.main .section dl.valiation_box dd.box{
border:1px solid #A1A1A1;
padding:10px;
width:192px;
}
.main .section dl.valiation_box dd.box dl.content dt.img02{
text-align:center;
margin:0 0 10px 0;
}
.main .section .valiation_box02{
float:left;
margin:0 2px 2px 0;
width:322px;
}
.main .section .valiation_box02 dt.ti03{
color:#FFF;
font-weight:bold;
background:#A1A1A1;
padding:5px 10px;
margin-bottom:2px;
width:302px;
}
.main .section dl.valiation_box02 dd.box02{
border:1px solid #A1A1A1;
padding:10px;
width:300px;
}
.main .section dl.valiation_box02 dd.box02 dl.content02 dt.img03{
text-align:center;
margin:0 0 10px 0;
}
.main .section .setbox{
clear:both;
width:650px;
margin-top:10px;
}
.main .section .setbox p{margin-bottom:10px;}
.main .section .setbox dd.outline01{
padding:10px 0 10px 10px;
border:#EBEDF0 1px solid;
width:638px;
height:75px;
}
.main .section .setbox dd.outline01 dt{margin-bottom:10px;}
.main .section .setbox dd.outline01 dd{
float:left;
margin-right:4px;
}
/*拡大コンテンツ--------------------------------------------------*/
.main .section .section-wrapper-details02{
	width:313px;
	float:left;
	margin:0 0 30px 0;
	font-size:93%;
}
.main .section .section-wrapper-details02.right{
	float:right;
}
.main .section .section-wrapper-details02 h3{
	text-indent:8px;
	font-size:100%;
	font-weight:bold;
	height:19px;
	margin:0 0 10px 0;
	line-height:19px;
	background:url("../../../images/lineup/flooring/common/img_item_ttl.gif") no-repeat 0 0;
}
.main .section .section-wrapper-details02 p.img{
	float:right;
	margin:0 0 0 0;
}
.main .section .section-wrapper-details02 dl{
	font-size:100%;
	width:205px;
	float:left;
	margin:2px 0 10px 0;
}
.main .section .section-wrapper-details02 dl02 dt{
	clear:both;
}
.main .section .section-wrapper-details dl02 dd{
	clear:both;
}

.main .section .section-wrapper-details02 p{
font-weight:bold;
}

/* New category 2011-09-14 */
.main .section.middle{
	padding:29px 0 0 0;
	clear:both;
	background:url("../../../images/lineup/flooring/common/bg_border_dotted.gif") repeat-x scroll center top transparent;
}
.main .section.middle .panel-main{
	margin:0 0 20px 0;
}
.main .section.middle .panel-main p{
	width:268px;
	height:280px;
	float:left;
	margin:0 20px 0 0;
}
.main .section.middle .panel-main .right{
	width:350px;
	min-height:280px;  
	height:auto !important;  
	height:280px;  
	overflow:hidden;
}
.main .section.middle .panel-main .right p{
	width:340px;
	height:auto !important;  
}
.main .section.middle ul.panel-sub{
	margin:0 0 20px 0;
	clear:both;
}
.main .section.middle ul.panel-sub li{
	width:315px;
	float:left;
	display:inline;
}
.main .section.middle ul.panel-sub li.first{
	margin:0 20px 0 0;
}
.main .section.middle ul.panel-sub li img.ttl{
	display:block;
	padding:0 0 10px 0;
}
.main .section.middle .parts{
	margin:10px 0 20px 0;
	position:relative; 
}
.main .section.middle .parts .ttl01,
.main .section.middle .parts .ttl02{
	position:absolute;
}
.main .section.middle .parts .ttl01{
	bottom:-30px;
	left:230px;
}
.main .section.middle .parts .ttl02{
	bottom:-30px;
	right:110px;
}
.main .steps{
	overflow:hidden;
	margin:0 0 40px 14px;
}
.main .steps li{
	width:201px;
	float:left;
	margin:10px 20px 0 0;
	font-size:100%;
	display:inline;
}
.main .steps li.sub{
	padding:40px 0 0 0;
}
.main .steps li img{
	display:block;
	margin:0 0 8px 0;
}
.main .steps li img.sub-image{
	float:right;
	width:100px;
	height:75px;
}
.main .main-ttl{
	background: url("../../../images/common/icon_cube.gif") no-repeat scroll 0 3px transparent;
	clear: both;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 5px 15px;
	margin:0 0 0 14px;		
}
.main ul.two-parts li.parts01,
.main ul.two-parts li.parts02{
	float:left;
	font-size:87%;
}
.main ul.two-parts{
	overflow:hidden;
	margin:10px 0 20px 14px;
}
.main ul.two-parts li.parts01{
	width:359px;
	margin:0 30px 0 0;
}
.main ul.two-parts li.parts02{
	width:259px;
}
.main ul.two-parts li img{
	display:block;
	margin:0 0 5px 0;
}
.main ul.two-parts li span.indent{
	display:block;
	text-indent:4em;
}