@charset "shift_jis";

body {
  position:relative;
}
#wrapper,
#bg-ice {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
#bg-ice {
	position: absolute;
	top: 0;
	width: 100%;
}
/* ========================================
	bg-page
======================================== */
/*#bg-page01 {
	background: url(../action/images/bg_page01.png) center 0 no-repeat;
}*/

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

#bg-page03 {
	background: url(../action/images/bg_page03.png) center 410px no-repeat;
	height:854px;
}

#bg-page04 {
	position: absolute;
	top: 782px;
	height: 420px;
	width: 100%;
	background: url(../action/images/bg_page04.png) center 0 no-repeat;
}

#bg-page05 {
	background: url(../action/images/bg_page05.jpg) center 1172px no-repeat;
}

#bg-page06 {
	background: url(../action/images/bg_page06.jpg) center 1562px no-repeat;
}

#bg-page07 {
	background: url(../action/images/bg_page07.jpg) center 1952px no-repeat;
}

#flashcontent{
	position:absolute;
	width:100%;
	height:858px;
	margin-top: 147px;
	/*z-index: -100;*/
}

#bg-ttl {
	position: absolute;
	top: 0;
	height: 382px;
	width: 100%;
	background: url(../action/images/bg_ttl.png) center 0 no-repeat;
}

#slide {
	position: relative;
	width: 1226px;
	height: 125px;
	margin:182px auto 0 auto;
	overflow: hidden;
}
#slide-bg {
	position: absolute;
	left: 0;
	top: 0;
}
#slide-bg li {
	width: 1226px;
	height: 125px;
	display: block;
}
#slide-bg li.slide01 {
	background: url(../action/images/slide01.png) center 0 no-repeat;
}
#slide-bg li.slide02 {
	background: url(../action/images/slide02.png) center 0 no-repeat;
}
#slide-bg li.slide03 {
	background: url(../action/images/slide03.png) center 0 no-repeat;
}

#slide-bg .slide-nojs {
	width: 1210px;
	height: 125px;
	display: block;
	background: url(../action/images/slide01.png) center 0 no-repeat;
}

/* ========================================
	container
======================================== */
#container .copy {
	margin-top: 22px;
	text-align: center;
}

/*#container #stagePoster,
#container #stageVideo {
	position: absolute;
	top: 0;
	left: 0;
}*/

/* swim */
#container .swim {
	position: relative;
	height: 504px;
	margin-top: 98px;
}

#container #swim-ttl {
	position: absolute;
	top: 169px;
	left: 9px;
}
#container #swim-ttl01 {
	position: absolute;
	top: 0;
	left: 0;
}
#container #swim-ttl02 {
	position: absolute;
	top: 20px;
	left: 58px;
}

#container #swim-ttl {
	position: absolute;
	top: 169px;
	left: 855px;
}
#container .swim-copy {
	position: absolute;
	top: 239px;
	right: 0;
}
#container #swim-movie {
	position: absolute;
	top: 326px;
	right: 6px;
	z-index: 50;
}

#container #swim-movie .sceneslide {
	width: 250px;
	height: 153px;
}

#container .swim-chara {
	position: absolute;
	top: -21px;
	left: 0;
}

/* pull */
#container .pull {
	position: relative;
	height: 465px;
}

#container #pull-ttl {
	position: absolute;
	top: 130px;
	left: 8px;
}
#container #pull-ttl01 {
	position: absolute;
	top: 4px;
	left: 0;
}
#container #pull-ttl02 {
	position: absolute;
	top: 32px;
	left: 52px;
}
#container #pull-ttl03 {
	position: absolute;
	top: 0;
	left: 79px;
}
#container #pull-ttl04 {
	position: absolute;
	top: 21px;
	left: 122px;
}

#container .pull-copy {
	position: absolute;
	top: 198px;
	left: 0;
	z-index: 50;
}
#container #pull-movie {
	position: absolute;
	top: 261px;
	left: 0;
	z-index: 50;
}

#container #pull-anime {
	position: absolute;
	top: -207px;
	left: 385px;
}

#container .pull-chara {
	position: absolute;
	top: 207px;
	left: 183px;
}

/* waza */
#container .waza {
	position: relative;
	height: 425px;
}

#container #waza-ttl {
	position: absolute;
	top: 98px;
	left: 797px;
}
#container #waza-ttl01 {
	position: absolute;
	top: 7px;
	left: 0;
}
#container #waza-ttl02 {
	position: absolute;
	top: 0;
	left: 53px;
}
#container #waza-ttl03 {
	position: absolute;
	top: 28px;
	left: 112px;
}

#container .waza-copy {
	position: absolute;
	top: 176px;
	right: 0;
}
#container #waza-movie {
	position: absolute;
	top: 238px;
	right: 6px;
	z-index: 50;
}
#container #waza-movie .sceneslide {
	width: 250px;
	height: 153px;
}

#container .waza-chara01 {
	position: absolute;
	top: -29px;
	left: 221px;
}
#container .waza-chara02 {
	position: absolute;
	top: 1px;
	left: 41px;
}

/* ride */
#container .ride {
	position: relative;
	height: 317px;
}

#container #ride-ttl {
	position: absolute;
	top: 109px;
	left: 8px;
	z-index: 50;
}
#container #ride-ttl01 {
	position: absolute;
	top: 3px;
	left: 0;
}
#container #ride-ttl02 {
	position: absolute;
	top: 21px;
	left: 60px;
}
#container #ride-ttl03 {
	position: absolute;
	top: 0;
	left: 86px;
}
#container #ride-ttl04 {
	position: absolute;
	top: 21px;
	left: 126px;
}

#container .ride-copy {
	position: absolute;
	top: 176px;
	left: 0;
	z-index: 50;
}
#container #ride-movie {
	position: absolute;
	top: 273px;
	left: 8px;
	z-index: 100;
}
#container .ride-chara01 {
	position: absolute;
	top: -13px;
	right: 35px;
	/*z-index: 50;*/
}
#container .ride-chara02 {
	position: absolute;
	top: 85px;
	right: 227px;
	/*z-index: 50;*/
}
#container .ride-chara03 {
	position: absolute;
	top: 162px;
	right: 107px;
	/*z-index: 50;*/
}

/* basic */
#container .basic {
	position: relative;
	height: 299px;
}

#container #basic-ttl {
	position: absolute;
	top: 36px;
	left: 679px;
}
#container #basic-ttl01 {
	position: absolute;
	top: 6px;
	left: 0;
}
#container #basic-ttl02 {
	position: absolute;
	top: 0;
	left: 57px;
}
#container #basic-ttl03 {
	position: absolute;
	top: 23px;
	left: 109px;
}
#container #basic-ttl04 {
	position: absolute;
	top: 10px;
	left: 145px;
}
#container #basic-ttl05 {
	position: absolute;
	top: 19px;
	left: 176px;
}
#container #basic-ttl06 {
	position: absolute;
	top: 35px;
	left: 210px;
}
#container #basic-ttl07 {
	position: absolute;
	top: 22px;
	left: 232px;
}

#container .basic-copy {
	position: absolute;
	top: 106px;
	right: 0;
}
#container .basic-img01 {
	position: absolute;
	top: 137px;
	left: 219px;
}
#container .basic-img02 {
	position: absolute;
	top: 59px;
	left: 57px;
}
#container .basic-img03 {
	position: absolute;
	top: -33px;
	left: 261px;
}
#container #basic-movie {
	position: absolute;
	top: 205px;
	right: 9px;
}

/* ========================================
	popWrap
======================================== */
/* pop common */
#modal {
	display: none;
	position: absolute;
		z-index: 9200;
		left: 50%;
	margin-left: -480px;
}

#popBody {
	background: transparent;
}

#popWrap {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

#popWrap #popbg01 {
	margin-top: 19px;
	background: url(../action/images/pop_bg01.png) 0 0 no-repeat;
}

#popWrap #popbg02 {
	height: 850px;
	background: url(../action/images/pop_bg02.png) 0 500px no-repeat;
}

#popWrap .pop-ttl {
	padding: 65px 0 4px 0;
	text-align: center;
}

#popWrap #pop-close {
	position: absolute;
	top: -14px;
	right: 24px;
}

#popWrap #moviearea {
	width: 764px;
	height: 674px;
	position: absolute;
	top: 64px;
	left: 99px;
}

#popWrap #moviearea .pop-ttl {
	padding: 0 0 4px 0;
}


#popWrap #ridemoviearea {
	width: 960px;
	height: 758px;
	position: absolute;
	top: -20px;
	left: 0;
}

#popWrap #ridemoviearea .pop-ttl {
	padding: 85px 0 4px 0;
}

#popWrap #moviearea #stagePoster,
#popWrap #moviearea #stageVideo {
	position: absolute;
	top: 61px;
	left: 23px;
}

#popWrap #stagePoster,
#popWrap #stageVideo {
	position: absolute;
	top: 145px;
	left: 122px;
}

/* pop01 */
.pop01 .pop-btn {
	position: absolute;
	top: 632px;
	left: 98px;
	/*margin: 35px auto 0 auto;
	width: 766px;*/
}
.pop01 .pop-btn li {
	float: left;
}

.pop01 #popWrap .pop-prev {
	position: absolute;
	top: 315px;
	left: 5px;
}

.pop01 #popWrap .pop-next {
	position: absolute;
	top: 315px;
	right: 5px;
}

/* ride01.html  */
.pop01 #popWrap .chara-trolley {
	position: absolute;
	top: -5px;
	left: 1px;
}

/* ride02.html  */
.pop01 #popWrap .chara-ranbi {
	position: absolute;
	top: -19px;
	left: 12px;
}

/* ride03.html  */
.pop01 #popWrap .chara-rocket {
	position: absolute;
	top: 27px;
	left: 35px;
}

/* pop02 */
.pop02 .pop-btn {
	position: absolute;
	top: 561px;
	left: 0px;
}
.pop02 .pop-btn li {
	float: left;
	margin-right: 5px;
}

.pop02 #popWrap .pop-prev {
	position: absolute;
	top: 232px;
	left: -94px;
}
.pop02 #popWrap .pop-next {
	position: absolute;
	top: 232px;
	right: -92px;
}