/*

menu

*/

#menuAll{
	background: url(../images/nav/menu_bg.jpg) repeat-x center;
	background-size: auto 100%;
	width:100%;
	min-width: 1250px;
	height:50px;
	position: fixed;
	bottom:0;
	left:0;
	z-index:15;
}

#menuLineAll{
background: url(../images/nav/menu_line.png) no-repeat center;
background-size: 100% 100%;
width: 100%;
height: 15px;
position: fixed;
bottom: 44px;
left: 0;
z-index: 16;
}

#menuGra{
	background: url(../images/top/grade.png) repeat-x center;
	background-size: auto 100%;
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	background-blend-mode: multiply;
}


.list {
    padding: 0px;
    overflow: hidden;
    position: relative;
}

.list ul {
    list-style: none outside none;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
}

.list ul li {
    float: left;
    margin: 0;
    padding: 18px 15px 0;
    position: relative;
	line-height:1;
    left: -50%;
}

@-webkit-keyframes menuAboutanm {
from { transform: translateY(50px);}
to   { transform: translateY(0);}
}

@keyframes menuAboutanm {
from { transform: translateY(50px);}
to   { transform: translateY(0);}
}


#menuAboutAll{
background: url("../images/nav_about/bg.png") no-repeat center;
background-size: 100% 100%;
width:100%;
min-width: 1250px;
height:30px;
position: fixed;
bottom:54px;
left:0;
z-index:14;
-webkit-animation: menuAboutanm 1s ease-out 1s;
animation-duration: menuAboutanm 1s ease-out 1s;
}

.list2 {
padding: 0px;
overflow: hidden;
position: relative;
}

.list2 ul {
list-style: none outside none;
float: left;
margin: 0;
padding: 0;
position: relative;
left: 50%;
}

.list2 ul li {
float: left;
margin: 0;
padding: 10px 14px 0;
position: relative;
line-height:1;
left: -50%;
}

.list2 ul li.nonebtn{
opacity: 0.4;
filter: alpha(opacity=40);  
}

#introBtnSelect,#storyBtnSelect,#castBtnSelect,#staffBtnSelect,#pronoteBtnSelect{
background: #FFBC00;
height: 2px;
position: absolute;
z-index: 15;
top: 0;
left: 50%;
opacity: 0.8;
filter: alpha(opacity=80); 
}

#introBtnSelect{margin-left: -283px; width: 132px;}
#storyBtnSelect{margin-left: -125px; width: 55px;}
#castBtnSelect{margin-left: -41px; width: 43px;}
#staffBtnSelect{margin-left: 30px; width: 51px;}
#pronoteBtnSelect{margin-left: 110px; width: 174px;}