#nav, #nav ul{
	position:relative;
}

ul#nav{
	padding:0 27px 0 27px;
	width:856px;
	border-bottom:solid 1px #333;
}

ul#nav li{
	line-height:30px;
	text-align:center;
}
ul#nav li a{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
}

ul#nav li a,
ul#nav li ul li a,
ul#nav li ul li a,
ul#nav li ul li div
{
	font-size:90%;
}

ul#nav li.lef{
	float:left;
}
ul#nav li.rig{
	float:right;
}

ul#nav a{
	display:block;
	text-decoration:none;
}

/* 2017.6 GLナビ上段幅調整 bt01〜bt05 bt05は新規追加 */
ul#nav li.bt01_select,
ul#nav li.bt01,
ul#nav li a.bt01{
	width:102px;
	height:30px;
}
ul#nav li.bt02_select,
ul#nav li.bt02{
	width:187px;
	height:30px;
}
ul#nav li.bt03_select,
ul#nav li.bt03{
	width:148px;
	height:30px;
}
ul#nav li.bt04_select,
ul#nav li.bt04{
	width:147px;
	height:30px;
}
ul#nav li.bt06,
ul#nav li a.bt06{
	width:156px;
	height:30px;
}
ul#nav li.bt05_select,
ul#nav li.bt05,
ul#nav li a.bt05{
	width:115px;
	height:30px;
}

/* hover befor */
ul#nav li.bt01_select,
ul#nav li.bt01,
ul#nav li.bt02_select,
ul#nav li.bt02,
ul#nav li.bt03_select,
ul#nav li.bt03,
ul#nav li.bt04_select,
ul#nav li.bt04,
ul#nav li.bt05_select,
ul#nav li.bt05,
ul#nav li.bt06{
	border-bottom:solid 4px #fff;
}

/* hover after */
ul#nav li.bt01_select:hover,
ul#nav li.bt01:hover,
ul#nav li.bt02_select:hover,
ul#nav li.bt02:hover,
ul#nav li.bt03_select:hover,
ul#nav li.bt03:hover,
ul#nav li.bt04_select:hover,
ul#nav li.bt04:hover,
ul#nav li.bt05:hover,
ul#nav li.bt05_select:hover,
ul#nav li.bt06:hover{
	border-bottom:solid 4px #333;
}

/* hover select */
ul#nav li.bt01_select,
ul#nav li.bt02_select,
ul#nav li.bt03_select,
ul#nav li.bt04_select,
ul#nav li.bt05_select{
	border-bottom:solid 4px #333;
}


#nav li{
	position:relative;
	float:left;
}
#nav ul {
	position:absolute;
	top:34px;
	display:none;
}
#nav ul.nav_01{
	left:0;
	width:187px;
}

#nav ul.nav_02{
	left:0;
	width:187px;
}

#nav ul.nav_03{
	left:0;
	width:147px;
}

#nav li ul.nav_03 a,
#nav li ul.nav_03 div,
#nav li ul.nav_02 a,
#nav li ul.nav_01 a{
	float:left;
	height:auto;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
}
/* 文字数多い 課外・ボランティア活動〜メニューのみ */
#nav li ul.nav_03 li ul li.nv05 a{
	line-height:1.6;
}

#nav li ul.nav_01 a{
	width:187px;
}

#nav li ul.nav_02 li a{
	width:148px;
}
#nav li ul.nav_02 li ul li a{
	width:187px;
}
#nav li ul.nav_03 div{
	width:147px;
}
#nav li ul.nav_03 a{
	width:187px;
}


#nav li ul.nav_03 a,
#nav li ul.nav_03 div,
#nav li ul.nav_02 a,
#nav li ul.nav_01 a{
	background:#777;
	/* opacity */
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;*/
}
#nav li ul.nav_03 a:hover,
#nav li ul.nav_03 div:hover,
#nav li ul.nav_02 a:hover,
#nav li ul.nav_01 a:hover{
	background:#222;
}

#nav ul ul {
	top:auto;
}

#nav li ul.nav_01 ul {
	left:187px;
}

#nav li ul.nav_02 ul {
	left:148px;
}

#nav li ul.nav_03 ul {
	left:147px;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul{
	display:none;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul{
	display:block;
}
