@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;/* 標準文字色 */}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:first-child body{font-size:1em;}
/* end */
img{border-top:0;border-right:0;border-bottom:0;border-left:0;}

/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#hpb-container{width:1100px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;position:relative;}
#hpb-header{height:198px;}
#hpb-inner{position:relative;padding-top:80px;width:1100px;}
#hpb-inner::after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#hpb-wrapper{width:710px;margin:0 10px 0 0;float:left;}
#hpb-title{width:710px;margin:0 10px 0 0;}
#hpb-main{width:710px;margin:0 10px 0 0;padding:20px 0 10px 0;text-align:left;}
#hpb-aside{width:380px;margin:0;float:right;padding:0 0 20px 0;}
#hpb-footer{background-image :url(../img/footerbg_5Ac.png);background-position:left top;background-repeat:repeat-x;padding-bottom:20px;clear:both;position:relative;}
#hpb-nav{width:1100px;height:56px;overflow:hidden;position:absolute;top:0px;left:0px;background-image :url(../img/mainmenubg_5Ac_01.png);background-position:left top;background-repeat:repeat-x;}

/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/
/* 背景設定 */
/* コンテンツ配置領域 */
/* ナビゲーション */
#hpb-nav ul{margin:0;padding:0;list-style-type:none;}
#hpb-nav ul::after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#hpb-nav li{display:block;width:182px;border-right-width:1px;border-right-style:solid;border-right-color:#ffffff;float:left;height:56px;overflow:hidden;}
#hpb-nav li a{display:block;height:56px;}
#hpb-nav li span.en{display:block;line-height:12px;padding-top:14px;font-size:12px;font-family:century, serif;text-transform:uppercase;}
#hpb-nav li span.ja{display:block;line-height:12px;font-size:16px;padding-top:5px;font-weight:bold;}
#hpb-nav a:link{background:url(../img/mainmenubg_5Ac_01.png) top left repeat-x;color:#A67D9A;text-decoration:none;}
#hpb-nav a:visited{background:url(../img/mainmenubg_5Ac_01.png) top left repeat-x;color:#A67D9A;text-decoration:none;}
#hpb-nav a:hover{background:url(../img/mainmenu_5Ac_01_on.png) top left repeat-x;color:#ffffff;text-decoration:none;}
#hpb-nav a:active{background:url(../img/mainmenu_5Ac_01_on.png) top left repeat-x;color:#ffffff;text-decoration:none;}

/* スライドイメージ */
#slideshow{position:relative;width:710px;height:280px;}
#slideshow div{position:absolute;top:0;left:0;z-index:8;opacity:0.0;margin:0;background-color:white;width:710px;height:280px;}
#slideshow div.active{z-index:10;opacity:1.0;}
#slideshow div.last-active{z-index:9;}
#slideshow div img{width:710px;height:280px;display:block;border:0;margin-bottom:10px;}


/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/
/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width:568px) {
	body{min-width:100%;font-size:100%}
	/*--------------------------------------------------------
	  レイアウト設定
	--------------------------------------------------------*/
	#hpb-container{width:100%;}
	#hpb-header{height:auto;padding-bottom:10px;}
	#hpb-inner{padding-top:0;width:100%}
	#hpb-wrapper{width:100%;float:none;}
	#hpb-title{width:100%;}
	#hpb-main{width:96%;margin:0 auto;padding:0 0 20px;}
	.hpb-layoutset-02 #hpb-main{padding-top:20px;}
	#hpb-aside{max-width:96%;margin:0 auto;float:none;}
	#hpb-footer{background-image:none;}
	#hpb-nav{width:100%;height:auto;position:relative;background-image:none;background-color:#e1e1e1;}

	/*--------------------------------------------------------
	  デザイン設定
	--------------------------------------------------------*/
	/* ナビゲーション */
	#hpb-nav h3.hpb-c-index{width:27px;height:20px ;background:url(../img/btn_menu_top.png) top left no-repeat;margin:10px 0 10px 10px;overflow:hidden;text-indent:-9999px;cursor:pointer;}
	#hpb-nav ul{display:none;}
	#hpb-nav ul.toggled-on{display:block;}
	#hpb-nav li{display:block;width:100%;border-right:none;border-top-width:1px;border-top-style:solid;border-top-color:#ffffff;float:none;height:auto;}
	#hpb-nav li a{height:auto;padding:10px;text-align:left;}
	#hpb-nav li span.en{line-height:1.4;padding-top:0;}
	#hpb-nav li span.ja{line-height:1.4;padding-top:0;}
	#hpb-nav a:link{background-image:none;}
	#hpb-nav a:visited{background-image:none;}
	#hpb-nav a:hover{background-image:none;background-color:#C747A5;}
	#hpb-nav a:active{background-image:none;background-color:#C747A5;}
	
	/* スライドイメージ */
	#slideshow{width:100%;height:auto;}
	#slideshow div{width:100%;height:auto;}
	#slideshow div img{width:100%;height:auto;}
}