@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*/
	display:block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height:1px;
}


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カスタムスクロール -------------------------------------*/





/*common setting -------------------------------------*/

a:link{ color:#E5C870; text-decoration:none;}
a:visited{ color:#FF6600; text-decoration:none; }
a:hover{ color: #FFCC00; text-decoration:underline; cursor:pointer; }
a:active{ color: #FF6600; 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-color: #000000;
}


#wrapper {
	width: 990px;
	margin: 0 auto;
}


/*--Header-Navi--*/
#topHeader {
	float:left;
	height:150px;/**/
	width:960px;
	padding: 10px 0 0px 0;
	margin: 0 0 0 0;
	height: 210px;
	background: url(../img/top_logo.png) no-repeat top left;/**/
}

#pagesHeader {
	float:left;
	/*height:73px;*/
	width:960px;
	padding: 10px 0 15px 0;
	margin: 0 0 0 0;
	height: 125px;
	background: url(../img/pages_logo.png) no-repeat top center;
}

#topContents {
	float:left;
	width: 960px;
	height:1340px;
	padding:0 15px;
}
#pagesContents {
	float:left;
	width: 960px;
	height:800px;
	padding:0 15px;
}
#topContainer{
	width:960px;
}
#pagesContainer{
	width:860px;/*930px;*/
	height:620px;
	overflow:auto;
	margin: 10px auto 0 auto;
	position:relative;/*IE6scroll-patch*/
}


/*height free*/
#pagesContentsFree {
	float:left;
	width: 960px;
	padding:0 15px;
}
#pagesContainerFree{
	width:860px;/*930px;*/
	margin: 10px auto 0 auto;
	position:relative;/*IE6scroll-patch*/
}
/*height free*/




.hidden{
	text-indent:-9999px; 
	font-size: 0px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

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

#nav{
	width:960px;
	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.topLogo{width:290px;height:150px;background: url(../img/spacer.gif);}
#nav a.pagesLogo{width:290px;height:100px;background: url(../img/spacer.gif);}

/*1*/
#nav a.news{background:url(../img/btn/btn-news.png) no-repeat left top;width:180px;height:17px;margin-bottom:5px;}
#nav a.news:hover{background-position: left bottom; background-color:#000000;}

#nav a.introduction{background:url(../img/btn/btn-introduction.png) no-repeat left top;width:180px;height:17px;margin-bottom:5px;}
#nav a.introduction:hover{background-position: left bottom; background-color:#000000;}

#nav a.onair{background:url(../img/btn/btn-onair.png) no-repeat left top;width:180px;height:17px;margin-bottom:5px;}
#nav a.onair:hover{background-position: left bottom;}

#nav a.talk{background:url(../img/btn/btn-talk.png) no-repeat left top;width:180px;height:17px;}
#nav a.talk:hover{background-position: left bottom; background-color:#000000;}
/*1*/

/*2*/
#nav a.staffcast{background:url(../img/btn/btn-staffcast.png) no-repeat left top;width:100px;height:17px;margin-bottom:5px;}
#nav a.staffcast:hover{background-position: left bottom;}

#nav a.characters{background:url(../img/btn/btn-characters.png) no-repeat left top;width:100px;height:17px;margin-bottom:5px;}
#nav a.characters:hover{background-position: left bottom;}

#nav a.story{background:url(../img/btn/btn-story.png) no-repeat left top;width:100px;height:17px;margin-bottom: 5px;}
#nav a.story:hover{background-position: left bottom;}
/*2*/

/*3*/
#nav a.oped{background:url(../img/btn/btn-oped.png) no-repeat left top;width:145px;height:17px;margin-bottom:5px;}
#nav a.oped:hover{background-position: left bottom; background-color:#000000;}

#nav a.movies{background:url(../img/btn/btn-movies.png) no-repeat left top;width: 180px;height:17px;margin-bottom:5px;}
#nav a.movies:hover{background-position: left bottom; background-color:#000000;}

#nav a.soundtrack{background: url(../img/btn/btn-st.png) no-repeat left top;width: 180px;height:17px;margin-bottom:5px;}
#nav a.soundtrack:hover{background-position: left bottom; background-color:#000000;}

#nav a.bdbox{background: url(../img/btn/btn-bdbox.png) no-repeat left top;width:145px;height:17px;margin-bottom:5px;}
#nav a.bdbox:hover{background-position: left bottom; background-color:#000000;}

#nav a.soundtrack{background: url(../img/btn/btn-st.png) no-repeat left top;width:145px;height:17px;margin-bottom:5px;}
#nav a.soundtrack:hover{background-position: left bottom; background-color:#000000;}

#nav a.bdbox2{background:url(../img/btn/btn-bdbox02.png) no-repeat left top;width:145px;height:17px;margin-bottom:5px;}
#nav a.bdbox2:hover{background-position: left bottom; background-color:#000000;}
/*3*/

/*4*/
#nav a.novels{background:url(../img/btn/btn-novels.png) no-repeat left top;width:126px;height:17px;margin-bottom:5px;}
#nav a.novels:hover{background-position: left bottom; background-color:#000000;}

#nav a.comics{background:url(../img/btn/btn-comics.png) no-repeat left top;width:126px;height:17px;margin-bottom:5px;}
#nav a.comics:hover{background-position: left bottom; background-color:#000000;}

#nav a.goods{background:url(../img/btn/btn-goods.png) no-repeat left top;width:126px;height:17px;margin-bottom:5px;}
#nav a.goods:hover{background-position: left bottom; background-color:#000000;}

#nav a.rentdvd{background:url(../img/btn/btn-rentdvd.png) no-repeat left top;width:126px;height:17px;}
#nav a.rentdvd:hover{background-position: left bottom;}
/*4*/


#nav ul.navBlock01{margin:5px 0 0 0;padding:0 0 0 30px;}
#nav ul.navBlock02{margin:5px 0 0 15px;padding:0;}
#nav ul.navBlockLogo{margin:0 0 0 5px;padding:0;width: 230px;}
#nav ul.navBlock03{margin:5px 0 0 5px;padding:0;}
#nav ul.navBlock04{margin: 5px 0 0 30px;padding:0;}


h1 {
}



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

/*** footerArea ***/
#footerArea{
	text-align:center;
	padding:15px 0 15px 0;
	margin: 0 auto;
	width: 990px;
}
#footerArea li{
	display:inline;
	margin-right:22px;
}
#footerArea li.last{
	margin-right:0px;
}
#footerArea a{
	color:#ffffff;
	font-size:10px;
}
.copy{
	font-size:10px;
	line-height:18px;
	color:#CCCCCC;
	padding: 0 0 15px 0;
	text-shadow:0px 1px 1px #000000;
}

ul#banners {margin:0px; padding:0;}
ul#banners li.bnr{margin-right:5px;}
ul#banners li.last{margin-right:0px;}

/**/

.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;
}

.linerW {
	margin: 20px 0 20px 0;
	border-top: 1px #000000 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;}
.txt20 { font-size: 20px; 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 -------------------- */