@charset "utf-8";
/* gNavi
*******************************************************/
#gNavi{
/*
	max-width:1150px;
*/
	max-width:1300px;
	padding:150px 10px 0;
	text-align:center;
	margin:0 auto;
	position:relative;
	z-index:10;
}
#gNavi li{
	padding-right:0.2%;
	margin:0 0 0 12%;
	display:inline;
	letter-spacing:1px;
	position:relative;
}
#gNavi li:first-child{margin-left:0;}

#gNavi > li.current{
	overflow:hidden;
	position:relative;
	padding-bottom: 30px;
}
#gNavi > li.current:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:0;
	background:#0A2651;
	-webkit-transition:0.5s height linear;
	-moz-transition:0.5s height linear;
	transition:0.5s height linear;
}
.load #gNavi > li.current:before{height:100%;}

#gNavi li a{
	color: #A2A0AB;
	font-size:19px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#gNavi li.on a,
#gNavi li a:hover{
	text-decoration:none;
	color:#0B2653;
}

#gNavi li a span{
	font-size:22px;
	font-weight:bold;
	vertical-align:-2px;
	font-family:"游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}


#gNavi li ul{
	position:absolute;
	left: 0;
	top: 60px;
	opacity:0;
	-webkit-transition:0.5s opacity linear 0.8s;
	-moz-transition:0.5s opacity linear 0.8s;
	transition:0.5s opacity linear 0.8s;
}
.load #gNavi li ul{opacity:1;}

#gNavi li li{padding:0;}

#gNavi li ul li a{
	font-size: 14px;
	font-weight: bold;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}
#gNavi li ul:after{
	display: none;
	content:"";
	position:absolute;
	top:-45px;
	left:-12px;
	width:2px;
	height:47px;
	background:url(../../img/common/line.png) no-repeat right top;
}

#gNavi li .on a{color:#20BAB6;}


/* ability
********************************************************************/
#gNavi.ability_nav > li.current:before{background:#20BAB6;}

#gNavi.ability_nav li a{color:#727171;}
#gNavi.ability_nav li.on a,
#gNavi.ability_nav li a:hover{
	text-decoration: none;
	color: #fff;
}

/* ability_pager
********************************************************************/
#ability_pager{
	overflow:hidden;
	z-index:1000;
	position:absolute;
/*
	top:72%;
*/
	top:200px;
	left:0;
	right:0;
	width:96%;
	margin:0 auto;
}
#ability_pager p{
	position:relative;
	width:127px;
}
#ability_pager .next_nav{
	float:right;
	text-align:right;
}
#ability_pager .befo_nav{
	float:left;
	text-align:left;
}
#ability_pager p a{
	display:block;
	width:102px;
	padding:14px 0 9px;
	color:#3c1708;
	font-size:15px;
	font-weight: bold;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
	text-decoration:none;
	line-height:1;
	background:rgba(255,255,255,0.8);
}
#ability_pager .next_nav a{float:right;}
#ability_pager .befo_nav a{float:left;}
#ability_pager p a:before{
	content:'';
	width:60px;
	height:1px;
	background:#cba773;
	position:absolute;
	top:21px;
}
#ability_pager .next_nav a:before{left:0;}
#ability_pager .befo_nav a:before{right:0;}



@media all and (min-width:0px) and (max-width:767px){
	#gNavi{display:none;}
}


@media all and (min-width:768px) and (max-width:1160px){
	#gNavi{padding-bottom:20px;}
/*
	#gNavi li{margin-left:4%;}
*/
	#gNavi li{margin-left: 9%;}

	#gNavi li a{font-size:15px;}

	#gNavi li a span{
		margin-top:-2px;
		display:inline-block;
		font-size:19px;
		vertical-align:middle;
	}

	#gNavi li ul{
		left:10px;
		top:30px;
	}

	#gNavi li ul::after{display:none;}
}


@media all and (min-width:1001px) and (max-width:1300px) {
	#gNavi li{margin-left:4.5%;}
}