@charset "utf-8";
/* Safari only \*/
html:first-child body {
font-size: 88%;
}
/* */
/*======================
 Setting Start 
 =======================*/
 *{
	font-size: 100%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body{
	background-image: url(../img/inner_body_back.jpg) !important;
	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;
}
h6 {
    font-size: 90%;
    font-weight: normal;
    margin-bottom: 0.2em;
	line-height: 150%;
    color: #399;
}

p#biulogo a, p#biualogo_jp{
	background: url(../img/inner_biu_logo2.png) 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{
	list-style-type: none;
}
div#mainnav ul li{
	float: left;
	text-indent: -9999px;
}
div#mainnav ul li a{
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
}
div#mainnav ul li a:hover{
	background-position: 0 -30px;
}
div#mainnav ul li a.current{
	background-position: 0 -60px;
}
li#nav01 a{
	background-image: url(../img/inner_nav01.jpg);
	width: 79px;
}
li#nav02 a, li#nav02_jp a{
	background-image: url(../img/inner_nav02.jpg);
	width: 115px;
}
li#nav03 a, li#nav03_jp a{
	background-image: url(../img/inner_nav03.jpg);
	width: 108px;
}
li#nav04 a, li#nav04_jp a{
	background-image: url(../img/inner_nav04.jpg);
	width: 101px;
}
li#nav05 a, li#nav05_jp a{
	background-image: url(../img/inner_nav05.jpg);
	width: 96px;
}
li#nav06 a, li#nav06_jp a{
	background-image: url(../img/inner_nav06.jpg);
	width: 103px;
}
li#nav01, li#nav01_jp{
	margin-right: 14px;
}
li#nav02, li#nav02_jp{
	margin-right: 14px;
}
li#nav03, li#nav03_jp{
	margin-right: 14px;
}
li#nav04, li#nav04_jp{
	margin-right: 14px;
}
li#nav05, li#nav05_jp{
	margin-right: 14px;
}

li#nav01_jp a{
	background-image: url(../img/inner_nav01_jp.jpg);
	width: 79px;
}

div#mainarea{
	padding-bottom: 38px;
}
p#langage-jp,
p#langage-en{
	display: block;
	height: 50px;
	float: right;
}

p#langage-jp {
    width: 118px;
}
P#langage-en {
    width: 108px;
}

p#langage-jp a{
	background: url(../img/index_jp.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 100px;
	margin-top: 12px;
	overflow: hidden;
}
p#langage-en a{
	background: url(../img/index_en.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 90px;
	margin-top: 12px;
	overflow: hidden;
}
p#langage-jp a:hover,
p#langage-en a:hover{
	background-position: 0 -25px;
}
p#honulogo{
	background: url(../img/inner_honu_logo_nobg.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 275px;
	float: right;
}
div#maincontainer{
	height: 100%;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/inner_container_back.jpg) repeat-y;
}
div#headarea{
	background: url(../img/inner_head.jpg) no-repeat;
	height: 111px;
	width: 900px;
}
h1{
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 175px;
	width: 900px;
}
#h1about{background-image: url(../about/img/h1.jpg);}
#h1products{background-image: url(../products/img/h1.jpg);}
#h1products2{background-image: url(../products/img/h1_2.jpg)}
#h1dealers{background-image: url(../dealers/img/h1.jpg);}
#h1artists{background-image: url(../artists/img/h1.jpg);}
#h1legal{background-image: url(../legal_warranty/img/h1_l.jpg);}
#h1warranty{background-image: url("../legal_warranty/img/h1_w.jpg")}
#h1discontinued{background-image: url("../products/img/h1_3.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);}
#h2products05{background-image: url(../products/img/h2_f5.jpg);}
#h2products06{background-image: url(../products/img/h2_f6.jpg);}
#h2products07{background-image: url(../products/img/h2_f7.jpg);}
#h2products08{background-image: url(../products/img/h2_f8.jpg);}
#h2products09{background-image: url(../products/img/h2_f9.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);}

#h2artists01{background-image: url(../artists/img/h2_f1.jpg);}
#h2artists02{background-image: url(../artists/img/h2_f2.jpg);}
#h2artists03{background-image: url(../artists/img/h2_f3.jpg);}
#h2artists04{background-image: url(../artists/img/h2_f4.jpg);}
#h2artists05{background-image: url(../artists/img/h2_f5.jpg);}
#h2artists06{background-image: url(../artists/img/h2_f6.jpg);}

#h2legal01{background-image: url(../legal_warranty/img/h2_l.jpg);}
#h2legal02{background-image: url(../legal_warranty/img/h2_l-1.jpg);}
#h2legal03{background-image: url(../legal_warranty/img/h2_l-2.jpg);}

#h2warranty01{background-image: url(../legal_warranty/img/h2_w.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, #discontinue p {
	font-size: 80%;
	line-height: 1.5em;
	margin-bottom: 1em;
}
div.headlinefield  h3{
	background: url(../img/h3_back.jpg) no-repeat center bottom;
	margin-bottom: 0.5em;
	padding-bottom: 0.8em;
	color: #366;
	font-weight: normal;
	font-size: 100%;
	padding-top: 5px;
}

div#maincontainer .headlinefield h4{
    margin-bottom: 2em;
}
div.headlinefield ul, div#sidenav01 .sidenav dl {
	margin: 0 0 1.5em;
	list-style-type: none;
}

div#sidenav01 .sidenav dl dt {
    font-size: 80%;
    line-height: 1em;
    margin-bottom: 1em;
}
div.headlinefield ul li, /*div#sidenav01 .sidenav li ul li,*/ div#sidenav01 .sidenav dl dd,
#discontinue ul li, p.discontinue {
	font-size: 80%;
	line-height: 120%;
	margin-bottom: 0.8em;
	background: url(../img/arrow_right.gif) no-repeat left center;
	padding-left: 15px;
}
/*div#sidenav01 .sidenav .sidenav02 li p,*/ div#sidenav01 .sidenav dl dt {
    padding-top: 2.5em;
}
/*div#sidenav01 .sidenav ul p,*/ div#sidenav01 .sidenav dl dt{
    border-bottom: 1px solid #f60;
    width: 270px;
    padding: 1.1em 0 0.3em 0;
}
/*div#sidenav02 p {
    padding-top: 1em;
    padding-bottom: 1em;
*/
div.sidenav{
    color: #f60;
    width: 290px;
}
div.headlinefield div#sidenav01 .artists ul{
    width: 250px;
    padding-right: 60px;
    background-position: left bottom;
}
div.headlinefield div#sidenav01 .artists ul li{
    margin: 10px 0;
    padding: 13px 0 12px 15px;
}
.thum img{
    float: right;
    border: none;
    margin-top: -14px;
}
div.contentsfield h3{
	background: url(../img/h3_back.jpg) no-repeat 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: url(../img/dealear_h4_back.jpg) no-repeat 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: 1px dashed #CCC;
	margin-top: -1.5em;
	padding-left: 9em;
}
div.contentsfield table{
	border-collapse:collapse;
	margin-bottom: 1em;
}
div.contentsfield table tr{
    border-bottom: 1px dashed #ccc;
}
div.contentsfield table th{
	font-weight: bold;
	color: #399;
	font-size: 80%;
	line-height: 1.5em;
	text-align: left;
	vertical-align: top;
	padding: 0.5em 0 0.5em 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: 1px solid #ddd;
}
div.spec-block h4{
	margin-bottom: 0.5em;
	padding-bottom: 3px;
	border-bottom: 1px solid #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: url(../img/arrow_right.gif) no-repeat left center;
	padding-left: 15px;
	line-height: 150%;
	clear: both;
}
p.pagetop a{
	background: url(../img/arrow_up.gif) no-repeat 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;
}

p.discontinue {
    margin-left: 35px;
}

.limited {
    border: 1px solid #ddd;
}

.limited h6 {
    background: #70b7b7;
    color: #fff;
    margin: 2px;
    padding: 3px 0;
    font-size: 80%;
    text-align: center;
}

.limited p {
    padding:8px 40px 0 40px;
    text-align: center;
}

.artistphoto img{
	float: left;
	margin: 4px 20px 20px 0;
}
div.contentsfield .morephoto img{
    border: solid 3px #dddddd;
    margin: 5px 10px;
}
div.contentsfield .morephoto p{
    width: 166px;
    padding: 2px 10px;
    margin: 10px 44px;
    font-size: 12px;
    color: #f60;
    text-align: center;
    background: none #f0f0f0;
    border: solid 1px #dddddd;
}
.comment{
    height: auto;
    padding-top: 0.5em;
    border-bottom: 1px dashed #ccc;
}
.country{
    font-size: 80%;
    margin: 0 30px;
}




/*===================
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: url(../img/spec_back.gif) 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-l{
    height: auto;
    width: 250px;
    margin-top: 10px;
}

div.photo-m{
	height: auto;
	width: 195px;
}
div.photo-prodct{
	height: auto;
	width: 155px;
	text-align: center;
}
div.photo-s img,
div.photo-l img,
div.photo-m img,
div.photo-prodct img{
	margin-bottom: 0.2em;
}

div.parts {
    width: 540px;
}

div#footer{
	background: url(../img/inner_footer.jpg) no-repeat;
}
hr{
	display: none;
}
address {
	font-size: 70%;
	font-style: normal;
	line-height: 49px;
	font-weight: normal;
	text-align: center;
	color: #ccc;
}

#footer p {
	float: right;
	margin-right: 31px;
	text-align: right;
    line-height: 49px;
    font-size: 12px;
}

#footer p a {
    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*/