@charset "UTF-8";

/* header
========================================== */
#wmc_masthead {
background: url(/ac_common/img/bg_head_mql_top.jpg) left top repeat-x #ebebeb;
background-size: 1px 475px;
}

#wmc_masthead_inner {
}
/* #header_section01
========================================== */
#header_section01{
position: absolute;
top: 57px;
}

#header_section01 .inner{
width: 100%;
background: #009DE2;
}

#header_section01 .description {
color: #fff;
}

#header_section01 .old {
display: none;
}

/* #header_section02
========================================== */
#header_section02 {
width: 300px;
height: 515px;
margin: 0 auto;
padding: 0;
}

#header_section02 .inner {
margin: 0 10px;
}

#header_section02 .logo {
width: 200px;
padding-top: 11px;
height: 29px;
position: absolute;
top: 0;
left: 0;
}

#header_section02 .logo a {
width: 200px;
height: 29px;
background: transparent url(/ac_common/img/head_logo_mql.gif) 0 0 no-repeat;
background-size: 200px 29px;
-webkit-background-size: 200px 29px;
}

#header_section02 .menu_mql {
position: absolute;
top: 11px;
right: 0;
}

#header_section02 .menu_mql a {
text-indent: 0;
width: 77px;
height: 12px;
background: #c900a0; /* Old browsers */
background: url(/ac_common/img/ic_common_menu_btn_arrow.png), -moz-linear-gradient(top,  #c900a0 0%, #99005e 100%); /* FF3.6+ */
background: url(/ac_common/img/ic_common_menu_btn_arrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c900a0), color-stop(100%,#99005e)); /* Chrome,Safari4+ */
background: url(/ac_common/img/ic_common_menu_btn_arrow.png), -webkit-linear-gradient(top,  #c900a0 0%,#99005e 100%); /* Chrome10+,Safari5.1+ */
background: url(/ac_common/img/ic_common_menu_btn_arrow.png), linear-gradient(to bottom,  #c900a0 0%,#99005e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c900a0', endColorstr='#99005e',GradientType=0 ); /* IE6-9 */
background-size: 11px, 100%;
background-repeat: no-repeat, repeat-x;
background-position: 70px center, center;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 9px 0 9px 13px;
text-align: left;
}

#header_section02 #nav {
position: absolute;
top: 50px;
right: 0;
width: 300px;
background-color: #b60081;
border: 1px solid #cc4da7;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
z-index: 1000;
display: none;
}

#header_section02 #nav li a {
text-indent: 0;
color: #fff;
padding: 5px 10px;
border-bottom: 1px solid #cc4da7;
text-align: left;
background: url(/common/images/contents_common_blt_01_mql.png) 96% center no-repeat;
background-size: 17px 17px;
-webkit-background-size: 17px 17px;
}


/* #slide_area
========================================== */
#slide_area {
top: 115px !important;
}

#slide_area .inner {
width: 300px;
height: 230px;
overflow: hidden;
margin: 0 auto;
position: absolute;
left: 0;
top: 55px;
}

@media screen and (min-width: 480px) {
#wmc_masthead {
height: 655px;
}
}

#wmc_masthead .login {
display: none;
}

#wmc_masthead .login_mql {
position: absolute;
margin: 8px auto;
width: 100%;
padding: 0;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #b60081;
top: 50px;
}

#wmc_masthead .login_mql a {
display: block;
height: 23px;
padding: 10px 0 10px 12px;
color: #FFF;
background: url(/common/images/contents_common_blt_01_mql.png) 96% center no-repeat;
background-size: 17px 17px;
-webkit-background-size: 17px 17px;
text-indent: 0;
font-size: 1.142857em;
text-align: left;
}


#wmc_masthead .login_mql span {
display: inline-block;
width: 66px;
height: 21px;
text-indent: -9999px;
background: url(/common/images/foot_eseki_01_mql.png) 0 0 no-repeat;
background-size: 66px 21px;
-webkit-background-size: 66px 21px;
}

#contents_body #contents_body_top {
background: #ebebeb;
background-image: none !important;
}

#header_section03 .gnav_wrap {
background-image: none;
border: none;
position: absolute;
top: 355px;
width: 100%;
}

@media screen and (min-width: 480px) {
#header_section03 .gnav_wrap {
top: 480px;
}
}

#header_section03 .gnav_wrap .inner {
width: 302px;
height: 152px;
margin: 0 auto;
padding: 1px;
border-radius: 4px;
background: #F8F8F8;
background: -moz-linear-gradient(top, #FFFFFF 0%, #B7BABE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#B7BABE));
background: -webkit-linear-gradient(top, #FFFFFF 0%,#B7BABE 100%);
background: linear-gradient(to bottom, #FFFFFF 0%,#B7BABE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#B7BABE',GradientType=0 );
}

#header_section03 .gnav {
width: 294px;
border-radius: 4px;
padding: 3px;
background-color: #F3F3F3;
text-align: center;
z-index: 1000;
position: static;
background-image: none;
height: 145px;
}

#header_section03 .gnav li {
display: inline-block;
}
#header_section03 .gnav .store {
margin: 0 0 0 0px;
}

#header_section03 .gnav .schedule a {
width: 98px;
height: 70px;
background: url(/ac_common/img/head_gnav_btn_01_mql.png) 0 0 no-repeat;
background-size: 100% 100%;
-webkit-background-size: 98px 70px;
}

#header_section03 .gnav .movie a {
width: 98px;
height: 70px;
background: url(/ac_common/img/head_gnav_btn_02_mql.png) 0 0 no-repeat;
background-size: 100% 100%;
-webkit-background-size: 98px 70px;
}

#header_section03 .gnav .advance a {
width: 98px;
height: 70px;
background: url(/ac_common/img/head_gnav_btn_03_mql.png) 0 0 no-repeat;
background-size: 100% 100%;
-webkit-background-size: 98px 70px;
}

#header_section03 .gnav .store a {
width: 98px;
height: 70px;
background: url(/ac_common/img/head_gnav_btn_04_mql.png) 0 0 no-repeat;
background-size: 100% 100%;
-webkit-background-size: 98px 70px;
}

#header_section03 .gnav .video a {
width: 98px;
height: 70px;
background: url(/ac_common/img/head_gnav_btn_05_mql.png) 0 0 no-repeat;
background-size: 100% 100%;
-webkit-background-size: 98px 70px;
}
#header_section03 .gnav .watatheatre a {
width: 88px;
height: 70px;
background: url(/ac_common/img/head_gnav_btn_06_mql.png) 0 0 no-repeat;
background-size: 100% 100%;
-webkit-background-size: 88px 70px;
margin-left:5px;
margin-right:5px;
}
