@charset "shift_jis";
/* CSS Document */



/* ============= MENU =========== ==== start  */
.menu_sub{
	background-image: url(../img/menu_bar.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 75px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.menu{
	height: 30px;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 18px;
}

.menu ul{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	list-style-type: none;
	padding: 0px;
}

.menu ul li.dot{
	background-image: url(../img/menu_dot.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 40px;
	display: block;
	float: left;
	background-position: center top;
}

.menu ul li.info,
.menu ul li.story,
.menu ul li.chara,
.menu ul li.system,
.menu ul li.movie,
.menu ul li.special,
.menu ul li.special_np{
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
}


/* ===== info ===== */
.menu ul li.info a:link,
.menu ul li.info a:visited{
	background-image: url(../img/menu_info.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 30px;
	width: 80px;
}

.menu ul li.info a:hover,
.menu ul li.info a:active{
	background-image: url(../img/menu_info.png);
	background-position: 0px -30px;
}

/* ===== story ===== */
.menu ul li.story a:link,
.menu ul li.story a:visited{
	background-image: url(../img/menu_story.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 30px;
	width: 123px;
}

.menu ul li.story a:hover,
.menu ul li.story a:active{
	background-image: url(../img/menu_story.png);
	background-position: 0px -30px;
}

/* ===== chara ===== */
.menu ul li.chara a:link,
.menu ul li.chara a:visited{
	background-image: url(../img/menu_chara.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 30px;
	width: 113px;
}

.menu ul li.chara a:hover,
.menu ul li.chara a:active{
	background-image: url(../img/menu_chara.png);
	background-position: 0px -30px;
}

/* ===== system ===== */
.menu ul li.system a:link,
.menu ul li.system a:visited{
	background-image: url(../img/menu_system.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 30px;
	width: 76px;
}

.menu ul li.system a:hover,
.menu ul li.system a:active{
	background-image: url(../img/menu_system.png);
	background-position: 0px -30px;
}

/* ===== movie ===== */
.menu ul li.movie a:link,
.menu ul li.movie a:visited{
	background-image: url(../img/menu_movie.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 30px;
	width: 80px;
}

.menu ul li.movie a:hover,
.menu ul li.movie a:active{
	background-image: url(../img/menu_movie.png);
	background-position: 0px -30px;
}

/* ===== special ===== */
.menu ul li.special a:link,
.menu ul li.special a:visited{
	background-image: url(../img/menu_special.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 30px;
	width: 97px;
}

.menu ul li.special a:hover,
.menu ul li.special a:active{
	background-image: url(../img/menu_special.png);
	background-position: 0px -30px;
}


.menu ul li.special_np{
		background-image: url(../img/menu_special.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 30px;
	width: 97px;
	  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
}


/* ============= MENU =============== end  */




/* ============= SideMENU =========== ==== start  */


.sidemenu_info .btn,
.sidemenu_system .btn,
.sidemenu_movie .btn,
.sidemenu_special .btn,
.sidemenu_story .btn{
		margin: 0px;
	padding: 0px;
}


.sidemenu_info .btn a:link,
.sidemenu_info .btn a:visited,
.sidemenu_system .btn a:link,
.sidemenu_system .btn a:visited,
.sidemenu_movie .btn a:link,
.sidemenu_movie .btn a:visited,
.sidemenu_special .btn a:link,
.sidemenu_special .btn a:visited,
.sidemenu_story .btn a:link,
.sidemenu_story .btn a:visited{
	background-image: url(../img/sidemenu_btn.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 45px;
	width: 130px;
}

.sidemenu_info .btn a:hover,
.sidemenu_info .btn a:active,
.sidemenu_system .btn a:hover,
.sidemenu_system .btn a:active,
.sidemenu_movie .btn a:hover,
.sidemenu_movie .btn a:active,
.sidemenu_special .btn a:hover,
.sidemenu_special .btn a:active,
.sidemenu_story .btn a:hover,
.sidemenu_story .btn a:active{
	background-image: url(../img/sidemenu_btn.png);
	background-position: 0px -45px;
}


/* ===== info ===== */
.sidemenu_info{
	background-image: url(../info/img/sidemenu.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 400px;
	width: 130px;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 25px;
}

/* ===== system ===== */
.sidemenu_system{
	background-image: url(../system/img/sidemenu.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 400px;
	width: 130px;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 25px;
}


/* ===== movie ===== */
.sidemenu_movie{
	background-image: url(../movie/img/sidemenu.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 400px;
	width: 130px;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 25px;
}

/* ===== special ===== */
.sidemenu_special{
	background-image: url(../special/img/sidemenu.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 400px;
	width: 130px;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 25px;
}

/* ===== story ===== */
.sidemenu_story{
	background-image: url(../story/img/sidemenu.png);
	background-repeat: no-repeat;
	margin: 0px;
	height: 400px;
	width: 130px;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 25px;
}

/* ============= sidemenu =========== ==== end  */