@charset "UTF-8";
/* CSS Document */

html, body,
h1, h2, h3, h4, h5,
div, p, ul, ol, li,
img, table, blockquote { margin:0; padding:0; border:0; font-weight:normal; }

ul { list-style-type: none; }

body { font-size: 12px;
	   min-width: 700px;
	   color: #222;
	   text-align:center;
	   background-color:#fefdf8; 
	   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a, a:link { color: #F00; text-decoration: underline; }
a:visited { color: #900; text-decoration: underline; }
a:active  { color: #F00; text-decoration: none; }
a:hover   { color: #F00; text-decoration: none; }

	   
#container{ text-align:left; margin: auto; width: 700px; }
#header { background:url(../img/bg_header.gif); }


.content { background:#EFF6E2; border:solid; border-width:2px; border-color:#67CDDC; }
.content-wrapper { padding-bottom:10px; }
.content-inner { padding:15px 20 10 20; }
.content-title { background:url(../img/dot_8x3.gif) repeat-x bottom; padding-bottom:15px; }
.content-text { background:#FFFFFF; border:solid; border-width:2px; border-color:#FFE383; padding:20px; line-height:180%; }
.content-text-inner { padding:20px 0 10 0; }

.content-chara-inner { padding-top:10px; }
.content-chara-title { padding:4px 00px 2 10; background:#FFE383; font-size:13px; font-weight:bold; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.content-chara-other { padding:4px 00px 2 0; font-size:13px; font-weight:bold; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.content-chara-title-red { padding:3px 10 0 0; font-size:12px; vertical-align:text-bottom; text-align:right; } 

.content-chara-text { padding:20px 0 10 15; font-size:12px; line-height:180%; }
.content-chara-text-other { padding:10px 0 10 15; font-size:12px; line-height:180%; }
.content-chara-img { padding-top:23px; }
.content-chara { background:#FFFFFF; border:solid; border-width:2px; border-color:#FFE383; padding:15px 20 10 20;}

.content-staff { background:#FFFFFF; border:solid; border-width:2px; border-color:#FFE383; }
.content-staff-text { font-size:11px; padding:15px 0px 5px 25px; letter-spacing:0.5px; line-height:180%; }
.content-staff-paragraph { font-size:11px; letter-spacing:0.5px}
.content-staff-position { font-weight:bold;  font-size:10px; white-space:nowrap; }

.content-cast { padding-top:30px; font-weight:600;  font-size:10px; }
.content-cast-position { font-weight:600;  font-size:10px; }

.content-episode-inner { padding-top:10px; }
.content-episode-title { padding:4px 10px 0 5; font-size:16px; font-weight:bold; }
.content-episode-title-red { padding:7px 0 0 5; font-size:11px; color:#F00; font-weight:bold; vertical-align:text-bottom; text-align:right; } 
.content-episode-text { padding:0 0 10 15; font-size:12px; line-height:180%; }

.content-episode { background:#FFFFFF; border:solid; border-width:2px; border-color:#FFE383; padding:15px 20 5 20; line-height:180%; }

.content-onair { background:#FFF; repeat-x; border:solid; border-width:2px; border-color:#67CDDC; padding:13px; line-height:150%; font-weight:bold; }
.content-onair ul { font-size:14px; line-height:150%; font-weight:bold; color: #F00; margin-bottom:8px; }
.content-onair li { font-size:12px; line-height:150%; font-weight:bold; color: #F00; }
.content-onair .small { font-size:11px; line-height:150%; font-weight:bold; color: #F00; }
.content-onair-closed { background-color:#e7f1d5;  padding:13px; font-weight:bold; }
.content-onair a:visited { color: #F00; text-decoration: underline; }
.content-onair a:hover { color: #F00; text-decoration: none; }

.content-link { padding-top:10px; font-weight:bold; }

.pagetop { text-align:right; font-size:9px; font-weight:bold; }
.pagetop a:visited { color: #F00; text-decoration: underline; }
.pagetop a:hover { color: #F00; text-decoration: none; }

/*------------------------------------------
 navigation
------------------------------------------*/
#navigation { width:700px; text-align:center;  }
#navigation ul{ height: 39px; overflow: hidden; }
#navigation li a{ display: block; overflow: hidden; width: 100%; height: 0 !important; height: 39px; padding-top: 39px; background-image: url(../img/btn_navi.gif); }

#nav01 a{ background-position: 0 0; }
#nav02 a{ background-position: -178px 0; }
#nav03 a{ background-position: -288px 0; }
#nav04 a{ background-position: -419px 0; }
#nav05 a{ background-position: -545px 0; }

#nav01 a:hover{ background-position: 0 39px; }
#nav02 a:hover{ background-position: -178px 39px; }
#nav03 a:hover{ background-position: -288px 39px; }
#nav04 a:hover{ background-position: -419px 39px; }
#nav05 a:hover{ background-position: -545px 39px; }