@charset 'utf-8';



body {

	font: 100% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;

	background: #FFFFFF;

	margin: 0; 

	padding: 0;

	text-align: center;

	color: #747474;

}

.BHE_contents #container {

	width: 920px;  

	background: #FFFFFF;

	margin: 0 auto; 

	text-align: left;

   /*position:relative;*/

	min-height: 100%;



}



/* 本文タイトル */

.h2box{

	margin:60px 0px 30px ;

	height:30px;

	width: 100%;

	font-weight: bolder;

	font-size:20px;

	background-image:url(../images/underbar_03.png);

	background-repeat: no-repeat;

	letter-spacing:5px;

	

}





.h2box_icon{

	float:left;

	height: 20px;

	width: 20px;

	margin-right: 6px;

	margin-top: 3px;

	background-image:url(../images/head_02.png)

}



/* 本文タイトル　サブ 1 */

/* 上記アンダーバーのデザイン違いです。 */

.h2box_sub{

	margin:40px 0px 0px ;

	height: 30px;

	width: 100%;

	font-weight: bolder;

	font-size:16px;

	background-image:url(../images/underbar_02.png);

	background-repeat: no-repeat;

	letter-spacing:5px;

	}



/* 上記アイコンのデザイン違いです。 */

.h2box_subicon{

	float:left;

	height: 20px;

	width: 20px;

	margin-right: 2px;

	background-image:url(../images/head_03.png)

}



/* 上記アンダーバーの長文字対応版です。 */



.h2box_longtext_x-repeat{

	margin:60px 0px 30px;

	height:30px;

	width: 585px;

	font-weight: bolder;

	font-size:20px;

	background-image:url(../images/underbar_03.png);

	background-repeat: repeat-x;

	letter-spacing:5px;

}



.h2box_sub_longtext_x-repeat{

	margin:40px 0px 0px;

	height: 30px;

	width: 585px;

	font-weight: bolder;

	font-size:16px;

	background-image:url(../images/underbar_02.png);

	background-repeat: repeat-x;

	letter-spacing:5px;

	}



/* 英語版　本文タイトル */

.h2box_en-us{

	margin:60px 0px 30px ;

	height:30px;

	width: 100%;

	font-weight: bold;

	font-size:20px;

	background-image:url(../images/underbar_03.png);

	background-repeat: no-repeat;

	letter-spacing:1px;

}





/* 英語版本文タイトル　サブ 1 */

/* 上記アンダーバーのデザイン違いです。 */

.h2box_sub_en-us{

	margin:40px 0px 0px ;

	height: 30px;

	width: 100%;

	font-weight: bold;

	font-size:16px;

	background-image:url(../images/underbar_02.png);

	background-repeat: no-repeat;

	letter-spacing:1px;

	}





/* 上記アンダーバーの長文字対応版です。 */



.h2box_longtext_x-repeat_en-us{

	margin:60px 0px 30px;

	height:30px;

	width: 585px;

	font-weight: bold;

	font-size:20px;

	background-image:url(../images/underbar_03.png);

	background-repeat: repeat-x;

	letter-spacing:1px;

}



.h2box_sub_longtext_x-repeat_en-us{

	margin:40px 0px 0px;

	height: 30px;

	width: 585px;

	font-weight: bold;

	font-size:16px;

	background-image:url(../images/underbar_02.png);

	background-repeat: repeat-x;

	letter-spacing:1px;

	}



/* 英語版終わり*/



/* センターバー 1*/

.centerbar_01{

	float:left;

	height: 25px;

	width: 880px;

	background-image:url(../images/centerbar_01.png);

	background-repeat: no-repeat;

	

}



/* センターバー 2*/

.centerbar_02{

	float:left;

	height: 25px;

	width: 880px;

	background-image:url(../images/centerbar_02.png);

	background-repeat: no-repeat;

	

}



/* 小　センターバー 1*/

.s_centerbar_01{

	float:left;

	height: 25px;

	width: 582px;

	background-image:url(../images/s_centerbar_01.png);

	background-repeat: no-repeat;

	

}



/* 小　センターバー 2*/

.s_centerbar_02{

	float:left;

	height: 25px;

	width: 582px;

	background-image:url(../images/s_centerbar_02.png);

	background-repeat: no-repeat;

	

}



/* フッター設定時に追加。今となっては良くわからない。 */

* html div#container{

	height:100%;

}





/* Top layout */



.toppage_banner {

	width: 920px;

	height:380px;

	background-image:url(../images/toppage_banner.png)	

}



/* contents layout */



.aboutus_banner {

    width: 920px; 

	height:190px;

	background-image:url(../images/about_banner.png)

	

}



.service_banner {

    width: 920px; 

	height:190px;

	background-image:url(../images/service_banner.png)

	

}



.codev_banner {

    width: 920px; 

	height:190px;

	background-image:url(../images/co_dev_banner.png)

	

}



.works_banner {

    width: 920px; 

	height:190px;

	background-image:url(../images/works_banner.png)

	

}



.contact_banner {

    width: 920px; 

	height:190px;

	background-image:url(../images/contact_banner.png)

	

}



.site-policy_banner {

    width: 920px; 

	height:190px;

	background-image:url(../images/site-policy_banner.png)

	

}



.previous_works_banner {

    width: 920px; 

	height:190px;

	background-image:url(../images/previous_works_banner.png)

	

}



/* 本文の余白 */

.BHE_contents #mainContent {

	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */

}



#mainContent_works {

	padding: 0px 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */

}



/* Upper layout >Arai */



.box1{

	width: 920px;

	margin: 0px auto;

}



.box2{

	width: 920px;

	height: 100px;

	text-align: left;

}



/* ロゴ */



.Logo{

	width: 240px;

	height:74px;

	margin-top:15px;

	float: left;

	/* background-image: url("../images/logo.png"); */

}



.box4{

	width: 680px;

	height: 100px;

	float: right;

}



.box_menu{

	width: 120px;

	height: 64px;

	padding-top:15px;

	text-align: center;

	letter-spacing:0.5px;

	font-weight: bolder;

	float: right;

}



.vertical_align1{

	line-height: 26px;

}



.change_lang{

	clear: both;

	padding-right: 20px;

	margin-left: 80px;

	width: 580px;

	height: 21px;

	border-top:1px solid #DEDEDE;

	font-size: 13px;

}



img.LED{

	vertical-align: top;

	margin-left: 20px;

}



.english_or_japanese{

	border-left-style: solid;

	border-color: #e0e0e0;

	border-width: 1px;

	float: right;

}



.sel_lang_txt{

	font-size: 13px;

	font-weight: normal;

	margin-left: 265px;

}



/* Footer layout set */





div#top_footer{

    padding-top:20px;

	width:920px;

}



.contents_footer_dummy{

	border-top:50px solid #FFFFFF;

	text-align: right;

	font-size: 12px;

	padding-top: 10px;

	border-top:1px solid #DEDEDE;

}



div#contents_footer{

	font-size: 12px;

	text-align: left;

	width:800px;

	float: left;

}





/* Works layout set */

.works1{

	width: 900px;

	margin: 0px auto;

	padding: 10px 10px 5px;

	border-style: solid;

	border-color: #e0e0e0;

	border-width: 1px;

	text-align: left;

}

.works_bottom0{
	
	margin: 0px auto;

	
}

.works_bottom1{

	width: 200px;
	
	text-align: left;

			
}


.works_bottom2{
	width: 650px;
	
	text-align: right;
	
	float:right;
	
}

.works1_xeno{

	width: 900px;

	margin: 0px auto;

	padding: 10px 10px 25px;

	border-style: solid;

	border-color: #e0e0e0;

	border-width: 1px;

	text-align: left;

}


.works2{

	width: 130px;

	height: 126px;

	border-style: solid;

	border-color: #e0e0e0;

	border-width: 1px;

	margin-right: 20px;

	padding-top: 4px;

	text-align: center;

	float: left;

}


.works2_xeno{

	width: 130px;

	height: 146px;

	border-style: solid;

	border-color: #e0e0e0;

	border-width: 1px;

	margin-right: 20px;

	padding-top: 4px;

	text-align: left;

	float: left;

}




.works3{

	width: 730px;

	margin-right: 10px;

	margin-left: 160px;

}



.works4{

	border-style: none none dashed;

	border-color: #e0e0e0;

	border-bottom-width: 1px;

	margin: 3px 0px 7px;

}



.works5{

	font-weight: bold;

	width: 300px;

}



.works6{

	width: 350px;

	margin-left: 20px;

	font-size: 0.8em;

	float: right;

}



.works7{

	font-size: 0.8em;

}



.work8{

	margin-top: 11px;

	font-size: 10px;

	text-align: right;

}




.works9{

	height: 15px;

	clear: both;

}



.pkg_v_align{

	padding-top: 1px;

}



.h2box_works{

	margin:60px 0px 30px ;

	height:30px;

	width: 100%;

	font-weight: bolder;

	font-size:20px;

	background-image:url(../images/underbar_03.png);

	background-repeat: no-repeat;

	letter-spacing:5px;

}



.older_works{

	font-size: 13px;

	font-weight: normal;

	letter-spacing: normal;

	margin-left: 30px;

}



.h2box_longtext_x-repeat_en-us_works{

	margin:60px 0px 30px;

	height:30px;

	font-weight: bold;

	font-size:20px;

	background-image:url(../images/underbar_03.png);

	background-repeat: repeat-x;

	letter-spacing:1px;

}



.older_works_en-us{

	font-size: 13px;

	font-weight: normal;

	letter-spacing: normal;

	margin-left: 30px;

}







/*-------- Link style(main menu) --------*/

a:link.menu_link{

	color: #747474;

	text-decoration: none;

}

a:visited.menu_link{

	color: #747474;

	text-decoration: none;

}

a:hover.menu_link{

	color: #0f6f47;

	text-decoration: none;

}

a:active.menu_link{

	color: #0f6f47;

	text-decoration: none;

}



/*-------- Link style(switch language) --------*/

a:link.lang_link{

	color: #747474;

	text-decoration: none;

}

a:visited.lang_link{

	color: #747474;

	text-decoration: none;

}

a:hover.lang_link{

	color: #0f6f47;

	text-decoration: none;

}

a:active.lang_link{

	color: #0f6f47;

	text-decoration: none;

}





/* 日本語ページ用フォント */

.jp_font_set {

	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size:13px;

	line-height: 28px;

	text-align:left;

	

}



.jp_boldfont_set {

	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight:bolder;

	font-size: 15px;

	line-height: 28px;

	text-align:center;

	text-decoration: underline;

}



/*　英語ページ用フォント */



.en-us_font_set {

	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 15px;

	line-height: 28px;

	text-align:left;

}



.en-us_boldfont_set {

	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight:bolder;

	font-size: 15px;

	line-height: 28px;

	text-align:center;

	text-decoration: underline;

}





/*-------- お問い合わせページ　レイアウト --------*/

.contact_form_box{

	margin:0px 0px 30px ;

	padding:20px 0px 20px 30px ;

	width: 850px;

	border:1px #999999;

	border-style: dotted;

	

}



.contact_form_box2{

	margin:0px 0px 20px ;

	width: 850px;

	font-size: 13px;

	font-weight:nomal;

	text-align:left;

}



.contact_add_box{

	margin:0px 30px 0px 0px;

	

	width: 650px;

    float:right;

	font-size: 13px;

	color: #777777;

	text-align:left;

	font-weight:normal;

}



a:link.mailadd{

	color: #777777;

	text-decoration: none;

}

a:visited.mailadd{

	color: #777777;

	text-decoration: none;

}



/*-------- お問い合わせページ　mapレイアウト --------*/

.googlemap_box{

	margin:0px 0px 30px ;

	width: 100%;

	height:550px;

}



.googlemap{

	margin:0px 0px 0px ;

	width: 400px;

	float:right;

}



.map_text{

	padding:0px 10px 0px 20px;

	margin:0px 0px 0px ;

	width: 420px;

	float:left;

	height:550px;

}