@charset "utf-8";

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

	page  : 収納材CABLOCK
	author: 藤岡
	
	09/07/05 制作　ver 1.00
	
=================================================================== */

/* =================================
   ■ キャブロック
================================== */

#cablock #tab1 .pic{
	float:left;
	margin-right:15px;
}
#cablock #tab1 .explain p{
	font-size:92%;
}
#cablock #tab1 .explain .figure{
	float:left;
	margin-left:30px;
	display:inline;
}


#cablock ul.plan-box{
	background-color:#f2f2f2;
	padding:10px;
	margin-top:30px;
	margin-bottom:40px;
}

#cablock ul.plan-box li{
	float:left;
	display:inline;
	width:195px;
	font-size:92%;
	line-height:normal;
	margin-left:25px;
}
#cablock ul.plan-box li img{
	margin-bottom:5px;
}





#cablock div.itemList{
	border:none;
}
#cablock div.itemList h3{
	margin:0;
	margin-bottom:10px;
}
#cablock .itemList .items dl{
	width:220px;
	margin-left:9px;
}
#cablock  #items16Boxes .items dl{
	width:300px;
}


#cablock  h3.head{
	margin-bottom:14px;
	background:#999999;
}

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

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

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

#cablock .variation li dl dd{
	margin-top:10px;
	text-align:center;
	position:relative;
	width:100%;
}
#cablock .variation li dl dd p{
	position:absolute;
	top:130px;
	left:46px;
}
#cablock .variation li dd a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#cablock .variation li dd p a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}



/* =================================
   ■ キャブロック詳細
================================== */
#cablock-details ul.color-box{
	margin-bottom:15px;
}

#cablock-details ul.color-box li{
	float:left;
	font-size:92%;
	text-align:center;
	margin-right:6px;
}


#cablock-details .pic{
	text-align:center;
}
#cablock-details .note{
	font-size:92%;
	margin-left:15px;
	zoom:1;
}

#cablock-details #plan16boxes .subsection{
	width:100%;
	position:relative;
}
#cablock-details #plan16boxes .explain{
	top:30px;
	left:390px;
	position:absolute;
}

#cablock-details .box2 .specTable{
	width:200px;
	background-image:url(../../images/lineup/storage/cablock/detail/spec/explanation.gif);
	background-repeat:no-repeat;
}

#cablock-details table.specTable th{
	font-weight:100;
}

#cablock-details table.specTable tr.odd td,
#cablock-details table.specTable tr.odd th,
#cablock-details table.specTable th.odd{
	background:#eeefef;
}

#cablock-details .outline p.figure img,
#cablock-details .outline .figure p.main-img img{
	margin-bottom:15px;
	zoom:1;
}


#cablock-details .figure .attension-img{
	margin-right:5px;
	vertical-align:top;
	float:left;
	width:73px;
}
#cablock-details .figure .attension-text{
	float:left;
	width:280px;
	line-height:normal;
	font-size:92%;
	margin-top:3px;
}

/* spec4 */
#cablock-details #spec4 .figure{
	width:auto;
}

#cablock-details #spec4 .figure p.main-img{
	display:inline;
	float:left;
	width:400px;
}

#cablock-details #spec4 .figure p.pic{
	display:inline;
	float:left;
	padding-bottom:10px;
}

#cablock-details #spec4 ul.color-box{
	display:inline;
	float:right;
	width:240px;
}

#cablock-details #spec4 .attension-text{
	width:300px;
}

#cablock-details #spec4  .explain2{
	clear:both;
}
#cablock-details #spec4 .connect-pic{
	float:left;
	margin-left:15px;
	margin-right:20px;
	display:inline;
}


#cablock-details .option .figure{
	width:auto;
	zoom:1;
}

#cablock-details .option ul.color-box{
	float:left;
	padding-top:20px;
	padding-left:45px;
	
}

#cablock-details #option7 .explain{
	margin:0;
	float:none;
}
#cablock-details #option7 .pic{
	float:right;
	display:inline;
	margin-right:50px;
}