@charset "Shift_JIS";
/* 要素リセット */
body{margin:0;padding:0;text-align:center;font-size:75%;font-family:'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;color:#666666; /* 標準文字色 */background-color:#f4e23a;background-repeat:repeat-x;}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:first-child body{font-size:70%;}
/* end */
img{border-top :0px none;border-right :0px none;border-bottom :0px none;border-left :1px none;}

/*--------------------------------------------------------
	レイアウト設定
--------------------------------------------------------*/
#hpb-container{width:900px;margin:-1px auto 0;position:relative;padding-bottom:30px;}
#hpb-header{width:900px;height:65px;margin:0;padding:71px 0 0;overflow:hidden;background:url(../img/headerBg_2Ca.png) bottom left no-repeat;}
#hpb-header::after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#hpb-footer{clear:both;margin:0;padding:0;}
#hpb-inner{position:relative;margin:0;padding:0 10px 30px;background-color:#ffffff;zoom:1;}
.hpb-layoutset-01 #hpb-inner{padding-top:277px;}
.hpb-layoutset-02 #hpb-inner{padding-top:15px;}
#hpb-inner::after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#hpb-wrapper{width:620px;float:left;}
#hpb-title{margin:0;}
.hpb-layoutset-01 #hpb-title{position:absolute;top:0px;left:0;}
#hpb-aside{width:235px;float:right;}
.hpb-layoutset-01 #hpb-aside, .hpb-layoutset-02 #hpb-aside{padding:0;}
/* バナー */
#banner{margin:-1px 0 0;padding:0 0 29px;}
.hpb-layoutset-01 #banner{width:231px;}
.hpb-layoutset-02 #banner{width:231px;}
/* ナビゲーション */
#hpb-nav{position:absolute;left:0;width:889px;height:56px;padding:0 5px 0 6px;overflow:hidden;}
.hpb-layoutset-01 #hpb-nav{top:-136px;}
.hpb-layoutset-02 #hpb-nav{top:-136px;}

/*--------------------------------------------------------
	デザイン設定
--------------------------------------------------------*/
/* コンテンツ配置領域 */
/* トップページメインイメージ */
.hpb-layoutset-01 #hpb-title h2{width:900px;height:247px;margin:0;background:url(../img/topimg.jpg) no-repeat;text-align:left;text-indent:-9999px;overflow:hidden;border-top:1px solid #588E03;border-bottom:1px solid #588E03;}

/*--------------------------------------------------------
	共通パーツデザイン設定
--------------------------------------------------------*/
.hpb-layoutset-01 #toppage{}
/* ナビゲーション */
#hpb-nav ul{width:889px;display:block;margin:0 auto;padding:0;list-style-type:none;overflow:hidden;}
#hpb-nav ul::after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#hpb-nav li{margin:0;width:127px;float:left;overflow:hidden;}
#hpb-nav li a{width:127px;height:56px;display:block;}
#hpb-nav li a:hover{background:url(../img/navItemBg_2Ca_01-on.png) 0px 10px no-repeat;display:block;}
#hpb-nav li span.ja{display:block;line-height:18px;font-weight:bold;padding:12px 0 0 0;}
#hpb-nav li span.en{display:block;line-height:12px;font-size:0.83em;font-weight:bold;text-transform:uppercase;}
#hpb-nav a:link{color:#b3a202;text-decoration:none;}
#hpb-nav a:visited{color:#ffffff;text-decoration:none;}
#hpb-nav a:hover{color:#ffffff;text-decoration:none;}
#hpb-nav a:active{color:#ffffff;text-decoration:none;}

/* =======================================================
	レスポンシブル設定
======================================================= */
@media screen and (max-width:568px) {
	body{background-image:none;}

	/*--------------------------------------------------------
		レイアウト設定
	--------------------------------------------------------*/
	#hpb-container{width:100%;padding-bottom:0px;}
	#hpb-header{width:100%;height:auto;padding:0 0 10px;background-image:none;background-color:#FFFFFF;}
	#hpb-inner{padding:0;}
	.hpb-layoutset-01 #hpb-inner, .hpb-layoutset-02 #hpb-inner{padding-top:0px;}
	#hpb-wrapper{width:100%;float:none;}
	.hpb-layoutset-01 #hpb-title{position:relative;}
	#hpb-main{width:96%;margin:0 auto;padding-bottom:20px;}
	#hpb-aside{width:96%;float:none;margin-left:auto;margin-right:auto;}
	.hpb-layoutset-01 #hpb-aside, .hpb-layoutset-02 #hpb-aside{padding-bottom:20px;}
	/* バナー */
	#banner{margin:0 auto 0;padding-bottom:15px;}
	.hpb-layoutset-01 #banner{max-width:100%;}
	.hpb-layoutset-02 #banner{max-width:100%;}
	/* ナビゲーション */
	#hpb-nav{position:relative;width:100%;height:auto;padding-right:0px;padding-left:0px;background-image:none;background-color:#8CAE13;text-align:left;}
	.hpb-layoutset-01 #hpb-nav{top:0px;}
	.hpb-layoutset-02 #hpb-nav{top:0px;margin-bottom:20px;}

	/*--------------------------------------------------------
		デザイン設定
	--------------------------------------------------------*/
	/* コンテンツ配置領域 */
	/* トップページメインイメージ */
	.hpb-layoutset-01 #hpb-title h2{width:100%;height:155px;background-size:contain;border-top-width:0px;border-bottom-width:0px;}

	/*--------------------------------------------------------
		共通パーツデザイン設定
	--------------------------------------------------------*/
	/* ナビゲーション */
	#hpb-nav ul{width:100%;display:none;}
	#hpb-nav ul.toggled-on{display:block;}
	#hpb-nav li{width:100%;float:none;border-top-color:#FFFFFF;border-top-style:solid;border-top-width:1px;padding:10px;}
	#hpb-nav li a{width:100%;height:auto;background-image:none;box-sizing:border-box;}
	#hpb-nav li a:hover{background-image:none;background-color:#BCD371;}
	#hpb-nav li span.ja{line-height:1.4;padding:0;}
	#hpb-nav li span.en{line-height:1.4;}
}