@charset "UTF-8";


/* ========================================
	topper
======================================== */
#topper {
	margin: 0 34px;
	height: 165px;
	/*background: url(../common/bg_line.png) 0 140px repeat-x;*/
}

#topper .ttl {
	text-align: center;
}

#bg .bg-circle {
	background: url(../subgame/images/bg_circle.png) center top no-repeat;
}


/* ========================================
	#area1
======================================== */
#area1 {
	height: 228px;
	position: relative;
	background: url(../subgame/images/area1_bg.png) center top no-repeat;
}

#area1 .area1-lead {
	width: 807px;
	margin: 0 auto;
	padding: 24px 0 0 0;
	text-align: center;
}
#area1 .area1-lead-inner {
	position: relative;
}
#area1 .area1-lead img {
	left: 0;
}

#area1 .area1-btn {
	position: absolute;
	top: 134px;
}

#area1 .area1-btn1 {
	position: absolute;
	left: 42px;
}
#area1 .area1-btn2 {
	position: absolute;
	left: 491px;
}


/* ========================================
	#area2
======================================== */
#area2 {
	height: 899px;
	position: relative;
}

#area2 .inner {
	z-index: 10;
}

#area2 .bg-area2 {
	width: 100%;
	height: 899px;
	background: url(../subgame/images/bg_hunter.png) center top no-repeat;
	position: absolute;
	top: 0;
}

#area2 .area2-logo {
	position: absolute;
	top: 68px;
	left: 60px;
}

#area2 .area2-ttl {
	position: absolute;
	top: 380px;
	left: -1px;
}

#area2 .area2-lead {
	position: absolute;
	top: 479px;
	left: -1px;
}

#area2 .area2-game {
	position: absolute;
	top: 399px;
	right: 0;
}

#area2 .area2-img {
	position: absolute;
	top: 608px;
	left: -2px;
}

#area2 .area2-movie {
	width: 433px;
	height: 275px;
	background: url(../subgame/images/hunter_movie_bg.png) 0 0 no-repeat;
	position: absolute;
	top: 97px;
	right: -3px;
}

#area2 .area2-movie-wrap {
	width: 400px;
	height: 240px;
	overflow: hidden;
	position: relative;
	top: 15px;
	left: 16px;
}

#area2 .area2-movie-wrap iframe {
	position: absolute;
	top: -6px;
	left: -14px;
}




.movie-nojs {
	position: absolute;
	top: 0;
	left: -9px;
	width: 418px;
	height: 240px;
	overflow: hidden;
}



/* ========================================
	#area3
======================================== */
#area3 {
	height: 940px;
	position: relative;
}

#area3 .inner {
	z-index: 10;
}

#area3 .challenge {
	position: relative;
}

#area3 .challenge-logo {
	position: absolute;
	top: 100px;
	left: -29px;
}

#area3 .challenge-ttl {
	position: absolute;
	top: 387px;
	left: -1px;
}

#area3 .challenge-lead {
	position: absolute;
	top: 553px;
	left: -1px;
}

#area3 .challenge-course {
	position: absolute;
	top: 647px;
	left: 0;
}

#area3 .challenge-capture {
	position: absolute;
	top: 418px;
	right: -9px;
}

#area3 .challenge-capture-star1 {
	position: absolute;
	top: -21px;
	right: 26px;
}

#area3 .challenge-capture-star2 {
	position: absolute;
	top: 177px;
	left: -5px;
}

#area3 .challenge-chara1 {
	position: absolute;
	top: 8px;
	left: 500px;
}

#area3 .challenge-chara2 {
	position: absolute;
	top: 533px;
	right: 3px;
}

#area3 .challenge-chara3 {
	position: absolute;
	top: 724px;
	left: 442px;
}

#area3 .challenge-movie {
	width: 464px;
	height: 334px;
	background: url(../subgame/images/challenge_movie_bg.png) 0 0 no-repeat;
	position: absolute;
	top: 90px;
	right: -27px;
}

#area3 .challenge-movie-wrap {
	width: 400px;
	height: 240px;
	overflow: hidden;
	position: relative;
	top: 39px;
	left: 25px;
}

#area3 .challenge-movie-wrap iframe {
	position: absolute;
	top: -6px;
	left: -14px;
}


/*bg-cloud*/
.bg-cloud {
	width: 100%;
	height: 909px;
	position: relative;
}
.bg-cloud-top {
	background: url(../common/bg_cloud_top.png) center 0 repeat-x;
	width: 100%;
	height: 460px;
	position: absolute;
	top: 0;
}

.bg-cloud-btm {
	background: url(../common/bg_cloud_btm.png) center bottom repeat-x;
	width: 100%;
	height: 460px;
	position: absolute;
	bottom: 0;
}

.bg-cloud-pattern {
	width: 100%;
	height: 886px;
	background: url(../subgame/images/bg_cloud_pattern.png) center 0 no-repeat;
	position: absolute;
	top: 10px;
}

.bg-cloud-star {
	margin: 0 auto 0 -480px;
	width: 960px;
	position: absolute;
	top: 0;
	left: 50%;
}
.bg-cloud-star1 {
	position: absolute;
	top: 187px;
	right: -281px;
}

.bg-cloud-star2 {
	position: absolute;
	top: 522px;
	left: -328px;
}

.bg-cloud-stardust {
	width: 100%;
	height: 939px;
	background: url(../subgame/images/bg_cloud_stardust.png) center 0 no-repeat;
	position: absolute;
	top: -159px;
}

.bg-cloud-rainbow {
	margin: 0 auto 0 -480px;
	width: 960px;
	position: absolute;
	top: 0;
	left: 50%;
}

.bg-cloud-rainbow1 {
	position: absolute;
	top: 0;
	left: -395px;
}

.bg-cloud-rainbow2 {
	position: absolute;
	top: 409px;
	right: -398px;
}

#area3 .area3-box {
	width: 960px;
	height: 434px;
	background: url(../copy/images/area3_box.png) 0 0 no-repeat;
	position: relative;
}

#area3 .area3-ttl {
	padding-top: 50px;
	text-align: center;
}

#area3 .area3-chara1,
#area3 .area3-chara2,
#area3 .area3-chara3,
#area3 .area3-chara4,
#area3 .area3-chara5,
#area3 .area3-chara6,
#area3 .area3-chara7,
#area3 .area3-chara8,
#area3 .area3-chara9 {
	position: absolute;
}

#area3 .area3-chara1 {
	top: 186px;
	left: -28px;
}
#area3 .area3-chara2 {
	top: 275px;
	left: 118px;
}
#area3 .area3-chara3 {
	top: 129px;
	left: 148px;
}
#area3 .area3-chara4 {
	top: 241px;
	left: 300px;
}
#area3 .area3-chara5 {
	top: 112px;
	left: 291px;
}
#area3 .area3-chara6 {
	top: 265px;
	left: 468px;
}
#area3 .area3-chara7 {
	top: 132px;
	left: 538px;
}
#area3 .area3-chara8 {
	top: 291px;
	left: 678px;
}
#area3 .area3-chara9 {
	top: 149px;
	right: -11px;
}

#area3 .area3-chara-shoulder {
	position: absolute;
	top: -84px;
	left: -30px;
}

#area3 .area3-bg {
	width: 100%;
	height: 545px;
	position: absolute;
	top: 0;
	background: url(../copy/images/area3_bg.png) center 0 no-repeat;
}

#container .pagetop {
	margin-top: -105px;
}