@charset "utf-8";

#products {}

/*----- indexページ ------*/

#productsTop .unit img.right {
border:#f4f4f4 4px solid;
}

#productsTop .unit h3 {
background:none;
padding:0;
margin:0 7px 4px 0;
float:left;
}
#productsTop .unit h3.last {
background:none;
padding:0;
margin:0 0 4px 0;
float:none;
}


/*----- 一覧ページ ------*/
#products .unit { margin:0 0 0 15px; padding:0; width:340px; float:left; display:inline; height:190px; position:relative; }
#products .unit p.thumb a { width:160px; height:160px; border:1px solid #efefef; padding:1px; display:block;}
#products .unit p.thumb a:hover { border:1px solid #3399CC; }
#products .unit .unit_in { width:170px; }
#products .unit .unit_in p { padding:3px;}
#products .unit .unit_in p.detail { position:absolute; right:5px; top:144px; width:66px; height:16px; }

#products .unit .unit_in ul.icBox ,
#products .unit .unit_in ul.icBox li { height:14px; }
#products .unit .unit_in ul.icBox { position:absolute; left:170px; top:148px; width:100%; text-align:left; }
#products .unit .unit_in ul.icBox li { display:inline; }
* html #products .unit .unit_in ul.icBox li img { margin-right:3px; /* IE6 */}

#products .unit .unit_in h4 { padding:5px; line-height:120%; }

/*----- 詳細ページ ------*/
#products .photo { width:348px; position:relative;}
#products .photo p { text-align:center; margin:0 0 5px 0; padding:0; }
#products .photo p { display:block; height:340px; width:340px; padding:2px; border:2px solid #efefef;}

#products .photo ul.icBox ,
#products .photo ul.icBox li { height:14px; }

#products .photo ul.icBox { position:absolute; right:10px; top:323px; width:100%; text-align:right; }
#products .photo ul.icBox li { display:inline; }
* html #products .photo ul.icBox li { margin-left:3px; } /* IE6 */

#products .photo ul.thumbnail { margin:0; padding:0; }
#products .photo ul.thumbnail li { float:left; margin-right:4px; }
#products .photo ul.thumbnail li.last  { margin-right:0px; }
#products .photo ul.thumbnail li a img { padding:1px; border:1px solid #efefef;}
#products .photo ul.thumbnail li a:hover img { padding:1px; border:1px solid #3492DB;}

#products .detail { width:350px; }
#products .detail h3 { margin:0 0 15px 0; }
#products .detail dl { margin:5px; padding:0; }
#products .detail dl dt ,
#products .detail dl dd { line-height:160%;background:url(../imgdir/common/dot_01.gif) repeat-x left bottom; margin-bottom:5px;}
#products .detail dl dt { margin:0; padding:0; font-weight:bold; float:left; width:70px; text-indent:8px; }
#products .detail dl dd { margin:0 0 0 70px; padding:0;}

#products .detail dl dt ,
#products .detail dl dd { margin-bottom:8px; padding-bottom:8px;}

#products .detail dl dt.last ,
#products .detail dl dd.last { background:none; }

#productsTop .case { width:348px; float:left; background:url(../imgdir/products/case_bottom.gif) left bottom; margin:0 10px 10px 0; display:inline; position:relative; height:155px; }
#productsTop .case.last { margin-right:0;} 

#productsTop .case.ht130 { height:130px; }

#productsTop .case .case_head { height:3px; line-height:3px;}
#productsTop .case h3 { display:block; width:100%; }
#productsTop .case .case_in { width:210px; float:right; padding:8px 8px 8px 0;}
#productsTop .case .case_in p { margin:0; padding:0 5px; line-height:140%; }
#productsTop .case span { float:right; position:absolute; right:5px; bottom:5px; }

/* img設定 */
#productsTop .case .trunk img { position:absolute; left:5px; top:-10px;}
#productsTop .case .rack img { position:absolute; left:5px; top:-7px;}
#productsTop .case .others img { position:absolute; left:5px; top:-11px;}

#productsTop .case a:hover img { opacity:0.85; filter:alpha(opacity=80);  }


/**/
.infoBox dl { border-bottom:1px solid #d6d6d6; }
.infoBox dl:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.infoBox dt ,
.infoBox dd { padding:10px 8px; }

.infoBox dt { float:left; display:inline; font-weight:bold; background:url(../imgdir/common/arrow_06.gif) no-repeat left center; padding-left:15px; }
.infoBox dd { margin-left:280px; } 


.infoBox p {  background:url(../imgdir/common/arrow_06.gif) no-repeat left 17px; padding:10px 8px 10px 15px; border-bottom:1px solid #d6d6d6; margin-bottom:0;}


/*----- basic/rack.html ------*/
#contents-body .unitIn2 { padding:0; margin-bottom:20px; }
#contents-body .unitIn2 #products .photo { width:348px;}
#contents-body .unitIn2 #products .photo p { text-align:center; margin:0 0 5px 0; padding:0; }
#contents-body .unitIn2 #products .photo p { display:block; height:340px; width:340px; border:2px solid #efefef;}
#contents-body .unitIn2 #products .photo ul.thumbnail { margin:0; padding:0; }
#contents-body .unitIn2 #products .photo ul.thumbnail li { float:left; margin-right:4px; }
#contents-body .unitIn2 #products .photo ul.thumbnail li.last  { margin-right:0px; }
#contents-body .unitIn2 #products .photo ul.thumbnail li a img { padding:1px; border:1px solid #efefef;}
#contents-body .unitIn2 #products .photo ul.thumbnail li a:hover img { padding:1px; border:1px solid #3492DB;}


/*----- テキスト位置 ------*/
div#container .txtR { text-align:right!important; }
div#container .txtL { text-align:left!important; }
div#container .txtC { text-align:center!important; }

/*----- DISPLAY設定 ------*/
.dBlock { display:block; }

/*


#ssp .txtJ { 
	text-align: justify;
	text-justify: inter-ideograph; }

*/
 
 
/* 高さ確保
 
:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
*/