@charset "utf-8";
#gNav {
	width: 100%;
	height:auto;
	position: absolute;
	/*top: -180px;
	top:-220px;*/
	top:-520px;
	z-index: 100;
	transition: top 1s;
	-webkit-transition: top 1s;
	-moz-transition: top 1s;
	text-align: center;
	background: #FFF7F7;
}
#gNav:target {
	top: 0px;
	/*position:fixed;*/
}
#gNav ul {
	margin: 0;
	padding: 0;
}
#gNav ul li {
	width: 100%;
}
.five_list{
	width:100%;
	height: auto;
	font-size: 0px;
	line-height: 0px;
}
.five_list .five_img{
	width: 20%;
	height: auto;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
.five_list .five_img img{
	width: 100%;
	height: auto;
}
#gNav ul li a,
#gNav #nav-info a{
	display:block;
	width: 96%;
	padding: 8px 2%;
	color: #FFF7F7;
	border-bottom: #B4B0B0 1px solid;
	background: #28628a;
}
#gNav ul li.ni a{
	background-color:#227ac2;text-align: left;
}
#gNav ul li.fu a{
	background-color:#BC2123;
}
#gNav ul li.kan a{
	background-color:#7E1643;
}
#gNav ul li.mi a{
	background-color:#893DB0;
}
#gNav ul li.kyo a{
	background-color:#1965C0;
}
#gNav ul li.oya a{
	background-color:#1B6C7C;
}
#gNav ul li.syo a{
	background-color:#28A752;
}
#gNav ul li.sai a{
	background-color:#C9B711;
}

#gNav #nav-close a {
	display:block;
	padding: 8px 0;
	color:#FFFFFF;
	border-bottom: #B4B0B0 1px solid;
	background: #4F4D4D;
}
#gNav ul li:nth-child(1) a,
#gNav ul li:nth-child(2) a {
	border-top: none;
}
#gNav ul li:nth-child(odd) a {
	/*border-right:#B4B0B0 1px solid;*/
}
#gNav ul li:nth-child(even) a {
	/*border-left:#E8E4E4 1px solid;*/
}
/*#gNav #nav-info,
#gNav #nav-close {
	clear: both;
}*//* CSS Document */