/*---------------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;
	 }



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



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

body > #container {
     height:auto;
     }

div#body01 {
     background-color:#f2f2f2;
	 width: 900px;
	 height:100%;
     margin:0px auto;
     min-height: 100%;
     }




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



#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;
     }
	 
body.story #navi li#story a {
	   background-position: 0 -40px!important;
      }

	  
a.cast {
     background-position:-180px 0px;
     }

a:hover.cast {
     background-position:-180px -40px;
     }
	 
body.cast #navi li#cast a {
	   background-position:-180px -40px!important;
      }
	 
a.city {
     background-position:-360px 0px;
     }

a:hover.city {
     background-position:-360px -40px;
     }

body.city #navi li#city a {
	   background-position:-360px -40px!important;
      }

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

body.battle #navi li#battle a {
	   background-position:-540px -40px!important;
      }

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

body.movie #navi li#movie a {
	   background-position:-720px -40px!important;
      }



/*-------------ヘッダー-------------*/


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



.ryulogo {
       padding-top:0px;
       background-repeat:no-repeat;
	   margin-left:0px;
	   margin-right:auto;
	   width:180px;
	   height:180px;
	   }


ul#headerlogo {
       list-style:none;
       width:180px;
	   margin:0;
	   padding:0;
       }


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

ul#headerlogo a{
       display:block;
       width:180px;
       height:180px;
	   text-indent:-100px;
       }


#headerlogo a span {
       display:none;
	   }


a.logo {
       background-image:url(../img/headerlogo.jpg);
       }
	   
a:hover.logo {
       background-position:0px -180px;
	   }
	   

 
/*---------------フッター制御--------------------*/

div#footer{
     background-image:url(../img/fooetr03.jpg);
	 background-repeat:no-repeat;
     width:720px;
     height:60px;
	 float:left;
	 }


.segalogo {
       padding-top:11px;
       background-repeat:no-repeat;
	   margin-left:194px;
	   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/sega03.jpg);
       }


.portal {
margin-top:13px;
}