/*menu
---------------------------------------------*/
#nav, #unav{
	margin:0;
	padding:0;
	width:122px;
	float:left;
}

#nav li a, #unav li a{
	width:122px;
	height:112px;
	padding:0;
	margin:0;
	display: block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

/*---------------*/
#btn_news a {
	background: url(../images/nav02/btn_news.jpg) no-repeat left top;
}
#btn_news a:hover {
	background: url(../images/nav02/btn_news_on.jpg) no-repeat left top;
}
/*---------------*/
#btn_story a {
	background: url(../images/nav02/btn_story.jpg) no-repeat left top;
}
#btn_story a:hover {
	background: url(../images/nav02/btn_story_on.jpg) no-repeat left top;
}
/*---------------*/
#btn_chara a {
	background: url(../images/nav02/btn_chara.jpg) no-repeat left top;
}
#btn_chara a:hover {
	background: url(../images/nav02/btn_chara_on.jpg) no-repeat left top;
}
/*---------------*/
#btn_staff a {
	background: url(../images/nav02/btn_staff.jpg) no-repeat left top;
}
#btn_staff a:hover {
	background: url(../images/nav02/btn_staff_on.jpg) no-repeat left top;
}
/*---------------*/
#btn_trailer a {
	background: url(../images/nav02/btn_trailer.jpg) no-repeat left top;
}
#btn_trailer a:hover {
	background: url(../images/nav02/btn_trailer_on.jpg) no-repeat left top;
}
/*---------------*/
#btn_episodes a {
	background: url(../images/nav02/btn_episodes.jpg) no-repeat left top;
}
#btn_episodes a:hover {
	background: url(../images/nav02/btn_episodes_on.jpg) no-repeat left top;
}
/*---------------*/
#btn_onair a {
	background: url(../images/nav02/btn_onair.jpg) no-repeat left top;
}
#btn_onair a:hover {
	background: url(../images/nav02/btn_onair_on.jpg) no-repeat left top;
}
/*---------------*/
#btn_data a {
	background: url(../images/nav02/btn_data.jpg) no-repeat left top;
}
#btn_data a:hover {
	background: url(../images/nav02/btn_data_on.jpg) no-repeat left top;
}
/*---------------*/
#btn_streaming a {
	background: url(../images/nav02/btn_streaming.jpg) no-repeat left top;
}
#btn_streaming a:hover {
	background: url(../images/nav02/btn_streaming_on.jpg) no-repeat left top;
}

	@media screen and (max-width: 619px){
		#nav{ background-image: none; width:95%; height: auto; margin:0 auto; padding:0 0 0 2%; float: none; clear:both;}
		#navtop,#navbtm{ display:none; width:0; height:0 margin:0;}
		#unav{ background-image: none; width:95%; height: auto; margin:0; padding:0 0 0 2%; float:none; overflow:hidden; position:absolute; bottom: 0; left:1.5%;}	
		#nav li, #unav li{
			width:48%;
			/*height:0;*/
			margin:0 2% 1% 0;
			/*padding:20.93% 0 0 0 ;*/
			float:left;
		}

		#nav li a, #unav li a{
			margin:0;
			padding:0;
			width:100%;
			height: 0;
			padding:29.0% 0 0 0 ;
			display:block;
			text-indent:100%;
			white-space:nowrap;
			overflow:hidden;
		}
		

		#btn_news a, #btn_news a:hover{ background:url(../images/sp/news.png) no-repeat; background-size:cover;}
		#btn_story a, #btn_story a:hover{ background:url(../images/sp/story.png) no-repeat; background-size:cover;}
		#btn_chara a, #btn_chara a:hover{ background:url(../images/sp/chara.png) no-repeat; background-size:cover;}
		#btn_staff a, #btn_staff a:hover{ background:url(../images/sp/staff.png) no-repeat; background-size:cover;}
		#btn_trailer a, #btn_trailer a:hover{ background:url(../images/sp/trailer.png) no-repeat; background-size:cover;}
		#btn_episodes a, #btn_episodes a:hover{ background:url(../images/sp/episodes.png) no-repeat; background-size:cover;}
		#btn_onair a, #btn_onair a:hover{ background:url(../images/sp/onair.png) no-repeat; background-size:cover;}
		#btn_data a, #btn_data a:hover{ background:url(../images/sp/data.png) no-repeat; background-size:cover;}
		#btn_streaming a, #btn_streaming a:hover{ background:url(../images/sp/streaming.png) no-repeat; background-size:cover;}
		#btn_top{ display:none;}
		}