@charset "utf-8";
/* Safari only \*/
html:first-child body {
font-size: 88%;
}
/* */
/*======================
 Setting Start 
 =======================*/
 *{
	font-size: 100%;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
body{
	margin: 0px;
	padding: 0px;
	background-image: url(../img/inner_body_back.jpg) !important;
	background-image: url(../img/inner_body_back2.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #400;
	color: #333;
}

#maincontainer h1
#maincontainer h2
#maincontainer h3
#maincontainer h4,{
	font-size: 100%;
	line-height: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
p#biulogo a{
	background-image: url(../img/inner_biu_logo.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 111px;
	width: 170px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}

div#mainnav{
	width: 690px;
	float: left;
	padding-top: 19px;
	padding-left: 20px;
}
div#mainnav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div#mainnav ul li{
	float: left;
	padding: 0px;
	margin-top: 0px;
	text-indent: -9999px;
}
div#mainnav ul li a{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 30px;
	overflow: hidden;
}
div#mainnav ul li a:hover{
	background-position: 0px -30px;
}
div#mainnav ul li a.current{
	background-position: 0px -60px;
}
li#nav01 a{
	background-image: url(../img/inner_nav01.jpg);
	width: 73px;
}
li#nav02 a{
	background-image: url(../img/inner_nav02.jpg);
	width: 115px;
}
li#nav03 a{
	background-image: url(../img/inner_nav03.jpg);
	width: 108px;
}
li#nav04 a{
	background-image: url(../img/inner_nav04.jpg);
	width: 101px;
}
li#nav05 a{
	background-image: url(../img/inner_nav05.jpg);
	width: 103px;
}
li#nav01{
	margin-right: 38px;
}
li#nav02{
	margin-right: 38px;
}
li#nav03{
	margin-right: 38px;
}
li#nav04{
	margin-right: 38px;
}

div#mainarea{
	padding-bottom: 38px;
}
p#honulogo{
	background-image: url(../img/inner_honu_logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 275px;
	float: right;
}
div#maincontainer{
	padding: 0px;
	height: 100%;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/inner_container_back.jpg);
	background-repeat: repeat-y;
}
div#headarea{
	background-image: url(../img/inner_head.jpg);
	height: 111px;
	width: 900px;
	background-repeat: no-repeat;
}
h1{
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 175px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}
#h1about{background-image: url(../about/img/h1.jpg);}
#h1products{background-image: url(../products/img/h1.jpg);}
#h1dealers{background-image: url(../dealers/img/h1.jpg);}

div#maincontainer h2{
	display: block;
	height: 40px;
	margin-right: 25px;
	margin-left: 25px;
	clear: both;
	margin-bottom: 0.5em;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#h2about01{background-image: url(../about/img/h2_f4.jpg);}
#h2about02{background-image: url(../about/img/h2.jpg);}
#h2about03{background-image: url(../about/img/h2_f2.jpg);}
#h2about04{background-image: url(../about/img/h2_f3.jpg);}
#h2about201{background-image: url(../jp/about/img/h2_f4.jpg);}
#h2about202{background-image: url(../jp/about/img/h2.jpg);}
#h2about203{background-image: url(../jp/about/img/h2_f2.jpg);}
#h2about204{background-image: url(../jp/about/img/h2_f3.jpg);}

#h2products01{background-image: url(../products/img/h2.jpg);}
#h2products02{background-image: url(../products/img/h2_f2.jpg);}
#h2products03{background-image: url(../products/img/h2_f3.jpg);}
#h2products04{background-image: url(../products/img/h2_f4.jpg);}

#h2dealers01{background-image: url(../dealers/img/h2.jpg);}
#h2dealers02{background-image: url(../dealers/img/h2_f2.jpg);}
#h2dealers03{background-image: url(../dealers/img/h2_f3.jpg);}
#h2dealers04{background-image: url(../dealers/img/h2_f4.jpg);}
#h2dealers201{background-image: url(../jp/dealers/img/h2.jpg);}
#h2dealers202{background-image: url(../jp/dealers/img/h2_f2.jpg);}
#h2dealers203{background-image: url(../jp/dealers/img/h2_f3.jpg);}
#h2dealers204{background-image: url(../jp/dealers/img/h2_f4.jpg);}
#h2dealers205{background-image: url(../jp/dealers/img/h2_f5.jpg);}
#h2dealers206{background-image: url(../jp/dealers/img/h2_f6.jpg);}
#h2dealers207{background-image: url(../jp/dealers/img/h2_f7.jpg);}
#h2dealers208{background-image: url(../jp/dealers/img/h2_f8.jpg);}


div#maincontainer a{
	color: #f60;
	text-decoration: none;
}
div#maincontainer a:hover{
	color: #f90;
	text-decoration: underline;
}

div.contentsfield,
div.headlinefield
{
	margin-right: 35px;
	margin-left: 35px;
}
div.contentsfield p,
div.headlinefield p{
	font-size: 80%;
	line-height: 1.5em;
	margin-bottom: 1em;
}
div.headlinefield  h3{
	background-image: url(../img/h3_back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 0.5em;
	padding-bottom: 0.8em;
	color: #366;
	font-weight: normal;
	font-size: 100%;
	padding-top: 5px;
}
div.headlinefield ul{
	margin: 0px 0px 1.5em;
	padding: 0px;
	list-style-type: none;
}
div.headlinefield ul li{
	font-size: 80%;
	line-height: 120%;
	margin-bottom: 0.8em;
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

div.contentsfield h3{
	background-image: url(../img/h3_back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 0.5em;
	padding-bottom: 0.8em;
	color: #366;
	font-weight: normal;
	font-size: 100%;
}
div.contentsfield h3.product{
	margin-bottom: 1em;
}
div#maincontainer h4{
	font-size: 80%;
	font-weight: normal;
	margin-bottom: 0.2em;
	line-height: 150%;
	color: #399;
}
div#maincontainer div.contentsfield h4.dealeasname{
	background-image: url(../img/dealear_h4_back.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 0.5em;
	color: #600;
	font-weight: normal;
	padding: 0.2em 0.2em 0.2em 0.8em;
}
div#maincontainer h5{
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 0.2em;
	line-height: 120%;
	color: #366;
}
div.contentsfield dl{
	margin-bottom: 1em;
}
div.contentsfield dt{
	font-weight: bold;
	color: #399;
	font-size: 80%;
	line-height: 1.5em;
	padding-top: 0.5em;
	clear: both;
}
div.contentsfield dd{
	font-size: 80%;
	line-height: 1.5em;
	padding-bottom: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	margin-top: -1.5em;
	padding-left: 9em;
}
div.contentsfield table{
	border-collapse:collapse;
	margin-bottom: 1em;
}
div.contentsfield table tr{
border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
}
div.contentsfield table th{
	font-weight: bold;
	color: #399;
	font-size: 80%;
	line-height: 1.5em;
	text-align: left;
	vertical-align: top;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
div.contentsfield table td{
	font-size: 80%;
	line-height: 1.5em;
	padding-top: 0.5em;
	text-align: left;
	vertical-align: top;
	padding-bottom: 0.5em;
}
div.contentsfield table td ul{
}
div.contentsfield table td ul li{
	margin-bottom: 0.5em;
	background: url(../img/table_li_head.gif) no-repeat 3px 0.4em;
	padding-left: 12px;
	clear: both;
}
div.contentsfield a img{
	border:none;
}
div.spec-block p,
div.spec-block h4{
	margin-left: 15px;
}
div.spec-block p.spec-body{
	line-height: 110%;
	margin-bottom: 0.5em;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
div.spec-block h4{
	margin-bottom: 0.5em;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
div.photo-prodct p{
	line-height: 1.2em;
}
div.photo-prodct p{
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
p.pagetop{
	clear: both;
	font-size: 80%;
	margin-left: 800px;
	margin-bottom: 2em;
}
p.hyperlink a{
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	line-height: 150%;
	clear: both;
}
p.pagetop a{
	background-image: url(../img/arrow_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	line-height: 150%;
	clear: both;
}
#maincontainer .mainimg{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
#maincontainer .mainimg2{
	float: left;
	margin-right: 10px;
	margin-bottom: 0.51em;
}
#maincontainer .subimg{
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}
#maincontainer .dataimg{
	float: right;
	margin-left: 15px;
}
#maincontainer table.price-table{
	border-collapse:collapse;
	clear: both;
	border: 1px solid #999;
}
#maincontainer table.price-table caption{
	font-size: 80%;
	text-align: left;
	font-weight: bold;
	color: #399;
	padding-bottom: 0.2em;
}
#maincontainer table.price-table th{
	padding: 0.2em 0.5em;
	border: 1px solid #999;
}
#maincontainer table.price-table td{
	padding: 0.2em 0.5em;
	border: 1px solid #999;
}
#maincontainer table.price-table thead th{
	background: #70B7B7;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}
#maincontainer table.price-table thead td{
	font-weight: bold;
	color: #FFF;
	background: #70B7B7;
	text-align: center;
	vertical-align: middle;
}
#maincontainer table.price-table tbody th{
	background: #CCE5E5;
	text-align: center;
	font-weight: normal;
	color: #333;
	vertical-align: middle;
}
#maincontainer table.price-table tbody td{
	text-align: center;
	vertical-align: middle;
}
/*===================
All Block Setting 
====================*/
/*Float*/
div.float-l{
	float: left;
}
div.float-r{
	float: right;
}
/*Head Field*/
div.head-block{
	height: auto;
	width: 595px;
}
/*Half Field*/
div.half-block{
	height: auto;
	width: 406px;
}
div.half-block2{
	height: auto;
	width: 395px;
	padding-top: 0.5em;
}
div.block_margin{
	margin-bottom: 15px;
}
/*MainBlock*/
div.main-block{
	float: left;
	height: auto;
	width: 500px;
	padding-top: 5px;
}
div.main-block2{
	float: left;
	height: auto;
	width: 595px;
	padding-top: 5px;
}
div.photo-wrapper{
	float: left;
	height: auto;
	width: 327px;
}

div.spec-block{
	background-image: url(../img/spec_back.gif);
	background-repeat: repeat-y;
	clear: both;
	width: 500px;
}
div.spec-block2{
	background-image: url(../img/spec_back2.gif);
}
div.spec-list{
	height: auto;
	width: 240px;
}
/*detail*/
div.detail-block{
	float: right;
	height: auto;
	width: 290px;
	padding-top: 5px;
}
div.detail-set{
	height: auto;
	width: 290px;
}

div.op-oblock{
	height: auto;
	width: 406px;
}
/*Photo size*/
div.photo-s{
	height: auto;
	width: 140px;
}
div.photo-m{
	height: auto;
	width: 195px;
}
div.photo-prodct{
	height: auto;
	width: 155px;
	text-align: center;
}
div.photo-s img,
div.photo-m img,
div.photo-prodct img{
	margin-bottom: 0.2em;
}
div#footer{
	background-image: url(../img/inner_footer.jpg);
	background-repeat: no-repeat;
}
hr{
	display: none;
}
address{
	font-size: 70%;
	font-style: normal;
	line-height: 49px;
	font-weight: normal;
	text-align: center;
	color: #ccc;
}

div.searchword{
	display: none;
}
/*======================
 Huck 
 =======================*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.clearfix{display:inline-block;}
/* hides from IE-mac¥*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/