@charset "Shift_JIS";


.bg_orange,
.bg_purple {
	height: 1978px;
}

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

#main_top {
    position: relative;
    width: 960px;
    height: 1021px;
    margin: 0 auto;
    background: url(../img/stage_main_bg_01.png) 41px 105px no-repeat;
}

#main .title{
    position: absolute;
    left: 97px;
    top: -10px;
}

#text_01{
    position: absolute;
    left: 86px;
    top: 152px;
}

#star_01{
    position: absolute;
    top: 94px;
    left: 559px;
}
#star_02{
    position: absolute;
    top: 346px;
    left: 875px;
}

#stage_01{
    position: absolute;
    left: 497px;
    top: 72px;
}

#main_top .movie_frame {
	position: absolute;
	left: 87px;
	top: 308px;
}

#video_01{
	position: absolute;
	left: 105px;
	top: 324px;
}
#video_01 .btn_play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
}
#video_01 .text_noscript {
	position: absolute;
	top: 221px;
	left: 5px;
}

#icon_01{
    position: absolute;
    left: 490px;
    top: 385px;
}

#sub_01{
    position: absolute;
    left: 566px;
    top: 408px;
}

#stage_02{
    position: absolute;
    left: 482px;
    top: 466px;
}

#stage_03{
    position: absolute;
    left: 658px;
    top: 446px;
}

#sub_01_bg{
    position: absolute;
    left: 90px;
    top: 646px;
}

#chara_01{
    position: absolute;
    left: 3px;
    top: 632px;
}

#sub_02{
    position: absolute;
    left: 120px;
    top: 676px;
}

#text_02{
    position: absolute;
    left: 120px;
    top: 739px;
}

#chara_02{
    position: absolute;
    left: 62px;
    top: 814px;
}

#chara_03{
    position: absolute;
    left: 251px;
    top: 833px;
}
#main_top .bg_slide{
    position: absolute;
    left: 468px;
    top: 625px;
}
#main_top .img_slide {
	position: absolute;
	top: 643px;
	left: 486px;
	width: 340px;
	height: 179px;
	overflow: hidden;
}
#main_top .img_slide ol {
	width: 2380px;
}
#main_top .img_slide ol li{
	float: left;
	width: 340px;
}
#main_top .ico_slide li{
    position: absolute;
    top: 841px;
}
#main_top .ico_slide li.ico_slide_01{
    left: 528px;
}
#main_top .ico_slide li.ico_slide_02{
    left: 566px;
}
#main_top .ico_slide li.ico_slide_03{
    left: 604px;
}
#main_top .ico_slide li.ico_slide_04{
    left: 642px;
}
#main_top .ico_slide li.ico_slide_05{
    left: 680px;
}
#main_top .ico_slide li.ico_slide_06{
    left: 718px;
}
#main_top .ico_slide li.ico_slide_07{
    left: 756px;
}









#main_btm {
    position: relative;
    width: 960px;
    height: 623px;
    margin: 0 auto;
    background: url(../img/stage_main_bg_02.png) 41px 0 no-repeat;
}

#main_bg_02{
    position: absolute;
    left: 40px;
    top: 0;
}

#chara_04{
    position: absolute;
    left: 816px;
    top: -45px;
}

#stage_stitle_03{
	position: absolute;
	left: 85px;
	top: 43px;
}

#stage_text_03{
	position: absolute;
	left: 84px;
	top: 149px;
}

#star_03{
    position: absolute;
    left: 173px;
    top: 291px;
}

#star_04{
    position: absolute;
    left: 267px;
    top: 304px;
}

#star_05{
    position: absolute;
    left: 360px;
    top: 268px;
}

#main_btm .movie_frame {
	position: absolute;
	left: 499px;
	top: 48px;
}
#video_02{
	position: absolute;
	left: 517px;
	top: 64px;
}
#video_02 .btn_play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
}
#video_02 .text_noscript {
	position: absolute;
	top: 221px;
	left: 5px;
}

#stage_bg_sub_03 {
    position: absolute;
    left: 90px;
    top: 368px;
}
#stage_burst_sub_03 {
	position: absolute;
	left: 437px;
	top: 367px;
}
#stage_img_sub_03 {
	position: absolute;
	left: 597px;
	top: 345px;
}
#stage_stitle_sub_03 {
	position: absolute;
	left: 124px;
	top: 399px;
}
#stage_text_sub_03 {
	position: absolute;
	left: 120px;
	top: 484px;
}
#sub_03{
    position: absolute;
    left: 90px;
    top: 345px;
}