@charset "UTF-8";

/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/


/* 1. main layout
-------------------------------------------*/
body{
/* background:#DBE4ED url(../img/bg.jpg) 0 50% repeat-x;*/
background:#000;
font-size:80%;
font-family: "lr ",serif;
}

.wrapper{
margin:20px auto 10px auto;
padding:0px;
width:800px;
height:600px;
background:url(../img/top_bg3.jpg) no-repeat;
text-align:left;
}

.navi{
margin:0;
padding:158px 0 0 30px ;
width:360px;
}

.navi p{
float:left;
}

.bn_intro{
padding:0 0 2px 8px ;
}

.bn_story{
padding:0 0 2px 8px ;
}

.bn_blog{
padding:0 0 2px 8px ;
}

.bn_tokuho{
padding:0 0 2px 8px ;
}

.bn_staff{
padding:0 0 2px 6px ;
}

.bn_cast{
padding:0 0 2px 6px ;
}

.bn_character{
padding:0 0 2px 6px ;
}

.close{
text-align:center;
padding:10px;
}

.news {
color:#FFFFFF;
padding:30px 5px 10px 0px;
margin:15px 0 0 50px;
width:700px;
height:200px;
background:url(../img/news_bg2.jpg);
}

.newsmado {
padding:0px 10px 0px 15px;
margin:0;
height:200px;
width:670px;
overflow-y: scroll;
}

.newsmado h2{
font-weight:bold;
font-size:110%;
line-height:1.2;
color:#FF3300;
}

.newsmado h3{
font-weight:bold;
font-size:100%;
line-height:1.2;
color:#FFCC00;
}

.newsmado p{
padding:10px 0 0 0;
line-height:1.2;
}

.newsmado p.last{
padding:10px 0 20px 0;
line-height:1.2;
}

.newsmado p.strike{
text-decoration:line-through;
}

.newsmado hr{
margin:0px 0 10px 0;
padding:0px;
border-width:1px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
color:#FF3300;
}

.intro {
position: relative;
padding:20px 20px 20px 30px;
margin:0;
left:70px;
top:100px;
width:640px;
height:380px;
z-index:1;
background:url(../img/main_bg2.jpg) -70px -100px no-repeat;
display:none;
}

.story {
position: relative;
padding:20px 20px 20px 30px;
margin:0;
left:70px;
top:100px;
width:640px;
height:380px;
z-index:1;
background:url(../img/main_bg2.jpg) -70px -100px no-repeat;
display:none;
}

.staff {
position: relative;
padding:20px 20px 20px 30px;
margin:0;
left:70px;
top:100px;
width:640px;
height:380px;
z-index:1;
background:url(../img/main_bg2.jpg) -70px -100px no-repeat;
display:none;
}

.cast {
position: relative;
padding:20px 20px 20px 30px;
margin:0;
left:70px;
top:100px;
width:640px;
height:380px;
z-index:1;
background:url(../img/main_bg2.jpg) -70px -100px no-repeat;
display:none;
}

.character {
position: relative;
padding:20px 20px 20px 30px;
margin:0;
left:70px;
top:100px;
width:640px;
height:380px;
z-index:1;
background:url(../img/main_bg2.jpg) -70px -100px no-repeat;
display:none;
}

.character p{
border-bottom:2px #999999 dotted;
}

.character p.close{
border-bottom:none;
}

.mado{
	padding:0px 10px 0 0;
	margin:0;
	width:628px;
	height:350px;
	overflow-y: scroll;
}

.mado h2{
font-weight:bold;
font-size:120%;
line-height:1.6;
}

.mado p{
padding:10px 0 0 0;
line-height:1.6;
}

.mado p.last{
padding:10px 0 30px 0;
}

.footer{
clear:both;
margin:0px auto;
padding:0;
width:800px;
position:relative;
}

.link{
position:relative;
top:-42px;
left:10px;
}

.copy{
padding:0;
text-align:center;
font-size:90%;
color:#fff;
position:relative;
top:-16px;
}

.txt{
width:1px;
height:1px;
overflow:hidden;
}

.yellow{
color:#FFFF66;
}

/* 2. navigation
-------------------------------------------*/

ul{}

li{
float:left;
padding:0 30px;
}

li.menu{
padding:30px 30px;
}

/* 3. link style
-------------------------------------------*/
a{
overflow:hidden;
cursor:pointer;
color:#99f;
}

a:link{
color:#99f;
text-decoration:underline;
}

a:visited{
color:#99f;
text-decoration:underline;
}

a:hover{
color:#f60;
text-decoration:none;
}

a:active{
color:#f60;
text-decoration:none;
}

/* 4. common parts
-------------------------------------------*/
/* 4.1 of header
-------------------------------------------*/

/* 4.2 of content
-------------------------------------------*/

/* 4.3 of footer
-------------------------------------------*/