/*　真ん中の司る部分　*/
@charset "utf-8";
html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:12px;line-height:16px;letter-spacing:0px;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;}

legend{color:#000;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}



body {
 text-align:center;
 background-color:white;
 padding-bottom:20px;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



div.main {
 width:940px;
 background-color:white;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 padding:0 10px 0;
 clear:both;
 position:relative;
 z-index:1:
}

div.main div.back1{
 width:40px;
 height:100%;
 position:absolute;
 top:0;
 left:10px;
 background-image:url(back_baseline_left.jpg);
 background-repeat:repeat-y;
 border:none;
}

div.main div.back2{
 width:80px;
 height:100%;
 position:absolute;
 top:0;
 left:285px;
 background-image:url(back_baseline_center.jpg);
 background-repeat:repeat-y;
 border:none;
}

div.main div.back3{
 width:80px;
 height:100%;
 position:absolute;
 top:0;
 left:590px;
 background-image:url(back_baseline_center.jpg);
 background-repeat:repeat-y;
 border:none;
}

div.main div.back4{
 width:40px;
 height:100%;
 position:absolute;
 top:0;
 left:910px;
 background-image:url(back_baseline_right.jpg);
 background-repeat:repeat-y;
 border:none;
}

div.e_link{
 width:940px;
 height:40px; 
 float:left;
 position:fixed;
 top:0;
 z-index:9999;
 background-color:white;
}

	div.e_link div.linkbase{
	 position:absolute;
	 background-color:black;
	 top:0px;
	 left:10px;
	 z-index:1;
	 width:200px;
	 height:30px;
	}

		div.linkbase div.japan{
		 width:200px;
		 height:30px;
		 background-image:url(linkmark_to_english.jpg);
		 repeat:no-repeat;
		 filter: alpha(opacity=90);
		 -moz-opacity: 0.9;
		 opacity: 0.9;
		 z-index:9998;
		}

		div.linkbase div.english{
		 width:200px;
		 height:30px;
		 background-image:url(linkmark_to_japanese.jpg);
		 repeat:no-repeat;
		 filter: alpha(opacity=90);
		 -moz-opacity: 0.9;
		 opacity: 0.9;
		 z-index:9998;
		}

		div.linkbase div:hover{
	 	 filter: alpha(opacity=100);
		 -moz-opacity: 1.0;
		 opacity: 1.0;			 
		}

div.top_caution{
 float:left;
 width:920px;
 height:130px;
 position:fixed;
 top:0px;
 z-index:9999;
 background-image:url(dottbase_black.jpg);
 padding:10px;
 color:white;
}

	.top_caution img#caution{
	 float:left;
	 width:20px;
	 margin-left:10px;
	}

	.top_caution p#caution{
	 float:left;
	 font-size:20px;
	 line-height:20px;
	 font-weight:bold;
	}

		.top_caution p#caution_name{
		 clear:both;
		 float:left;
		 font-size:13px;
		 margin-left:10px;
		 line-height:20px;
		}

		.top_caution div.model{
		 float:left;
		 width:290px;
		 padding:5px;
		 margin:5px 0 0 5px;
		 background-color:white;
		 font-size:12px;
		 color:black;
		}

			.top_caution div.model img{
			 width:80px;
			}

			.top_caution div.model span{
			 margin:0 0 0 5px;
			 font-weight:bold;
			 font-size:14px;
			}


	div.navi{
	 clear:both;
	 float:left;
	 width:910px;
	 height:20px;
	 margin:10px 0 0 5px;
	 font-weight:bold;
	 background-image:url(dottbase_black.jpg);
	}

		div.navi p{
		 float:left;
		 font-weight:bold;
		 font-size:12px;
		 line-height:20px;
		 padding:0 10px 0 10px;
		 border-right:1px white solid;
		}

			div.navi p a{
			 text-decoration: none;
			 color:white;
			}

			div.navi p a:hover{
			 color:red;
			}



div.mainimage{
 width:940px;
 height:570px;
 position:relative;
 background-image:url(cbr_top_base.jpg);
 background-repeat:repeat-x;
 z-index:9994;
 margin-top:150px;
}

	div.mainimage img{
	 position:absolute;
	}

	div.mainimage p{
	 position:absolute;
	 background-color:yellow;
	 font-size:11px;
	 font-weight:bold;
	 padding:3px;
	}

p.title{
 clear:both;
 width:920px;
 height:25px;
 font-size:20px;
 color:white;
 font-weight:bold;
 line-height:25px;
 padding:5px 0 5px 20px;
 background-image:url(titlebase_honda.jpg);
 background-repeat:repeat-y;
 position:relative;
 z-index:9990;
}

div.partslineup_base{
 width:920px;
 margin:0 10px 0 10px;
 padding:5px 0 10px 0;
 clear:both;
 float:left;
}


	div.partsbox{
	 width:300px;
	 position:relative;
	 float:left;
	 margin:0 0 15px 5px;
	}

		p.partsname{
		 width:290px;
		 height:40px;
		 font-size:12px;
		 line-height:20px;
		 font-weight:bold;
		 color:white;
		 background-color:black;
		 background-image:url(partstitle_base.jpg);
		 background-repeat:repeat-x;
		 text-align:right;
		 margin:5px 0 0 0;
		 padding:0 5px 0 0;
		}

			p.partsname img{
			height:16px;
			margin:2px;
			float:left;
			}

		div.modelmarkbox{
		 width:295px;
		 float:left;
		 background-image:url(modelmark_base.png);
		 margin:0 0 3px 0;
		}

		img.modelmark{
		 width:80px;
		 float:left;
		 margin:3px 0 3px 5px;
		}

		div.imagebox{
		 width:295px;
		 float:left;
		 text-align:center;
		 background-image:url(imagebox_base.png);
		 padding:3px 0 3px 0;
		}

			div.imagebox div.size1{
		 	 width:140px;
			 margin:0 auto;
			}

			div.imagebox div.size2{
		 	 width:191px;
			 margin:0 auto;
			}

			div.imagebox div.size3{
		 	 width:285px;
			 margin:0 auto;
			}

			div.imagebox div.size4{
		 	 width:293px;
			 margin:0 auto;
			}

			div.imagebox div.size5{
		 	 width:242px;
			 margin:0 auto;
			}

		img.main{
		 width:140px;
		 float:left;
		}

		img.main2{
		 width:95px;
		 float:left;
		}

		img.fitting{
		 width:45px;
		 float:left;
		 padding:3px;
		 background-color:white;
		}



		p.note1{
		 width:120px;
		 float:right;
		 font-size:10px;
		 margin:0 5px 0 0;
		}

		p.note2{
		 clear:both;
		 width:290px;
		 float:right;
		 font-size:10px;
		 margin:5px 5px 0 5px;
		}

		p.note2_e{
		 clear:both;
		 width:290px;
		 float:right;
		 font-size:12px;
		 margin:5px 5px 0 5px;
		 border-top:solid gray 1px;
		 padding-top:10px;
		 margin-top:15px;
		}

		p.nishiomemo{
		 clear:both;
		 width:286px;
		 float:right;
		 font-size:10px;
		 margin:5px 5px 0 5px;
		 background-color:#ffffcc;
		 border:1px black solid;
		 font-weight:bold;
		 padding:2px;
		 font-size:12px;
		 line-height:1.6
;
		}

		table.data{
		 clear:both;
		 float:left;
		 width:285px;
		 border:1px solid black;
		 margin:5px 5px 0 5px;
		}

			table.data th{
			 background-image:url(dottbase_black.jpg);
			 border:1px solid black;
			 color:white;
			 font-weight:bold;
			 padding:2px;
			 font-size:10px;
			}

				th.type{
				 text-align:left;
				 width:155px;
				}

				th.partsno{
				 text-align:left;
				 width:80px;
				}

				.price{
				 text-align:right;
				 width:50px;
				}

			table.data td{
			 background-color:white;
			 border:1px solid black;
			 padding:2px;
			 font-size:10px;	
			}

		div.linkbase{
		 clear:both;
		 width:120px;
		 height:18px;
		 float:right;
		 margin:5px 5px 0 0;
		 background-color:black;
		}

		p.link{
		 clear:both;
		 width:120px;
		 height:18px;
		 font-size:10px;
		 float:right;
		 text-align:right;
		 background-color:black;
		 background-image:url(linkmark.jpg);
		 repeat:no-repeat;
	 	 filter: alpha(opacity=80);
		 -moz-opacity: 0.8;
		 opacity: 0.8;
		}

		p.link_e{
		 clear:both;
		 width:120px;
		 height:18px;
		 font-size:10px;
		 float:right;
		 text-align:right;
		 background-color:black;
		 background-image:url(linkmark_e.jpg);
		 repeat:no-repeat;
	 	 filter: alpha(opacity=80);
		 -moz-opacity: 0.8;
		 opacity: 0.8;
		}

			p.link:hover{
	 	 	filter: alpha(opacity=100);
		 	-moz-opacity: 1.0;
		 	opacity: 1.0;			 
			}

			p.link_e:hover{
	 	 	filter: alpha(opacity=100);
		 	-moz-opacity: 1.0;
		 	opacity: 1.0;			 
			}

		p.development{
		 clear:both;
		 width:120px;
		 height:18px;
		 font-size:10px;
		 float:right;
		 text-align:right;
		 background-image:url(developmentmark.jpg);
		 repeat:no-repeat;
		}

		p.webshop{
		 width:111px;
		 height:18px;
		 font-size:10px;
		 float:right;
		 text-align:right;
		 margin:5px 5px 0 0;
		 background-image:url(webshop_only_mark.jpg);
		 repeat:no-repeat;
		}

		p.release{
		 clear:both;
		 width:120px;
		 height:18px;
		 font-size:12px;
		 line-height:18px;
		 text-align:center;
		 font-weight:bold;
		 float:right;
		 margin:5px 10px 0 0;
		 background-color:#7fffd4;
		}

		p.yajirusi{
		 width:18px;
		 height:18px;
		 float:right;
		 text-align:right;
		 margin:5px 5px 0 0;
		 background-image:url(yajirusi.png);
		 repeat:no-repeat;
		}




	 /*　ドロップダウン　*/

ul#nav {
 clear:both;
 float: left;
 width:550px;
 height:25px;
 background-image:url(dottbase_black.jpg);
 position:relative; z-index:9999;
 list-style-type:none;
}
	
	ul#nav li.dropdown {
	 float:left;
	 text-align:center;
	 width:90px;
	 background-image:url(dottbase_black.jpg);
	 font-size:10px;
	 line-height:25px;
	 list-style-type:none;
	 color:white;
	}

	ul#nav li.title {
	 float:left;
	 text-align:center;
	 width:100px;
	 background-image:url(dottbase_black.jpg);
	 font-size:10px;
	 font-weight:bold;
	 line-height:25px;
	 list-style-type:none;
	 color:white;
	}

	ul#nav li.dropdown:hover {
	 background:red;
	 opacity: 0.95;
	}
		
		ul#nav li.dropdown a {
		 display:block;
		 text-decoration:none;
		}
		
		ul#nav li.dropdown ul {
		 display:none;
		 list-style-type:none;
		}
			
			ul#nav li.dropdown ul li {
			 background: black;
			 height:25px;
			 width:180px;
			 font-size:10px;
 			 line-height:25px;
			 text-align:left;
			 padding:0 0 0 5px;
			}

			ul#nav li.dropdown ul li span{
			 float:right;
			 margin-right:10px;
			}

			ul#nav li ul li:hover {
			 background: gray;
			 color: white;
			}
				
				ul#nav li.dropdown ul li a {
				 color: white;
				 text-decoration:none;
				}


	 /*　閉じるボタン　*/
div.tojiru {
  clear:both;
  width:940px;
  padding:5px 0 5px 0;
  background-color:black;
  border-top-width : 2px;
  border-bottom-width : 2px;
  border-top:2px silver solid;
  border-bottom :2px silver solid;
  text-align:center;
 position:relative;
 z-index:9998;
}