/*------------------------------------------------
common.css
2009.03.23
painkillerjane
------------------------------------------------*/

div,
span,
dl,
dt,
dd,
input,
label,
form,
select,
p,
td,
tr,
th,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
address,
body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul,li {
	list-style:none;
}

img {
	border:none;
}

address{
	text-decoration:none;
	font-style:normal;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

th {
	text-align:left;
	font-weight:normal;
}

object, iframe {
	overflow: visible;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.img{
	margin:0px;
	padding:0px;
	}


/* common
------------------------------------------------*/
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:#000000;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #FFFFFF;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka';
	_font-family: 'ＭＳ Ｐゴシック';
}

#main{
	margin:0px auto;
	width:990px;
	background:#000000;	
}

/* top新着
------------------------------------------------*/
.top-news{
width:990px;
min-height:85px;
height: auto !important;
height:85px;
background: #3D3D3D url(../images/new_bg01.jpg) left bottom no-repeat;
margin:0px auto 0px;
padding:0px 0px 25px 0px;
}

.top-news li{
	text-indent:45px;
	margin:2px 0px 0px 0px;
	font-size:13px;
	line-height:16px;
}

.top-news a:link {color:#FFCC00; font-weight:normal;}
.top-news a:visited {color:#FFCC00; font-weight:normal;}
.top-news a:hover {color:#FFCC00;	font-weight:normal;}
.top-news a:active {color:#FFCC00; font-weight:normal;}

/* heder
------------------------------------------------*/

#header{
	margin:0 auto;
	background:#000000;	
}

/*--Global Navigation--*/
#gNavi {
	width:990px;
	height:45px;
	margin:0;
	padding:0;
	position:relative;
}

#gNavi li{
	float:left;
	overflow:hidden;
	text-indent:-999em;
}

/*番組トップ*/
#gNavi .navi01 {
	width:198px;
	height:45px;
}

#gNavi .navi01 a{ 
	width:198px;
	height:45px;
	display:block;
	background: url(../images/g_navi01.jpg) 0 0 no-repeat;
	}
#gNavi .navi01 a:hover { 
	background: url(../images/g_navi01.jpg) 0 -45px no-repeat;
	}

/*あらすじ*/
#gNavi .navi02 {
	width:198px;
	height:45px;
}
#gNavi .navi02 a {
	width:198px;
	height:45px;
	display:block;
	background:url(../images/g_navi02.jpg) 0 0 no-repeat;
}
#gNavi .navi02 a:hover { 
	background: url(../images/g_navi02.jpg) 0 -45px no-repeat;
	}

/*各話のストーリー*/
#gNavi .navi03 {
	width:198px;
	height:45px;
}
#gNavi .navi03 a {
	width:198px;
	height:45px;
	display:block;
	background:url(../images/g_navi03.jpg) 0 0 no-repeat;
}
#gNavi .navi03 a:hover { 
	background: url(../images/g_navi03.jpg) 0 -45px no-repeat;
}

/*登場人物*/
#gNavi .navi04 {
	width:198px;
	height:45px;
}
#gNavi .navi04 a {
	width:198px;
	height:45px;
	display:block;
	background:url(../images/g_navi04.jpg) 0 0 no-repeat;
}
#gNavi .navi04 a:hover { 
	background: url(../images/g_navi04.jpg) 0 -45px no-repeat;
}

/*人物相関図*/
#gNavi .navi05 {
	width:198px;
	height:45px;
}
#gNavi .navi05 a {
	width:198px;
	height:45px;
	display:block;
	background:url(../images/g_navi05.jpg) 0 0 no-repeat;
}
#gNavi .navi05 a:hover { 
	background: url(../images/g_navi05.jpg) 0 -45px no-repeat;
}

/*--Global Navigation End--*/

h1{
margin: 0px;
padding: 0px;
}

h2{
margin: 0px;
padding: 0px;
}


/* content
------------------------------------------------*/

#content{
	margin:0px auto;
	padding: 30px 0px 0px 0px;
	width:990px;
	background: #585858 url(../images/content_bg.gif) no-repeat;
}

.content-ttl{
width:883px;
margin: 0px auto 0px;
}

.box{
width:840px;
margin:0px auto 0px;
}

.line-img{
width:840px;
margin:0px;
padding:20px 0px 0px 0px;
}

/* リンクカラー
------------------------------------------------*/
a:link {color:#FFFFFF; text-decoration:underline; 	font-weight:normal;}
a:visited {color:#FFFFFF; text-decoration:underline;	font-weight:normal;}
a:hover {color:#FFFFFF;	text-decoration:underline;	font-weight:normal;}
a:active {color:#FFFFFF; text-decoration:underline;	font-weight:normal;}


/* fooder
------------------------------------------------*/
.page-fooder{
	width:990px;
	height:85px;
	margin:0px;
	padding:0px;
	background: #000000 url(../images/fooder_bg.jpg);
}

.pagetop{
	padding:45px 0px 0px 865px;
	width:99px;
}


/* clear
------------------------------------------------*/
.clear{
	clear:both;
}


/* マージン調整
------------------------------------------------*/
.margin-T10{ margin: 10px  0px 0px 0px;}
.margin-L10{ margin: 0px  0px 0px 10px;}
.margin-B5{ margin: 0px  0px 5px 0px;}
.margin-B10{ margin: 0px  0px 10px 0px;}

/* フォント設定
------------------------------------------------*/
.txt-bold{ font-weight:bold;}

/* 『あらすじ』ページ
------------------------------------------------*/

#intro .main-text{
	width:840px;
	margin:20px auto 0px;
	padding:0px 0px 20px;
}

#intro .sub{
	width:490px;
	float:left;
}

.sub-text{
	width:460px;
	margin:0px;
	padding:15px 15px 5px;
	background: #AAAAAA url(../images/intro_subtxt_bg1.gif) no-repeat;
	color:#333333;
	font-size:0.9em;
	line-height: 1.2em;
}

.sub-text-b {
	width:490px;
	clear:both;
}

#intro .ph-img{
	width:330px;
	margin:0px 0px 0px 20px;
	padding:0px;
	float:left;
}

/* 『ストーリー』ページ
------------------------------------------------*/

.btn-backno{
width:214px;
margin:20px 0px 0px 626px;
padding:0px;
}

#story h3{
font-weight:bold;
color: #FFCC00;
background:url(../images/icon_h3.jpg) 0 0 no-repeat;
background-position: left top;
text-indent:28px;
letter-spacing: 0.2em;
font-size:1.5em;
margin:0px 0px 5px 0px;
padding:1px 0px 10px 0px;
float:left;
}

#story .ph-img{
	width:205px;
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
}

#story .main-text{
	width:830px;
	margin:0px;
	padding:0px;
	float:left;
}

#story .day{
float:left;
font-size:1.6em;
font-weight: normal;
color:#FFFFFF;
font-size:1.0em;
padding:2px 0px 0px 15px;
}

#story .main-text-r{
	width:545px;
	margin:0px;
	padding:0px;
	float: left;
}

#story .main-text-l{
	width:545px;
	margin:0px;
	padding:0px;
	float: right;
}

#story .ph-img-l{
	width:275px;
	margin:0px 20px 0px 0px;
	padding:0px;
	float:left;
}

#story .ph-img-r{
	width:275px;
	margin:0px 0px 0px 20px;
	padding:0px;
	float: right;
}

#story .btn{
width:140px;
margin: 10px auto;
padding:0px;
}

#story .btn .back{
width:65px;
float:left;
margin:0px 5px 0px 0px;
}

#story .btn .next{
width:65px;
float:left;
margin:0px 0px 0px 5px;
}

/* 『ストーリー：バックナンバー』ページ
------------------------------------------------*/

.sub-ttl{
width:840px;
margin:10px 0px 10px 0px;
}

#story-backno .list li{
margin:0px;
padding:8px;
border-bottom: 1px #FFFFFF dotted;
text-indent: 15px;
font-size:1.2em;
}

#story-backno .list li a{
font-weight:bold;
color:#FFCC00;
}

/* 『登場人物』ページ
------------------------------------------------*/
#cast h3{
	margin:10px 0px 10px 0px;
}

.cast-box{
width:840px;
margin:0px;
padding:0px;
}

.cast01-ph{
width:320px;
float:left;
}

.cast01-comment{
margin: 0px 0px 0px 10px;
float:left;
}

.cast01-txt{
width:480px;
margin: 0px;
padding:10px 10px 0px;
background:#464646 url(../images/cast01_txt_bg1.jpg) no-repeat ;
}

.cast-box2{
width:400px;
margin:0px 5px;
padding:0px;
float:left;
}
.cast02-ph{
width:160px;
float:left;
}
.cast02-comment{
margin: 0px 0px 0px 8px;
float:left;
}

.cast02-txt{
width:210px;
margin: 0px;
padding:10px 10px 0px;
background:#464646 url(../images/cast02_txt_bg1.jpg) no-repeat ;
}


/* 『人物相関図』ページ
------------------------------------------------*/
#chart .text-box{
	width:862px;
	padding:5px 0px 15px 0px;
	margin:0px auto;
	font-size:0.9em;
}

#chart .img-box{
	width:862px;
	margin:15px auto 0px;
}


/*	UP
---------------------------------------------*/


.up a:link {color:#ffffff; font-weight:normal; text-decoration:none;}
.up a:visited {color:#ffffff; font-weight:normal; text-decoration:none;}
.up a:hover {color:#ffffff;	font-weight:normal; text-decoration:none;}
.up a:active {color:#ffffff; font-weight:normal; text-decoration:none;}


.btn_box{
	margin:0 auto;
	width:272px;
	background:url(../images/btn_up.gif) no-repeat;
	height:30px;
	float:right;
	padding-left:68px;
	padding-top:8px;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	
}


.up_btn{
	display:block;
	width:340px;
	height:35px;
	cursor: pointer;/*マウスオーバーで指マークにする（IE6対策）*/
	
}

.up{
	float:right;
	padding-top:15px;
	
}

.story_num{
	font-size:1.2em;
	
}