@charset "Shift_JIS";

html,
body {
	height: 100%;
}

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

#main{
    position: relative;
    width: 960px;
    height: 2116px;
    margin: 0 auto;
}

#gnav04 .btnbody,
#gnav04 .btnbodyov,
#gnav04 .hitarea {
	position: absolute;
	top: 0;
	left:0;
}


/*============================================
	section_01
============================================*/
#main .section_01 {
	position: relative;
	width: 960px;
	height: 788px;
	background: url(../img/bg_01.png) 41px 105px no-repeat;
}
#main .section_01 h1,
#main .section_01 h2,
#main .section_01 h3,
#main .section_01 p,
#main .section_01 .video_01 {
	position: absolute;
}
#main .section_01 .title {
	left: 248px;
	top: -9px;
}
#main .section_01 .stitle_01 {
	left: 86px;
	top: 149px;
}
#main .section_01 .text_01 {
	left: 84px;
	top: 256px;
}
#main .section_01 .chara_01 {
	left: 568px;
	top: 32px;
}
#main .section_01 .bg_box_01 {
	left: 91px;
	top: 402px;
}
#main .section_01 .ico_box_01 {
	left: 67px;
	top: 391px;
}
#main .section_01 .stitle_box_01 {
	left: 166px;
	top: 417px;
}
#main .section_01 .img_box_01 {
	left: 132px;
	top: 486px;
}
#main .section_01 .movie_frame {
	left: 499px;
	top: 398px;
}
#main .section_01 .video_01 {
	left: 517px;
	top: 414px;
}
#main .section_01 .video_01 .btn_play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
}
#main .section_01 .video_01 .text_noscript {
	top: 221px;
	left: 5px;
}


/*============================================
	section_02
============================================*/
#main .section_02 {
	position: relative;
	width: 960px;
	height: 1328px;
	background: url(../img/bg_02.png) 41px 0 no-repeat;
}


/*============================================
	box_01
============================================*/
#main .section_02 .box_01 {
	position: relative;
	width: 960px;
	height: 508px;
}
#main .section_02 .box_01 h2,
#main .section_02 .box_01 p {
	position: absolute;
}
#main .section_02 .box_01 .stitle_02 {
	top: 44px;
	left: 84px;
}
#main .section_02 .box_01 .text_02 {
	top: 106px;
	left: 84px;
}
#main .section_02 .box_01 .star_01 {
	top: 135px;
	left: 678px;
}
#main .section_02 .box_01 .star_02 {
	top: 73px;
	left: 740px;
}
#main .section_02 .box_01 .star_03 {
	top: 26px;
	left: 817px;
}
#main .section_02 .box_01 .star_04 {
	top: 146px;
	left: 743px;
}
#main .section_02 .box_01 .star_05 {
	top: 122px;
	left: 809px;
}
#main .section_02 .box_01 .chara_beetle {
	top: 176px;
	left: 115px;
}
#main .section_02 .box_01 .bg_chara_beetle_circle {
	top: 224px;
	left: 64px;
}
#main .section_02 .box_01 .btn_beetle {
	top: 405px;
	left: 86px;
}
#main .section_02 .box_01 .chara_bell {
	top: 225px;
	left: 270px;
}
#main .section_02 .box_01 .bg_chara_bell_circle {
	top: 224px;
	left: 272px;
}
#main .section_02 .box_01 .btn_bell {
	top: 405px;
	left: 288px;
}
#main .section_02 .box_01 .chara_circus {
	top: 166px;
	left: 484px;
}
#main .section_02 .box_01 .bg_chara_circus_circle {
	top: 224px;
	left: 460px;
}
#main .section_02 .box_01 .btn_circus {
	top: 405px;
	left: 490px;
}
#main .section_02 .box_01 .chara_sniper {
	top: 262px;
	left: 692px;
}
#main .section_02 .box_01 .bg_chara_sniper_circle {
	top: 224px;
	left: 665px;
}
#main .section_02 .box_01 .btn_sniper {
	top: 405px;
	left: 692px;
}
#main .section_02 .box_01 .banner_20131219 {
	top: 456px;
	left: 494px;
}


/*============================================
	box_02
============================================*/
#main .section_02 .box_02 {
	position: relative;
	width: 960px;
	height: 398px;
	background: url(../img/bg_box_02.png) 91px 0 no-repeat;
}
#main .section_02 .box_02 h3,
#main .section_02 .box_02 li,
#main .section_02 .box_02 p {
	position: absolute;
}
#main .section_02 .box_02 .stitle_box_02 {
	top: 30px;
	left: 111px;
}
#main .section_02 .box_02 .chara_copy_01 {
	top: 111px;
	left: 25px;
}
#main .section_02 .box_02 .chara_copy_02 {
	top: 116px;
	left: 218px;
}
#main .section_02 .box_02 .chara_copy_03 {
	top: 74px;
	left: 344px;
}
#main .section_02 .box_02 .chara_copy_04 {
	top: 114px;
	left: 463px;
}
#main .section_02 .box_02 .chara_copy_05 {
	top: 78px;
	left: 604px;
}
#main .section_02 .box_02 .chara_copy_06 {
	top: 90px;
	left: 694px;
}
#main .section_02 .box_02 .chara_copy_07 {
	top: 214px;
	left: -1px;
}
#main .section_02 .box_02 .chara_copy_08 {
	top: 207px;
	left: 181px;
}
#main .section_02 .box_02 .chara_copy_09 {
	top: 233px;
	left: 261px;
}
#main .section_02 .box_02 .chara_copy_10 {
	top: 232px;
	left: 408px;
}
#main .section_02 .box_02 .chara_copy_11 {
	top: 216px;
	left: 513px;
}
#main .section_02 .box_02 .chara_copy_12 {
	top: 216px;
	left: 687px;
}
#main .section_02 .box_02 .chara_copy_13 {
	top: 222px;
	left: 802px;
}


/*============================================
	box_03
============================================*/
#main .section_02 .box_03 {
	position: relative;
	width: 960px;
	height: 300px;
	background: url(../img/bg_box_03.png) 91px 0 no-repeat;
}
#main .section_02 .box_03 h3,
#main .section_02 .box_03 p {
	position: absolute;
}
#main .section_02 .box_03 .stitle_box_03 {
	top: 28px;
	left: 124px;
}
#main .section_02 .box_03 .text_box_03 {
	top: 125px;
	left: 123px;
}
#main .section_02 .box_03 .img_01_box_03 {
	top: 73px;
	left: 397px;
}
#main .section_02 .box_03 .img_02_box_03 {
	top: 19px;
	left: 587px;
}


/*============================================
	overlay
============================================*/
#tb_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 700px;
	min-width: 960px;
	top: 0;
	left :0;
	z-index: 10000;
	display: none;
}
#tb_overlay .tb_bg_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
	width: 100%;
	height: 100%;
	background: url(../../img/common/bg_overlay.png) top left repeat;
}
#tb_overlay .tb_contents {
	position: absolute;
	top: 50%;;
	left: 50%;
	z-index: 100000;
	width: 820px;
	height: 650px;
	margin: -325px 0 0 -410px;
	background: transparent;
}
#tb_overlay .tb_contents .tb_movie {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
}
#tb_overlay .tb_contents .btn_close {
	position: absolute;
	top: 53px;
	left: 642px;
}