﻿@charset "utf-8";


/* ■ 製品概要
-------------------------------- */

#tab1 .section h3{
	margin-bottom:19px;
}

/* --------------------------------
   □ functional
-------------------------------- */

#wallzetmove3 #functional ul.items li dl dt{
	padding-bottom:3px;
}


/* □ #typeExplanation
-------------------------------- */

#wallzetmove3 #typeExplanation .subsection{
	margin:0 0 14px 14px;
}

#wallzetmove3 #typeExplanation .subsection h4{
	margin-bottom:14px;
}

#wallzetmove3 #typeExplanation .subsection dl,
#wallzetmove3 #typeExplanation .subsection p{
	margin-bottom:18px;
}

#wallzetmove3 #typeExplanation .subsection dl dt{
	margin-bottom:5px;
	font-weight:700;
	color:#3866C5;
}

#wallzetmove3 #typeExplanation .subsection p.pic{
	margin-left:46px;
}

#wallzetmove3 #typeExplanation .movability{
	position:relative;
	height:360px;
}

#wallzetmove3 #typeExplanation .movability{
	height:auto;
	min-height:360px;
}

#wallzetmove3 #typeExplanation .movability p.pic2{
	position:absolute;
	right:55px;
	top:0;
}

#wallzetmove3 #typeExplanation .movability p.pic2 img{
	margin-bottom:7px;
}

/* □ #partitionPlan
-------------------------------- */
#partitionPlan p.text{
	margin:0 0 19px 14px;
}

#partitionPlan .explain{
	display:inline;
	float:left;
	width:426px;
	margin-left:14px;
	background:#e6e6e6;
}

#partitionPlan .explain dl{
	margin:20px 13px 4px 13px;
}

#partitionPlan .explain dl dt{
	margin-bottom:5px;
}

#partitionPlan .explain dl dd{
	margin-bottom:12px;
}

#partitionPlan .explain dl dd.img{
	margin-bottom:16px;
	padding-left:20px;
}

#partitionPlan .pic{
	display:inline;
	float:right;
	width:197px;
	margin-right:14px;
}

#partitionPlan .pic dt{
	margin-bottom:5px;
	font-weight:700;
	color:#3866C5;
}

#partitionPlan .pic dt img{
	margin-bottom:14px;
}


/* □ #movabilityPlan
-------------------------------- */
#movabilityPlan{
	padding-bottom:19px;
}

#movabilityPlan p.text{
	margin:0 0 19px 14px;
}

#movabilityPlan ul.items{
	margin:0 6px;
	padding:21px 0 2px 19px;
	background:#e6e6e6;
}

#movabilityPlan ul.items li{
	margin-left:-31px;
	padding-bottom:19px;
}

#movabilityPlan ul.items li dl{
	display:inline;
	float:left;
	width:193px;
	margin-left:31px;
}

#movabilityPlan ul.items li dl dt{
	margin-bottom:5px;
}
#movabilityPlan ul.items li dl dd{
	position:relative;
	margin:0 -9px;
	font-size:92%;
	text-align:center;
}


/* ■ タイプ
-------------------------------- */
#tab2 h3{
	margin:0 0 19px 0;
}

#tab2 .section h4.slashBlack{
	margin:0 0 19px 0;
}

/* □ #design
-------------------------------- */

#tab2 #design .subsection{
	display:inline;
	float:left;
	margin-bottom:20px;
}

#tab2 #design .subsection h5{
	margin-bottom:17px;
}

#tab2 #design #design-woodType{
	width:526px;
	background:url(../../images/common/border/gray1y.gif) 100% 0 repeat-y;
}

#tab2 #design #design-woodType h5{
	margin-left:10px;
}

#tab2 #design #design-alumiType{
	float:right;
	width:147px;
	margin-right:20px;
}

#tab2 #design #design-alumiType h5{
	text-align:right;
}

#tab2 #design ul.items{
	padding-bottom:10px;
	margin-bottom:20px;	
}

#tab2 #design ul.items li{
	margin-left:-35px;
}

#tab2 #design ul.items li dl{
	display:inline;
	float:left;
	width:127px;
	margin-left:49px;
}

#tab2 #design ul.items li dt,
#tab2 #design ul.items li dd{
	text-align:center;
}

#tab2 #design ul.items li dd{
	padding-top:5px;
}

#tab2 #design p.color{
	clear:both;
	margin:0 0 10px 20px;
}

/* □ #size
-------------------------------- */
#tab2 #size p{
	text-align:center;
	margin-bottom:40px;
}

/* □ #commonness
-------------------------------- */
#tab2 #commonness .figure{
	margin-bottom:14px;
}

#tab2 #commonness .subsection h5{
	padding-bottom:12px;
}

#tab2 #commonness .subsection dl{
	display:inline;
	float:left;
	width:190px;
	margin-left:40px;
}

#tab2 #commonness .subsection dl dt{
	margin-bottom:10px;
}


/* ■ オプション
-------------------------------- */
#tab3 h3{
	margin:0 0 14px 0;
}

#option .items{
	margin-left:-6px;
	zoom:1;
}

#option .items li{
	display:inline;
	float:left;
	width:226px;
	margin-left:6px;
	padding-bottom:14px;
}

#option .items li.break{
	width:461px;
}


#plan .items{
	margin-top:18px;
}

#option .items li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/* ■ プランニングポイント
-------------------------------- */
#tab4 h3{
	margin:0 0 14px 0;
}

#spec div.subsection{
	margin:0 14px 25px 14px;
}


#spec .subsection h4{
	position:relative;
	margin:0 -14px 14px -14px;
}

/* □ #planning0
-------------------------------- */

#spec #planning0 p{
	margin-bottom:14px;
}

#spec #planning0 dl{
	display:inline;
	float:left;
	width:320px;
	margin-right:10px;
}

#spec #planning0 dl dt{
	display:inline;
	float:left;
	width:179px;
}

#spec #planning0 dl dd{
	display:inline;
	float:right;
	width:132px;
}


#spec #planning0 dl dd dl{
	display:block;
	float:none;
}

#spec #planning0 dl dd dl,
#spec #planning0 dl dd dl dt,
#spec #planning0 dl dd dl dd{
	display:block;
	float:none;
}

#spec #planning0 dl dd dl dt{
	margin-bottom:5px;
	font-weight:700;
	color:#3866C5;
}


/* □ #planning1
-------------------------------- */

#spec #planning1 p.pic{
	margin-bottom:0px;
}

/* □ #planning2
-------------------------------- */

#spec #planning2 p.text{
	margin-bottom:14px;
}

#spec #planning2 table.specTable{
	width:557px;
	margin-bottom:3px;
}

#spec #planning2 table.specTable th,
#spec #planning2 table.specTable td{
	text-align:center;
}

#spec #planning2 p.remarks{
	margin-bottom:18px;
	font-size:84%;
}

#spec #planning2 p.pic{
	margin-bottom:0px;
}

/* □ #planning3
-------------------------------- */
#spec #planning3{
	margin-bottom:55px;
}

#spec #planning3 dl.alert{
	margin-bottom:14px;
}


#spec #planning3 dl.alert dt{
	display:inline;
	float:left;
	width:90px;
	text-align:center;
}

#spec #planning3 dl.alert dd{
	display:inline;
	float:right;
	width:570px;
	font-size:92%;
}


#spec #planning3 table.planning3Table{
	width:670px;
	margin-bottom:10px;
	border:1px solid #404040;
}

#spec #planning3 table.planning3Table th,
#spec #planning3 table.planning3Table td{
	border:1px solid #404040;
	text-align:center;
	font-size:84%;
}

#spec #planning3 table.planning3Table th{
	background:#cccccc;
	padding:8px 0;
	text-align:center;
}

#spec #planning3 table.planning3Table td{
	padding:5px 0;
}

#spec #planning3 table.planning3Table .heading{
	width:135px;
}

#spec #planning4 table.planning3Table .w6{
	width:100px;
}


/*--------- pattern ---------*/

#spec #planning3 table.planning3Table .pattern td{
	padding:17px 5px;
}

#spec #planning3 table.planning3Table .pattern td dl{
	text-align:left;
	width:115px;
	margin:0 10px;
}

#spec #planning3 table.planning3Table .pattern td dl dt{
	padding:39px 0 39px 0;
}

#spec #planning3 table.planning3Table .pattern td dl dd.color{
	text-indent:-19px;
	padding-left:19px;
}

#spec #planning3 table.planning3Table .pattern td dl dd{
	margin-bottom:6px;
}

/*--------- set ---------*/

#spec #planning3 table.planning3Table .set td{
	padding:8px 2px;
}

#spec #planning3 table.planning3Table .set td span{
	line-height:1.2;
}

/*--------- 各説明 ---------*/
#spec #planning3 table.planning3Table td.size{
	vertical-align:middle;
	padding:0;
}

#spec #planning3 table.planning3Table td.label{
	color:#fff;
	font-size:100%;
}

/*--------- k ---------*/

#spec #planning3 table.planning3Table .k .size{
	background:#748960;
}

#spec #planning3 table.planning3Table .k td{
	padding:3px 2px;
	background:#8db38d;
}

/*--------- s ---------*/

#spec #planning3 table.planning3Table .s .size{
	background:#7ba4bb;
}

#spec #planning3 table.planning3Table .s td{
	padding:3px 2px;
	background:#a1c1d2;
}

/*--------- m ---------*/

#spec #planning3 table.planning3Table .m .size{
	background:#7fb45e;
}

#spec #planning3 table.planning3Table .m td{
	padding:3px 2px;
	background:#a3cd77;
}

/* □ 説明
-------------------------------- */
#spec dl.subsection{
	margin:0 0 14px 14px;
}

#spec dl.subsection dt{
	margin-bottom:5px;
}

#spec dl.subsection dd{
	text-indent:-1em;
	padding-left:1em;
}

/* □ #planning4
-------------------------------- */
#spec #planning4{
	margin:20px 0;
}


#spec #planning4 ul.items li{
	margin-left:-50px;
	padding-bottom:20px;
}


#spec #planning4 ul.items li dl{
	float:left;
	display:inline;
	width:128px;
	margin-left:50px;
	line-height:1.3;
}

#spec #planning4 ul.items li dl dd{
	position:relative;
	margin:5px -10px 0 0;
}

#spec #planning4 ul.items li p{
	float:left;
	display:inline;
	width:484px;
	margin:0 0 0 50px;
	padding:8px;
	border:1px solid #333333;
}

#spec #planning4 ul.items li > p{
	width:466px;
}

/* □ #planning5
-------------------------------- */

#spec #planning5 dl.subsection{
	margin:0 0 14px 14px;
}

#spec #planning5 dl.storageThing{
	margin-bottom:5px;
}

#spec #planning5 dl.subsection dd.inBox{
	margin:0 0 14px -20px;
}

#spec #planning5 dl.subsection dd.inBox p{
	margin-left:20px;
}

#spec #planning5 dl.subsection dd.inBox dl{
	float:left;
	display:inline;
	width:308px;
	margin-left:20px;
}

#spec #planning5 dl.subsection .inBox dl dt,
#spec #planning5 dl.subsection .inBox dl dd{
	text-indent:0em;
	padding-left:0em;
}

#spec #planning5 dl.subsection .inBox dl table{
	width:100%;
}

/*--------- 詳細 ---------*/
#option-details .pic {
	margin:20px;
	text-align:left;
}

#option-details .explain {
	display:inline;
	float:left;
	width:244px;
	margin-left:20px;
	text-align:left;
}

#option-details .explain table {
	margin-bottom:15px;
	width:100%;
}

#option-details .explain .set dt {
	margin-bottom:8px;
}

#option-details .explain .set dd {
	padding-left:3px;
}

#option-details .figure {
	display:inline;
	float:right;
	margin-right:20px;
	width:390px;
}


#option-details #item6 .pic,
#option-details #item7 .pic,
#option-details #item8 .pic,
#option-details #item9 .pic {
	display:inline;
	float:left;
	width:343px;
	margin-top:0;
}

#option-details #item6 .explain,
#option-details #item7 .explain,
#option-details #item8 .explain,
#option-details #item9 .explain {
	float:right;
	width:246px;
	margin-right:30px;
}


/* --------------------------------
   □ clearfix
-------------------------------- */
.alert:after,
.inbox:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	line-height:0;
	font-size:0;
}

/* WIN用IE \*/
.alert,
.inbox { 
	zoom:1;
}
/* end */




