@charset "ISO-2022-JP";

A:link{
color:aqua;
text-decoration:none;
}

A:visited{
color:#fff;
text-decoration:none;
}

A:hover{
color:#fff;
text-decoration:underline;
}

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

.container {
background:url(images/center-c.gif) ;
width: 640px;
text-align: left;
margin-right: auto;
margin-left: auto;
}

.head{
background:url(images/head.jpg) no-repeat;
width: 639px;
height:146px;
}


.foot{
background:url(images/foot.gif) no-repeat;
width: 639px;
height:46px;
clear:both;
}

.bottomspace{
clear:both;
height:30px;
margin:0px;
padding:0px;
}

.copy{
color:#042956;
font-size:70%;
margin:0px;
padding:0px;
}


.bunsho {
color:#042956;
font-size:73%;
margin:0;
padding:0 45px;
text-align:left;
}

.inter {
color:red;
}

/*内容*/

.naiyou{
background:url(images/contents.gif) repeat-y;
text-align:left;
float:right;
width:482px;
height:auto;
}

.naiyou ul{
font-size:83%;
line-height:1.2em;
color:#042956;
margin:0px;
padding:5px 43px;
text-align:left;
}

.naiyou li{
font-size:83%;
line-height:1.8em;
color:#042956;
border-bottom:1px solid;
margin:10px 0px;
padding:0px;
text-align:left;
list-style-image:url(images/li.gif);
}


/*トップページ*/

.top1{
background:url(images/yoake-top1.jpg) no-repeat;
height:542px;
width:405px;
float:left;
}

.infobox{
height:542px;
width:235px;
float:right;
}

.top2{
background:url(images/yoake-top2.jpg) no-repeat;
height:211px;
width:235px;
}

.top3{
background:url(images/yoake-top3.jpg) no-repeat;
height:79px;
width:235px;
}

.top4{
background:url(images/yoake-top4.jpg) no-repeat;
height:127px;
width:235px;
}

.top5{
background:url(images/yoake-top5.jpg) no-repeat;
clear:both;
height:103px;
width:640px;
}

.top5 ul{
margin :0px;
padding :16px;
list-style:none;
float:left;
}

.top5 li{
margin :1px;
padding :0px;
list-style:none;
float:left;
}


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

.none2{
display:none;
clear:both;
}

/*トピックス*/
.title-m{
height:20px;
}

.top3 ul, .top3 li{
margin :0px;
padding :0px;
list-style:none;
font-size:81%;
}

.slide{
margin:0px;
padding:0 0 0 10px;
width:205px; 
height:59px; 
overflow: auto; 
text-align:left;
}

/*更新情報*/

.top4 ul, .top4 li{
margin :0px;
padding :0px;
list-style:none;
font-size:81%;
}

#slide{
margin:0px;
padding-left:10px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
width:205px; 
height:102px; 
overflow: auto; 
text-align:left;
}

/*キャスト*/

table.cast{
font-size:100%;
color:#042956;
}

/*キャラthumb*/

.c-naiyou{
text-align:left;
float:right;
width:482px;
height:auto;
}

.c-naiyou ul{
margin:0px;
padding:15px;
list-style:none;
}

 .c-naiyou li{
margin:0px;
padding:3px;
float:left;
list-style:none;
}

.c-naiyou a{
display:block;
}

#feena-thamb{
background:url(images/thamb-feena-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#tatsuya-thamb{
background:url(images/thamb-tatsuya-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#mia-thamb{
background:url(images/thamb-mia-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#mai-thamb{
background:url(images/thamb-mai-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#natsuki-thamb{
background:url(images/thamb-natsuki-n.gif) no-repeat;
clear:both;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#sayaka-thamb{
background:url(images/thamb-sayaka-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#calen-thamb{
background:url(images/thamb-calen-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#midori-thamb{
background:url(images/thamb-midori-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#jin-thamb{
background:url(images/thamb-jin-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#samon-thamb{
background:url(images/thamb-samon-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#risu-thamb{
background:url(images/thamb-risu-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#jyoshu-thamb{
background:url(images/chara-jyoshu-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#takano-thamb{
background:url(images/thamb-takano-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#yulgen-thamb{
background:url(images/thamb-yulgen-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

/*キャラthumbロールオーバー*/

#feena-thamb:hover{
background:url(images/thamb-feena-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#tatsuya-thamb:hover{
background:url(images/thamb-tatsuya-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}


#mia-thamb:hover{
background:url(images/thamb-mia-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#mai-thamb:hover{
background:url(images/thamb-mai-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#natsuki-thamb:hover{
background:url(images/thamb-natsuki-o.gif) no-repeat;
clear:both;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#sayaka-thamb:hover{
background:url(images/thamb-sayaka-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#calen-thamb:hover{
background:url(images/thamb-clalen-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#midori-thamb:hover{
background:url(images/thamb-midori-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#jin-thamb:hover{
background:url(images/thamb-jin-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#samon-thamb:hover{
background:url(images/thamb-samon-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#risu-thamb:hover{
background:url(images/thamb-risu-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#jyoshu-thamb:hover{
background:url(images/chara-jyoshu-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#takano-thamb:hover{
background:url(images/thamb-takano-n.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

#yulgen-thamb:hover{
background:url(images/thamb-yulgen-o.gif) no-repeat;
margin:0px;
padding:0px;
width:82px; 
height:92px; 
}

/*キャラ*/

.setsummeibunn{
font-size:65%;
color:#042956;
margin:0px;
padding:0 0 0 40px ;
}

.setsummeibunn a{
color:#042956;
}

.setsummeibunn a:visited{
color:#042956;
}


#chara-face{
width:296px;
height:auto;
float:left;
margin:0;
padding:0;
}

#chara-body{
width:142px;
height:auto;
float:right;
margin-right:15px;
padding:0;
}

/*ストーリー*/

.ststaff{
font-size:70%;
color:#042956;
padding:0 30px 0 30px;
line-height:1.5em;
}

.stmoji{
font-size:70%;
color:#042956;
padding:0 30px;
line-height:1.5em;
clear:both;
}

.sptmoji{
color:#042956;
padding:0 30px 0 30px;
line-height:1.5em;
clear:both;
}

.fl-l{
float:left;
width:200px;
}

.fl-r{
float:right;
}

.steal{
margin:1px;
padding:0;
}

/*メニュー*/

#top{
width:235px;
height:125px;
margin :0px;
padding :0px;
}

#top li,#top ul{
margin :0px;
padding :0px;
list-style:none;
float:left;
}


#top .info{
background:url(images/top-menu.jpg) no-repeat;
background-position:0% 0%;
display:block;
height:20px;
width:235px;
}

#top .sc{
background:url(images/top-menu.jpg) no-repeat;
background-position:0% 20%;
display:block;
height:20px;
width:235px;
}

#top .chara{
background:url(images/top-menu.jpg) no-repeat;
background-position:0% 40%;
display:block;
height:22px;
width:235px;
}

#top .story{
background:url(images/top-menu.jpg) no-repeat;
background-position:0% 60%;
display:block;
height:21px;
width:235px;
}

#top .goods{
background:url(images/top-menu.jpg) no-repeat;
background-position:0% 80%;
display:block;
height:21px;
width:235px;
}

#top .special{
background:url(images/top-menu.jpg) no-repeat;
background-position:0% 100%;
display:block;
height:21px;
width:235px;
}

/*展示*/

#museum{
margin:10px 0 0 50px;
width:400px;
height:540px;
}


/*メニューロールオーバー*/


#top .info:hover{
background:url(images/top-menu.jpg) no-repeat;
background-position:100% 0%;
display:block;
height:20px;
width:235px;
}

#top .sc:hover{
background:url(images/top-menu.jpg) no-repeat;
background-position:100% 20%;
display:block;
height:20px;
width:235px;
}

#top .chara:hover{
background:url(images/top-menu.jpg) no-repeat;
background-position:100% 40%;
display:block;
height:22px;
width:235px;
}

#top .story:hover{
background:url(images/top-menu.jpg) no-repeat;
background-position:100% 60%;
display:block;
height:21px;
width:235px;
}

#top .goods:hover{
background:url(images/top-menu.jpg) no-repeat;
background-position:100% 80%;
display:block;
height:21px;
width:235px;
}

#top .special:hover{
background:url(images/top-menu.jpg) no-repeat;
background-position:100% 100%;
display:block;
height:21px;
width:235px;
}

/*コンテンツメニュー*/

#menu{
width:158px;
float:left;
margin :0px;
padding :0px;
float:left;
}

#menu .shadow{
background:url(images/c_menu_top.gif) no-repeat;
width:158px;
height:4px;
}


#menu li,#menu ul{
width:158px;
margin :0px;
padding :2px 0px;
list-style:none;
float:left;
}

#menu .info{
background:url(images/menu.gif) no-repeat;
background-position:0% 0%;
display:block;
height:18px;
width:158px;
}

#menu .sc{
background:url(images/menu.gif) no-repeat;
background-position:0% 16%;
display:block;
height:18px;
width:158px;
}

#menu .chara{
background:url(images/menu.gif) no-repeat;
background-position:0% 50%;
display:block;
height:18px;
width:158px;
}

#menu .story{
background:url(images/menu.gif) no-repeat;
background-position:0% 33%;
display:block;
height:18px;
width:158px;
}

#menu .goods{
background:url(images/menu.gif) no-repeat;
background-position:0% 67%;
display:block;
height:18px;
width:158px;
}

#menu .special{
background:url(images/menu.gif) no-repeat;
background-position:0% 84%;
display:block;
height:18px;
width:158px;
}

#menu .atama{
background:url(images/menu.gif) no-repeat;
background-position:0% 100%;
display:block;
height:18px;
width:158px;
}

/*メニューロールオーバー*/
#menu .info:hover{
background:url(images/menu.gif) no-repeat;
background-position:100% 0%;
display:block;
height:18px;
width:158px;
}

#menu .sc:hover{
background:url(images/menu.gif) no-repeat;
background-position:100% 16%;
display:block;
height:18px;
width:158px;
}

#menu .chara:hover{
background:url(images/menu.gif) no-repeat;
background-position:100% 50%;
display:block;
height:18px;
width:158px;
}

#menu .story:hover{
background:url(images/menu.gif) no-repeat;
background-position:100% 33%;
display:block;
height:18px;
width:158px;
}

#menu .goods:hover{
background:url(images/menu.gif) no-repeat;
background-position:100% 67%;
display:block;
height:18px;
width:158px;
}

#menu .special:hover{
background:url(images/menu.gif) no-repeat;
background-position:100% 84%;
display:block;
height:18px;
width:158px;
}

#menu .atama:hover{
background:url(images/menu.gif) no-repeat;
background-position:100% 100%;
display:block;
height:18px;
width:158px;
}


/*サブタイ*/

.sub-news{
background:url(images/sub-new.gif) no-repeat;
height:44px;
width:481px;
margin:0;
padding:0;
}

.naiyou a:visited{
color:#042956;
}

.naiyou a:hover{
color:#042956;
}


.sub-chara{
background:url(images/sub-chara.gif) no-repeat;
height:44px;
width:481px;
margin:0;
padding:0;
}

.sub-goods{
background:url(images/sub-goods.gif) no-repeat;
height:44px;
width:481px;
margin:0;
padding:0;
}

.sub-spe{
background:url(images/sub-spe.gif) no-repeat;
height:44px;
width:481px;
margin:0;
padding:0;
}

.sub-stca{
color:#042956;
background:url(images/sub-stca.gif) no-repeat;
height:44px;
width:481px;
margin:0;
padding:0;
}

.sub-story{
background:url(images/sub-story.gif) no-repeat;
height:44px;
width:481px;
margin:0;
padding:0;
}

/*ポップアップ*/

#chichi-name{
background:url(images/prof-name.gif) no-repeat;
text-indent:-9999px;
height:45px;
margin:0;
padding:0;
}

#prof{
background:url(images/prof-bg.jpg) repeat;
width:400px;
height:300px;
margin:0;
padding:0;
color:#042956;
}

#chichi{
padding:0;
margin:15px 15px;
float:left;
}

#chichi-plo{
text-align:left;
float:right;
margin:0;
padding:10px 20px 0 0;
width:215px;
font-size:76%;
}

#chichi-bun{
overflow:auto;
height:190px;
}

/*テーブル*/

table.story{
border-collapse:collapse;
width:83%;
font-size:80%;
line-height:1.5em;
color:#042956;
margin:0 0 0 40px;
padding:0px;
}

table.story th{
color:#fff;
background:#134583;
margin:0;
padding:0px;
border:1px solid #134583;
text-align:left;
}

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

table td{
vertical-align:top;
}

table.event{
font-size:100%;
color:#134583;
}

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

table.formclass{
font-size:80%;
color:#134583;
}

table.formclass a:link{
font-size:80%;
color:#134583;
}

table.formclass a:visited{
font-size:80%;
color:#134583;
}

table.formclass a:hover{
text-decoration:underline;
color:#134583;
}

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

.tbs-copy1 a:link{
color:#134583;
}

.tbs-copy1 a:visited{
color:#134583;
}

.tbs-link1 a:link{
color:#134583;
}

.tbs-link1 a:visited{
color:#134583;
}


#dvd_title{
	background:url(03story/images/dvd_title.jpg) no-repeat;
	width:230px;
	height:30px;
	margin:10px 0;
}
/*EOF*//