@charset "Shift_JIS";

html {
	height: 100%;
}
body {
	height: 100%;
	background-color: #e4f1f6;
}

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

#bgarea {
	overflow: hidden;
}


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

#main h1{
    position: absolute;
    left: 258px;
    top: -9px;
}

#main_text{
    position: absolute;
    left: 84px;
    top: 160px;
}

#main .movie_frame{
    position: absolute;
    left: 86px;
    top: 392px;
}
#main_video{
	position: absolute;
	left: 104px;
	top: 408px;
}
#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;
}

#main_star_01{
    position: absolute;
    left: 501px;
    top: 131px;
}

#main_star_02{
    position: absolute;
    left: 586px;
    top: 175px;
}

#main_star_03{
    position: absolute;
    left: 872px;
    top: 612px;
}

#main_star_04{
    position: absolute;
    left: 810px;
    top: 660px;
}

#main_chara_01{
    position: absolute;
    left: 781px;
    top: 85px;
}

#main_chara_02{
    position: absolute;
    left: 470px;
    top: 239px;
}

#main_chara_03{
    position: absolute;
    left: 646px;
    top: 233px;
}

#main_chara_04{
    position: absolute;
    left: 498px;
    top: 421px;
}

#main_chara_05{
    position: absolute;
    left: 525px;
    top: 531px;
}

#main_chara_06{
    position: absolute;
    left: 725px;
    top: 448px;
}

#main_chara_item{
    position: absolute;
    left: 564px;
    top: 233px;
}

#main_sub_01{
    position: absolute;
    left: 645px;
    top: 177px;
}

#main_sub_02{
    position: absolute;
    left: 494px;
    top: 380px;
}

#main_sub_03{
    position: absolute;
    left: 633px;
    top: 666px;
}