/*---------------CSS Document---------------*/


*{ 
   margin:0;
   padding:0;
   border:0;
   text-decoration:none;
   line-height:1;
   font-size:100%;
   }


html {
     height:100%;
	 overflow-y:scroll;
     }

body {
     height:100%;
	 background-image:url(../img/bgtile02.jpg);
	 background-repeat:repeat-x;
	 background-color:#000000;
     }


/*---------------コンテナ制御---------------*/


html div#container {
     height:100%;
	 }

div#container{
     background-color:#000000;
	 width: 900px;
     margin:0px auto;
     position:relative;
     min-height: 100%;
     }

body > #container {
     height: auto;
     }

div#main{
     padding-bottom:;
     background-image:url(../img/topimg.jpg);
	 background-repeat:no-repeat;
     width:900px;
     height:580px;
	 }



/*-------------ナビゲーション-------------*/

#navi {
       margin-left:auto;
	   margin-right:auto;
	   width:900px;
	   height:40px;
	   }

ul#menu {
     list-style:none;
     margin:0;
	 padding:0;
	 width:100%;
     }

ul#menu li {
     list-style:none;
     float:left;
     width:180px;
     }

ul#menu a {
     display:block;
     width:180px;
     height:40px;
     text-indent:-200px;
     background-image:url(../img/navi.jpg);
	 background-repeat:no-repeat;
     overflow:hidden;
     }

a.story {
     background-position:0px 0px;
     }

a:hover.story {
     background-position:0px -40px;
     }
	 
a.cast {
     background-position:-180px 0px;
     }
a:hover.cast {
     background-position:-180px -40px;
     }
	 
a.city {
     background-position:-360px 0px;
     }
	 
a:hover.city {
     background-position:-360px -40px;
     }

a.battle {
     background-position:-540px 0px;
     }
	 
a:hover.battle {
     background-position:-540px -40px;
     }

a.movie {
     background-position:-720px 0px;
     }
	 
a:hover.movie {
     background-position:-720px -40px;
     }
	 

/*---------------Footer制御--------------------*/

.fotbox {
background-image:url(../img/fooetr02.jpg);
}

div#footer{
     background-repeat:no-repeat;
     width:700px;
     height:50px;
	 }


.segalogo {
       padding-top:13px;
       background-repeat:no-repeat;
	   margin-left:162px;
	   margin-right:auto;
	   width:65px;
	   height:25px;
	   }


ul#segac {
       list-style:none;
       width:65px;
	   margin:0;
	   padding:0;
       }


ul#segac li{
       list-style:none;
	   float:left;
	   width:65px;
	   }
	   

ul#segac a{
       display:block;
       width:65px;
       height:25px;
       }


#segac a span {
       display:none;
	   }


a.sega {
       background-image:url(../img/sega02.jpg);
       }
	   
	   

.portalbana {

}