@charset "UTF-8";

/* ========================================
	common
======================================== */
body {
	background: url(../common/bg_card.jpg) repeat center top;
}
body.pop {
	background: none;
}

#gnavi ul {
	background: url(../common/bg_gnavi04.png) no-repeat 543px 53px;
}

#deco-corner {
	position: absolute;
	top: 5px;
	left: 510px;
	z-index: 10;
}

/* ========================================
	#movie-wrap
======================================== */
#movie-wrap {
	width: 784px;
	margin: 0 auto -11px;
	margin-top: -13px;
}
#movie-area {
	position: relative;
	width: 784px;
	height: 474px;
	background: url(../movie/images/bg_movie.png) no-repeat center top;
	z-index: 10;
}
#movie-area iframe {
	position: absolute;
	top: 39px;
	left: 40px;
}
.movie-btn {
	width: 464px;
	margin: 0 auto;
}
.movie-btn li {
	position: relative;
	float: left;
    width: 230px;
    margin: 0 1px;
	text-align: center;
}
.movie-btn li .nav-on {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.movie-btn li.current .nav-on {
	display: block;
}
.movie-btn li.current {
	background: url(../movie/images/bg_btn_on.png) no-repeat center top;
}

.movie-btn li .ico-new {
    position: absolute;
    bottom: 45px;
    left: -41px;
}

/* ========================================
	.pop
======================================== */
#movie {
	position: relative;
}
#note {
	position: absolute;
	top: 0;
	left: 0;
}