/* CSS Document */
html {
overflow-y:scroll;
}
body {
text-align: center;
background-color:#000000;
}
fieldset, img {
border:0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquort, th, td {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
ol, ul {
list-style:none;
}
a {
text-decoration: none;
outline:none;
}
#container {
margin: 0px auto;
text-align:left;
}
/*common*/
.clear {
clear:both;
}
/*creafix*/
.clear:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear {
display:inline-block;
}
/*Hides from IE-mac ��*/
*html .clear {
height:1%;
}
.clear {
display:block;
}
/*End hide from IE-mac*/
.box_left {
float:left;
}
.box_right {
float:right;
}
#bn_link02 {
position:absolute;
left:15px;
top:536px;
}
#bn_link01 {
position:absolute;
left:150px;
top:536px;
}
#bn_link03 {
position:absolute;
left:284px;
top:536px;
}
#bn_link04 {
position:absolute;
left:430px;
top:536px;
}
#bn_link05 {
position:absolute;
left:687px;
top:558px;
}
#logo_sting {
position:absolute;
top:535px;
right:0px;
}
/*======================== top ========================*/
#top #container {
height:600px;
width:950px;
background:url(../img/top_bg.jpg) top left no-repeat;
position:relative;
}
#top #top_navi {
position:absolute;
top:75px;
left:23px;
}
#top h1 {
position:absolute;
top:376px;
left:320px;
}
#top #top_txt_01 {
position:absolute;
top:26px;
left:260px;
}
#top #top_txt_02 {
position:absolute;
top:382px;
left:60px;
}
#top #top_txt_03 {
position:absolute;
top:396px;
left:641px;
}
#top #top_txt_04 {
position:absolute;
top:420px;
left:60px;
}
#top #top_txt_05 {
position:absolute;
top:386px;
left:770px;
}
#top #top_txt_06 {
position:absolute;
top:433px;
left:772px;
}
#top #top_txt_07 {
position:absolute;
top:467px;
left:772px;
}
/*======================== navi_btn ========================*/
#navi_top {
position:absolute;
left:78px;
top:462px;
}
#navi_point {
position:absolute;
left:185px;
top:462px;
}
#navi_what {
position:absolute;
left:291px;
top:462px;
}
#navi_special {
position:absolute;
left:398px;
top:462px;
}

#navi_special2 {
position:absolute;
left:506px;
top:462px;
}
/*======================== character ========================*/
#chara #container01 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_01.jpg) top left no-repeat;
position:relative;
}
#chara #container02 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_02.jpg) top left no-repeat;
position:relative;
}
#chara #container03 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_03.jpg) top left no-repeat;
position:relative;
}
#chara #container04 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_04.jpg) top left no-repeat;
position:relative;
}
#chara #container05 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_05.jpg) top left no-repeat;
position:relative;
}
#chara #container06 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_06.jpg) top left no-repeat;
position:relative;
}
#chara #container07 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_07.jpg) top left no-repeat;
position:relative;
}
#chara #container08 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_08.jpg) top left no-repeat;
position:relative;
}
#chara #container09 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_09.jpg) top left no-repeat;
position:relative;
}
#chara #container10 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_10.jpg) top left no-repeat;
position:relative;
}
#chara #container11 {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../chara/img/bg_chara_11.jpg) top left no-repeat;
position:relative;
}


#chara h1 {
position:absolute;
left:30px;
top:35px;
}
#chara h2 {
position:absolute;
left:177px;
top:204px;
}
#chara h3 {
position:absolute;
left:177px;
top:262px;
}
#chara #chara_txt {
position:absolute;
left:186px;
top:305px;
font-size:12px;
line-height:1.3;
color:#FFFFFF;
width:153px;
}
#chara #chara_txt04 {
position:absolute;
left:186px;
top:310px;
font-size:12px;
line-height:1.3;
color:#FFFFFF;
width:153px;
}
/*======================== Point ========================*/
#point h1 {
position:absolute;
left:30px;
top:35px;
}
#point #container {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../point/img/bg_point.jpg) top left no-repeat;
position:relative;
color:#FFFFFF;
font-size:11px;
line-height:1.3;
}

#point #point_title01 {
position:absolute;
left:26px;
top:167px;
}
#point #point_sub01 {
position:absolute;
left:26px;
top:208px;
}
#point #point_txt01 {
position:absolute;
left:26px;
top:300px;
font-size:12px;
color:#FFFFFF;
width:108px;
}
#point #point_movie01 {
position:absolute;
left:142px;
top:171px;
}
#point #point_title02 {
position:absolute;
left:332px;
top:167px;
}
#point #point_sub02 {
position:absolute;
left:332px;
top:208px;
}
#point #point_txt02 {
position:absolute;
left:332px;
top:300px;
font-size:12px;
color:#FFFFFF;
width:108px;
}
#point #point_movie02 {
position:absolute;
left:445px;
top:171px;
}
#point #point_title03 {
position:absolute;
left:636px;
top:167px;
}
#point #point_sub03 {
position:absolute;
left:636px;
top:208px;
}
#point #point_txt03 {
position:absolute;
left:636px;
top:300px;
font-size:12px;
color:#FFFFFF;
width:108px;
}
#point #point_movie03 {
position:absolute;
left:754px;
top:171px;
}

/*======================== World ========================*/
#world h1 {
position:absolute;
left:30px;
top:35px;
}
#world #container {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../world/img/bg_world.jpg) top left no-repeat;
position:relative;
color:#FFFFFF;
font-size:11px;
line-height:1.4;
}
#world #world_title01 {
position:absolute;
left:100px;
top:172px;
}
#world #world_txt01 {
position:absolute;
left:85px;
top:238px;
font-size:12px;
color:#FFFFFF;
width:195px;
}
#world #world_movie01 {
position:absolute;
left:292px;
top:171px;
}

#world #world_title02 {
position:absolute;
left:513px;
top:172px;
}
#world #world_txt02 {
position:absolute;
left:500px;
top:238px;
font-size:12px;
color:#FFFFFF;
width:195px;
}
#world #world_movie02 {
position:absolute;
left:703px;
top:171px;
}
/*======================== SPECIAL ========================*/
#special h1 {
position:absolute;
left:30px;
top:35px;
}
#special a {
color:#FFFFFF;
size:9px;
	text-decoration:underline;

}
#special #container {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../special/img/bg_special.jpg) top left no-repeat;
position:relative;
color:#FFFFFF;
font-size:11px;
line-height:1.4;
}
#special #special_title {
position:absolute;
left:100px;
top:172px;
}
#special #download {
position:absolute;
right:75px;
top:140px;
line-height:1.3;
text-align:center;
}

#special #thum01 {
position:absolute;
left:231px;
top:174px;
}
#special #thum01_txt {
position:absolute;
left:231px;
top:258px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum02 {
position:absolute;
left:360px;
top:174px;
}
#special #thum02_txt {
position:absolute;
left:360px;
top:258px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum03 {
position:absolute;
left:489px;
top:174px;
}
#special #thum03_txt {
position:absolute;
left:489px;
top:258px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum04 {
position:absolute;
left:618px;
top:174px;
}
#special #thum04_txt {
position:absolute;
left:618px;
top:258px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum05 {
position:absolute;
left:748px;
top:174px;
}
#special #thum05_txt {
position:absolute;
left:748px;
top:258px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum06 {
position:absolute;
left:101px;
top:308px;
}
#special #thum06_txt {
position:absolute;
left:101px;
top:392px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum07 {
position:absolute;
left:231px;
top:308px;
}
#special #thum07_txt {
position:absolute;
left:231px;
top:392px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum08 {
position:absolute;
left:361px;
top:308px;
}
#special #thum08_txt {
position:absolute;
left:361px;
top:392px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum09 {
position:absolute;
left:489px;
top:308px;
}
#special #thum09_txt {
position:absolute;
left:489px;
top:392px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum10 {
position:absolute;
left:618px;
top:308px;
}
#special #thum10_txt {
position:absolute;
left:618px;
top:392px;
width:100px;
line-height:1.3;
text-align:center;
}

#special #thum11 {
position:absolute;
left:748px;
top:308px;
}
#special #thum11_txt {
position:absolute;
left:748px;
top:392px;
width:100px;
line-height:1.3;
text-align:center;
}
/*======================== SPECIAL2 ========================*/
#special2 h1 {
position:absolute;
left:30px;
top:35px;
}
#special2 a {
color:#FFFFFF;
size:9px;
	text-decoration:underline;

}
#special2 #container {
margin: 0px auto;
text-align:left;
height:600px;
width:950px;
background:url(../special/img/bg_special2.jpg) top left no-repeat;
position:relative;
color:#FFFFFF;
font-size:11px;
line-height:1.4;
}
#special2 #special_title {
position:absolute;
left:59px;
top:180px;
}
#special2 #special_movie {
position:absolute;
left:59px;
top:237px;
}
#special2 #special_title_blg {
position:absolute;
left:402px;
top:55px;
}
#special2 #special_txt01 {
position:absolute;
left:402px;
top:104px;
}
#special2 #special_txt02 {
position:absolute;
left:402px;
top:160px;
width:312px;
font-size:12px;
}
#special2 #tagcopy {
position:absolute;
left:395px;
top:288px;
}
#special2 #blogparts {
position:absolute;
left:725px;
top:54px;
}
#special2 #dl_blg {
position:absolute;
left:785px;
top:460px;
line-height:1.3;
text-align:center;
}