@charset "utf-8";

/*	filmBox01 */
.calatogBox01	{
background:#ececec;
padding:20px;
list-style:none;
margin:0;
}
.calatogBox01 li	{
background: url(../common/images/ico_diamond01.gif) no-repeat left 0.6em;
margin-bottom:1em;
padding-left:1em;
}
.calatogBox01 li	p.atent{
padding-left:1em;
text-indent:-1em;
}


/*	hx
----------------------------------------------------*/
#contents h1	{
background: url(../common/images/pagettl_bg01.gif) no-repeat left bottom;
padding:6px 10px 11px 14px;
margin-bottom:20px;
text-align:left;
font-size:22px;
font-weight:bold;
color:#3069a7;
line-height:1.1;
}
* html #contents h1{font-size:180%;}
*:first-child + html #contents h1{font-size:180%;}

#contents h2	{
border:1px solid #a0a0a0;
background:#ffffff;
padding:4px 0;
margin-bottom:20px;
text-align:left;
font-size:18px;
font-weight:normal;
color:#333333;
line-height:1.1;
}
#contents h2 span	{
border-left:3px solid #3069a7;
padding:2px 11px;
display:block;
}
* html #contents h2 span{font-size:140%;}
*:first-child + html #contents h2 span{font-size:140%;}

#contents h3	{
border-bottom:1px solid #7ca3c4;
padding:0;
margin-bottom:20px;
text-align:left;
font-size:14px;
font-weight:normal;
color:#ffffff;
line-height:1.1;
}
#contents h3 span	{
background:#437baa;
border-bottom:1px solid #386082;
padding:4px 10px 4px 10px;
display:block;
}
* html #contents h3 span{font-size:100%;}
*:first-child + html #contents h3 span{font-size:100%;}


/*	lnav
----------------------------------------------------*/
#side ul li a,
#side ul li span	{
width:157px;
border-top:1px solid #222222;
border-bottom:1px solid #000000;
display:block;
padding:8px 10px 8px 16px;
}
#side ul li a:link,
#side ul li a:visited,
#side ul li a:hover,
#side ul li a:active	{
background: url(../common/images/lnav_bg01.gif) no-repeat left center;
color:#bebebe;
text-decoration:none;
}
#side ul li a:hover,
#side ul li a:active	{
background: url(../common/images/lnav_bg01_r.gif) no-repeat left center;
}
#side ul li span	{
background: url(../common/images/lnav_bg01_a.gif) no-repeat left center;
color:#ffffff;
}

#side ul li ul	{
margin:0;
padding:0;
border-top:1px solid #4c4c4c;
border-bottom:none;
padding-bottom:10px;
background:#222222 url(../common/images/lnav_bg04.gif) repeat-y left center;
}
#side ul li ul li	{
border-bottom:none;
background:#222222 url(../common/images/lnav_bg03.gif) repeat-y left center;
padding:1px 0;
margin:0;
}
#side ul li ul li a,
#side ul li ul li span	{
width:140px;
display:block;
padding:3px 10px 3px 33px;
font-size:10px;
line-height:1.1;
}
* html #contents h2{font-size:80%;}
*:first-child + html #contents h2{font-size:80%;}
#side ul li ul li span	{
color:#ffffff;
background:#4c5b6b url(../common/images/lnav_bg02_joint_r.gif) no-repeat left center;
border:none;
}
#side ul li ul li a:link,
#side ul li ul li a:visited,
#side ul li ul li a:hover,
#side ul li ul li a:active	{
background:#222222 url(../common/images/lnav_bg02_joint.gif) no-repeat left center;
color:#bebebe;
text-decoration:none;
border:none;
}
#side ul li ul li a:hover,
#side ul li ul li a:active	{
background:#4e4e4e url(../common/images/lnav_bg02_joint_r.gif) no-repeat left center;
}
#side ul li ul li.last	{
background:#222222 url(../common/images/lnav_bg02_last.gif) no-repeat left center;
padding:1px 0 1px 0;
margin:0;
}
#side ul li ul li.last span	{
background:#4c5b6b url(../common/images/lnav_bg02_last_r.gif) no-repeat left center;
color:#ffffff;
}
#side ul li ul li.last a:link,
#side ul li ul li.last a:visited,
#side ul li ul li.last a:hover,
#side ul li ul li.last a:active	{
background:#222222 url(../common/images/lnav_bg02_last.gif) no-repeat left center;
color:#bebebe;
text-decoration:none;
border:none;
}
#side ul li ul li.last a:hover,
#side ul li ul li.last a:active	{
background:#4e4e4e url(../common/images/lnav_bg02_last_r.gif) no-repeat left center;
}


/*	productImage
----------------------------------------------------*/
#productImage	{
border:1px solid #90a3b7;
padding:8px 5px 5px 10px;
background: #ffffff url(images/detail_bg01.gif) no-repeat center bottom;
overflow:hidden;
zoom:1;
}
#productImage:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#productImage h4	{
border-left:3px solid #214770;
padding:2px 4px;
margin-bottom:5px;
font-size:16px;
line-height:1.1;
font-weight:normal;
}
* html #productImage h4{font-size:140%;}
*:first-child + html #productImage h4{font-size:140%;}
#productImage p	{
text-align:center;
margin-bottom:5px;
}
#productImage div.relatedDocuments{
height:20px;
}
#productImage ul	{
margin:0;
padding:0;
display:inline;
list-style-type:none;
font-size:1px;
line-height:1px;
float:right;
}
#productImage ul li	{
margin:0;
padding:0;
display:inline;
margin-left:5px;
}


/*	productTable
----------------------------------------------------*/
#productTable	{
}
#productTable table th	{
}
#productTable table td	{
}

/*	relatedProducts
----------------------------------------------------*/
#relatedProducts	{
border:1px solid #4d85b3;
padding:8px 14px 8px 24px;
background:#ffffff;
overflow:hidden;
zoom:1;
}
#relatedProducts:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#relatedProducts h5	{
margin-bottom:8px;
}
#relatedProducts ul	{
margin:0;
padding:0;
list-style:none;
}
#relatedProducts ul li	{
width:185px;
margin:0;
border:1px solid #a0a0a0;
padding:0;
background: url(images/related_products_bg02.gif) no-repeat center bottom;
display:table;
float:left;
margin:0 10px 10px 0;
}
#relatedProducts ul li div	{
width:166px;
margin:0 auto;
padding:0;
}
#relatedProducts ul li h6	{
background: #437baa url(images/related_products_bg01.gif) repeat-x center bottom;
color:#FFFFFF;
padding:2px 8px;
margin:8px 0 6px 0;
font-weight:normal;
font-size:10px;
line-height:1.1;
}
* html #relatedProducts ul li h6{font-size:80%;}
*:first-child + html #relatedProducts ul li h6{font-size:80%;}

#relatedProducts ul li p.image	{
margin:0;
padding:0;
vertical-align:top;
display:table-cell;
width:1%;
/width:auto;
/float:left; /* IE 6, 7 */
}
#relatedProducts ul li p.image a	{
border:1px solid #959595;
background:#ffffff;
display:block;
height:57px;
width:57px;
}
#relatedProducts ul li p.image img	{
padding:7px 0;
}
#relatedProducts ul li p.txt	{
margin:0;
padding:0 0 28px 9px;
display:table-cell;
vertical-align:top;
/zoom:1; /* IE 6, 7 */
font-size:10px;
line-height:1.3;
}
* html #relatedProducts ul li p.txt{font-size:80%;}
*:first-child + html #relatedProducts ul li p.txt{font-size:80%;}

#relatedProducts ul li p.btn	{
margin:0;
padding:0;
height:0px;
position:relative;
font-size:1px;
line-height:1px;
}
#relatedProducts ul li p.btn img	{
position:absolute;
left:77px;
top:-23px;
}

/*	productList
----------------------------------------------------*/
.productListArea	{
border-top:1px solid #a0a0a0;
}

.productList	{
border-bottom:1px solid #a0a0a0;
padding:14px 0;
background: #f1f1f1 url(images/product_list_bg01.gif) repeat-y left top;
margin:0;
}
.productList div,
.productList table,
.productList p.image,
.productList p.txt{
display:table-cell;
vertical-align:middle;
}
* html .productList div,
* html .productList table,
* html .productList p.image,
* html .productList p.txt{
display:inline;
zoom:1;
}
*:first-child+html .productList div,
*:first-child+html .productList table,
*:first-child+html .productList p.image,
*:first-child+html .productList p.txt{
display:inline;
zoom:1;
}
/*\*//*/
* html .productList div,
* html .productList table,
* html .productList p.image
* html .productList p.txt{
display:inline-block;
}
/**/
.productList div	{
width:325px;
background:#fefefe;
padding:5px 0 5px 8px;
}
.productList table	{
width:240px;
overflow:hidden;
}
.productList table th	{
text-align:right;
font-weight:bold;
width:80px;
border-right:1px solid #f4f4f4;
padding-right:5px;
vertical-align:top;
}
.productList table td	{
width:150px;
padding-left:5px;
}
.productList table td span	{
font-size:10px;
}
* html .productList table td span{font-size:80%;}
*:first-child + html .productList table td span{font-size:80%;}
.productList p.image	{
width:67px;
margin-right:10px;
}
.productList p.image a	{
border:1px solid #959595;
background:#ffffff;
display:block;
width:67px;
/*height:67px;*/
}
.productList p.image img	{
padding:6px 0;
}
.productList p.txt	{
width:277px;
padding:0 10px;
}

.productListArea .productList.odd	{
background-color: #f1f1f1;
}
.productListArea .productList.even	{
background-color: #ffffff;
}
.productListArea .productList.odd div,
.productListArea .productList.odd div table th,
.productListArea .productList.odd div table td	{
background-color:#fefefe;
}
.productListArea .productList.even div,
.productListArea .productList.even div table th,
.productListArea .productList.even div table td	{
background-color:#f5f5f5;
}



/*	search
----------------------------------------------------*/
#search	{
background: url(../common/images/search_bg01.jpg) no-repeat center top;
height:72px;
}
#search .itemName,
#search .itemCode	{
width:295px;
float:left;
padding:9px 10px;
}
#search h2	{
margin:0 0 10px 0;
padding:0;
border:none;
background:none;
}
#search input	{
vertical-align:middle;
}
#search input.textbox	{
width:217px;
margin-right:6px;
padding:1px;
}


/*	catalogIndex
----------------------------------------------------*/
#catalogIndex #contents h1	{
visibility:hidden;
position:absolute;
top:0;
}

#catalogIndex .indexList	{
width:630px;
background-repeat: repeat-y;
background-position: left top;
overflow:hidden;
zoom:1;
}
#catalogIndex .indexList:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#catalogIndex .indexList.odd	{
	background-image: url(images/index_bg02.gif);
}
#catalogIndex .indexList.even	{
	background-image: url(images/index_bg01.gif);
}
#catalogIndex .indexList h2	{
margin:0 0 10px 0;
padding:0 0 10px 21px;
border:none;
background: url(../common/images/ico_square.gif) no-repeat left 0.1em;
border-bottom:1px dashed #a0a0a0;
font-size:16px;
}
* html #catalogIndex .indexList h2{font-size:140%;}
*:first-child + html #catalogIndex .indexList h2{font-size:140%;}

#catalogIndex .indexList div	{
width:275px;
padding:15px 20px;
float:left;
}
#catalogIndex .indexList p.image	{
border:1px solid #d2d2d2;
float:left;
}
#catalogIndex .indexList ul	{
width:139px;
margin:0;
padding:0 0 0 15px;
list-style:none;
float:left;
}
#catalogIndex .indexList ul li	{
margin:0;
padding:0;
}