@charset "Shift_JIS";

html {
	overflow-y: scroll;
}

body {
}

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


/*============================================
        main
============================================*/
#main {
    position: relative;
    width: 960px;
    height: 2285px;
    margin: 0 auto;
    background: url(../img/bg.png) 41px 105px no-repeat;
}
.ds #main {
    background-image: url(../img/bg_t.png),url(../img/bg_b.png);
    background-position: 41px 105px,41px 1105px;
    background-repeat: no-repeat;
}
#main .contents_title{
	position: absolute;
	left: 63px;
	top: -12px;
}


.section_title {
	position: relative;
	width: 960px;
	height: 394px;
}
.section_title p,
.section_title h2 {
	position: absolute;
}
.section_title .title {
	top: 150px;
	left: 81px;
}
.section_title .text {
	top: 211px;
	left: 82px;
}
.section_title .chara {
	top: 78px;
	left: 522px;
	z-index: 100;
}


.section1 {
	position: relative;
	width: 960px;
	height: 808px;
	background: url(../img/bg_section1.png) top center no-repeat;
}
.section1 h3,
.section1 p,
.section1 dt,
.section1 dd,
.section1 li,
.section1 #main_video {
	position: absolute;
}
.section1 .stitle_section1 {
	top: 32px;
	left: 120px;
}
.section1 .text1_section1 {
	top: 129px;
	left: 517px;
}
.section1 .atn_section1 {
	top: 274px;
	left: 518px;
}
.section1 .movie_frame {
	top: 103px;
	left: 116px;
}
.section1 #main_video {
	top: 119px;
	left: 134px;
}
.section1 #main_video .btn_play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
}
#main_video .text_noscript {
	position: absolute;
	top: 221px;
	left: 5px;
}
.section1 .hd1_section1 {
	top: 457px;
	left: 122px;
}
.section1 .text2_section1 {
	top: 503px;
	left: 121px;
}
.section1 .hd2_section1 {
	top: 456px;
	left: 514px;
}
.section1 .text3_section1 {
	top: 503px;
	left: 513px;
}
.section1 .hd3_section1 {
	top: 614px;
	left: 121px;
}
.section1 .icon1_section1 {
	top: 646px;
	left: 117px;
}
.section1 .icon2_section1 {
	top: 646px;
	left: 191px;
}
.section1 .icon3_section1 {
	top: 646px;
	left: 265px;
}
.section1 .icon4_section1 {
	top: 646px;
	left: 339px;
}
.section1 .icon5_section1 {
	top: 646px;
	left: 413px;
}
.section1 .icon6_section1 {
	top: 646px;
	left: 487px;
}
.section1 .icon7_section1 {
	top: 646px;
	left: 558px;
}
.section1 .icon8_section1 {
	top: 646px;
	left: 635px;
}
.section1 .icon9_section1 {
	top: 646px;
	left: 709px;
}
.section1 .icon10_section1 {
	top: 646px;
	left: 779px;
}


.section2 {
	position: relative;
	width: 960px;
	height: 945px;
	background: url(../img/bg_section2.png) top center no-repeat;
}
.section2 h3,
.section2 p,
.section2 dt {
	position: absolute;
}
.section2 .stitle_section2 {
	top: 32px;
	left: 120px;
}
.section2 .hd1_section2 {
	top: 109px;
	left: 109px;
}
.section2 .text1_section2 {
	top: 194px;
	left: 120px;
}
.section2 .thumb1_1_section2 {
	top: 281px;
	left: 236px;
}
.section2 .thumb1_2_section2 {
	top: 353px;
	left: 116px;
}
.section2 .hd2_section2 {
	top: 109px;
	left: 502px;
}
.section2 .text2_section2 {
	top: 192px;
	left: 511px;
}
.section2 .atn_section2 {
	top: 251px;
	left: 511px;
}
.section2 .thumb2_section2 {
	top: 293px;
	left: 538px;
}
.section2 .hd3_section2 {
	top: 556px;
	left: 109px;
}
.section2 .text3_section2 {
	top: 641px;
	left: 120px;
}
.section2 .thumb3_section2 {
	top: 728px;
	left: 146px;
}
.section2 .hd4_section2 {
	top: 556px;
	left: 502px;
}
.section2 .text4_section2 {
	top: 643px;
	left: 511px;
}
.section2 .thumb4_section2 {
	top: 728px;
	left: 538px;
}


.section3 {
	position: relative;
	width: 960px;
	height: 100px;
}
.section3 .btn_back {
	position: absolute;
	top: 0;
	left: 378px;
}