@charset "utf-8";

/* CSS Document */



/*  -------------------- Reset -------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {

	border-collapse: collapse;

	border-spacing: 0;

}



.clearfix:after{

	content:".";

	display: block;

	height:0px;

	clear:both;

	line-height:0;

	visibility:hidden;

}



.clearfix{

	zoom:1;/*for IE 5.5-7*/

}

/* Hides from IE-mac \*/

* html .clearfix {

	height:1px;

}

.clearfix{

	display:block;

}



img {

	border: none;

	vertical-align: top;

}



.clearboth {clear:both;}



/*  -------------------- //Reset -------------------- */





/*  -------------------- Global setting -------------------- */



/*IEカスタムスクロール

-------------------------------------*/

*{

	scrollbar-face-color: #000000;

	scrollbar-track-color: #222222;

	scrollbar-arrow-color: #FFCC00;

	scrollbar-3dlight-color: #8d6a02;

	scrollbar-highlight-color: #663300;

	scrollbar-shadow-color: #5a410b;

	scrollbar-darkshadow-color: #333333;

}

/*IEカスタムスクロール -------------------------------------*/







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

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

a:hover{ color:#FFCC66; text-decoration:underline; cursor:pointer; }

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





body {

	color: #CCCCCC;

	font-size: 13px;

	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;

	/*font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", "Times New Roman", Times, serif;*/

	line-height: 1.3em;

	background:#000000 url(../img/bg.jpg) top left repeat-x;

}



#wrapper {

	width: 990px;

	margin: 0 auto;

}





/*--Header-Navi--*/



#header {

	float:left;

	/*height:73px;*/

	width:990px;

	padding: 0;

	margin: 15px 0 0 0;

	padding: 8px 0 9px 0;

}



#navSet{

	float:left;

	width:990px;

	/*height:58px;*/

	padding: 8px 0 8px 0;

	margin:0;

}



	/*float:left;*/

/*#nav{

	margin:0;

	padding:0;

	width:990px;

	height:42px;

}



#nav ul {

	margin:0px;

	padding: 0;

	float:left;

	height:42px;

}



#nav a{

	height:42px;

	display:block;

	text-indent:-9999px;

	float:left;

	padding:0;

	margin:0

	zoom: 1;

}



#nav li {

line-height:0px;

	padding:0;

	margin:0;

	float:left;

}



#nav li.logo{display:block;border-right:#FF0000 solid 2px; width:162px; height:42px;background-image:url(../img/mini_logo.png);}

#nav a.logo{background-image:url(../img/mini_logo.png);}

#nav a.logo:hover{background-image:url(../img/mini_logo.png) -10px 0;}





#nav ul li img{

	vertical-align:bottom;

}

*/

/*ul#navi {

	margin:0;

	padding: 0;

}



ul#navi li {

	margin:0;

	padding: 0;

}

*/

.hidden{

	text-indent:-9999px; 

	font-size: 0px;

	display: block;

	position: absolute;

	left: 0px;

	top: 0px;

}



.png{padding:0;	margin:0;}



#nav{

	width:990px ;

	height: 42px;

	clear:both;

	padding:0;

	margin:0;

}

#nav ul{

	list-style-type: none;

	margin: 0;

	padding:0;

	float:left;

}

#nav li{

	padding:0;

	margin:0;

	line-height:0;

}



#nav a{text-indent:-9999px;display:block;height:14px;background-repeat:no-repeat;padding:0;margin:0;line-height:normal;}



#nav a.logo{width:162px;height:42px;background: url(../img/mini_logo.png); border-right:#FF0000 2px solid;}



/**/

#nav a.news{width:120px;background:url(../img/btn/news_off.png);}

#nav a.news:hover{background:url(../img/btn/news_on.png);}



#nav a.story{width:120px;background:url(../img/btn/story_off.png);}

#nav a.story:hover{background:url(../img/btn/story_on.png);}



#nav a.about{width:120px;background:url(../img/btn/about_off.png);}

#nav a.about:hover{background:url(../img/btn/about_on.png);}

/**/



/**/

#nav a.characters{width:120px;background:url(../img/btn/chara_off.png);}

#nav a.characters:hover{background:url(../img/btn/chara_on.png);}



#nav a.staffcast{width:120px;background:url(../img/btn/staffcast_off.png);}

#nav a.staffcast:hover{background:url(../img/btn/staffcast_on.png);}

/**/



/**/

#nav a.music{width:65px;background:url(../img/btn/music_off.png);}

#nav a.music:hover{background:url(../img/btn/music_on.png);}



#nav a.books{width:65px;background:url(../img/btn/books_off.png);}

#nav a.books:hover{background:url(../img/btn/books_on.png);}



#nav a.bddvd{width:65px;background:url(../img/btn/bddvd_off.png);}

#nav a.bddvd:hover{background:url(../img/btn/bddvd_on.png);}

/**/



/**/

#nav a.theater{width:120px;background:url(../img/btn/theater_off.png);}

#nav a.theater:hover{background:url(../img/btn/theater_on.png);}



#nav a.bloodpedia{width:120px;background:url(../img/btn/bloodpedia_off.png);}

#nav a.bloodpedia:hover{background:url(../img/btn/bloodpedia_on.png);}



#nav a.goods{width:65px;background:url(../img/btn/goods_off.png);}

#nav a.goods:hover{background:url(../img/btn/goods_on.png);}
/**/



/**/

#nav a.gallery{width:120px;background:url(../img/btn/gallery_off.png);}

#nav a.gallery:hover{background:url(../img/btn/gallery_on.png);}



#nav a.special{width:120px;background:url(../img/btn/special_off.png);}

#nav a.special:hover{background:url(../img/btn/special_on.png);}



#nav a.webradio{width:120px;background:url(../img/btn/webradio_off.png);}

#nav a.webradio:hover{background:url(../img/btn/webradio_on.png);}

/**/



/**/

#nav a.mailmagazine{width:126px;background:url(../img/btn/mailmaga_off.png);}

#nav a.mailmagazine:hover{background:url(../img/btn/mailmaga_on.png);}



#nav a.twitter{width:120px;background:url(../img/btn/twitter_off.png);}

#nav a.twitter:hover{background:url(../img/btn/twitter_on.png);}

/**/



#nav ul.navBlock01{margin-left:20px;padding:0;}

#nav ul.navBlock02{margin-left:36px;padding:0;}

#nav ul.navBlock03{margin-left:18px;padding:0;}

#nav ul.navBlock04{margin-left:34px;padding:0;}

#nav ul.navBlock05{margin-left:20px;padding:0;}

#nav ul.navBlock06{margin-left:12px;padding:0;}





h1 {

}



#qr {

	float: left;

	margin: 0 0 0 0;

}

/*------------------------------------

          Interview

------------------------------------*/

.pageRight_special h2.title {
	text-align:center;
}

p.interLead{
	padding:20px 0;
	text-align:center;
}

p.interPhoto{
	text-align:center;
	padding:0 0 20px 0;
}

div.interBox{
	margin-bottom:20px;
}

div.interBox p.name{
	font-weight:bold;
	color:#E70012;
}

div.caption{
	font-weight:bold;
	color:#9e9224;
}





/*---------------------------------- Footer setting ---*/



#footerSet {

	font-size: 12px;

	margin:0;

	padding: 30px 0 0 0;

	height:100px;

	background:url(../img/pagesFooter_gr.png) top left repeat;

}



#pagesFooter {

	font-size: 12px;

	margin:0 auto;

	width: 990px;

	height:72px;

	padding-right: 0px;

}



#foot {

	font-size: 12px;

	margin:0 30px;

	width: 930px;

	height:72px;

	padding: 0px;

}



#bannerSet{

	float:right;

	width: 500px;

	display:block;

}



.banners {

	width: 500px;

	margin: 0;

	padding: 0;

	color:#cccccc;

	text-align:left;

}



.banners ul{

	margin: 0;

	padding: 0;

}



.banners ul li{

	list-style: none;

	margin: 0;

	padding: 0;

}



.banners li{

	list-style-position:outside;

	display:inline;

	margin: 0;

	padding: 0;

}

.banners img{

	margin: 0 0 5px 0;

	padding: 0;

}





#infoLink {

	/*width: 500px;*/

	margin: 0 0 10px 0;

	color:#cccccc;

}



#infoLink ul{

	margin: 0;

	padding: 0;

}



#infoLink ul li{

	list-style: none;

	margin: 0;

	padding: 0;

}



#infoLink li{

	list-style-position:outside;

	display:inline;

	margin: 0;/*0 0 4px 0*/

	padding: 0;

}



.infoLinkRight{text-align:right; padding-top:35px;}



#copyright {

	float:left;

	width: 430px;

	height:60px;

}



.liner {

	margin: 20px 15px 20px 0;

	border-top: 1px #000000 solid;

	width:auto;

	text-align:left;

}



.liner-white {

	margin: 20px 15px 20px 0;

	border-top: 1px #CCCCCC solid;

	width:auto;

	text-align:left;

}



.spacer-bottom10 { margin-bottom:10px;}

.spacer-bottom20 { margin-bottom:20px;}

.spacer-bottom30 { margin-bottom:30px;}



/*  -------------------- //Global setting -------------------- */







/*  -------------------- //ruby setting -------------------- */

ruby {

  display:inline-table !important;

  text-align:center !important;

  white-space:nowrap !important;

  text-indent:0 !important;

  margin:0 !important;

  vertical-align:text-bottom !important;

  line-height:1 !important;

}



ruby>rb,ruby>rbc {

  display:table-row-group !important;

  line-height:1.0 !important;

}



ruby>rt,ruby>rbc+rtc {

  display:table-header-group !important;

  font-size:71% !important;

  line-height:1.0 !important;

  letter-spacing:0 !important;

}



ruby>rbc+rtc+rtc {

  display:table-footer-group !important;

  font-size:71% !important;

  line-height:1.0 !important;

  letter-spacing:0 !important;

}



rbc>rb,rtc>rt {

  display:table-cell !important;

  letter-spacing:0 !important;

}

rp {

  display:none !important;

}

.rubyHeight{

	line-height:200%;

}

/*  -------------------- //ruby setting -------------------- */







/*  -------------------- //font setting -------------------- */

/* -- fontsize -- */

.txt10 { font-size: 10px; line-height: 14px;}

.txt11 { font-size: 11px; line-height: 15px;}

.txt12 { font-size: 12px; line-height: 16px;}

.txt13 { font-size: 13px; line-height: 20px;}

.txt15 { font-size: 15px; line-height: 24px;}

/* -- fontsize -- */



/* -- colors -- */

.superRed { color: #FF0000;}

.darkRed { color: #990000;}

.white { color: #FFFFFF;}

.black { color: #000000;}

.lightGray { color: #CCCCCC;}

.darkGray { color: #999999;}

.darkGold { color: #786416}

.gold { color: #C6A31D;}

.copper { color: #B3A356;}

.lightGold { color: #FFCC66;}

.lightBlue { color: #00FFFF;}

.darkPurple { color: #6600CC;}

.darkGreen { color: #007A7E;}



/* -- colors -- */

/*  -------------------- //Font setting -------------------- */