@charset "shift_jis";


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

#bg-page02 {
	background: url(../prologue/images/bg_page02.jpg) center 390px no-repeat;
}

#bg-page03 {
	background: url(../prologue/images/bg_page03.jpg) center 780px no-repeat;
}

#bg-ttl {
	position: absolute;
	top: 0;
	height: 248px;
	width: 100%;
	z-index: 1;
	background: url(../prologue/images/bg_ttl.png) center 0 no-repeat;
}
#bg-ice {
	z-index: 2;
}

/* ========================================
	container
======================================== */
#container {
	/*width: 100%;*/
	padding-bottom: 0;
	height: 1149px;
}

#container .ttl {
	position: relative;
	z-index: 3;
}

#container .main {
	margin: 0 auto;
	width: 780px;
}

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

#container .main-navi {
	margin: 0 0 0 92px;
	position: relative;
	z-index: 3;
}

#container .main-navi li {
	padding-right: 30px;
	height: 95px;
	float: left;
	background: url(../prologue/images/main_navi_bg01.png) 0 0 no-repeat;
}

#container .main-navi .main_navi01,
#container .main-navi .main_navi02,
#container .main-navi .main_navi03,
#container .main-navi .main_navi04 {
	width: 87px;
	background: url(../prologue/images/main_navi_bg01.png) 0 0 no-repeat;
}

#container .main-navi .main_navi05,
#container .main-navi .main_navi06 {
	width: 107px;
	background: url(../prologue/images/main_navi_bg02.png) 0 0 no-repeat;
}


#container .main-navi .main_navi01.current,
#container .main-navi .main_navi01.here,
#container .main-navi .main_navi02.current,
#container .main-navi .main_navi02.here,
#container .main-navi .main_navi03.current,
#container .main-navi .main_navi03.here,
#container .main-navi .main_navi04.current,
#container .main-navi .main_navi04.here {
	background: url(../prologue/images/main_navi_bg01.png) 0 -95px no-repeat;
}

#container .main-navi .main_navi05.current,
#container .main-navi .main_navi05.here,
#container .main-navi .main_navi06.current,
#container .main-navi .main_navi06.here {
	background: url(../prologue/images/main_navi_bg02.png) 0 -95px no-repeat;
}

#container .balloon {
	position: absolute;
	top: 680px;
	left: 279px;
}

#moviearea {
	position: relative;
	width: 780px;
	height: 466px;
}

#stagePoster,
#stageVideo {
	position: absolute;
	top: 85px;
	left: 70px;
}


/* ========================================
	footer
======================================== */
#footer {
	margin-top: -254px;
	z-index: 10;
	position: relative;
}


/* ========================================
	popwrapper
======================================== */
#popwrapper {
	background: url(../prologue/images/main_bg.jpg) 0 0 no-repeat;
}

#popwrapper .main-img {
	padding: 6px 0 0 28px;
}

#popwrapper .main-copy {
	padding: 0 0 0 28px;
}

#popwrapper.movie {
	background: url(../prologue/images/main_bg02.jpg) 0 0 no-repeat;
}