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


/***********************************************/
/* ↓レイアウト */
/***********************************************/

*{
	margin:0;
	padding:0;
}

.alignleft{
	float: left;
	margin: 0 15px 15px 0;
}
.aligncenter{
	float: none;
	display: block;
	margin: 0 auto 15px;
	clear: both;
}
.alignright{
	float: right;
	margin: 0 0 15px 15px;
}

#wrap{
	margin:0px auto 0;
	padding-top:4px;
	width:100%;
	text-align:center;
	background: url(http://hbwh.co.jp/images/cmn/wrap_bg1.jpg) repeat-x;
}
#wrap2{
	margin:0px auto 0;
	padding-top:4px;
	width:100%;
	text-align:center;
	background: url(http://hbwh.co.jp/images/cmn/wrap_bg2.jpg) repeat-x;
}
#header{
	width:950px;
	padding:0px 0;
	margin:0 auto 0px;
	height:78px;

}

#h_lbox{
	width:450px;
	float:left;
	margin-topt:3px;
	text-align:left;
	}

#h_rbox{
	width:370px;
	float:right;
	text-align:right;
	}
	
#h_navi{
	margin:15px auto 0;
	width:620px;
	padding:0 10px 0 320px;
	height:35px;
}
#cont{
	width:930px;
	text-align:left;
	margin:0 auto 0px;
	padding:0px 20px 20px;
	background: url(http://hbwh.co.jp/images/cmn/cont_bg.png) repeat-y;
}
#cont2{
	width:920px;
	text-align:left;
	margin:0 auto 0px;
	padding:0px 30px 20px 20px;
	background: url(http://hbwh.co.jp/images/cmn/cont_bg.png) repeat-y;
}
#flash_img,
#main_img{
	margin:0 auto;
	width:950px;
	padding:0px 10px;
	background: url(http://hbwh.co.jp/images/cmn/main_img_bg.png) no-repeat top left;
}
#flash_img{
	height:300px;
}

#main_img{
	height:215px;
}
#c_lbox{
	float:left;
	width:200px;
	background: url(http://hbwh.co.jp/images/cmn/l_navi_bg_01.jpg) no-repeat top left;
}

#l_contact{
	margin-top:-40px;
	}

#l_navi{
	width:190px;
	padding:0px 5px 10px;
	color:#666666;
	overflow:hidden;
	margin-bottom:20px;
	background: url(http://hbwh.co.jp/images/cmn/l_navi_bg.jpg) no-repeat bottom left;
}

#idx_rbox{
	float:right;
	width:710px;
	margin-top:20px;
}
#c_rbox{
	float:right;
	width:700px;
	margin-top:20px;
}

#footer{
	margin:0px auto;
	width:100%;
	padding:15px 0 0;
	clear:both;
	text-align:center;
	font-size:10px;
	height:85px;
	background: url(http://hbwh.co.jp/images/cmn/footer_bg.jpg) repeat-x;

}
*html #l_contact{
	margin-top:-40px;
	position:relative;
	}


/***********************************************/
/* ↓共通スタイル */
/***********************************************/


body{
	text-align:center;
	color:#666;
	background-image: url(http://hbwh.co.jp/images/cmn/body_bg.jpg);
}

div{
    display: block;  
	}

div:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
}

h1{
	padding:0;
	margin:0;
	}
	
div,td,th,p{
	font-family:Meiryo,"メイリオ", "ＭＳ Ｐゴシック"," Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProW3",sans-serif;
	font-size:12px;

}
td{
	vertical-align:top;
	}
	
#c_rbox p,#idx_rbox p{
	line-height:170%;
	margin:5px 0;
	}

a{
	color:#39f;
	text-decoration:none;
}


h2{
	margin-bottom:20px;
}
.noncate_h2{
	font-size:16px;
	font-weight:bold;
	color:#09f;
	height:28px;
	width:677px;
	padding:7px 0 0 7px ;
	margin:px 0 20px;
	background: url(http://hbwh.co.jp/images/cmn/h2_bg.jpg) no-repeat left top;
}
h3{
	font-size:16px;
	color:#090;
	height:25px;
	width:677px;
	padding:7px 0 0 23px ;
	margin:20px 0 15px;
	background: url(http://hbwh.co.jp/images/cmn/h3_bg.gif) no-repeat left bottom;

}


ul,li{
	padding:0;
	margin:0;
	}

li {
	list-style:none;
}

img{
	border:0;
	vertical-align: bottom;

}
.png_bg

/**********************/
/* h_navi */
/**********************/
#h_navi li{
	float:left;
}

/**********************/
/* l_navi */
/**********************/
#l_navi ul{
	margin-bottom:5px;
}
#l_navi li{
	line-height:170%;
}
#l_navi a{
	text-decoration:none;
}
#l_navi ul a,
#l_navi ul p{
	color:#666;
	font-size:13px;
	display:block;
	height:25px;
	width:174px;
	padding:5px 0 0 16px;	
	background: url(http://hbwh.co.jp/images/cmn/l_navi_li_bg.gif) no-repeat left top;

	}

#l_navi li li a,
#l_navi li li p{
	padding-left:26px;	
	width:164px;
	background: url(http://hbwh.co.jp/images/cmn/l_navi_li_bg2.gif) no-repeat left top;

}

/**********************/
/* footer */
/**********************/

#footer p{
	color:#fff;
	line-height:170%;
	padding-bottom:25px;

}

#footer a{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
}

.mb1{
	margin-bottom:15px;
}
.mb2{
	margin-bottom:40px;
}

.mtb1{
	margin:10px 0 20px;
}
.mt1{
	margin-top:35px;
}
.mt2{
	margin-top:10px;
}
.pr1{
	padding-right:10px;
}
.aten{
	color:#960;
	font-weight:bold;
}

/***********************************************/

/* index */


.idx_box04{
	background: url(http://hbwh.co.jp/images/index/img_08.jpg) no-repeat bottom left;
	padding-bottom:18px;
}

#idx_box01{
	background: url(http://hbwh.co.jp/images/index/img_05.jpg) no-repeat top left;
}
#idx_box02{
	background: url(http://hbwh.co.jp/images/index/img_06.jpg) no-repeat top left;
}

#idx_box03{
	background: url(http://hbwh.co.jp/images/index/img_07.jpg) no-repeat top left;
}

.idx_n_img{
	padding:5px 0 8px 15px;
}
.idx_n_text{
	padding:0px 5px 5px 15px;
}
.idx_01title{
	padding:22px 0 15px;
	height:15px;
	font-size:16px;
	font-weight:bold;
	padding-left:42px;
	color:#360;
}
.idx_01title a{
	color:#360;
}
.idx_02title a{
	color:#f60;
}
.idx_03title a{
	color:#f66;
}
.idx_02title{
	padding:22px 0 15px;
	height:15px;
	font-size:16px;
	color:#f60;
	font-weight:bold;
	padding-left:42px;
}
.idx_03title{
	padding:22px 0 15px;
	height:15px;
	font-size:16px;
	color:#f66;
	font-weight:bold;
	padding-left:42px;
}
#info_box01{
	width:490px;
	overflow:auto;
	height:150px;

}
#info_box03{
	margin-top:10px;

}
.info_date{
	background-image: url(http://hbwh.co.jp/images/cmn/l_navi_li_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:12px;
	color:#630;
	font-weight:bold;
	padding-top:5px;
}
.info_box02{
	padding:8px 0;

}

.info_text{
	padding-left:12px;
	border-bottom:1px dotted #ccc;
        padding-bottom:2px;
}

/* conpamy*/

table#conpany{
	margin-bottom:45px;

}

#conpany td,
#conpany th{
	border-bottom:1px dotted #ccc;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	padding:2px 0px 1px;
}


/* qa */

.qa_q{
	background: url(http://hbwh.co.jp/images/qa/img_01.jpg) no-repeat top left;
	font-weight:bold;
	padding:5px 0 5px 43px;
}
.qa_a{
	background: url(http://hbwh.co.jp/images/qa/img_02.jpg) no-repeat top left;
	padding:5px 0 5px 53px;
}

.qa_box01{
	border:1px solid #ccc;
	padding:5px;
	width:190px;
}
.qa_box01 img{
	padding-bottom:5px;
	}
	
.qa_box02{
	text-align:center;
	vertical-align:middle;
	}
.qa_box03{
	text-align:center;
	background: url(http://hbwh.co.jp/images/qa/img_13.gif) no-repeat top left;
}
.qa_box03 td{
	font-weight:bold;
	padding:5px 10px;
}
.qa_box04{
	background: url(http://hbwh.co.jp/images/qa/img_14.gif) no-repeat bottom left;
}

*html .qa_box01 td{
	padding:5px 5px 0;
}
*html .qa_box01 img{
	padding-bottom:0px;
	}
/* bankin */

#ban_box01{
	background: url(http://hbwh.co.jp/images/bankin/img_03.gif) no-repeat top left;
	width:275px;
	margin:10px 0;
}
#ban_box02{
	background: url(http://hbwh.co.jp/images/bankin/img_04.gif) no-repeat bottom left;
}
#ban_box02 p{
	font-weight:bold;
	padding:5px 10px;
}

#ban_box03{
	background: url(http://hbwh.co.jp/images/bankin/img_08.jpg) no-repeat top left;
}
#ban_box04{
	background: url(http://hbwh.co.jp/images/bankin/img_09.jpg) no-repeat bottom left;
	padding:15px;
}

.ban_photo{
	border:1px solid #ccc;
	padding:5px;
}



/* tideji */

#tid_box01{
	background: url(http://hbwh.co.jp/images/tideji/img_02.jpg) no-repeat top right;
	margin-bottom:15px;
}
#tid_box03{
	background-color:#d6ebcc;
}
#tid_box02{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:10px 0;
}
#tid_box02 td{
	padding:0px 10px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.tid_box03{
	width:200px;
	padding-right:50px;
}
.tid_box04{
	margin:10px 0;
}


/* etc */

.etc_box01{
	background-color:#ffe0c2;
}
.wor_photo{
	text-align:right;
	background: url(http://hbwh.co.jp/images/work/img_04.gif) no-repeat top right;
	padding:15px 15px 15px 0;
}
.wor_photo2{
	background: url(http://hbwh.co.jp/images/work/img_04.gif) no-repeat top left;
	padding:15px 0 15px 15px;
}

/* corting */

#cor_box01{
	background: url(http://hbwh.co.jp/images/corting/img_04.gif) no-repeat top left;
	width:275px;
	margin:10px 0;
}
#cor_box02{
	background: url(http://hbwh.co.jp/images/corting/img_05.gif) no-repeat bottom left;
}
#cor_box02 p{
	font-weight:bold;
	padding:5px 10px;
}

.cor_box03{
	background-color:#ffe5e5;
}

#cor_box04{
	background: url(http://hbwh.co.jp/images/corting/img_13.gif) no-repeat top left;
}
#cor_box05{
	background: url(http://hbwh.co.jp/images/corting/img_14.gif) no-repeat bottom left;
	padding:2px 10px;
}
#cor_box06{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:10px 0 30px;
}
#cor_box06 td{
	padding:0px 10px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
/* jisseki */

.jis_box01{
	margin:10px auto 20px;
	width:660px;
}

#jis_box02{
	text-align:right;
	margin:20px 0 0;
}

#jis_box02 a,#jis_box02 p{
	font-weight:bold;
	color:#666;
}