@charset "shift_jis";

#wrapper {
	background: url(../images/movie/bg_movie.png) center 70px repeat;
}
#logo {
	display: block;
}
#contents {
	position: relative;
	top: 0;
	z-index: 2000;
	width: 960px;
	min-height: 800px;
	margin: 0 auto;
}
#contents .movie-wrap {
	position: relative;
	width: 720px;
	margin: 0 auto;
	z-index: 10;
}
#contents .movie-wrap-inner {
	width: 720px;
	height: 483px;
	padding-top: 57px;
}
.movie-wrap .movie-btn {
	margin: 18px 0 0;
	padding-left: 211px;
}
.movie-wrap .movie-btn ul li {
	position: relative;
	float: left;
	padding-right: 17px;
}
.movie-wrap .movie-btn ul li a .thumb {
	display: block;
	width: 130px;
	height: 73px;
	padding: 5px;
	background: url(../images/movie/bg_thumb_off.png) no-repeat left top;
}
.movie-wrap .movie-btn ul li a:hover .thumb,
.movie-wrap .movie-btn ul li a.cr .thumb {
	background: url(../images/movie/bg_thumb_on.png) no-repeat left top;
}
.movie-wrap .movie-btn ul li .movie-ttl {
	display: block;
	margin-top: 7px;
	text-align: center;
}
.movie-wrap .movie-btn ul li .layer {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	background: #000;
	width: 130px;
	height: 73px;
	opacity: 0.4;
	-moz-opacity: 0.4; /* Firefox */
	filter: alpha(opacity=40); /* IE6/7 */
	-ms-filter: "alpha(opacity=40)"; /* IE8 */
}
.movie-wrap .movie-btn ul li .cr .layer {
	display: none;
}
.movie-wrap .movie-btn ul li .ico-new {
	position: absolute;
	top: -14px;
	left: -15px;
}
#contents .chara1 {
	position: absolute;
	top: 15px;
	right: -27px;
}
#contents .chara2 {
	position: absolute;
	top: 421px;
	left: -87px;
}
#contents .prev-btn-top {
	width: 149px;
	height: 176px;
	position: absolute;
	top: 527px;
	right: 18px;
}

/* ========================================
	iframe
======================================== */
html, body {
	background-color: transparent;
}
#moviePop {
	width: 720px;
	height: 480px;
	text-align: center;
}
#moviePop h1 {
	margin-bottom: 20px;
}
#moviePop h1.amiibo {
	margin-bottom: 13px;
}
#movie-area {
	position: relative;
	width: 720px;
	height: 414px;
	margin: 0 auto;
	padding-top: 10px;
	background: url(../images/movie/movie_wrap_bg.png) 0 0 no-repeat;
}
#note {
	position: absolute;
	top: 10px;
	left: 10px;
}