@charset "Shift_JIS";

html {
	overflow-y: scroll;
}

body {
	background-color: #E4F1F6;
}

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



/*============================================
        main
============================================*/
#main {
	position: relative;
	width: 960px;
	height: 1795px;
	margin: 0 auto;
	background: url(../img/bg_1_01.png) 40px 105px no-repeat;
}

#main .title{
	position: absolute;
	left: 63px;
	top: -12px;
}



/*============================================
        dededen
============================================*/
#main #dededen {
	position: relative;
	width: 960px;
	height: 783px;
}

#bg_1_02{
	position: absolute;
	left: 90px;
	top: 155px;
}

#sub_1_01{
	position: absolute;
	left: 119px;
	top: 185px;
}

#icon_1_01{
	position: absolute;
	left: 98px;
	top: 190px;
}

#text_1_01{
	position: absolute;
	left: 122px;
	top: 265px;
}

#video_flame_1_01{
	position: absolute;
	left: 468px;
	top: 93px;
}

#video_area{
	position: absolute;
	left: 486px;
	top: 109px;
}
#video_area .btn_play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
}
#video_area .text_noscript {
	position: absolute;
	top: 439px;
	left: 5px;
}


#chara_1_01{
    position: absolute;
    left: 139px;
    top: 392px;
}

#icon_1_08{
    position: absolute;
    left: 72px;
    top: 435px;
}

#icon_1_09{
    position: absolute;
    left: 356px;
    top: 397px;
}

#icon_1_10{
    position: absolute;
    left: 118px;
    top: 526px;
}

#icon_1_11{
    position: absolute;
    left: 366px;
    top: 478px;
}

#icon_1_12{
    position: absolute;
    left: 153px;
    top: 605px;
}

#icon_1_13{
    position: absolute;
    left: 370px;
    top: 566px;
}

#btn_1_01{
    position: absolute;
    left: 378px;
    top: 649px;
}

#btn_1_01 a{
    display: block;
    width: 204px;
    height: 64px;
}

#icon_1_02{
    position: absolute;
    left: 158px;
    top: 666px;
}

#icon_1_03{
    position: absolute;
    left: 247px;
    top: 653px;
}

#icon_1_04{
    position: absolute;
    left: 300px;
    top: 672px;
}

#icon_1_05{
    position: absolute;
    left: 625px;
    top: 658px;
}

#icon_1_06{
    position: absolute;
    left: 697px;
    top: 648px;
}

#icon_1_07{
    position: absolute;
    left: 751px;
    top: 661px;
}



/*============================================
        dedededego
============================================*/
#main #dedededego {
	position: relative;
	width: 960px;
	height: 501px;
	background: url(../img/bg_2_01.png) 40px 0 no-repeat;
}
#main #dedededego h2,
#main #dedededego p {
	position: absolute;
}
#main #dedededego .hd {
	top: 80px;
	left: 98px;
}
#main #dedededego .text {
	top: 166px;
	left: 122px;
}
#main #dedededego .video_frame {
	top: 28px;
	left: 467px;
}
#main #dedededego #video_area2 {
	position: absolute;
	top: 45px;
	left: 485px;
}
#main #dedededego #video_area2 .btn_play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
}
#main #dedededego #video_area2 .text_noscript {
	position: absolute;
	top: 221px;
	left: 5px;
}
#main #dedededego .btn {
	top: 369px;
	left: 378px;
}
#main #dedededego .item {
	top: -20px;
	left: 91px;
}



/*============================================
        kakutoo
============================================*/
#main #kakutoo {
	position: relative;
	width: 960px;
	height: 501px;
	background: url(../img/bg_3_01.png) 40px 0 no-repeat;
}
#main #kakutoo h2,
#main #kakutoo p {
	position: absolute;
}
#main #kakutoo .hd {
	top: 80px;
	left: 98px;
}
#main #kakutoo .text {
	top: 166px;
	left: 122px;
}
#main #kakutoo .video_frame {
	top: 28px;
	left: 467px;
}
#main #kakutoo #video_area3 {
	position: absolute;
	top: 44px;
	left: 485px;
}
#main #kakutoo #video_area3 .btn_play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
}
#main #kakutoo #video_area3 .text_noscript {
	position: absolute;
	top: 221px;
	left: 5px;
}
#main #kakutoo .btn {
	top: 369px;
	left: 378px;
}
#main #kakutoo .item {
	top: -20px;
	left: 90px;
}
#main #kakutoo .chara {
	top: 257px;
	left: 120px;
}