#menu {
width: 100%;
max-width: 930px;
height:50px;
margin: 15px auto;
padding: 0;
}
#menu li{
display: block;
float: left;
width: 20%;
height:100%;
margin: 0;
padding: 0;
}

#menu a li {
display: block;
padding: 0px;
color: #FFF;
text-align: center;
}
#menu li:last-child a{
border: none;
}
/*#menu li a:hover{
background: #4baacb;
}*/
#toggle {
display: none;
}
 
.nav_01{
	background-image:url(../img/menu_01.png);
	background-repeat:no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width:100%

	} 
	
	.nav_02{
	background-image:url(../img/menu_02.png);
	background-repeat:no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

	} 
	
	.nav_03{
	background-image:url(../img/menu_03.png);
	background-repeat:no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

	} 
 
 	.nav_04{
	background-image:url(../img/menu_04.png);
	background-repeat:no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

	} 
	
		.nav_05{
	background-image:url(../img/menu_05.png);
	background-repeat:no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

	} 
 
 

 
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 930px) {
	
	

	
	.nav_01{
	background-image: none;
	text-indent:inherit;
	} 
	
	.nav_02{
	background-image: none;
			text-indent:inherit;
	} 
	
	.nav_03{
	background-image: none;
			text-indent:inherit;
	} 
 
 	.nav_04{
	background-image: none;
			text-indent:inherit;
	} 
	
		.nav_05{
	background-image: none;
			text-indent:inherit;
	} 
	
	
		#menu {
width: 100%;
margin: 0 auto;
padding: 0;
display: none;
}
	
#menu a li {
width: 100%;
padding: 20px 0 40px;
background-color: #0081B5;
border-bottom: 1px solid #4baacb;
}



#toggle {
display: block;
position: relative;
width: 100%;
background: #0081B5;
}
#toggle a{
display: block;
position: relative;
padding: 18px 0 18px;
border-bottom: 1px solid #4baacb;
color:#FFF;
text-align: center;
text-decoration: none;
}
#toggle:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 30px;
margin-top: -15px;
background: #FFF;
}
#toggle a:before, #toggle a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 6px;
background: #0081B5;
}
#toggle a:before {
margin-top:-9px;
}
#toggle a:after {
margin-top: 3px;
}
}