@charset "shift_jis";

/* ========================================
	bg-page
======================================== */
#bg-page01 {
	background-image: url(../movie/images/bg_page01.jpg);
	background-position: center 0;
	background-repeat: no-repeat;
}

#bg-page02 {
	background-image: url(../movie/images/bg_page02.jpg);
	background-position: center 310px;
	background-repeat: no-repeat;
}

#bg-page03 {
	background-image: url(../movie/images/bg_page03.jpg);
	background-position: center 620px;
	background-repeat: no-repeat;
}

#bg-page04 {
	background-image: url(../movie/images/bg_page04.jpg);
	background-position: center 930px;
	background-repeat: no-repeat;
}

#bg-page05 {
	background-image: url(../movie/images/bg_page05.jpg);
	background-position: center 1240px;
	background-repeat: no-repeat;
}

/* ========================================
	container
======================================== */
#container .movie01 {
	margin: 116px 0 0 0;
	background: url(../movie/images/movie_bg01.png) 0 0 no-repeat;
}

#container .movie02 {
	width: 960px;
	height: 662px;
	background: url(../movie/images/movie_bg02.png) 0 450px no-repeat;
	position: relative;
}

/*#container .movie02s {
	width: 960px;
	height: 892px;
	background: url(../movie/images/movie_bg02s.png) 0 560px no-repeat;
	position: relative;
}*/

#container .moviearea {
	padding: 79px 0 0 96px;
}

#container .movie-btn {
	margin: 18px 0 0 200px;
	position: relative;
	background: url(../movie/images/line.png) 364px 9px no-repeat;
	position: relative;
}

#container .cmbtn {
	width: 516px;
	height: 439px;
}

#container .cmbtn li {
	position: relative;
}

#container .cmbtn .new {
	position: absolute;
	top: -4px;
	left: 63px;
}

#container .cmbtn .btn01 {
	position: absolute;
	top: 0;
	left: 0;
}

#container .cmbtn .btn02 {
	position: absolute;
	top: 0;
	left: 172px;
}

#container .cmbtn li a {
	display: block;
}

#container .cmbtn .game1 a {
	padding-top: 103px;
	background: url(../movie/images/btn_game1_bg.png) 0 7px no-repeat;
}

#container .cmbtn .game1 .current,
#container .cmbtn .game1 .here {
	padding-top: 103px;
	background: url(../movie/images/btn_game1_bg.png) 0 -140px no-repeat;
}

#container .cmbtn .game2 a {
	padding-top: 103px;
	background: url(../movie/images/btn_game2_bg.png) 0 7px no-repeat;
}

#container .cmbtn .game2 .current,
#container .cmbtn .game2 .here {
	padding-top: 103px;
	background: url(../movie/images/btn_game2_bg.png) 0 -140px no-repeat;
}

#container .cmbtn .pv-btn {
	position: absolute;
	top: 0;
	left: 392px;
}

#container .cmbtn .pv-btn a {
	display: block;
	padding-top: 103px;
	background: url(../movie/images/btn_pv_bg.png) 0 7px no-repeat;
}

#container .cmbtn .pv-btn .current,
#container .cmbtn .pv-btn .here {
	padding-top: 103px;
	background: url(../movie/images/btn_pv_bg.png) 0 -140px no-repeat;
}

#container .bnr {
	margin: 0 0 0 34px;
}


/* ========================================
	pop-body
======================================== */
#pop-body {
	background-image: none;
	background-color: transparent;
}

#pop-body .movie-ttl {
	padding: 0 0 33px 24px;
}

#pop-body #screen {
	/*width: 720px;*/
	height: 493px;
	position: relative;
}

#pop-body #stagePoster,
#pop-body #stageVideo {
	position: absolute;
	top: 17px;
	left: 24px;
}



@media print{
#container #popwrapper { display:none; }
#container .moviearea { display:none; }
#container .movie-btn { display:none; }
}