@charset "UTF-8";

body{
    min-width:960px;
    background: #000;
}
#container {
    background:none;
}
#bg{
    position:absolute;
    width:100%;
    min-width:960px;
    min-height:100%;
    background: url("../img/movie_bg.jpg") no-repeat center top;
    z-index:0;
}

/* ========================================
	#main-visual
======================================== */
#main_h2{
    position:relative;
	height: 310px;
	overflow: hidden;
    z-index:6;
}
#main_h2 .h2_bg{
    position:absolute;
    width:100%;
    min-width:960px;
    height: 410px;
    top:-100px;
    background: url("../../img/h2_bg.png") no-repeat center top;
}
#main_h2 .inner {
    width:940px;
    margin:0 auto;
	z-index: 1;
}
#main_h2 .inner h2 {
    margin-top:60px;
}
/* ========================================
	.mech_main
======================================== */
#movie_main {
	position: relative;
	z-index: 1;
    width:100%;
    min-width:960px;
	height: 710px;
    overflow:hidden;
}
#movie_main .inner .mv{
    position:relative;
    width:624px;
    margin:6px auto 0;
}
#movie_main .inner .waku{
    position:absolute;
    top:0;
    z-index:20;
}
#movie_main .inner #movie-box{
    position:absolute;
    top:28px;
    left:28px;
	width: 572px;
	height: 326px;
	overflow: hidden;
    z-index:21;
}
#movie_main .movie-yt {
	position: absolute;
	top: 0px;
	left: -6px;
	width: 587px;
	height: 330px;
	overflow: hidden;
}
#movie_main .movie-yt iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 587px;
	height: 330px;
}
#movie_main .navi{
    position:relative;
    width:628px;
    height:235px;
    top:426px;
    margin:0 auto;
}
#movie_main .navi li{
    float:left;
    margin-left:20px;
}
#movie_main .navi li:first-child{
    margin-left:3px;
}