@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/

body{
background-color:#f0eddb;
}

#wrapper{
margin:auto;
}

.line{
width:100%;
min-width:1000px;
height:8px;

background-color:#f0eddb;
}

.hide_pc{
display:none;
}


.clearfix{
display:block;
clear:both;
}

a.mo:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}


/*-------menu-------*/

	
#menu{
width:100%;
min-width:1000px;
height:47px;
background-image:url("img/common/menu_bg.jpg");
background-repeat:repeat-x;
background-position:center top;
position:fixed;
top:0px;
z-index:100;
}

#menu .inner{
width:1000px;
margin:0 auto 0;
position:relative;
}

#menu .menu_logo{
position:absolute;
top:-8px;
left:-90px;
width:114px;
}

#menu .menu_logo img{
width:100%;
}

#menu li.menu_top{
display:block;
width:83px;
height:15px;
position:absolute;
top:7px;
left:-4px;
}

#menu li.menu_top a{
display:block;
width:100%;
height:100%;

background-position:center top;
}



#menu li.menu_features{
display:block;
width:138px;
height:15px;
position:absolute;
top:7px;
left:177px;
}

#menu li.menu_features a{
display:block;
width:100%;
height:100%;

background-position:center top;
}

#menu li.menu_features .icon{
display:block;
position:absolute;
bottom:-12px;
left:30px;
}

#menu li.menu_resident{
display:block;
width:99px;
height:15px;
position:absolute;
top:7px;
left:73px;
}

#menu li.menu_resident a{
display:block;
width:100%;
height:100%;

background-position:center top;
}

#menu li.menu_resident .icon{
display:block;
position:absolute;
bottom:-12px;
left:30px;
}


#menu li.menu_characters{
display:block;
width:192px;
height:15px;
position:absolute;
top:7px;
left:311px;
}

#menu li.menu_characters a{
display:block;
width:100%;
height:100%;

background-position:center top;
}

#menu li.menu_characters .icon{
display:block;
position:absolute;
bottom:-12px;
left:45px;
}

#menu li.menu_stages{
display:block;
width:144px;
height:15px;
position:absolute;
top:7px;
left:511px;
}

#menu li.menu_stages a{
display:block;
width:100%;
height:100%;

background-position:center top;
}

#menu li.menu_stages .icon{
display:block;
position:absolute;
bottom:-12px;
left:20px;
}

#menu li.menu_movies{
display:block;
width:158px;
height:15px;
position:absolute;
top:7px;
left:669px;
}

#menu li.menu_movies a{
display:block;
width:100%;
height:100%;

background-position:center top;
}

#menu li.menu_movies .icon{
display:block;
position:absolute;
bottom:-12px;
left:18px;
}


#menu li.menu_contact{
display:block;
width:92px;
height:15px;
position:absolute;
top:7px;
left:819px;
}

#menu li.menu_contact a{
display:block;
width:100%;
height:100%;
background-image:url("img/common/menu_contact.png");
background-position:center top;
}

#menu li.menu_contact .icon{
display:block;
position:absolute;
bottom:-12px;
left:18px;
}




#menu li a:hover{
background-position:center bottom;
}


#menu li a.select{
background-position:center bottom;
}


#menu #menu_sns{
position:absolute;
top:8px;
right:0px;
z-index:100;
}

#menu #menu_sns a{
width:28%;
margin-left:5%;
display:block;
float:right;
}

#menu #menu_sns a img{
width:100%;
}

#menu .menu_preorder{
position:absolute;
top:8px;
right:78px;
z-index:100;
}


/*-------footer-------*/

#footer{
min-width:1000px;
width:100%;
background-color:#000;
background-image:url("../img/common/footer_bg.jpg");
background-position:center top;
background-repeat:no-repeat;
text-align:center;
padding:30px 0 50px;
}

#footer .rights{
width:1000px;
height:205px;
margin:0 auto 0;
border-top:1px solid #666;
padding:20px 0 0;

background-image:url("../img/common/rights.jpg");
background-position:center 20px;
background-repeat:no-repeat;
}

#link_site{
width:650px;
display:block;
margin:0 auto 0;
}

#link_site li {
float:left;
width:300px;
border-right:1px solid #d00;
}

#link_site li.right{
border-right:none;
}

#link_global{
display:block;
width:300px;
margin:50px auto 20px;
}

#link_global li{
float:left;
margin-left:8px;
}








/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {

.line{
min-width:0px;
}

.hide_pc{
display:block;
}

.hide_sp{
display:none!important;
}



#menu{
width:100%;
min-width:0px;
background-image:none;
position:absolute;
top:0px;
z-index:100;
height:auto;
}

#menu .inner{
width:100%;
}

#menu #menu_sns{
width:20%;
position:absolute;
top:0;
left:78%;
z-index:100;
margin-top:5px;
}

#menu #menu_sns a{
width:45%;
margin-left:5%;
display:block;
float:left;
}

#menu #menu_sns a img{
width:100%;
}




/*-------footer-------*/


#footer{
width:100%;
min-width:0px;
background-color:#000;
background-image:url("../img/common/footer_bg.jpg");
background-size:50%;
background-repeat:no-repeat;
text-align:center;
padding:10px 0 50px;
overflow:hidden;
}


#link_site{
display:none;
margin:0 auto 0;
}

#link_global{
display:none;
}

#footer .rights{
background-image:none;
border:none;
position:relative;
display:block;
width:90%;
}

#footer .rights img{
width:100%;
}


}


/*-------menu-icon-------*/


#menu li.menu_features .icon{display:none;}
#menu li.menu_characters .icon{display:none;}
#menu li.menu_stages .icon{display:none;}
#menu li.menu_movies .icon{display:none;}

/*------------------menu-langue---------------*/

#menu li.menu_langue{
display:block;
width:132px;
height:15px;
position:absolute;
top:14px;
left:942px;
}



#menu li.menu_login{
display:block;
width:45px;
height:15px;
position:absolute;
top:-7px;
left:942px;
}

#menu li.menu_login a{
display:block;
width:100%;
height:100%;
background-image:url("img/common/menu_login.png");
background-position:center top;
}

#menu li.menu_login .icon{
display:block;
position:absolute;
bottom:-12px;
left:18px;
}

/*-------------------------------------*/

#menu li.menu_logout{
display:block;
width:52px;
height:15px;
position:absolute;
top:17px;
left:900px;
}

#menu li.menu_logout a{
display:block;
width:100%;
height:100%;
background-image:url("img/common/menu_logout.png");
background-position:center top;
}

#menu li.menu_logout .icon{
display:block;
position:absolute;
bottom:-12px;
left:18px;
}

/*---------------------------------------*/

#menu li.menu_admin{
display:block;
width:43px;
height:15px;
position:absolute;
top:17px;
left:850px;
}

#menu li.menu_admin a{
display:block;
width:100%;
height:100%;
background-image:url("img/common/menu_admin.png");
background-position:center top;
}


#menu li.menu_profile{
display:block;
width:40px;
height:15px;
position:absolute;
top:14px;
left:907px;
}

#menu li.menu_profile_hide{
display:none;
width:133px;
height:15px;
position:absolute;
top:14px;
left:819px;
}