@charset "utf-8";

/* ==================================================================

	page  : support
	author: 安達
	
	09/05/22 制作　ver 1.00
	
=================================================================== */
/* aga update 12, aug, 2010 */

#originalSeriesOutline .subsection{
	zoom:1;
}


/* 石川追加05/24　　ここから---------*/

body.list .entries{
	padding-bottom:120px;
}

body.list .items{
	border:solid 1px #dbdbdb;
	margin:0 0 22px 0;
	padding:9px 0 13px 0;
}

body.list .items h2{
	float:left;
	display:inline;
	margin:0 0 0 10px;
}

body.list .items .comparison{
	float:right;
	display:inline;
	margin:0 10px 0 0;
}

body.list .items ul{
	clear:both;
	margin:0 0 0 8px;
}

body.list .items ul li{
	clear:both;
	padding:13px 0 0 0;
}

body.list .items ul li dl{
	float:left;
	display:inline;
	margin:0 8px 0 0;
	width:106px;
}

body.list .items ul li dl dt{

}

body.list .items ul li dl dd{
	font-size:87%;
	background:url(../../images/lineup/arrow.gif) 0 0.4em no-repeat;
	margin:4px 0 0 0;
	padding:0 0 0 18px;
}

body.list .items ul li dl dd a{
	color:#000000;
}

body.list .items ul li p.more{
	float:left;
	display:inline;
	position:relative;
	width:106px;
	height:137px;
	color:#ccc;
}

body.list .items ul li p.more span{
	position:absolute;
	left:0;
	bottom:0;
}

body.list .items p.text{
	clear:both;
	margin:20px 16px 0 16px;

}

/*---------ここまで　　石川追加05/24 */


/* =================================
   ■ commodity
================================== */

.commodity .entries h2{
	margin:0;
}

.commodity .entries p.catalog{
	margin:5px 0 17px 0;
	text-align:right;
}

.commodity .entries p.leadText{
	margin:0 5px 27px 5px;
	font-size:108%;
}

/* --------------------------------
   □ tab
-------------------------------- */

.commodity .entries ul.tab{
	position:relative;
	height:41px;
	margin-top:-41px;
}

.commodity .entries ul.tab li{
	float:left;
	display:inline;
	width:1%;
	white-space: nowrap;	
	height:32px;
	margin:9px 0 0 4px;
	
	line-height:32px;
	font-size:14px;

	background:url(../../images/lineup/navigation/tabStart.png) 0 0 no-repeat;
}


.commodity .entries ul.tab > li{
	width:auto;
}

.commodity .entries ul.tab li a{
	display:block;
	height:100%;
	margin:0 0px 0 2px;
	padding:0 20px;

	background:url(../../images/lineup/navigation/tab.png) 100% 0px no-repeat;	
	font-weight:700;
	color:#222222;
}

.commodity .entries ul.tab li a:hover{
	background-position:100% 100%;
}

.commodity .entries ul.tab li.active{
	height:42px;
	margin:0px 0 0 2px;
	
	line-height:42px;
	font-size:14px;

	background:url(../../images/lineup/navigation/tabStart-over.png) 0 0 no-repeat;

}

.commodity .entries ul.tab li.active a{
	margin:0 0px 0 4px;
	padding:0 20px;

	background:url(../../images/lineup/navigation/tab-over.png) 100% 0px no-repeat;	
}

.commodity .entries ul.tab li.active a:hover{
	text-decoration:none;
	cursor:default;
}

.commodity .entries ul.tab li.small{
	font-size:84%;
}

.commodity .entries ul.tab li.saving a,
.commodity .entries ul.tab li.small a{
	padding:0 10px;
}

.commodity .entries ul.tab li.vWide{
	line-height:14px;
	text-align:center;
}
.commodity .entries ul.tab li.vWide span{
	padding-top:2px;
	font-size:11px;
	font-weight:100;
	zoom:1;
}

.commodity .entries ul.tab li.active.vWide{
	line-height:14px;
}

.commodity .entries ul.tab li.active.vWide span{
	padding-top:8px;
}

/* --------------------------------
   □ シリーズ
-------------------------------- */
.commodity #series {
	position:relative;
	margin-left:-16px;
	padding-bottom:37px;
}

.commodity #series .subsection{
	display:inline;
	float:left;
	width:337px;
	margin-left:16px;
	margin-bottom:12px;
	border:1px solid #dbdbdb;
	border-top:5px solid #000;
}

.commodity #series > .subsection{
	width:337px;
}

.commodity #series .subsection h3{
	position:relative;
	margin:8px -1px 0px -1px;
	padding-bottom:10px;
}

.commodity #series .subsection .pic{
	text-align:center;
	margin-bottom:19px;
}

.commodity #series .subsection .text{
	margin:0 14px 25px 14px;
}

.commodity #series .subsection .figure{
	text-align:center;
	margin-bottom:11px;
}

.commodity #series .subsection .spec{
	font-size:84%;
	margin:0 18px;
}

.commodity #series .subsection .link{
	margin:10px 0 15px 0;
	text-align:center;
}

/* ones */

.commodity #series .subsection.ones{
	display:block;
	float:none;
	width:auto;
	margin-left:16px;
}

.commodity #series .subsection.ones .pic{
	float:left;
	display:inline;
	margin-left:31px;
}

.commodity #series .subsection.ones .explain{
	float:right;
	display:inline;
	width:307px;
	margin-right:41px;
}

.commodity #series .subsection.ones .explain .link{
	margin-top:20px;
}
/* --------------------------------
   □ functional
-------------------------------- */

.commodity #functional h3{
	padding-bottom:16px;
}

/* □ item
-------------------------------- */
.commodity #functional ul.items li{
	position:relative;
	margin-left:-17px;
	padding-bottom:24px;
}

.commodity #functional ul.items li dl{
	display:inline;
	float:left;
	width:338px;
	height:100px;
	margin-left:17px;
}

html > .commodity #functional ul.items li dl{
	height:auto;
	min-height:100px;
}

.commodity #functional ul.items li dl dt{
	position:relative;
	margin-right:-10px;
	padding:2px 0 8px 158px;
	color:#3866c5;
	font-size:108%;
	font-weight:700;
}

	.commodity #functional ul.items li dl dt img{
		position:absolute;
		top:0;
		left:0;
	}

	*html .commodity #functional ul.items li dl dt img{
		left:-158px;
	}


.commodity #functional ul.items li dl dd{
	position:relative;
	margin-right:-5px;
	padding:0px 0 0px 158px;
	font-size:92%;
	line-height:1.3;
}

.commodity #functional ul.items li dl dd p.link{
	margin:10px 0 0 10px;
}

.commodity #functional ul.items li div.highlight{
	position:absolute;
	top0;
	right:0;
	width:338px;
	padding-top:11px;
	margin-left:17px;
}

.commodity #functional ul.items li div.yellow{
	background:#fff9e6;
}


.commodity #functional ul.items li div.highlight h4{
	margin-bottom:11px;
	padding:4px 10px;

	background:#323232 url(../../images/lineup/share/slashTitle.gif) 0 0 repeat-y;
	color:#fff;
	font-weight:700;
}

.commodity #functional ul.items li div.highlight dl{
	margin-left:9px;
	margin-bottom:11px;
	width:317px;
	height:125px;
}

html > body.commodity #functional ul.items li div.highlight dl{
	height:auto;
	min-height:125px;
}

.commodity #functional ul.items li div.highlight dl dd{
	margin-right:0px;
}

.commodity #functional ul.items li div.highlight p.pic{
	clear:both;
	text-align:center;
}

/* ones */

.commodity #functional ul.items li.ones dl{
	display:block;
	float:none;
	width:auto;
	height:100px;
}

html > .commodity #functional ul.items li.ones dl{
	height:auto;
	min-height:100px;
}

.commodity #functional ul.items li.ones dl dt{
	padding:2px 0 8px 0px;
}

.commodity #functional ul.items li.ones dl dd{
	padding:0px;
	margin-left:-20px;
}

.commodity #functional ul.items li.ones dl dd p{
	margin-left:20px;
}


.commodity #functional ul.items li.ones dl dd dl{
	display:inline;
	float:left;
	width:154px;
	margin-left:20px;
}

.commodity #functional ul.items li.ones dl dd dl dt img{
	position:static;
}


.commodity #functional ul.items li.ones dl dd dl dd{
	margin:0;
}

/* □ other
-------------------------------- */

.commodity #functional ul.other{
	position:relative;
	margin-left:-45px;
}

.commodity #functional ul.other li{
	display:inline;
	margin-left:45px;
}

.commodity #functional ul.other li img{
	vertical-align:top;
}

/* --------------------------------
   □ style
-------------------------------- */
.commodity #style{
	padding-bottom:39px;
}

.commodity #style h3{
	padding-bottom:7px;
}

.commodity #style p.text{
	margin:0 0 18px 12px;
}

.commodity #style ul{
	position:relative;
	margin-left:-4px;
}

.commodity #style ul li{
	float:left;
	display:inline;
	margin-left:35px;
}

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

/* --------------------------------
   □ setting
-------------------------------- */
.commodity #setting{
	padding-bottom:39px;
}

.commodity #setting h3{
	padding-bottom:7px;
}

.commodity #setting p.text{
	position:relative;
	margin:0 0 18px 12px;
}

.commodity #setting p.table{
	margin:-28px 0 34px 6px;
}

.commodity #setting .subsection h4{
	margin:0 0 0px 9px;
}

.commodity #setting .subsection p.link{
	position:relative;
	margin:0px 0 12px 0;
	text-align:right;
}

.commodity #setting .subsection p.link a{
	position:absolute;
	top:-18px;
	right:12px;
}

.commodity #setting ul.items{
	position:relative;
}

.commodity #setting ul.items li{
	padding-bottom:14px;
}

.commodity #setting ul.items li dl{
	float:left;
	display:inline;
	width:127px;
	margin-left:9px;
}

.commodity #setting ul.items li dl dt{
	padding-bottom:6px;
}
.commodity #setting ul.items li dl dd{
	text-align:center;
}

/* --------------------------------
   ■ 共通
-------------------------------- */

/* □ format
-------------------------------- */


.commodity .format{
	margin-bottom:20px;
	border:1px solid #dbdbdb;
	border-top:5px solid #000;
}

/* ◇ title
-------------------------------- */
.commodity .format .title{
	position:relative;
	margin:8px -1px 10px -1px;
}

/* ◇ items
-------------------------------- */

.commodity .format .items{
	border:0;
	margin-bottom:10px;
}

.commodity .format .items li{
	padding-bottom:10px;
}

.commodity .format .items dl{
	display:inline;
	float:left;
}



/* --------------------------------
   ■ 商品一覧
-------------------------------- */

/* --------------------------------
   □ items
-------------------------------- */

/* □ itemList
-------------------------------- */


.commodity .itemList{
	margin-bottom:20px;
	border:1px solid #dbdbdb;
	border-top:5px solid #000;
}


/* ◇ title
-------------------------------- */
.commodity .itemList .title{
	position:relative;
	margin:8px -1px 15px -1px;
}

.commodity .itemList dl.title dt{
	display:inline;
	float:left;
	width:252px;
}

.commodity .itemList dl.title dd{
	display:inline;
	float:left;
	width:442px;
}

/* 個別 */
#wallzetnoel2 #tab3 dl.title dt{
	width:295px;
}
#wallzetnoel2 #tab3 dl.title dd{
	width:398px;
}

/* ◇ items
-------------------------------- */

.commodity .itemList .items{
	border:0;
	margin-bottom:10px;
}

.commodity .itemList .items li{
	padding-bottom:16px;
}

.commodity .itemList .items dl{
	display:inline;
	float:left;
	border:1px solid #9a9a9a;
}

.commodity .itemList .items dl dt,
.commodity .itemList .items dl dd{
	text-align:center;
}

.commodity .itemList .items dl dt{
	padding:25px 0;
}

.commodity .itemList .items dl dd{
	padding-bottom:30px;
}

.commodity .itemList .items dl dt a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* short
-------------------------------- */

.commodity .itemList .items dl.short dt,
.commodity .itemList .short dl dt{
	padding:10px 0;
}

.commodity .itemList .items dl.short dd,
.commodity .itemList .short dl dd{
	padding-bottom:10px;
}

/* ◇ column2
-------------------------------- */
.commodity .itemList .column2{
	margin-left:-1px;
}

.commodity .itemList .column2 dl{
	width:327px;
	margin-left:12px;
}

html > .commodity .itemList .column2 dl{
	width:327px;
}

/* ◇ column3
-------------------------------- */
.commodity .itemList .column3{
	margin-left:0px;
}

.commodity .itemList .column3 dl{
	width:216px;
	margin-left:11px;
}

html > .commodity .itemList .column3 dl{
	width:214px;
}


/* ◇ column4
-------------------------------- */
.commodity .itemList .column4{
	margin-left:3px;
}

.commodity .itemList .column4 dl{
	width:161px;
	margin-left:8px;
}

html > .commodity .itemList .column4 dl{
	width:159px;
}


/* ◇ item
-------------------------------- */

.commodity div.item{
	border:1px solid #9a9a9a;
	margin-bottom:23px;
}

.commodity div.item h4{
	margin:0 -1px 30px -1px;
	padding:5px 15px;

	background:#323232 url(../../images/lineup/share/slashTitle.gif) 0 0 repeat-y;
	color:#fff;
	font-weight:700;
}

.commodity div.item .pic{
	margin-bottom:26px;
	text-align:center;
}

.commodity div.item .table{
	margin-bottom:30px;
	text-align:center;
}

.commodity div.item .unit{
	text-align:right;
}


/* ◇ option
-------------------------------- */

.commodity .option .decimal{
	margin:0 16px 0 15px;
	padding:10px 0 0px 10px;
	background:#898989 url(../../images/lineup/storage/wallzetnoel2/6/decimal-header.gif) 0 0 no-repeat;
	color:#fff;
	font-size:108%;
}

.commodity .option .beforeafter{
	padding-top:20px;
	margin-bottom:36px;
	background:url(../../images/lineup/storage/wallzetnoel2/6/decimal-footer.gif) 15px 0 no-repeat;
	text-align:center;
}


/* ◇ storageSeries
-------------------------------- */

.commodity .storageSeries{
	border:1px solid #dbdbdb;
}

.commodity .storageSeries h3.slashBlack{
	margin:0 0 5px 0;
}

.commodity .storageSeries p.text{
	margin:12px;
}
.commodity .storageSeries .explain{
	margin:20px 15px;
}

	.commodity .storageSeries .figure{
		display:inline;
		float:right;
	}
	
	.commodity .storageSeries .spec{
		display:inline;
		float:left;
		width:300px;
		padding-top:28px;
	}
	
	.commodity .storageSeries .spec table th{
		vertical-align:top;
		width:5.5em;
	}
	
	.commodity .storageSeries .spec table td{
		text-indent:-1em;
		padding-left:1em;
		font-family:"ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

/* ◇ seriesOutline
-------------------------------- */

.commodity .seriesOutline .pic{
	float:left;
	display:inline;
	margin-left:31px;
}

.commodity .seriesOutline .explain{
	float:right;
	display:inline;
	width:307px;
	margin-right:41px;
}

 /* spec */

.commodity .seriesOutline .explain .spec{
	font-size:84%;
	margin:0 18px 12px 18px;
}

.commodity .seriesOutline .explain .spec dt{
	float:left;
	display:inline;
	width:4em;
}

.commodity .seriesOutline .explain .spec dd{
	padding-left:4em;
}

*:first-child + html .commodity .seriesOutline .explain .spec dd{
	padding-left:0;
}


 /* items */

.commodity .seriesOutline ul.items{
	position:relative;
	margin-left:-6px;
	padding-top:36px;
}

.commodity .seriesOutline ul.items dl{
	margin-left:15px;
	text-align:center;
}

.commodity .seriesOutline ul.items dl dt{
	padding:7px 0
}

.commodity .seriesOutline ul.items dl a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.commodity .seriesOutline ul.items dl ul.icon{
	width:100px;
}
.commodity .seriesOutline ul.items dl ul.icon li{
	float:left;
	display:inline;
}

/* ◇ table
-------------------------------- */

table.specTable{
	border-top:1px solid #918b8a;
	border-left:1px solid #fff;
	border-bottom:1px solid #918b8a;
	border-right:1px solid #fff;
}

* html table.specTable{
	border-top:none;
	border-bottom:none;
}
*:first-child + html table.specTable{
	border-top:none;
	border-bottom:none;
}

table.specTable th,
table.specTable td{
	padding:3px 8px;
	color:#231815;
	border:1px solid #918b8a;
}

table.specTable th{
	background:#c9c9ca;
	border-bottom:1px solid #5A5250;
}

table.bold th{
	border-bottom:2px solid #5A5250;
}

table.specTable tr.odd td,
table.specTable td.odd{
	background:#eeefef;
}

/* ◇ details
-------------------------------- */
.commodity .details .slash{
	margin:0 0 15px 0;
}

.commodity .details .pic{
	float:left;
	display:inline;
	margin-left:23px;
}

.commodity .details .outline{
	float:right;
	display:inline;
	width:310px;
	margin-right:21px;
}

.commodity .details .controller{
	padding-bottom:25px;
}

.commodity .details .controller li{
	display:inline;
	float:left;
	margin-right:21px;
}

.commodity .details .figure{
	clear:both;
	padding-top:43px;
	margin-left:4px;
}

.commodity .details .figure li{
	display:inline;
	float:left;
	margin-left:18px;
}


/* ■ special
-------------------------------- */

.special .contents p.catalog{
	position:relative;
	margin:0;
}

.special .contents p.catalog a{
	position:absolute;
	top:-40px;
	right:40px;
}

/* ■ floor
-------------------------------- */
.floor .entries dl.mdlLink dt,
.floor .entries dl.mdlLink dd{
	padding-left:125px;
}

.floor .entries dl.mdlLink dt{
	position:relative;
	margin-bottom:4px;
}

.floor .entries dl.mdlLink dt img{
	position:absolute;
	top:0;
	left:0;
}

.floor .entries dl.mdlLink dt a{
	text-decoration:underline;
}


/* ■ artfloor
-------------------------------- */
#artfloor #riburuSeriesOutline .items dl{
	width:100px;
}

#artfloor #riburuSeriesOutline .items dd ul.icon li{
	width:100%;
	text-align:center;
}


/* ■ artfloorLip3
-------------------------------- */
#artfloorLip3 .outline .specTable{
	width:100%;

}

#artfloorLip6 .entries dl.mdlLink{
	padding-top:20px;
}

/* --------------------------------
   □ popup
-------------------------------- */
.popup div.item{
	margin-bottom:20px;
	border:1px solid #dbdbdb;
	border-top:5px solid #000;
}

.commodity .format{

}

/* ◇ title
-------------------------------- */

.popup div.item{
	width:688px;
	border:1px solid #9a9a9a;
	padding-bottom:20px;
	margin:23px auto 23px auto;

}

.popup div.item h1,
.popup div.item h2{
	font-size:100%;
	margin:0 -1px 30px -1px;
	padding:5px 15px;

	background:#323232 url(../../images/lineup/share/slashTitle.gif) 0 0 repeat-y;
	color:#fff;
	font-weight:700;
}

.popup div.item h1 img{
	vertical-align:middle;
}

.popup div.item ul.icon{
	position:relative;
	margin:-20px 0 15px 15px;
}

.popup div.item ul.icon li{
	display:inline;
	padding-right:3px;
}


.popup div.item p.pic{
	text-align:center;
	margin-bottom:10px;
}



/* ■ popup-floor
-------------------------------- */

.popup div.item .outline .figure{
	display:inline;
	float:left;
	width:373px;
	margin:0 0 20px 10px;
}

.popup div.item .outline .explain{
	display:inline;
	float:right;
	margin:10px 35px 0 0;
}

.popup div.item .outline  table.specTable{
	width:240px;
	margin-left:15px;
}

.popup div.item .outline .controller{
	width:255px;
	padding-bottom:25px;
}

.popup div.item .outline .controller li{
	display:inline;
	float:left;
	margin-right:5px;
	text-align:center;
	font-size:84%;
}

/* =================================
   ■ lineup
================================== */

/* 藤岡追加06/02　　ここから---------*/
#lumist-details .pic{
	float:left;
	margin-top:10px;
	margin-left:20px;
	display:inline;
}
#lumist-details .item-info{
	float:right;
	margin-right:50px;
	margin-top:20px;
}
#lumist-details .item-info h1{
	background:none;
	color:#000000;
	padding:0px;
	margin-bottom:2px;
	font-size:150%;
}
#lumist-details .item-info h1 img{
	margin-bottom:3px;
}
#lumist-details .item-info .info-name{
	clear:both;
	margin-top:10px;
	padding-top:10px;
	margin-bottom:0px;
}
#lumist-details .item-info p.title-sub{
}

#lumist-details ul.icon{
	clear:both;
	font-size:8px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:10px;
}
#lumist-details ul.icon li{
	float:left;
	text-align:center;
	margin-right:5px;
}
#lumist-details .type-img li{
	float:left;
}
#lumist-details div.item .outline{
	clear:both;
	margin:0 10px;
	text-align:center;
	border-bottom:1px solid #fff;

}

#lumist-details div.item .outline p{
	margin:0 15px 5px 15px;
	text-align:left;
}

#lumist-details div.item .outline table.specTable{
	width:630px;
	margin:0 auto;
}
#lumist-details div.item .outline table.specTable td{
	font-size:82%;
}

#lumist-details div.item .outline p.remarks{
	text-align:right;
}


/*---------ここまで　　藤岡追加06/01 */




/* =================================
   ■ stiffeningcourt
================================== */

#stiffeningcourt dl{
	display:inline;
	float:left;
	margin-left:9px;
	margin-bottom:11px;
	width:347px;
	height:125px;
}

html > #stiffeningcourt dl{
	height:auto;
	min-height:125px;
}


#stiffeningcourt dl dt{
	position:relative;
	margin-right:-10px;
	padding:2px 0 8px 158px;
	color:#3866c5;
	font-size:108%;
	font-weight:700;
}

	#stiffeningcourt dl dt img{
		position:absolute;
		top:0;
		left:0;
	}

	* html #stiffeningcourt dl dt img{
		left:-158px;
	}

#stiffeningcourt dl dd{
	padding-left:158px;
	margin-right:0px;
}

#stiffeningcourt p.pic{
	display:inline;
	float:right;
	margin-right:10px;
	text-align:center;
}