@charset "utf-8";


/*-------------------------------------------*/
/*	#gMenu
/*-------------------------------------------*/

#gMenu	{  border-top: 1px solid #2166a2; clear:both; display:block;  border-bottom:#2166a2 1px solid; overflow:visible; position:relative;width:100%;}

#gMenu.itemClose .menu	{ display:none; }
#gMenu.itemOpen .menu	{ display:block;  }

/*スマフォmenu↓ text #FFFFFF　#2E929B  #3FCFD5 グラデ*/
#gMenu .assistive-text  { display:block; overflow:hidden; position:relative; left:0px; font-weight:lighter;text-align:left;
cursor:pointer; color:#FFFFFF; letter-spacing:0px; /* Old browsers */
background: #346fa3; 
}

#gMenu .assistive-text span	{ display:block; overflow:hidden; padding: 12px 0 10px 24px; width:94%; margin:0px 3%; font-size:18px; }
#gMenu.itemClose .assistive-text span	{ background:url(menuImg/iconMenuOpen.png) left 50% no-repeat; }
#gMenu.itemOpen .assistive-text span	{ background:url(menuImg/iconMenuClose.png) left 50% no-repeat; }

#gMenu .screen-reader-text { position: absolute; left: -9000px; }
#gMenu #gMenuInner	{ overflow:visible; display:block; position:relative; padding:5px 0px;}
#gMenu #gMenuInner.innerBox	{ margin:0px;width:100%;}
#gMenu .menu	{ font-size: 16px;list-style: none; margin:0px 0px 0px;padding:0px; display:block; overflow:visible;border-top:1px solid #FFF;}


/*スマフォmenu　list↓ text #FFFFFF　#2E929B  #3FCFD5 グラデ*/
#gMenu .menu li { position: relative;width:100%; display:block;border-bottom:1px solid #FFF; 
background: #d1b255; 
}



/*スマフォmenu　list a↓text-shadow#2E929B padding: 20px 15px 18px; 変更*/
#gMenu .menu li a	{ background:url(menuImg/arrow_gray.png) right bottom no-repeat; color: #FFFFFF; text-shadow: 1px 0 0 #333; display: block;
padding: 18px 10px 18px; margin:0px; line-height:110%; text-decoration: none; letter-spacing:0px; text-align:left; position:relative;}
#gMenu .menu li a strong	{ font-weight:bold; }

/*メニュー下英語文字消す .menu li a span  <span> </span>/


 /*メニュー↓　ドロップダウン　背景色#D9EEEE */
#gMenu .menu li.current_page_item a ,
#gMenu .menu li.current_page_ancestor a ,
#gMenu .menu li a:hover	{ color: #FFF;  text-shadow:0 1px #333;  background:url(menuImg/arrow_bk.png) right bottom no-repeat #2166a2; }


#gMenu .menu li ul	{ display:none; }
#gMenu .menu li ul li a { }




/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
@media (min-width: 660px) { /* スクロール分余裕に20px */


/* グローバルナビ
/*-------------------------------------------*/
#gMenu .menu li ul	{ display:none;  }
#gMenu .menu li {background: #346fa3;} /* Old browsers */ 
	
	
/*#gMenu .menu li a span {}*/


}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */


/*-------------------------------------------*/
/* pc iPad3より大きい場合
/*-------------------------------------------*/
@media (min-width: 660px) {

#gMenu:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}



/* 背景色変更 */
#gMenu { border-bottom-width: 1px; border-bottom-style: solid; border-top:1px solid #2166a2;
background: #346fa3; /* Old browsers */

}
#gMenu #gMenuInner.innerBox	{ margin:0px 3%;width:94%;}
#gMenu.itemClose .menu,
#gMenu.itemOpen .menu	{ display:block;  }
#gMenu .menu	{ border-left:1px solid #e5e5e5; border-top:none;}
#gMenu .menu	{ font-size: 14px;}
#gMenu .menu:after	{
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#gMenu .assistive-text { position: absolute; top: -9000px; } /* display:noneだと読み上げない / 横にオフセットするとIEで読み込みまでの間表示される */
#gMenu .menu li { display:inline-block; width:auto; border-bottom:none; overflow:visible; }
#gMenu .menu li a	{ text-align:center;border-right:1px solid #e5e5e5; height: 27px; }

#gMenu .menu li:hover ul{ display:block; position:absolute;z-index:100;border-top:1px solid #ccc;width:200px;box-shadow:1px 1px 3px rgba(0,0,0,0.2);opacity:0.97; }
#gMenu .menu li:hover li { background:#fff; border-bottom:1px solid #e5e5e5; width:200px; position:relative; }
/* リンクテキスト　カラー変更text-shodow: */
	
#gMenu .menu li:hover li a,
#gMenu .menu li.current_page_item li a,
#gMenu .menu li.current-menu-ancestor li a,
#gMenu .menu li.current-page-ancestor li a,
#gMenu .menu li.current_page_ancestor li a { 
text-shadow:0 1px #FFF ;text-decoration:none;background:none; background-color:#fff;color:#4d4d4d;text-align:left;border-right:none;}
/* hoverカラー変更 */
#gMenu .menu li:hover li a:hover,
#gMenu .menu li.current_page_item li a:hover,
#gMenu .menu li.current-menu-ancestor li a:hover,
#gMenu .menu li.current-page-ancestor li a:hover,
#gMenu .menu li.current_page_ancestor li a:hover { color:#FFFFFF;background-color:#2166a2;}

#gMenu .menu li:hover ul li ul	{ position:absolute;left:200px;top:10px; border-top:none;}
#gMenu .menu li:hover ul li ul,
#gMenu .menu li:hover ul li ul li	{ display:none; }
#gMenu .menu li:hover ul li:hover ul,
#gMenu .menu li:hover ul li:hover ul li	{display:block;}
#gMenu .menu li:hover ul li:hover ul { border-top:1px solid #ccc; }

}


/*-------------------------------------------*/
/*	フルサイズ
/*-------------------------------------------*/
@media (min-width: 970px) { /* スクロール分余裕に20px */
.innerBox,
#gMenu #gMenuInner.innerBox	{ width:510px; margin:0px auto; }
/*width:830px;は不変の値とする*/



}





@media only screen and (min-width: 1200px) {

#gMenu #gMenuInner	{ padding:9px 0px;}	
#gMenu { clear:both;  width:640px !important; margin:0 auto;}

}









/*-------------------------------------------*/
/*	HTML セット
/*-------------------------------------------*/
/*

<!-- [ #gMenu ] -->
<div id="gMenu" class="itemClose" onClick="showHide('gMenu');">
<div id="gMenuInner" class="innerBox">
<h3 class="assistive-text"><span>MENU</span></h3><!--任意のtitleに変更-->

<div class="skip-link screen-reader-text"><a href="#content" title="go to menu">go to menu</a></div>
<div class="menu-headernavigation-container">

<ul class="menu">

<li><a href="#"><strong>アイテムA</strong></a>
	<ul class="sub-menu">
		<li><a href="#">サブ</a></li>
		<li><a href="#">サブ</a></li>
	</ul>
</li>

<li><a href="#"><strong>アイテムB</strong></a></li>

<li><a href="#"><strong>アイテムC</strong></a>
	<ul class="sub-menu">
		<li><a href="#">サブA</a></li>
		<li><a href="#">サブB</a></li>
	</ul>
</li>

<li><a href="#"><strong>アイテムD</strong></a>
	<ul class="sub-menu">
		<li><a href="#">サブA</a></li>
		<li><a href="#">サブB</a></li>
	</ul>
</li>

<li><a href="#"><strong>アイテムE</strong></a>
	<ul class="sub-menu">
		<li><a href="#">サブA</a></li>
		<li><a href="#">サブB</a></li>
	</ul>
	</li>

<li><a href="#"><strong>アイテムF</strong></a></li>

</ul></div></div><!-- [ /#gMenuInner ] -->
</div>
<!-- [ /#gMenu ] -->






/*-------------------------------------------*/