@charset 'iso-2022-jp';

body{
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, san-serif;
color:#134583;
background:#fff url(images/bg2.gif) repeat-x;
margin:0;
padding:0;
text-align:center;
}

.container {
position: relative;
width: 703px;
background: url(images/bg-container.gif) repeat-y;
text-align: left;
margin-right: auto;
margin-left: auto;
}



a:link{
color:#026E96;
text-decoration:none;
}

a:visited{
color:#403C6A;
text-decoration:none;
}

a:hover{
color:#403C6A;
text-decoration:underline;
}

.none{
display:none;
margin:0;
padding:0;
}

#clear{
clear:both;
}

h1, h2, h3, h5{
margin:0;
padding:0;
color:#094c9d;
} 


.smallmoji{
font-size:90%;
}

.bigmoji{
font-size:100%;
}

.note-c{
background:url(images/note-c.gif) repeat-y;
width:540px;
margin:0;
padding:0;
color:#053269;
text-align:left;
} 

.note-t{
background:url(images/note-c.gif) repeat-y;
line-height:1.5em;
font-weight:bold;
width:485px;
margin:0;
padding:0 80px;
color:#053269;
text-align:left;
font-size:80%;
} 

.note-b{
background:url(images/note-b.gif) no-repeat left bottom;
font-size:100%;
line-height:1.5em;
font-weight:bold;
width:485px;
height:7px;
margin:0;
padding:0 0;
color:#053269;
text-align:left;
} 

#moji{
margin:0;
padding:5px 80px;
line-height:1.25em;
}

.moji{
margin:0;
padding:5px 80px;
line-height:1.5em;
font-size:70%;
}

#moji-box{
width:450px;
padding:10px 0 10px 0;

}
.moji-left{
float:left;
margin:0;
width:150px;
padding-left:80px;
padding-top:5px;
line-height:1.5em;
font-size:70%;
}

.img-right{
float:right;
width:200px;
padding:0px;
margin:0;
padding-top:5px;
line-height:1.5em;
font-size:70%;
}

.moji-right{
float:right;
width:150px;
padding:0px;
margin:0;
padding-top:5px;
line-height:1.5em;
font-size:70%
}

.img-left{
float:left;
margin:0;
width:200px;
padding-left:80px;
padding-top:5px;
line-height:1.5em;
font-size:70%;
}

.clear{
clear:both;

}


.mojicl{
margin:0;
padding:5px 80px;
line-height:1.3em;
font-size:76%;
clear:both;
}

table.tbmoji{
border:0;
width:380px;
border-spacing:0;
margin:0;
padding:0;
font-size:70%;
}

table.tbmoji td{
padding:2px;
}

.hrgray {
display:block;
border-bottom: 1px solid #053269;
margin:0 auto;
padding:0;
height:1px;
font-size: 1%;	
clear:both;
}

/*トップ構成用*/

.top-container {
position: relative;
width:698px;
text-align: left;
margin-right: auto;
margin-left: auto;
}

.top{
width:698px;
height:464px;
margin: 0;
padding: 0;
background:url(images/top.jpg) no-repeat;
}

.top-foot{
position: relative;
width:698px;
height:75px;
margin: 0;
padding: 0;
background:url(images/top-fotter.gif) no-repeat;
}

.hosokokuchi{
position:absolute;
overflow: auto; 
height:80px;
width:265px;
margin:0;
padding:0;
top:325px;
left:420px;
color:red;
font-size:76%;
}

.koushinrireki{
position:absolute;
overflow: auto; 
height:130px;
width:265px;
margin:0;
padding:0;
top:175px;
left:420px;
font-size:70%;
}

.koushinrireki ol, .koushinrireki li{
width:200px;
margin:0;
padding:1px;
}

table#sche{
border:0;
border-spacing:0;
padding:10px 0 0 0;
width:380px;
font-size:95%;
border-collapse:collapse;
}

table#sche th{
padding:2px;
color:#fff;
background:#134583;
text-align:left;
border:1px #134583 solid;
}

table#sche td{
padding:2px;
border:1px #134583 solid;
}

table#schecbc{
padding:10px 0 0 0;
width:380px;
font-size:95%;
border-collapse:collapse;
}

table#schecbc th{
padding:2px;
color:#fff;
background:#134583;
text-align:left;
border:1px #134583 solid;
}

table#schecbc td{
padding:2px;
border:1px #134583 solid;
}

/*ページ構成用*/

.head{
position: relative;
margin:0;
padding:0;
height:317px;
width:154px;
float:left;
background:url(images/header2.gif) no-repeat;
}

.naiyo{
position: relative;
margin:0;
padding:0;
width:549px;
float:right;
background:url(images/contents2.gif) no-repeat;
}

.foot{
position: relative;
margin:0;
padding:0;
height:50px;
width:703px;
clear:both;
background:url(images/footer2.gif);
}

.fl-l{
float:left;
width:180px;
height:auto;
margin:0;
padding:0;
}

.fl-r{
float:right;
width:180px;
height:auto;
margin:0;
padding:0;
}

/*コンテンツメニュー*/
.menu{
margin :0;
padding :0;
}

.menu ul{
position: absolute;
width:112px;
height:528px;
margin :0;
padding :0;
top:120px;
left:25px;
list-style:none;
}

.menu ol{
position: absolute;
width:112px;
height:528px;
margin :0;
padding :0;
top:2px;
left:7px;
list-style:none;
}

.menu li, .menu a{
width:112px;
height:33px;
margin :0;
padding :0;
list-style:none;
float:left;
display:block;
}

 .menu .menutop{
background:url(images/base5.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

 .menu .menunews{
background:url(images/base5.gif) repeat;
background-position:0 495px;
text-indent:-9999px;
}

 .menu .menustaff{
background:url(images/base5.gif) repeat;
background-position:0 462px;
text-indent:-9999px;
}

 .menu .menucast{
background:url(images/base5.gif) repeat;
background-position:0 429px;
text-indent:-9999px;
}

 .menu .menuchara{
background:url(images/base5.gif) repeat;
background-position:0 396px;
text-indent:-9999px;
}

 .menu .menustory{
background:url(images/base5.gif) repeat;
background-position:0 363px;
text-indent:-9999px;
}

 .menu .menudvdcd{
background:url(images/base5.gif) repeat;
background-position:0 330px;
text-indent:-9999px;
}

 .menu .menuitem{
background:url(images/base5.gif) repeat;
background-position:0 297px;
text-indent:-9999px;
}

 .menu .menuevent{
background:url(images/base5.gif) repeat;
background-position:0 264px;
text-indent:-9999px;
}

 .menu .menusccom{
background:url(images/base5.gif) repeat;
background-position:0 231px;
text-indent:-9999px;
}

 .menu .menunikki{
background:url(images/base5.gif) repeat;
background-position:0 198px;
text-indent:-9999px;
}

 .menu .menubbs{
background:url(images/base5.gif) repeat;
background-position:0 165px;
text-indent:-9999px;
}

 .menu .menuradio{
background:url(images/base5.gif) repeat;
background-position:0 132px;
text-indent:-9999px;
}

 .menu .menusp{
background:url(images/base5.gif) repeat;
background-position:0 99px;
text-indent:-9999px;
}

 .menu .menuspkikaku{
background:url(images/base5.gif) repeat;
background-position:0 66px;
text-indent:-9999px;
}

/*コンテンツ用ロールオーバー*/

 .menu .menutop:hover{
background:url(images/base5.gif) repeat;
background-position:1px 1px;
text-indent:-9999px;
}

 .menu .menunews:hover{
background:url(images/base5.gif) repeat;
background-position:1px 496px;
text-indent:-9999px;
}

 .menu .menustaff:hover{
background:url(images/base5.gif) repeat;
background-position:1px 463px;
text-indent:-9999px;
}

 .menu .menucast:hover{
background:url(images/base5.gif) repeat;
background-position:1px 430px;
text-indent:-9999px;
}

 .menu .menuchara:hover{
background:url(images/base5.gif) repeat;
background-position:1px 397px;
text-indent:-9999px;
}

 .menu .menustory:hover{
background:url(images/base5.gif) repeat;
background-position:1px 364px;
text-indent:-9999px;
}

 .menu .menudvdcd:hover{
background:url(images/base5.gif) repeat;
background-position:1px 331px;
text-indent:-9999px;
}

 .menu .menuitem:hover{
background:url(images/base5.gif) repeat;
background-position:1px 298px;
text-indent:-9999px;
}

 .menu .menuevent:hover{
background:url(images/base5.gif) repeat;
background-position:1px 265px;
text-indent:-9999px;
}

 .menu .menusccom:hover{
background:url(images/base5.gif) repeat;
background-position:1px 232px;
text-indent:-9999px;
}

 .menu .menunikki:hover{
background:url(images/base5.gif) repeat;
background-position:1px 199px;
text-indent:-9999px;
}

 .menu .menubbs:hover{
background:url(images/base5.gif) repeat;
background-position:1px 166px;
text-indent:-9999px;
}

 .menu .menuradio:hover{
background:url(images/base5.gif) repeat;
background-position:1px 133px;
text-indent:-9999px;
}

 .menu .menusp:hover{
background:url(images/base5.gif) repeat;
background-position:1px 100px;
text-indent:-9999px;
}

 .menu .menuspkikaku:hover{
background:url(images/base5.gif) repeat;
background-position:1px 67px;
text-indent:-9999px;
}

/*コンテンツ用*/

#info-h{
background:url(images/news-h2.gif)  no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#staff-h{
background:url(images/staff-h2.gif) no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#cast-h{
background:url(images/cast-h2.gif)  no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#chara-h{
background:url(images/chara-h2.gif)  no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#story-h{
background:url(images/story-h2.gif) no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#dvdcd-h{
background:url(images/dvdcd-h.gif) no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#item-h{
background:url(images/item-h2.gif) no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#event-h{
background:url(images/event-h2.gif) no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#sccom-h{
background:url(images/sccom-h2.gif) no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#diary-h{
background:url(images/diary-h2.gif) no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#bbs-h{
background:url(images/bbs-h2.gif) no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#radio-h{
background:url(images/radio-h2.gif) no-repeat right center;
height:135px;
width:460px;
text-indent:-9999px;
}

#sp-h{
background:url(images/sp-h2.gif) no-repeat right center;
height:135px;
width:480px;
text-indent:-9999px;
}

#spkikaku-h{
background:url(images/spkikaku-h.gif) no-repeat right center;
height:140px;
width:460px;
text-indent:-9999px;
}

#sccom-img{
border:0;
float:left;
margin:0 10px 0 0 ;
}

.story-img{
border:0;
margin:1px ;
}

/*キャラ用*/
.chara{
margin:0;
padding:0;
}

.chara ul{
width:520px;
height:auto;
float:left;
margin:0;
padding:0 20px;
list-style:none;
}

 .chara li, .chara a{
width:120px;
height:110px;
float:left;
margin:0;
padding:0;
list-style:none;
display:block;
}

#karada{
background:url(04chara/images/karada-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#karada2{
background:url(04chara/images/karada-thamb2.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#karada:hover{
background:url(04chara/images/karada-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#karada-body{
position: relative;
background:url(04chara/images/karada.gif) no-repeat;
width:328px;
height:317px;
margin:0;
padding:0;
}

#karada2-body{
position: relative;
background:url(04chara/images/karada2.gif) no-repeat;
width:327px;
height:408px;
margin:0;
padding:0;
}

#shouko{
background:url(04chara/images/shouko-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#shouko-body{
position: relative;
background:url(04chara/images/shouko.gif) no-repeat;
width:328px;
height:370px;
margin:0;
padding:0;
}

#shouko2{
background:url(04chara/images/shouko-thamb2.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#shouko-body2{
position: relative;
background:url(04chara/images/shouko2.gif) no-repeat;
width:328px;
height:320px;
margin:0;
padding:0;
}

#tetsu{
background:url(04chara/images/tetsu-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#tetsu-body{
position: relative;
background:url(04chara/images/tetsu.gif) no-repeat;
width:328px;
height:390px;
margin:0;
padding:0;
}

#hiro{
background:url(04chara/images/hiro-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#hiro-body{
position: relative;
background:url(04chara/images/hiro.gif) no-repeat;
width:328px;
height:440px;
margin:0;
padding:0;
}

#touko{
background:url(04chara/images/touko-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#touko-body{
position: relative;
background:url(04chara/images/touko.gif) no-repeat;
width:328px;
height:370px;
margin:0;
padding:0;
}

#kotomi{
background:url(04chara/images/kotomi-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#kotomi-body{
position: relative;
background:url(04chara/images/kotomi.gif) no-repeat;
width:328px;
height:370px;
margin:0;
padding:0;
}

#isogai{
background:url(04chara/images/isogai-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#isogai-body{
position: relative;
background:url(04chara/images/isogai.gif) no-repeat;
width:328px;
height:370px;
margin:0;
padding:0;
}

#yuka{
background:url(04chara/images/yuka-thamb.gif) repeat;
background-position:0 0;
text-indent:-9999px;
}

#yuka-body{
position: relative;
background:url(04chara/images/yuka.gif) no-repeat;
width:328px;
height:370px;
margin:0;
padding:0;
}

#come{
line-height:150%;
position: absolute;
overflow: auto;
top:155px;
left:150px;
width:190px;
height:150px;
margin:0;
padding:0;
font-size:76%;
font-weight:lighter;
}

#come-touko{
line-height:150%;
position: absolute;
overflow: auto;
top:200px;
left:150px;
width:190px;
height:150px;
margin:0;
padding:0;
font-size:76%;
font-weight:lighter;
}

#come-kotomi{
line-height:150%;
position: absolute;
overflow: auto;
top:200px;
left:150px;
width:190px;
height:150px;
margin:0;
padding:0;
font-size:76%;
font-weight:lighter;
}

#come-shouko{
line-height:150%;
position: absolute;
overflow: auto;
top:205px;
left:150px;
width:190px;
height:150px;
margin:0;
padding:0;
font-size:76%;
font-weight:lighter;
}

#come-isogai{
line-height:150%;
position: absolute;
overflow: auto;
top:10px;
left:150px;
width:190px;
height:150px;
margin:0;
padding:0;
font-size:76%;
font-weight:lighter;
}

#monogatari{
line-height:150%;
position: absolute;
overflow: auto;
top:155px;
left:150px;
width:240px;
height:250px;
margin:0;
padding:0;
font-size:80%;
font-weight:lighter;
}

#bamensha{
float:right;
border:2px #fff;
}

.wasuu{
font-size:100%;
padding:5px 80px;
}

#story1{
position: relative;
background:url(05story/images/s1.jpg) no-repeat;
width:396px;
height:415px;
margin:0;
padding:0;
}

#story2{
position: relative;
width:396px;
height:415px;
margin:0;
padding:0;
}

.copytop{
width:703px;
height:auto;
margin:0px;
padding: 13px 0 0 10px ;
font-size:70%;
}


.copy{
height:auto;
margin:auto;
padding:0;
font-size:70%;
}

/*グッズ用*/

.shouhin{
width:120px;
height:auto;
margin:0;
padding:1px;
float:left;
}

.kaisetsu{
width:250px;
height:auto;
margin:0;
padding:3px;
float:right;
}

/*BBS用*/

table.bbs{
border-left:1px solid #134583;
border-right:1px solid #134583;
border-bottom:1px solid #134583;
font-size:85%;
}

table.bbs td{
border-left:1px solid #134583;
border-right:1px solid #134583;
border-bottom:1px solid #134583;
}

table.bbs th{
background-color:#134583;
color:#fff;
border-right:1px solid #134583;
border-bottom:1px solid #134583;
}

table.event{
font-size:80%;
}

table.event td{
color:#134583;
border-right:1px solid #134583;
border-bottom:1px solid #134583;
}

/*SP用*/
.pict{
float:right;
padding-bottom:3px;
padding-left:5px;
padding-right:0;
width:260px;
}

h5{
margin:0;
padding:5px 80px;
line-height:1.5em;
font-size:80%;
}