@charset "utf-8";

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

	page  : 棚柱セット
	author: 安達
	
	09/05/25 制作　ver 1.00
	
=================================================================== */

/* =================================
   ■ 共通
================================== */
#shelfpillars .itemList h3{
	padding-top:8px;
	padding-bottom:25px;
}

/* =================================
   ■ アームハング棚柱セット
================================== */
#shelfpillars .variation{
	margin-left:2px;
}

#shelfpillars #tab2 h4{
	margin-bottom:20px;
}


*:first-child + html #shelfpillars #tab2 h4{
	margin-top:-20px;
}

#shelfpillars .variation li{
	clear:both;
	margin-bottom:20px;
	padding-left:10px;
}

#shelfpillars .variation li dl{
	border:solid 1px #a0a0a0;
	float:left;
	display:inline;
	margin:0 18px 20px 0;
	width:207px;

}

#shelfpillars .variation li dl dt{
	padding:5px 10px;
	background:#323232 url(../../images/lineup/share/slashTitle.gif) 0 0 repeat-y;
	color:#fff;
	font-weight:700;
}

#shelfpillars .variation li dl dt a{
	color:#fff;
}

#shelfpillars .variation li dl dd{
	margin-top:10px;
	padding-bottom:10px;
	text-align:center;
}

#shelfpillars .variation li.large{
	margin-right:-25px;
	zoom:1;
}

#shelfpillars .variation li.large dl{

	margin:0 25px 20px 0;
	width:317px;
	height:auto;
}

/* =================================
   ■ セット一覧
================================== */

#shelfpillars .itemView p.text{
	margin:0;
	padding:0 20px 20px 20px;
}


#shelfpillars .itemView .pic{
	display:inline;
	float:left;
	width:305px;
	margin-left:20px;
	text-align:left;
}


#shelfpillars .itemView div.explain{
	display:inline;
	float:right;
	width:330px;
	margin-right:20px;
}

	#shelfpillars .itemView div.explain .specTable{
		width:330px;
	}



#shelfpillars .itemView .explain ul.icon{
	font-size:82%;
	padding-bottom:15px;
}

#shelfpillars .itemView .explain ul.icon{
	zoom:1;
	margin:18px 0 0 -13px;
}

#shelfpillars .itemView .explain ul.icon.column4{
	position:relative;
	width:470px;
	margin:18px 0 0 -129px;
}

#shelfpillars .itemView .explain ul.icon li{
	display:inline;
	float:left;
	width:101px;
	height:125px;
	margin:0 0 4px 13px;
	text-align:center;
}

#shelfpillars .itemView .explain ul.icon > li{
	height:auto;
	min-height:125px;
}

#shelfpillars .itemView .figure{
	clear:both;
	padding:20px 0;
	text-align:center;
}

/* =================================
   ■ option
================================== */

#shelfpillars .option .subsection{
	margin-bottom:20px;
}


#shelfpillars .option h4{
	margin-bottom:15px;
}


#shelfpillars .option dl.item{
	margin:0px 14px 0px 14px;
}

#shelfpillars .option dl.item dt{
	display:inline;
	float:left;
	width:171px;
	text-align:center;
	margin-right:15px;
}
#shelfpillars .option dl.item dl.set{
	margin-bottom:0.7em;
}



#shelfpillars .option dl.item dl.set dt{
	display:block;
	float:none;
	text-align:left;
	font-weight:700;
}

#shelfpillars .option dl.item dt.w209{
	width:209px;
}


#shelfpillars .option dl.item dt.w339{
	width:339px;
}



/* =================================
   ■ 詳細
================================== */

#shelfpillars-details .item{
	width:740px;
}


#shelfpillars-details .pic{
	display:inline;
	float:left;
	width:400px;
	margin-left:5px;
}

#shelfpillars-details div.item div.outline{
	display:inline;
	float:right;
	width:330px;
}

	#shelfpillars-details div.item div.outline .specTable,
	#shelfpillars-details div.item div.outline .comment{
		width:300px;
	}
	
	#shelfpillars-details div.item div.outline .comment{
		margin:0 auto 15px auto;
	}

	#shelfpillars-details div.item div.outline .spec{
		width:300px;
		margin:10px 0px 20px 15px;
	}


	#shelfpillars-details div.item .figure{
		float:none;
		clear:both;
		padding-top:15px;
		text-align:center;
	}
	
	#shelfpillars-details div.item  .figure img{
		margin:0;
	}

/* plan */

#shelfpillars-details div.plan .pic{
	width:395px;
}


#shelfpillars-details div.plan .pic,
#shelfpillars-details div.plan div.outline{
	margin:15px 0 0 0;
}

#shelfpillars-details div.plan div.outline{
	width:330px;
	margin-top:40px;
}

#shelfpillars-details div.plan div.outline h1{
	background:none;
	color:#333;
	font-size:167%;
	margin-bottom:20px;
	padding:0;
}

#shelfpillars-details div.plan div.outline .specTable{
	width:320px;
	margin:0 0 20px 0;
}

#shelfpillars-details div.plan div.outline .specTable th{
	width:8em;
	font-weight:100;
}

#shelfpillars-details div.plan div.outline .price{
	width:320px;
}

#shelfpillars-details div.plan div.outline .price strong{
	font-size:150%;
}

#shelfpillars-details div.plan div.outline .price th{
	padding:0 7px;
	font-weight:100;
}

#shelfpillars-details div.plan div.outline .price td{
	text-align:right;
}


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

/* WIN用IE \*/
#shelfpillars .variation { 
	zoom:1;
}
/* end */