@charset "shift_jis";

#wrapper,
#bg-ice {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#bg-ice {
	position: absolute;
	top: 0;
	width: 100%;
}

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

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

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

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

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

/* ========================================
	container
======================================== */
#container .with01 {
	margin: 116px 0 0 14px;
	background: url(../playmode/images/with_bg01.png) 0 0 no-repeat;
}

#container .with02 {
	width: 928px;
	height: 938px;
	background: url(../playmode/images/with_bg02.png) 0 469px no-repeat;
	position: relative;
}

#container .with-ttl {
	padding: 74px 0 0 179px;
}

#container #with-movie {
	width: 437px;
	height: 310px;
	position: absolute;
	top: 146px;
	left: 73px;
	background: url(../playmode/images/with_movie_bg.jpg) 0 0 no-repeat;
}

#container #stagePoster,
#container #stageVideo {
	position: absolute;
	top: 17px;
	left: 20px;
}

#container .with-copy {
	position: absolute;
	top: 309px;
	left: 523px;
}

#container .with-chara {
	position: absolute;
	top: 89px;
	left: 532px;
	z-index: 1;
}

#container .with-ex {
	position: absolute;
	top: 501px;
}

#container .with-ex-ttl {
	position: relative;
	left: 276px;
	z-index: 1;
}

#container .with-img {
	margin: -46px 0 0 73px;
}

#container .with-img li {
	float: left;
}

#container .with-ex-balloon {
	position: absolute;
	top: -30px;
	left: 44px;
}

#container .controller {
	margin: 32px 0 70px 14px;
	width: 928px;
	height: 447px;
	background: url(../playmode/images/controller_bg01.png) 0 0 no-repeat;
	position: relative;
}

#container .controller-ttl {
	padding: 73px 0 0 71px;
}

#container .controller-copy {
	position: absolute;
	top: 152px;
	left: 405px;
	z-index: 1;
}

#container .controller-img01 {
	position: absolute;
	top: 147px;
	left: 80px;
}

#container .chara {
	position: absolute;
	top: 66px;
	left: 613px;
}