@charset "shift_jis";

#wrapper {
	background: url(../movie/images/bg1.jpg) center top repeat;
}

#wrapper2 {
	background: url(../movie/images/bg2.jpg) center top no-repeat;
}



/* ========================================
	#topper
======================================== */
#topper {
	width: 100%;
	height: 288px;
	position: relative;
	top: 0;
}


.ttl {
	position: absolute;
	top: 57px;
	right: 0;
	z-index: 2;
}

/* ========================================
	#main
======================================== */
#main {
	margin: 0 auto;
	width: 804px;
	position: relative;
}

#movie-wrap {
	margin-top: 28px;
	width: 800px;
	position: relative;
}

#note {
	position: absolute;
	top: 0;
	left: 0;
}

.thumb-area {
	margin: 18px 0 94px 84px;
}

.thumb-area li {
	position: relative;
	/*width: 198px;*/
	width: 158px;
	float: left;
	background-image: url(../movie/images/thumb_bg.png);
	background-repeat: no-repeat;
	/*background-position: 0 -122px;*/
	background-position: 0 -97px;
}

.thumb-area li.selected,
.thumb-area li.mo {
	background-position: 0 0;
}

.thumb-img {
	display: block;
	/*padding: 13px 0 0 0;*/
	padding: 10px 0 0 0;
	text-align: center;
}

.icon-new {
	position: absolute;
	top: -4px;
	/*left: 70px;*/
	left: 52px;
}

.thumb-area .thumb-ttl {
	display: block;
	margin-top: 4px;
	text-align: center;
}

.chara1 {
	position: absolute;
	top: 800px;
	left: -3px;
}

.chara2 {
	position: absolute;
	top: 804px;
	right: -132px;
}
.chara3 {
	position: absolute;
	top: 185px;
	right: 44px;
}


#pop-wrap {
	width: 804px;
	position: relative;
}