@charset "UTF-8";
/* CSS Document */

a img{ display:block; border:0; }

/*----------------------*/

.item-L{ width:150px; margin:0 0px 30px 20px; padding:0; float:left; text-align:center;}
.item-R{ width:150px; margin:0 0px 30px 20px; padding:0; float:left; text-align:center;}


/*----------------------*/

.new-item-L{padding:0; margin:0 20px 20px 0; float:left; border:0;}
.new-item-R{padding:0; margin:0 0 20px 0; float:left;border:0;}



/*----------------------*/

.index{background:#EEEEEE; padding:10px; margin:0; width:680px  }
.index img{ float:left; padding:0; margin:0 1px 1px 0; border:0}


/*----------------------*/

h4.main{ padding:0; margin:0 0 10px 0; line-height:160%}
h4.smallHL{ margin:40px 0 20px 0; padding:0}
h5.ttl{/* border-top: solid 1px #DEDEDE;*/ background:url(../product/contents/img/bg-h5.gif) no-repeat; height:20px; padding:2px 0 0 3px; margin:40px 0 20px 0; font-weight:bold; font-size:85%;}
p.cap{ padding:0; margin:0; font-size:75%;}
p{padding:0; margin:0;}

.red{ color:#CC0000}
.bg-gray{ background:#F3F3F3;}

table{ border-top: 1px solid #C7C6CB; border-left:1px solid #C7C6CB;}
table th{ 
			background:#F3F3F3; 
			border-bottom:1px solid #C7C6CB; 
			border-right:1px solid #C7C6CB; 
			width:140px; 
			padding:2px;
			margin:0;
			font-weight:normal;
			line-height:150%;
			text-align:center;
}
		
table td{ 
		border-bottom:1px solid #C7C6CB; 
		border-right:1px solid #C7C6CB; 
		text-align:center;
		line-height:150%; 
		background:#FFFFFF;
		padding:2px;
		margin:0;
 }
 
 
/*----------------------

  process

----------------------*/
.prc-box{ padding:0; margin:20px 0 20px 0; float:left; width:700px}
.prc-box p{ padding:0; margin:0 0 20px 0; line-height:150%; float: right; width:540px}
.prc-box img{padding:0 20px 0 0; float:left; margin:0}



/**spec

.odd{ float: left; width: 340px; clear: left; }
.even{ float: right; width: 340px;  clear: right; }
.clr{ clear: both; }
.index2 ul li{ padding: 0 0 0 15px; background: url( /img/common/dd_arrow.gif ) 5px 5px no-repeat; }
.index2{ border: 1px #ddd solid; padding: 0; margin: 0 0 20px 0; }

**/
.index2{ border: 1px #ddd solid; padding: 0 0 10px 0; margin: 0 0 20px 0; }
.index2 ul{ margin: 0; padding: 10px; list-style: none; }
.index2 ul li{ padding: 0 0 0 15px; background: url( /img/common/dd_arrow.gif ) 5px 5px no-repeat; float: left;}

.odd{ /*float: left; width: 340px; clear: left; */ }
.even{ /*float: right; width: 340px;  clear: right;*/ }
.clr{ clear: both; }

h5{ font-size: 12px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
h4.idxHL{ border-top: 0; margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #666; }
h4.idxHL div{ width: 170px; background: #ddd;  }
h4.idxHL div b{ padding: 3px 5px; display: block; }

.voice{ margin: 0 0 20px 0; padding: 0 0 20px 0; }
.voice h4.ttl{ font-size: 14px; margin: 0 0 5px 0; padding: 0; }
.voice b.hl{ font-size: 14px; display: block; margin-bottom: 20px; }
.voice div.link{ text-align: right; margin-top: 15px;}


/*----------------------

  cb

----------------------*/
.cb-box{ /*padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #EAEAEA*/background:url(../product/contents/img/accessory/box_con002.gif) repeat-y; padding:0; margin:20px auto ; width:578px}
.cb-box h4{ /*padding:0; margin:0;*/ background:url(../product/contents/img/accessory/box_top002.gif) no-repeat; margin:0; padding:0}
.cb-box h4 img{ padding:10px}
.cb-box-main{ background: url(../product/contents/img/accessory/box_btm002.gif) no-repeat bottom; padding:0 10px 10px 10px; margin:auto }
.cb-l1{ float:left; margin:0; padding:0 ; width:250px}
.cb-l1 ul{text-align:left; padding:0 0 0 10px ; margin:0 0 10px 10px}

.cb-l2{ float:right; margin:0; padding:0; border:0; text-align:center}


/*----------------------

 hint

----------------------*/
.hint-box{ padding:10px 0 0 0 ; margin:0 0 30px 0}
.hint-box h4{background-color:#EAEAEA; padding:5px; margin:0 0 10px 0}
.hint1-l{ float:left; margin:0; width:160px;height:120px; border:1px solid #CCCCCC;padding:10px}
.hint1-r{ float:right; margin:0; width:470px; height:120px; border:1px solid #CCCCCC; padding:10px}


.hint-box2{ padding:5px; background:#EAEAEA; margin:10px 0 }
.hint-box2 h4{padding:5px; margin:0 0 10px 0}

.hint-box2b{ padding:5px 0 20px 0; margin:10px 0; border-bottom:dotted 2px #999999; text-align:center  }

/*----------------------

 accessory

----------------------*/
.acs-box{ background:url(../product/contents/img/accessory/box_con002.gif) repeat-y; padding:0; margin:20px auto ; width:578px}
.acs-box h4{background:url(../product/contents/img/accessory/box_top002.gif) no-repeat; margin:0; padding:0}
.acs-box h4 img{ padding:10px}
.acs-box p{background:url(../product/contents/img/accessory/box_btm002.gif) no-repeat bottom; padding:0 20px 20px 20px; text-align:center}

/*----------------------

 headcover

----------------------*/
.hdc-box3{ background:url(../product/contents/img/accessory/headcover/box_bg03.gif) no-repeat bottom;padding:0; margin:20px auto; width:572px}
.hdc-box2{}
.hdc-box1{ background:url(../product/contents/img/accessory/headcover/box_bg01.gif) no-repeat bottom #FFFFFF;padding:0; margin:20px auto; width:572px}



.hdc{ float:left; width:186px; padding:0; margin:0 7px 0 0}
.hdc p{ padding:10px; margin:0; border:0; text-align:center}

.hdc-r{ float:left; width:186px; padding:0; margin:0}
.hdc-r p{  padding:10px; margin:0; border:0; text-align:center}
.hdc-r h4 img{ padding:0; margin:0}