*{

margin:0;

padding:0;

}





body{

text-align: center;

background-color:#000000;

padding:0;

margin:0;

}



div#all{

_height:500px;

background:url(../images/background.jpg) repeat-x;



}

div#sub_all{

_height:500px;

background:url(../images/background_sub.jpg) repeat-x;

}



div#container{

width:900px;

margin:0px auto;

text-align:left;

}



div#story{

width:796px;

margin:auto;

margin-top:20px;

margin-bottom:0px;

text-align:center;

background:url(../images/tablebg.gif) repeat-y;

}



#img1{

	margin-left:3px;

	margin-top:0px;

	float:left;

}

#img2{

	margin-right:2px;

	margin-top:0px;

		float:right;

}

#img3{

	margin-right:20px;

	margin-top:0px;

		margin-bottom:300px;

		float:right;

}





div#container #header {

width:900px;

margin:0px auto;

text-align:center;

}



div#header table{

  border-collapse: collapse;

  border: none;

  border-spacing: 0;

  margin-top:0px;

}



div#header td{

vertical-align:bottom

}



div#container div#contents{

text-align:center;

}



div#container div#contents #banner{

height:373px;

margin:0 auto;

width:900px;

text-align:center;

}

div#container div#contents #ttl_banner{

height:95px;

margin:0 auto;

width:900px;

text-align:center;

}



*html #menubar{

width:900px;

margin-top:-4px;

}





#informations{

width:900px;

margin:0px auto;

margin-top:35px;

_margin-top:0px;

}



*:first-child+html #informations { margin-top:0px; } 



#information{

background:transparent url(../images/infoback.jpg);

float:left;

margin-left:50px;

margin-right:4px;

width:542px;

}



*html #information{

margin-left:25px;

margin-right:2px;

}



#kako{

background:transparent url(../images/infotitle.jpg) no-repeat scroll 0 0;

padding-left:359px;

_padding-left:350px;

padding-top:9px;

padding-bottom:7px;

_padding-bottom:4px;

}



*:first-child+html #kako { padding-left:350px; }



.tableBg{

background:transparent url(../images/tableback.jpg) no-repeat 0 0;

padding:6px 10px 0 15px;

width:542px;

}



.tableBg td{

text-align:left;

padding:0 0 0 10px;

}



.topPageBn{

	float:left;

}



.topPageBn .tokutenBn{

	margin-top:8px;

}



table#head{

margin:0px;

width:796px;

height:52px;

border: 0px;

padding: 0px 0px;

}

td#head{

text-align:left;

margin:0;



vertical-align:top;

}

table#story{

    border-spacing:0;

    margin: 0px;

    padding:0px;

 



}



table{

color:#FFFFFF;

font-size:12px;

letter-spacing:0.8px;

line-height:1.3;

margin-left:0;

margin-top:0;

width:517px;

}



th{

padding:2px 0 0 25px;

font-weight:normal;

background:transparent url(../images/icon.gif) 0px 0px no-repeat;

vertical-align:top;

text-align:left;

width:60px;

min-width:60px;

}

/*

td{

text-align:left;

padding:2px 0 3px 10px;

vertical-align:top;

}

*/





#bottom{

margin:0;

width:542px;

padding-bottom:0;

padding-left:0;

padding-top:2px;

}



#main li{

background:url(../images/icon.gif);

background-repeat: no-repeat;

font-size:12px;

line-height:1.3;

letter-spacing:0.8px;

border-top:1px dashed #666666;

}



.footerBg{

margin-top:20px;

width:100%;

clear:both;

background:#080808 url(../images/footer.jpg) repeat-x;

padding:1px 0px 0 0;

}



#footer{

width:900px;

height:100px;

margin:1px auto auto auto;

padding:0;

text-align:center;

}



*html #footer{

width:900px;

padding:0;

}



#rights{

text-align:right;

margin-right:52px;

}



*html #rights{

margin-left:480px;

margin-top:5px;

}



/* safari only \*/

html:\66irst-child #rights{

margin-top:6px;

}



#link{

float:right;

margin-right:52px;

}



*html #link{

margin-right:27px;

}





#footer li{

display:block;

float:left;

text-align:right;

}



*html #footer {

}



#footer div#f_area{

margin:0 auto 0 auto;

width:796px;

}



#footer ul#f_box{

margin:0;

}



#footer ul#f_box .left{

float:left;

margin-top:11px;

}



#footer ul#f_box .right{

float:right;

}





li{

list-style:none;

}



img{

border:0;

}



a{

color:#FF7E00;

}





.clearfix:after {

  content: ".";  

  display: block;  

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}





/* head menu ここから*/



ul#head_menu{

    padding:0;

    width:796px;

    height:52px;

    margin:0 103px 0 auto;

}



ul#head_menu li{

}



ul# li a{

     height:52px;



    float:left;

    text-decoration:none;

    text-indent:-9877em;

     /*\*//*/ 

     overflow:hidden;

     /**/

}

ul#head_menu li a.story{

     height:52px;



    float:left;

    text-decoration:none;

    text-indent:-9877em;

     /*\*//*/ 

     overflow:hidden;

     /**/

}

ul#head_menu a.character{

     height:52px;



    float:left;

    text-decoration:none;

    text-indent:-9877em;

     /*\*//*/ 

     overflow:hidden;

     /**/

}

ul#head_menu a.system{

     height:52px;



    float:left;

    text-decoration:none;

    text-indent:-9877em;

     /*\*//*/ 

     overflow:hidden;

     /**/

}

ul#head_menu a.special{

     height:52px;



    float:left;

    text-decoration:none;

    text-indent:-9877em;

     /*\*//*/ 

     overflow:hidden;

     /**/

}



ul#head_menu a.story{

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:0px -52px;

    width:202px;

}



ul#head_menu a:hover.story{

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:0px 0px;

}



ul#head_menu li.selected a.story{

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:0px 0px;

}





ul#head_menu a.character{

    width:197px;

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:-202px -52px;

}

ul#head_menu a:hover.character{

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:-202px 0px;

}

ul#head_menu li.selected a.character{

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:-202px 0px;

    

}





ul#head_menu a.system{

    width:197px;

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:-399px -52px;

}

ul#head_menu a:hover.system{

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:-399px 0px;

}

ul#head_menu li.selected a.system{

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:-399px 0px;

}



ul#head_menu a.special{

    width:200px;

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:-596px -52px;

}

ul#head_menu a:hover.special{

    background:url(../images/head_menu.jpg)  no-repeat;

        background-position:-596px 0px;

}

ul#head_menu li.selected a:.special{

    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:-596px 0px;

}

ul#head_menu li.special_temp{

    width:200px;

    height:52px;



    background:url(../images/head_menu.jpg)  no-repeat;

    background-position:-596px 0px;

    float:left;

}





#storyroll a {

	display:block;

	width:199px;

	height:52px;

	background-image:url(../images/story.jpg);

	background-repeat:no-repeat;}

	#storyroll a:hover {

	background-image:url(../images/story_on.jpg);

}



#charactorroll a {

	display:block;

	width:199px;

	height:52px;

	background-image:url(../images/charactor.jpg);

	background-repeat:no-repeat;}

	#charactorroll a:hover {

	background-image:url(../images/charactor_on.jpg);

}

#systemroll a {

	display:block;

	width:199px;

	height:52px;

	background-image:url(../images/system.jpg);

	background-repeat:no-repeat;}

	#systemroll a:hover {

	background-image:url(../images/system_on.jpg);

	background;

}





/* head menu ここまで*/