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

/*===============
base
=================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}  
img{
border:0;
vertical-align: top;
margin:0;
padding:0;
}

body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.6em;
color:#FFFFFF;
	background:url(/house/bch/images/bg2.jpg) no-repeat;
	background-color:#000000;
	background-position: center top; 
	background-attachment:fixed;
	position: relative;

}

a:link,
a:visited,
a:active{
color:#3c5d9b;
text-decoration:underline;
}

a:hover{
color:#3c5d9b;
text-decoration:none;
}

ul,ol{
list-style: none;
}

/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* --- フォント--- */
.fontmin{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho ProN" 
,serif;
line-height:1.6em;
}
.fontc{font-family:"Corbel", sans-serif; 
line-height:1.2em;
}
.ie_shadow {
text-shadow: #000 1px 1px 3px; /* FireFox, Webkit, Opera */
  -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#0000ff,offx=1,offy=1)"; /* IE8 */
  display:block; /* IE */

	}

.font250{
font-size:250%;
font-weight:bold;
line-height:1.2em;
}
.font200{
font-size:200%;
font-weight:bold;
line-height:1.2em;
}
.font150{
font-size:150%;
font-weight:bold;
line-height:1.2em;
}
.font120{
font-size:110%;
}
.font110{
font-size:100%;
}
.font100{
font-size:90%;
line-height:1.6em;
}
.font100_ls{
font-size:90%;
line-height:1.7em;
}

.font90_ls{
font-size:80%;
line-height:1.7em;
}
.font90{
font-size:80%;
}
.font85{
font-size:78%;
}

.font80{
font-size:75%;
}
.font80_ls{
font-size:75%;
line-height:1.7em;
}
.font70{
font-size:65%;
line-height:1.4em;
}
.font70{
_font-size:10px;
}
.fontb{
	font-weight:bold;
}
.font_red{
	font-weight:bold;
	color:#990000;
}

/* --- パディング--- */
.padding_10{
 padding:10px;
}
.padding_15{
 padding:15px;
}
.padding_b15{
	padding-bottom:15px;
}
.padding_b20{
	padding-bottom:20px;
}
.padding_b30{
	padding-bottom:30px;
}
.padding_t05{
	padding-top:5px;
}
.padding_t10{
	padding-top:10px;
}
.padding_t15{
	padding-top:15px;
}
.padding_t20{
	padding-top:20px;
}
.padding_t30{
	padding-top:30px;
}
.padding_l05{
	padding-left:5px;
}
.padding_l10{
	padding-left:10px;
}
.padding_l15{
	padding-left:15px;
}
.padding_l20{
	padding-left:20px;
}
.padding_l30{
	padding-left:30px;
}
.padding_r05{
	padding-right:5px;
}
.padding_r10{
	padding-right:10px;
}
.padding_r15{
	padding-right:15px;
}
.padding_r12{
	padding-right:14px;
}
.padding_r20{
	padding-right:20px;
}
.padding_r30{
	padding-right:30px;
}
.padding_r40{
	padding-right:40px;
}
/* --- マージン--- */
.margin_5{
	margin:6px;
}
.margin_10{
	margin:10px;
}
.margin_15{
	margin:15px;
}
.margin_t40{
	margin-top:36px;
}
.margin_t30{
	margin-top:30px;
}
.margin_t20{
	margin-top:20px;
}
.margin_t25{
	margin-top:25px;
}
.margin_t15{
	margin-top:15px;
}
.margin_t10{
	margin-top:10px;
}
.margin_t05{
	margin-top:5px;
}
.margin_t07{
	margin-top:7px;
}
.margin_t03{
	margin-top:3px;
}
.margin_r03{
	margin-right:3px;
}
.margin_r05{
	margin-right:5px;
}
.margin_r10{
	margin-right:10px;
	}
.margin_r20{
	margin-right:20px;
}
.margin_r30{
	margin-right:30px;
}
.margin_l03{
	margin-left:3px;
}
.margin_l05{
	margin-left:5px;
}
.margin_l10{
	margin-left:10px;
}
.margin_l15{
	margin-left:15px;
}
.margin_l20{
	margin-left:20px;
}
.margin_b03{
	margin-bottom:3px;
}
.margin_b05{
	margin-bottom:5px;
}
.margin_b10{
	margin-bottom:10px;
}
.margin_b15{
	margin-bottom:15px;
}
.margin_b20{
	margin-bottom:20px;
}
.margin_b30{
	margin-bottom:30px;
}
.margin_b50{
	margin-bottom:50px;
}



.nonpc{
display: none;
}

.pc{
display:block;
}
.left{
float:left;
}
.right{
float:right;
}

.textcenter{
text-align:center;
}
.textright{
text-align:right;
}
.clear{
	clear:both;
}


/*==================
header
====================*/

#header{
width:980px;
margin:0 auto;
}
#menu_left{
background: url(/house/bch/images/bg.jpg) no-repeat; float:right;
}
#menu_left .inn{
height:536px; background:rgba(0,0,0,0.6); background:#000; padding:5px 0px 0px 15px; width:270px;
*padding:5px 0px 0px 0px;
}
#menu_left .inn2{
background:rgba(0,0,0,0.6); background:#000; padding:5px 0px 0px 20px; width:265px;
*padding:5px 0px 0px 0px;
}
#menu_left .inn3{
	background:rgba(0,0,0,0.6); background:#000; padding:0px 0px 0px 15px; width:320px;
	*padding:0px 0px 0px 0px;}
#menu_left .inn3_2{
	background:rgba(0,0,0,0.6); background:#000; padding:5px 0px 0px 15px; width:315px;
	*padding:5px 0px 0px 0px;}	
.inn4{
	width:960px;
height: 472px;
background:#000;
}

/* 全体 */
.jspContainer { overflow:hidden; position:relative; }

/* スクロールバーを除いたエリア */
.jspPane { position:absolute; }

/* 縦スクロールバー */
.jspVerticalBar { position:absolute; top:0; right:0; width:10px;}

/* 横スクロールバー */
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:10px; }

/* 背景 */
.jspTrack { position:relative; }

/* ノブ */
.jspDrag { background:url(/house/bch/lineup/images/scrollbar.png) no-repeat;position:relative; top:0; left:0; cursor:pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }

/*==================
footer
====================*/

#footer{
width:980px;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
text-align:center;
}

#footer_inner{
width:980px;
margin:0 auto;
}
#footer_inner p{
	color:#FFFFFF;
}


/*==================
contents
====================*/
#contents_bg{background:rgba(0,0,0,0.6); background:#000000;
width:980px; padding-top:10px; padding-bottom:10px; margin:0 auto;}
#contents_inn{background:#FFF; width:920px; padding:20px; margin-left:10px;
color:#333333;}

/*==================
navi
====================*/
#menu_waku{
	padding-top:25px;
	text-align:left;
	margin:0 auto;
	width:470px;
	font-size:12px;
	
}
a#menu1 {
    display: block;
    overflow: hidden;
    height: 55px;
    width: 84px;
	text-indent:-9999px;
    background-image: url(/house/bch/images/g-menu1.png);
}

a:hover#menu1{
    background-image: url(/house/bch/images/g-menu1_on.png);
}
        
a#menu2 {
    display: block;
    overflow: hidden;
    height: 55px;
    width: 84px;
	text-indent:-9999px;
    background-image: url(/house/bch/images/g-menu2.png);
}

a:hover#menu2{
    background-image: url(/house/bch/images/g-menu2_on.png);
}

a#menu3 {
    display: block;
    overflow: hidden;
    height: 55px;
    width: 140px;
	text-indent:-9999px;
    background-image: url(/house/bch/images/g-menu3.png);
}

a:hover#menu3{
    background-image: url(/house/bch/images/g-menu3_on.png);
}  

#menu_waku a:link,
a:visited,
a:active{
color:#fff;
text-decoration:none;
}

#menu_wakua:hover{
color:#fff;
text-decoration:underline;
}
*#menu img	{
	border: 0; 
	vertical-align: bottom; 
}

#menu, #menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
} 
#menu	{
	width:470px;
	position:relative;
}
#menu li	{
	float:left;
	position:relative;
}
/*  メニュー横幅・*/
.menu01{
	width:160px;
}
.menu02{
	width:160px;
}
.menu03{
	width:150px;
}
/*  メニュー　sub */
.menu01_sub{
	margin:0px;
	width:140px;
	display:block;
	position: absolute;
	top:55px;
	left:0px;
}
.menu01_sub li{
	background: rgba(0,0,0,0.8);
	background:#000000;
	width:140px;
	padding:10px;
	border:#999 1px dotted;
	border-width:0 0 1px 0px;
}

.menu02_sub{
	margin:0px;
	width:120px;
	display:block;
	position: absolute;
	top:55px;
	left:0px;
}
.menu02_sub li{
	background: rgba(0,0,0,0.8);
	background:#000000;
	width:140px;
	padding:10px;
	border:#999 1px dotted;
	border-width:0 0 1px 0px;
}
.menu03_sub{
	margin:0px;
	width:150px;
	display:block;
	position: absolute;
	top:45px;
	left:0px;
}
.menu03_sub li{
	background: rgba(0,0,0,0.8);
	background:#000000;
	width:150px;
	padding:10px;
	border:#999 1px dotted;
	border-width:0 0 1px 0px;
}
/*  メニュー  sub_2 */
.menu01_sub2{
	margin:0px;
	width:130px;
	display:block;
	position: absolute;
	top:0px;
	left:130px;
}
.menu02_sub2{
	margin:0px;
	width:120px;
	display:block;
	position: absolute;
	top:0px;
	left:120px;
}
.menu03_sub2{
	margin:0px;
	width:150px;
	display:block;
	position: absolute;
	top:0px;
	left:150px;
}



/*==================
catalog
====================*/
.online_tabel{float:left; width:890px; background:#f2eae7; border:1px #d8c5bd solid; padding:15px 15px 10px 15px; margin-bottom:30px;}
.online_box{ width:920px;
	float:left;
	}
	
.online_box_l{
	width:410px;
	padding:0px 15px 15px 5px;
	float:left;
	}
.online_box_r{
	width:430px;
	padding:0px 15px 15px 5px;
	float:right;
	}

.tabel_glay th{background:#eeeeee; text-align:center; border:1px #CCCCCC solid; border-width:1px 1px 1px 1px; padding:2px 10px 2px 10px; width:170px; text-align:left; font-size:83%;}
.tabel_glay th.title{background:#eeeeee; text-align:center; border:1px #CCCCCC solid; border-width:1px 1px 1px 1px; padding:2px 10px 2px 10px; width:170px; text-align:left; font-size:90%; font-weight:bold;}
.tabel_glay td{border:1px #CCCCCC solid; border-width:1px 1px 1px 0px; padding:5px 10px 5px 10px; text-align:left; font-size:83%; line-height:1.5em;}


.titleber {
	background:url(/house/bch/catalog/images/title_bg.gif) no-repeat;
	padding:4px 10px 11px 25px;
	height:20px;
	margin-bottom:15px;
}

/*==================
option
====================*/
.box{
	float:left;
	width: 960px;
	margin-bottom:15px;
}

.boxleft{
	float:left;
	width:347px;
}
.boxright{
	float:right;
	width:347px;
}
/* --- ▼ページ内リンクの設定 --- */
#pagelink ul li {
display:inline;   
line-height:110%;   
list-style-type:none;
padding-right:10px;
margin-bottom:10px;
float:left;
}   

/*==================
Linup
====================*/
.box_hgx{
	float:left;
	width: 640px;
	height:150px;
	background:url(/house/bch/lineup/images/img_lineup_hgx.jpg);
	padding:16px 20px 16px 300px;
	*padding:16px 20px 13px 300px;
	margin-bottom:25px;
	margin-left:10px;
	*margin-left:5px;}
.box_hg{
	float:left;
	width: 640px;
	height:150px;
	background:url(/house/bch/lineup/images/img_lineup_hg.jpg);
	padding:16px 20px 16px 300px;
	*padding:16px 20px 13px 300px;
	margin-bottom:25px;
	margin-left:10px;
	_margin-left:5px;}
.box_dx{
	float:left;
	width: 640px;
	height:150px;
	background:url(/house/bch/lineup/images/img_lineup_dx.jpg);
	padding:16px 20px 16px 300px;
	*padding:16px 20px 5px 300px;
	margin-bottom:25px;
	margin-left:10px;
	_margin-left:5px;}
.box_sd{
	float:left;
	width: 640px;
	height:150px;
	background:url(/house/bch/lineup/images/img_lineup_sd.jpg);
	padding:16px 20px 16px 300px;
	*padding:16px 20px 5px 300px;
	margin-bottom:25px;
	margin-left:10px;
	_margin-left:5px;}
.box_e2{
	float:left;
	width: 640px;
	height:150px;
	background:url(/house/bch/lineup/images/img_lineup_e2.jpg);
	padding:16px 20px 16px 300px;
	*padding:16px 20px 16px 300px;
	margin-bottom:0px;
	margin-left:10px;
	_margin-left:5px;}
.inn{
	width:432px;
	float:left;
	padding-right:10px;}
.inn2{
	width:188px;
	float:left;
	padding-right:10px;}
.g_ber{		
	border:#FFFFFF solid; border-width:1px 0 0 0; padding:10px 15px 0 0;}
.color_ber{	background:url(/house/bch/lineup/images/img_color01.gif) no-repeat; font-size:60%; line-height:14px; text-align:center; width:68px; color:#333333; margin-bottom:12px;}

.color_ber2{background:url(/house/bch/lineup/images/img_color02.gif) no-repeat; font-size:60%; line-height:14px; text-align:center; width:91px; color:#333333; margin-bottom:12px;}

/*==================
FUNCTION
====================*/
.style_01{background:url(/house/bch/products/images/img_style_01.jpg) no-repeat; width:685px; height:536px;}
.style_02{background:url(/house/bch/products/images/img_style_02.jpg) no-repeat; width:685px; height:536px;}
.style_03{background:url(/house/bch/products/images/img_style_03.jpg) no-repeat; width:685px; height:536px;}
.style_03_2{background:url(/house/bch/products/images/img_style_04.jpg) no-repeat; width:685px; height:536px;}
.button {padding-top:445px; padding-right:30px; float:right;}
.button2 {padding-top:125px; padding-left:53px; float:left;}
.button3 {padding-top:180px; padding-left:265px; float:left;}
.button4 {padding-top:120px; padding-left:310px; float:left;}
.button5 {padding-top:119px; padding-left:80px; float:left;}
/*==================
LINEUP
====================*/
/*HGX*/
.style_04{background:url(/house/bch/lineup/hgx/images/img_c_01.jpg) no-repeat; width:634px; height:536px;}
.style_06{background:url(/house/bch/lineup/hgx/images/img_c_02.jpg) no-repeat; width:634px; height:536px;}
.style_05{background:url(/house/bch/lineup/hgx/images/img_c_03.jpg) no-repeat; width:634px; height:536px;}

/*HG*/
.style_07{background:url(/house/bch/lineup/hg/images/img_c_01.jpg) no-repeat; width:634px; height:536px;}
.style_08{background:url(/house/bch/lineup/hg/images/img_c_02.jpg) no-repeat; width:634px; height:536px;}

/*DX*/
.style_09{background:url(/house/bch/lineup/dx/images/img_01_01.jpg) no-repeat; width:634px; height:536px;}
.style_10{background:url(/house/bch/lineup/dx/images/img_01_02.jpg) no-repeat; width:634px; height:536px;}
.style_11{background:url(/house/bch/lineup/dx/images/img_01_03.jpg) no-repeat; width:634px; height:536px;}
.style_12{background:url(/house/bch/lineup/dx/images/img_01_04.jpg) no-repeat; width:634px; height:536px;}
.style_13{background:url(/house/bch/lineup/dx/images/img_01_05.jpg) no-repeat; width:634px; height:536px;}
.style_14{background:url(/house/bch/lineup/dx/images/img_01_06.jpg) no-repeat; width:634px; height:536px;}
.style_15{background:url(/house/bch/lineup/dx/images/img_01_07.jpg) no-repeat; width:634px; height:536px;}
.style_16{background:url(/house/bch/lineup/dx/images/img_01_08.jpg) no-repeat; width:634px; height:536px;}

/*SD*/
.style_17{background:url(/house/bch/lineup/sd/images/img_c_01.jpg) no-repeat; width:634px; height:536px;}
.style_18{background:url(/house/bch/lineup/sd/images/img_c_02.jpg) no-repeat; width:634px; height:536px;}
.style_19{background:url(/house/bch/lineup/sd/images/img_c_03.jpg) no-repeat; width:634px; height:536px;}
.style_20{background:url(/house/bch/lineup/sd/images/img_c_04.jpg) no-repeat; width:634px; height:536px;}
.style_21{background:url(/house/bch/lineup/sd/images/img_c_05.jpg) no-repeat; width:634px; height:536px;}
.style_22{background:url(/house/bch/lineup/sd/images/img_c_06.jpg) no-repeat; width:634px; height:536px;}

/*E2*/
.style_23{background:url(/house/bch/lineup/bche2/images/img_c_01.jpg) no-repeat; width:634px; height:536px;}
.style_24{background:url(/house/bch/lineup/bche2/images/img_c_02.jpg) no-repeat; width:634px; height:536px;}
.style_25{background:url(/house/bch/lineup/bche2/images/img_c_03.jpg) no-repeat; width:634px; height:536px;}
.style_26{background:url(/house/bch/lineup/bche2/images/img_c_04.jpg) no-repeat; width:634px; height:536px;}
.style_27{background:url(/house/bch/lineup/bche2/images/img_c_05.jpg) no-repeat; width:634px; height:536px;}
.style_28{background:url(/house/bch/lineup/bche2/images/img_c_06.jpg) no-repeat; width:634px; height:536px;}

/*==================
OPTION
====================*/
.obox{
	background:url(/house/bch/products/option/images/img_bk.gif) no-repeat;
	padding-left:15px;
	padding-bottom:15px;
	width:300px;
	}
.obox_last{
	background:url(/house/bch/products/option/images/img_bk.gif) no-repeat;
	padding-left:15px;
	padding-bottom:15px;
	width:285px;
	}
.obox p.otitle{
	float:left;
	margin-top:10px;
	margin-bottom:8px;
	line-height:16px;
font-size: 0px;

	}
.obox_last p.otitle{
	float:left;
	margin-top:10px;
	margin-bottom:8px;
	line-height:16px;
font-size: 0px;

	}
.obox_last p.syou{
		padding-left:15px;
	margin-bottom:6px;
	}
.obox p.syou{
		padding-left:15px;
	margin-bottom:6px;
	}
	
.obox2{
	background:url(/house/bch/products/option/images/img_bk2.gif) no-repeat;
	padding-left:15px;
	padding-bottom:15px;
	width:300px;
	}
.obox2.last{
	background:url(/house/bch/products/option/images/img_bk2.gif) no-repeat;
	padding-left:15px;
	padding-bottom:15px;
	width:285px;
	}
.obox2 p.otitle{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	line-height:16px;
font-size: 0px;

	}

.obox2 p.syou{
		padding-left:15px;
	margin-bottom:20px;
	}