/* CSS Document */
/*縦スクロールバーを常に表示*/
html>/**/body{
	overflow-y:scroll;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
} 

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
img {
	margin:0;
	border:none;
	vertical-align:bottom;
}

/*ページ全体*/
html{
border:none;	
}
	
body{
margin:0;
background:url(images/p_back01.jpg) repeat-x #1f0008;
color:#FFF;
font-size:12px;}

p{
margin:0;
padding:0;}

h2{
margin:0;
padding:0;}

h3{
margin:0;
padding:7px 0 10px 0;
font-size:14px;}

/*構成*/
#Container{
width:801px;
margin:0 auto;}

#mc{
height:595px;
margin:0;
position:relative;
background:url(images/c_back.jpg);}

#Footer_top{
height:217px;
background:url(images/top_under.jpg);
position:relative;}

#Footer_other{
height:217px;
background:url(images/c_back_under.jpg);
position:relative;}

/*ストーリー*/
.title{
position:absolute;
top:30px;
left:315px;}

.story_txt{
position:absolute;
top:93px;
left:100px;}

.story_txt02{
position:absolute;
top:373px;
left:150px;}

/*スペック*/
.title02{
position:absolute;
top:30px;
left:285px;}

.spec_main{
position:absolute;
top:97px;
left:95px;
width:600px;
height:410px;
border-bottom:1px solid #717171;
border-top:1px solid #717171;
padding:5px;}

.spec_main img{
float:left;
padding:7px 15px 0 5px;}

.spec_main dl{
width:280px;
float:left;
margin:1px 0 0 2px;}

.spec_main dl dt{
float:left;
width:65px;
padding:0 0 1px 0;
font-size:10px;}

.spec_main dl dd{
padding:0 0 1px 0;
font-size:10px;}

/*システム*/
.sys_txt{
position:absolute;
top:97px;
left:100px;
width:586px;
background: url(images/sys_tback.gif) repeat-x #1f3b08;
padding:6px;
border:1px solid #FFF;}

.sys_main{
position:absolute;
top:189px;
left:80px;
width:643px;}

/*キャラクター*/
.title03{
position:absolute;
top:29px;
left:254px;}

.cha_main{
position:absolute;
top:95px;
left:95px;
width:710px;
clear:both;}

.cha_main02{
position:absolute;
top:370px;
left:180px;
width:610px;
clear:both;}

/*修正*/
.cha_main_a{
position:absolute;
top:100px;
left:95px;
width:622px;
clear:both;
}

.cha_main_a .btn a{
overflow:hidden;
display:block;
outline:none;
float:left;
width:150px;
height:50px;
text-indent:-9999px;
margin:0 5px 5px 0;
background-position:0 0;
}

.cha_main_a .btn a:hover{
background-position:0 -50px;}

.cha_main_a02{
position:absolute;
top:375px;
left:180px;
width:610px;
clear:both;
}

.cha_main_a02 .btn a{
overflow:hidden;
display:block;
outline:none;
float:left;
width:150px;
height:50px;
text-indent:-9999px;
margin:0 5px 5px 0;
background-position:0 0;
}

.cha_main_a02 .btn a:hover{
background-position:0 -50px;}

/*キャラ個別*/
#serika{
background-image:url(images/s01_serika.jpg);
}
#serika2{
background-image:url(images/s02_serika2.jpg);
}
#satia{
background-image:url(images/s03_satia.jpg);
}
#pazumo{
background-image:url(images/s04_pazumo.jpg);
}
#hishera{
background-image:url(images/s05_hishera.jpg);
}
#hishera2{
background-image:url(images/s06_hishera2.jpg);
}
#kaya{
background-image:url(images/s07_kaya.jpg);
}
#dalnos{
background-image:url(images/s08_dalnos.jpg);
}
#kuthina{
background-image:url(images/s09_rikuthina.jpg);
}
#abi{
background-image:url(images/s10_abi.jpg);
}
#peru{
background-image:url(images/s11_peruru.jpg);
}
#sora{
background-image:url(images/s12_sora.jpg);
}
#mizu{
background-image:url(images/s13_water.jpg);
}
#reku{
background-image:url(images/s14_recshumi.jpg);
}
#shuta{
background-image:url(images/s15_shutaife.jpg);
}
#bara{
background-image:url(images/s16_barapam.jpg);
}
#shumi{
background-image:url(images/s17_shumineria.jpg);
}
#vir{
background-image:url(images/s18_virto.jpg);
}
#amd{
background-image:url(images/s19_amdosius.jpg);
}
#haku{
background-image:url(images/s20_hakugin.jpg);
}
#nabe{
background-image:url(images/s21_nabe.jpg);
}
#riz{
background-image:url(images/s22_riz.jpg);
}
#ekati{
background-image:url(images/s23_ekatika.jpg);
}
#rita{
background-image:url(images/s24_rita.jpg);
}
#shama{
background-image:url(images/s25_shama.jpg);
}
#luna{
background-image:url(images/s26_luna.jpg);
}

/*ギャラリー*/
#gar_main{
position:absolute;
top:105px;
left:140px;
width:525px;
text-align:right;
}

#gar_main img a{
border:1px solid #000;
padding:2px;}

#gar_main img a:hover{
border:1px solid #F00;
padding:2px;}

/*販売店一覧*/
#shop_main{
position:absolute;
top:120px;
left:80px;
width:640px;
text-align:center;
}

#shop_main img{
padding:2px;}

/*ナビゲーション*/
#navi01_top a{
width:175px;
height:37px;
position:absolute;
top:15px;
left:57px;
background:url(images/m01_top.gif);
text-indent:-9999px;}

#navi01_top a:hover{
background:url(images/m01_top_o.gif);}

#navi02_story a{
width:175px;
height:37px;
position:absolute;
top:57px;
left:25px;
background:url(images/m02_story.gif);
text-indent:-9999px;}

#navi02_story a:hover{
background:url(images/m02_story_o.gif);}

#navi03_cha a{
width:175px;
height:37px;
position:absolute;
top:99px;
left:57px;
background:url(images/m03_cha.gif);
text-indent:-9999px;}

#navi03_cha a:hover{
background:url(images/m03_cha_o.gif);}

#navi04_gar a{
width:175px;
height:37px;
position:absolute;
top:15px;
left:555px;
background:url(images/m04_gar.gif);
text-indent:-9999px;}

#navi04_gar a:hover{
background:url(images/m04_gar_o.gif);}

#navi05_system a{
width:175px;
height:37px;
position:absolute;
top:57px;
left:590px;
background:url(images/m05_system.gif);
text-indent:-9999px;}

#navi05_system a:hover{
background:url(images/m05_system_o.gif);}

#navi06_spec a{
width:175px;
height:37px;
position:absolute;
top:99px;
left:555px;
background:url(images/m06_spec.gif);
text-indent:-9999px;}

#navi06_spec a:hover{
background:url(images/m06_spec_o.gif);}

#navi99_shop a{
width:279px;
height:29px;
position:absolute;
top:175px;
left:263px;
background:url(images/btn_shop.gif);
text-indent:-9999px;}

#navi99_shop a:hover{
background:url(images/btn_shop_o.gif);}

#navi99_buy a{
width:279px;
height:29px;
position:absolute;
top:175px;
left:263px;
background:url(images/btn_buy.gif);
text-indent:-9999px;}

#navi99_buy a:hover{
background:url(images/btn_buy_o.gif);}