/*****************************
▼PCのみ表示
******************************/
@media only screen and (min-width: 768px) {
/* ========== ▼global_nav1階層 ========== */
header nav {
	position: absolute;
	top:100px;
	z-index:10;
	width:100%;
	border-bottom:2px solid #b1b2b4;
	background:#e4e4e4;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffffff), color-stop(1.00, #e4e4e4));
        background: -webkit-linear-gradient(#ffffff, #e4e4e4);
        background: -moz-linear-gradient(#ffffff, #e4e4e4);
        background: -o-linear-gradient(#ffffff, #e4e4e4);
        background: -ms-linear-gradient(#ffffff, #e4e4e4);
        background: linear-gradient(#ffffff, #e4e4e4);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4', GradientType=0);
	/* ★バーの高さ */
	height:30px;
}
header nav #global_nav_area {
	width:100%;
	max-width:950px;
	margin:0 auto;
}
.sidelogo_area{
	display:none;
}
/* ▼文字背景 */
ul#global_nav_menu > li {
    float:left;
	width:12.35%;
	border-right:1px solid #dbdbdb;
	background:none;
	padding-bottom:0;
/*	padding-left:10px;
	padding-right:10px;*/
	/* ★次の2つのpxの合計をバーの高さと同じにする */
	padding-top:7px;
	height:23px;
	font-size:1.25em;
	letter-spacing:0.05em;
}
ul#global_nav_menu > li:first-child {
	border-left:1px solid #dbdbdb;
}
/* ▼文字背景色マウスオーバー */
ul#global_nav_menu > li:hover {
	background:#111;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #999), color-stop(1.00, #111));
        background: -webkit-linear-gradient(#999, #111);
        background: -moz-linear-gradient(#999, #111);
        background: -o-linear-gradient(#999, #111);
        background: -ms-linear-gradient(#999, #111);
        background: linear-gradient(#999, #111);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#111', GradientType=0);
	color:#fff !important;
}
/* ▼文字色 */
ul#global_nav_menu > li > a {
	color:#555 !important;
	font-weight:bold !important;
}
/* ▼文字色マウスオーバー */
ul#global_nav_menu > li > a:hover {
	color:#fff !important;
}
/* ========== ▲global_nav1階層 ========== */

/* ▼2階層以下のリンク */
ul#global_nav_menu li a {
    display:block;
	width:100%;
	text-decoration:none;
	position:relative;
	font-weight:normal;
	color:#333;/*文字色*/
}
ul#global_nav_menu li a:hover {
	color:#000;/*文字色マウスオーバー*/
}

/* ▼2階層以下の表示 */
ul#global_nav_menu li > ul.global_nav_menu_sub {
    position:absolute;
	display:none;
	margin-top:5px;
}
ul#global_nav_menu li ul.global_nav_menu_sub li {
	float:none;
	text-align:center;
	padding:7px 2px;
	position:relative;
	width:98px;/*横幅設定①*/
	z-index:1000;
	background: #fff;/*背景色*/
	border-bottom:1px dotted #aaa;
	font-size:0.85em;
	letter-spacing:-0.0em;
}
ul#global_nav_menu li ul.global_nav_menu_sub li:hover {
	background: #eee;/*背景色マウスオーバー*/
}
ul#global_nav_menu:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
/* ▼3階層以下 */
ul.global_nav_menu_sub li ul.global_nav_menu_sub{
	position:relative;
	width:100%;
	z-index:1000;
	top:-6px;
	left:100px; /*横幅設定②　左右のpaddingを足した値*/
	font-size:1.15em;
}

/*▼プルダウンのボックス全体共通デザイン*/
ul.global_nav_menu_sub {
	background: #FFF;
	border:#ccc 1px solid;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */ 
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	-ms-filter: "alpha(opacity=90)";
}

/* ========== ▼link_nav ========== */
#link_nav_area {
	width:100%;
	max-width:950px;
	margin:0 auto;
	padding:0;
}
#link_nav_area ul#link_nav_menu {
	margin:0 ;
	padding:0;
}
#link_nav_area ul#link_nav_menu li {
	float:left;
	margin: 0;
	padding:0;
	line-height:0;
}
#link_nav_area ul#link_nav_menu li img:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
}

/*****************************
▼スマホのみ表示
******************************/
@media only screen and (max-width: 767px) {
/* ========== ▼global_nav1階層 ========== */
#slide_menu .sidelogo_area{
		text-align: left;
		height: 45px;
		padding: 5px 0 0 5px;
		background: #fff;
}
#slide_menu ul{
		background: #fff;
}
#slide_menu ul li{

}
#slide_menu ul li a{
		margin:0 0 8px;
		padding: 8px 8px 8px 8px;
		border-bottom: solid 1px #E7E7E7;
		display:block;
		text-align:left;
		width:auto;
		background:url("../img/icon/ico_down.png") no-repeat right 0.5em ;
}
#slide_menu ul li li{
		padding-left: 20px;
}
#slide_menu ul li a:hover{
}
}