@charset 'iso-2022-jp';
body{
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, san-serif;
color:#fff;
background:url(images/bg.jpg) repeat;
margin:0;
padding:0;
text-align:center;
}
.container {
position: relative;
width: 649px;
background: #000 url(images/f-bg.gif) repeat-y;
text-align: left;
margin-right: auto;
margin-left: auto;
text-align:left;
}
a:link{
color:#cb1d1d;
text-decoration:none;
}
a:visited{
color:#fff;
text-decoration:none;
}
a:hover{
color:#e71d1d;
text-decoration:underline;
}
.none{
display:none;
}
.clear{
display:none;
clear:both;
}
.clear2{
clear:both;
}
h1, h2, h3, h5{
margin:0;
padding:0;
color:#fff;
} 
#staff{
margin:0;
padding:15px 55px;
}
#cast{
margin:0;
padding:15px 55px;
float:right;
}
table.stca{
font-size:80%;
border:0;
border-spacing:0;
}
table.stt{
width:100%;
font-size:90%;
border-spacing:0;
border:0;
}
table.stca td{
border-bottom:1px solid #8a1313;
}
table.stt td{
border-bottom:1px solid #8a1313;
padding:2px;
}
table#sche{
border-collapse:collapse;
border-spacing:0;
border:0;
font-size:90%;
width:450px;
}
table#sche th{
text-align:left;
background:#8a1313;
border:1px solid #8a1313;
padding:2px;
}
table#sche td{
padding:2px;
border:1px solid #8a1313;
}
table#dvd-naiyo{
border-collapse:collapse;
font-size:90%;
width:320px;
}
table#dvd-naiyo td{
vertical-align:top;
padding:2px;
border:1px solid #8a1313;
}
.news{
margin:0;
padding:3px 10px;
font-size:90%;
font-weight:bold;
text-align:left;
}
.newsnaka{
margin:auto;
padding:auto;
width:500px;
text-align:left;
}
.newsnakami{
margin:0;
padding:20px;
border:1px dashed #af0f1a;
}
#mannaka{
text-align:center;
border:1px solid #af0f1a;
}
.naiyo-news ul{
margin:0px;
padding:10px 50px;
list-style-image:url(images/list.gif);
border:1px dashed #af0f1a;
}
.naiyo-news ol{
margin:0px;
padding:10px 50px;
list-style-image:url(images/list.gif);
border:1px solid #af0f1a;
}
/*トップ構成用*/
.top-container {
position: relative;
width:650px;
text-align: left;
margin-right: auto;
margin-left: auto;
}
.top-head{
width:490px;
height:697px;
margin: 0;
padding: 0;
float:left;
background:url(images/top1.jpg) no-repeat;
}
.top-foot{
position: relative;
width:159px;
height:697px;
margin: 0;
padding: 0;
float:right;
background:url(images/top2.jpg) no-repeat;
}
.koushinrireki{
position: relative;
overflow: auto; 
height:293px;
width:146px;
margin:0;
padding:0;
top:101px;
left:0;
font-size:70%;
line-height:1.25em;
}
.housoujikokuhennkou{
position: relative;
overflow: auto; 
height:95px;
width:146px;
margin:0;
padding:0;
top:255px;
left:0;
text-align:left;
font-size:76%;
line-height:1.25em;
}
.koushinrireki li,.koushinrireki ul{
margin:1px;
padding:1px;
}
.housoujikokuhennkou li, .housoujikokuhennkou ul{
margin:0;
padding:2px;
list-style:disc;
}
.nichiji{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
}
/*ページ構成用*/
.head{
position:relative;
margin:0;
padding:0;
height:237px;
width:648px;
background:url(images/head.jpg) no-repeat;
}
.naiyo{
position: relative;
margin:0;
padding:0;
width:648px;
height:auto;
background: url(images/f-bg.gif) no-repeat;
}
.naiyo-news{
position: relative;
font-size:80%;
margin:auto;
padding:auto;
width:648px;
text-align:center;
height:auto;
background: url(images/f-bg.gif) no-repeat;
}
.foot{
position: relative;
margin:0;
padding:0;
height:91px;
width:648px;
clear:both;
background:url(images/foot.gif);
}
.pagetop{
position:absolute;
background:url(images/pegetop.gif) no-repeat;
height:19px;
width:121px;
margin:0;
padding:0;
top:44px;
left:453px;
text-indent:-9999px;
}
.pagetop a{
display:block;
height:19px;
width:121px;
}
.goback{
position:absolute;
background:url(images/goback.gif) no-repeat;
height:19px;
width:121px;
margin:0;
padding:0;
top:44px;
left:453px;
text-indent:-9999px;
}
.goback a{
display:block;
height:19px;
width:121px;
}
/*ストーリー*/
#story-staff{
font-size:90%;
}
#story-yokoku{
font-size:90%;
}
/*コンテンツメニュー*/
.menu{
margin :0;
padding :0;
}
.menu ul{
position: absolute;
width:258px;
height:120px;
margin :0;
padding :0;
top:17px;
left:385px;
list-style:none;
}
.menu li, .menu a{
width:129px;
height:30px;
margin :0;
padding :0;
list-style:none;
float:left;
display:block;
}
 .menu .menutop{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:0;
left:0;
background-position:0 0;
text-indent:-9999px;
}
 .menu .menunews{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:30px;
left:129px;
background-position:129px 110px;
text-indent:-9999px;
}
 .menu .menustaff{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:30px;
left:0;
background-position:0 90px;
text-indent:-9999px;
}
 .menu .menuchara{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:0;
left:124px;
background-position:0 30px;
text-indent:-9999px;
}
 .menu .menustory{
 position: absolute;
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
top:60px;
left:0;
background-position:0 60px;
text-indent:-9999px;
}
 .menu .menuitem{
 position: absolute;
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
top:60px;
left:129px;
background-position:129px 80px;
text-indent:-9999px;
}
 .menu .menusp{
 position: absolute;
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
top:90px;
left:129px;
background-position:129px 50px;
text-indent:-9999px;
}
 .menu .menubbs{
 position: absolute;
background:url(images/menu-bbs.gif) repeat;
width:129px;
height:30px;
top:95px;
left:5px;
background-position:0 0;
text-indent:-9999px;
}
/*コンテンツ用ロールオーバー*/
 .menu .menutop:hover{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:0;
left:0;
background-position:-3px 0;
}
 .menu .menunews:hover{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:30px;
left:129px;
background-position:126px 110px;
}
 .menu .menustaff:hover{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:30px;
left:0;
background-position:-3px 90px;
}
 .menu .menuchara:hover{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:0;
left:124px;
background-position:-3px 30px;
}
 .menu .menustory:hover{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:60px;
left:0;
background-position:-3px 60px;
}
 .menu .menuitem:hover{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:60px;
left:129px;
background-position:126px 80px;
}
 .menu .menusp:hover{
background:url(images/menu-f.gif) repeat;
width:129px;
height:30px;
position: absolute;
top:90px;
left:129px;
background-position:126px 50px;
}
 .menu .menubbs:hover{
 position: absolute;
background:url(images/menu-bbs.gif) repeat;
width:129px;
height:30px;
top:95px;
left:5px;
background-position:-3px 0;
text-indent:-9999px;
}
/*トップメニュー*/
.top-m ul{
position: absolute;
width:179px;
height:228px;
margin :0;
padding :0;
top:150px;
left:0;
list-style:none;
}
.top-m li, .top-m a{
width:179px;
height:38px;
margin :0;
padding :0;
list-style:none;
float:left;
display:block;
}
.top-m .menunews{
background:url(images/t-menu.gif) no-repeat;
text-indent:-9999px;
background-position:5px 0;
}
.top-m .menustaff{
background:url(images/t-menu.gif) no-repeat;
background-position:5px -38px;
text-indent:-9999px;
}
.top-m .menuchara{
background:url(images/t-menu.gif) no-repeat;
background-position:5px -114px;
text-indent:-9999px;
}
.top-m .menustory{
background:url(images/t-menu.gif) no-repeat;
background-position:5px -76px;
text-indent:-9999px;
}
.top-m .menuitem{
background:url(images/t-menu.gif) no-repeat;
background-position:5px -152px;
text-indent:-9999px;
}
.top-m .menusp{
background:url(images/t-menu.gif) no-repeat;
background-position:5px -190px;
text-indent:-9999px;
}
.top-m .menubbs{
background:url(images/t-menu.gif) no-repeat;
background-position:5px -228px;
text-indent:-9999px;
}
/*トップロールオーバー*/
.top-m .menunews:hover{
background:url(images/t-menu.gif) no-repeat;
background-position:0 0;
}
.top-m .menustaff:hover{
background:url(images/t-menu.gif) no-repeat;
background-position:0 -38px;
}
.top-m .menuchara:hover{
background:url(images/t-menu.gif) no-repeat;
background-position:-0 -114px;
}
.top-m .menustory:hover{
background:url(images/t-menu.gif) no-repeat;
background-position:0 -76px;
}
.top-m .menuitem:hover{
background:url(images/t-menu.gif) no-repeat;
background-position:0 -152px;
}
.top-m .menusp:hover{
background:url(images/t-menu.gif) no-repeat;
background-position:0 -190px;
}
.top-m .menubbs:hover{
background:url(images/t-menu.gif) no-repeat;
background-position:0 -228px;
}
/*コンテンツトップ用*/
#news-h{
background:url(images/m-news.gif) no-repeat left bottom;
position: absolute;
top:183px;
left:100px;
height:26px;
width:177px;
text-indent:-9999px;
}
#staff-h{
background:url(images/m-stca.gif) no-repeat left bottom;
position: absolute;
top:183px;
left:100px;
height:26px;
width:177px;
text-indent:-9999px;
}
#chara-h{
background:url(images/m-chara.gif) no-repeat left bottom;
position: absolute;
top:183px;
left:100px;
height:26px;
width:177px;
text-indent:-9999px;
}
#story-h{
background:url(images/m-story.gif) no-repeat left top;
position: absolute;
top:183px;
left:100px;
height:26px;
width:177px;
text-indent:-9999px;
}
#item-h{
background:url(images/m-item.gif) no-repeat left bottom;
position: absolute;
top:183px;
left:100px;
height:26px;
width:177px;
text-indent:-9999px;
}
#bbs-h{
background:url(images/m-bbs.gif) no-repeat left bottom;
position: absolute;
top:183px;
left:100px;
height:26px;
width:177px;
text-indent:-9999px;
}
#special-h{
background:url(images/m-special.gif) no-repeat left bottom;
position: absolute;
top:183px;
left:100px;
height:26px;
width:177px;
text-indent:-9999px;
}
/*グッズ用*/
.dvd-jacke{
margin:0;
padding:0;
width:125px;
height:auto;
float:left;
}
.dvd-navi{
margin:0;
padding:0;
width:330px;
float:right;
}
/*キャラ用*/
#charanaka{
margin:auto;
padding:auto;
width:500px;
height:auto;
text-align:left;
}
#9-1{
background:url(04chara/images/karada-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}
#chara-body{
width:182px;
height:355px;
float:left;
}
#come{
line-height:150%;
position: absolute;
overflow: auto;
top:155px;
left:150px;
width:190px;
height:150px;
margin:0;
padding:0;
font-size:80%;
font-weight:lighter;
}
#setsumei{
margin-top:100px;
padding:5px;
border:1px dashed #8a1313;
width:280px;
height:auto;
float:right;
font-size:85%;
}
/*イメージ*/
.minatoimg{
border:0;
float:right;
padding:0 3px;
}
.bamensha-big{
border:2px solid #fff;
padding:0;
margin:5px 0;
float:right;
}
.bamensha{
border:0;
padding:1px;
}
/*コピーライト用*/
.copy{
height:3px;
margin:auto;
padding:0;
font-size:x-small;
}