/**********************************************************************
海外ドラマサイト雛形(by.yoshida)
2010_11_09 前頁共通
**********************************************************************/
/*@import url("pk.css"); */
/* ==================================
 BODY基本
================================== */
* { margin:0; padding:0;}
/** { box-sizing :border-box}
* { -moz-box-sizing :border-box}*/

body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,em,img,dl,dt,dd,fieldset,legend,form,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-size:100%;
	/*vertical-align: baseline;*/}

html[xmlns] h1,h2,h3,h4,h5,h6,strong,em {/*mac safari 太字用*/
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Arial,Helvetica, sans-serif;
	font-style:normal;
	font-weight: bold;}

body{
	font-family:/*Verdana, Arial, Osaka,*/ "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing:0.04em;
	background:#000 url(../img/back.jpg) repeat-x 0 41px;
/*	background:#000 url(../img/back.jpg) repeat-x 0 76px;
	background:#000 url(../img/back.jpg) repeat-x 0 177px;　プレゼントヘッダーあり*/ }


body.cast{
	text-align: left;
	background:#000 url(../cast/img/cast_back.jpg) no-repeat;}

body.main_contents{
	font-size:12px;
	/* MacIE5非適応 \*/
	letter-spacing:0.06em;
	/* MacIE5非適応ここまで */}

body .alt{
	width: 0;
	height: 1px;
	overflow: hidden;}

/* MacIE5非適応 \*/
br {
	letter-spacing:normal;}
/* MacIE5非適応ここまで */

img{border:0;margin:0;padding:0;}

.clear {
	clear:both;}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;}

.clearfix {display:inline-table;zoom:1;}

/* MacIE5非適応 \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* MacIE5非適応ここまで */


/*.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));}*/
.iepngfix { behavior: url("../js/iepngfix.htc") }



body a:link,a:visited {
	text-decoration: none;
	color: #03c;}

body a:hover {
	color: #03c;
	text-decoration: underline;}

.attention{
	color:#f00;}

hr { display:none;}/*hrラインハイド*/

.line{/*hrライン実装*/
	background:url(../img/line_01.gif) repeat-x;
	height:1px;
	margin:15px 0;
	clear: both;}

.line02{/*hrライン実装*/
	background:url(../img/line_02.gif) repeat-x;
	height:4px;
	margin:30px 0;
	clear: both;}


/* ==================================
外郭
================================== */
#outline {
	width: 950px;
	margin:0 auto;
	text-align: left;}
/* ==================================
ヘッダ
================================== */
#head{
	width:950px;
	height:126px;
	clear:both;
	background: url(../img/head.jpg) no-repeat;}

#head #logo{
	width:265px;
	height:121px;
	float:left;
	background: url(../img/logo.jpg) no-repeat;}
/* ==================================
メニュー
================================== */
#menu_wrap{
	margin:0 0 0 0;}

#mainmenu{
	width:680px;
	height:45px;
	float:left;
	margin:81px 0 0 0;
	padding:0;
	background: url(../img/menu_ep.jpg) #333 right no-repeat;/* **  エピソード　リンク削除  ***/
}

#mainmenu a{height:45px;width:170px;background:url(../img/menu.jpg) no-repeat;}
#mainmenu ul {list-style:none; position:absolute;}
#mainmenu span.alt {display:none;}
#mainmenu li { display:block;float:left;position:absolute;}

#mainmenu li.menu1 a{background-position:0px 0px;position:absolute; top:0; left:0px;}
#mainmenu li.menu2 a{background-position:-170px 0px;position:absolute; top:0; left:170px;}
#mainmenu li.menu3 a{background-position:-340px 0px;position:absolute; top:0; left:340px;}
#mainmenu li.menu4 a{background-position:-510px 0px;position:absolute; top:0; left:510px;}

#mainmenu li.menu1 a:hover{background-position:0px -45px;}
#mainmenu li.menu2 a:hover{background-position:-170px -45px;}
#mainmenu li.menu3 a:hover{background-position:-340px -45px;}
#mainmenu li.menu4 a:hover{background-position:-510px -45px;}





/* ==================================
メイン外郭
================================== */
#main{
	width:950px;
	margin:0 0 30px 0;
	padding:0;
	clear: both;
	background:#999999;}

#main {   
    overflow: hidden;}   
    
* html #main {   
    height: 1%;}
/* ==================================
コンテンツ外郭
================================== */
#content{
	width:940px;
	margin:0 0 0 5px;
	display: inline;
	float:left;
	min-height: 435px;
	height: auto !important;
	height: 435px;
	clear: both;
	background: #E9EFF3;}

#main_content{
	margin:25px 0 0 25px;
/*	margin:10px 0 0 10px;*/
	width:890px;
	/*background: #f00;*/}

#main_content {   
    overflow: hidden;}
/* ==================================
サイドバー
================================== */
#sideber{
	margin:0;
	width:313px;
	float: right;
	background: url(../img/inc/pr_back.gif) repeat-y;}

#sideber .top{
	margin:0;
	width:313px;
	height:30px;
	height:45px;
	background: url(../img/pr_top2.jpg) no-repeat;}

#sideber .sideber_wrap{
	margin:0;
	width:313px;
	background: url(../img/inc/pr_bottom.gif) no-repeat bottom;}

#sideber .sideber_wrap .details{
	width:273px;
	padding:15px 0 20px 20px;}


#sideber .sideber_wrap .details2{
	width:273px;
	padding:5px 0 10px 20px;}


#win {
	float: right;
	width: 291px;
	margin-top: 15px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	line-height:1.5;
	background-color:#E6E6E6;
	border: #CCC 1px solid;
}


#win a {
	color:#333;
	text-decoration: underline;
}


#win a;hover {
	color:#C60
	text-decoration: underline;
}




/* ==================================
トップページ
================================== */
#visual{
	width: 890px;
	background: #000;
	padding:10px 0;}

#visual #image_wrap{
	margin:0 10px;
	width: 870px;
	height: 300px;}

#visual #image_wrap .top_visual{
	width: 567px;
	height: 300px;
	float:left;}

#visual #image_wrap .title_time{
	width: 293px;
	height: 300px;
	float:right;}

#visual #image_wrap .title_time .timetitle{
	width: 293px;
	height: 31px;
	background: url(../img/timetitle.jpg) no-repeat;}

#visual #image_wrap .title_time ul{
	width: 293px;
	height: 60px;/* ** 通常 **/
/*	height: 30px;* 最終回 **/
	background:#484848;
	margin:0;
	padding:0;}

#visual #image_wrap .title_time ul li{
	width: 293px;
	height: 30px;
	display: block;}

#visual #image_wrap .title_time ul li p{
	padding:7px 0 0 35px;
	font-size: 15px;
	font-weight: bold;
	color: #b9b9b9;}

#visual #image_wrap .title_time ul li.gry{
	background:#666;}



/* ==================================
トップページ／下段 ※中ページ共通有
================================== */
#main_area,
#page_area{
	width: 890px;
	clear: both;}

#main_area,
#page_area02{   
	margin:20px 0 0 0;}

#page_area{   
	margin:30px 0 0 0;}


#page_area img{
	margin: 0;
	padding: 0;
	float: left;
}


div.catch{
	height: 320px;}


#main_area .txtarea{/*トップ*/ 
	width: 566px;
	float:left;}

#page_area .txtarea,
#page_area02 .txtarea{/*中ページ*/ 
	width: 890px;
	margin:20px 0 0 0}

.txtarea .ep_title,
.txtarea .ep_title02,
.txtarea .ep_title_ntc{
	border-bottom: 2px solid #fff;}

.txtarea .ep_title{/*次回予告*/ 
	width: 566px;
	background: url(../img/ep_title.gif) no-repeat;}

.txtarea .ep_title_ntc{/*初回予告*/ 
	width: 566px;
	background: url(../img/ep_title_notice.gif) no-repeat;}

.txtarea .ep_title_end{/*最終話*/ 
	width: 566px;
	background: url(../img/ep_title_end.gif) no-repeat;}


.txtarea .ep_title02{
	background: url(../img/ep_title_.gif) no-repeat;
	margin:0 0 10px 0;
	text-align: left;}

.txtarea .ep_title h2,
.txtarea .ep_title_ntc h2,
.txtarea .ep_title_end h2{
	font-size: 15px;
	padding:12px 0 14px 130px;
	line-height: 100%;
	clear: both;
	overflow: hidden;
/*	border-bottom: 2px solid #1373B9;** 青 ***
	border-bottom: 2px solid #CECE00;*** 黄 ***/
	border-bottom: 2px solid #000;/*** 黒 ***/}

.txtarea .ep_title02 h2{
	font-size: 15px;
	padding:12px 0 14px 30px;
	line-height: 100%;
	clear: both;
	overflow: hidden;
/*	border-bottom: 2px solid #1373B9;** 青 ***
	border-bottom: 2px solid #CECE00;*** 黄 ***/
	border-bottom: 2px solid #000;/*** 黒 ***/}

span.h2_large {
	color:#004B9F;/*** 青 ***/
	font-size: 18px;
}


#int_tight {
	float:right;
	width:650px;
	text-align:left;
}


h3.ep_h3 {
	color:#82A800;
	font-size:16px;
/*	line-height:1.3;*/
	padding-bottom:8px;
}

h4.ep_h4 {
	font-size:13px;
	padding-bottom:3px;
}

div.txt p.p_box {
	padding-bottom:10px;
	margin-left: 240px;
}

img.ep_imgbt {
	margin:0;
	padding:0;
	border: none;
}


#page_area .txtarea .txt p{
	margin-bottom:15px;}




#main_area .txtarea .yokoku{
	clear: both;
	width: 566px;
	padding:15px 0 0 0;
	line-height: 150%;}

#main_area .txtarea .yokoku .imgarea{
	width:248px;
	float:left;}

#main_area .txtarea .yokoku .imgarea img {
	margin-bottom: 5px;}

#main_area .txtarea .yokoku .imgarea span,
#main_area .txtarea .yokoku .imgarea span.epi_h2span{
/*	margin:5px 0 0 0;*/
	font-size: 10px;
	line-height: 120%;}

#main_area .txtarea .yokoku .txt{
	width:304px;
	float:right;}

#main_area .txtarea .yokoku .txt span{
	margin:0 0 5px 0;
	padding:0 0 3px 0 ;
	font-size: 14px;
	line-height: 100%;
	font-weight: bold;
	display: block;
	color: #666;
	border-bottom: 1px dotted #999;}

#main_area .txtarea .yokoku .txt img{
	margin:5px 0 0 0;
	background: url(../img/backnum_bt.gif) no-repeat;
	display: block;}




/* ==================================
中ページ／タイトル
================================== */


#introduction{/*イントロダクション*/
	height:100px;
	background:#000 url(../img/introduction_title.jpg) no-repeat;}

#cast{/*キャスト*/
	height:100px;
	background:#000 url(../img/cast_title.jpg) no-repeat;}

#episode{/*エピソード*/
	height:100px;
	background:#000 url(../img/epi_title.jpg) no-repeat;
/*	background:#000 url(../img/epi_title2.jpg) no-repeat;*/}




/* ==================================
中ページ共通
================================== */
#page_title{
	width: 890px;
	clear: both;}

#page_title h2{
	float:left;}

#page_title .decoration{
	float:right;
	width: 340px;
	height:100px;}

#page_area .txtarea .ep_title,
#page_area02 .txtarea .ep_title{
	background: url(../img/title_tab.gif) no-repeat;}

#page_area02 .txtarea .ep_title{
	margin:0 0 10px 0;}
	
#page_area .txtarea .txt,
#page_area .txtarea .txt_bottom{
	width:890px;
	line-height: 160%;}

#page_area .txtarea .txt{
	margin:15px 0 0 0;
	padding:0 0 30px 0;
	padding:0 0 0 0;}

#page_area .txtarea .txt_bottom{/*下部空間無し*/
	margin:15px 0 0 0;}

#page_area .txtarea .txt .image{
	margin:0 20px 0 0;
	width:220px;
	float:left;}

#page_area .txtarea .txt img,
#page_area .txtarea .txt_bottom img{
	float:left;
	padding:0 0 10px 0;}



/* ==================================
キャスト
================================== */

#cast_wrap{
	margin-top:10px;
}


#cast_wrap table,
#cast_wrap table.padding0 {
	border:0;
	width:890px;
}


#cast_wrap table {
	margin-bottom:50px;
}


#cast_wrap table.padding0 {
	margin-bottom:0;
}



#cast_wrap td.black, 
#cast_wrap td.red {
	width:220px;
	vertical-align:top;
}


#cast_wrap table td.black {
	background-color:#000;
}


#cast_wrap table td.red {
	background-color:#990000;
}


#cast_wrap table td.cast_copy {
	width:670px;
	text-align:left;
	vertical-align: top;
}


#cast_wrap table td.cast_copy p {
	padding:20px 20px 0 20px;
	line-height:1.8;
}


#cast_wrap table td.cast_copy img.name {
	padding:20px 0 10px 0;
}





/* ==================================
エピソード
================================== */

#page_area02 .txtarea h2 span{
	font-size: 12px;
	color: #999;}

#page_area02 .txtarea .yokoku{
	width: 890px;
	margin:0;
	line-height: 150%;
	clear: both;
	overflow: hidden;}

#page_area02 .txtarea .yokoku .imgarea{
	width:248px;
	float:left;
	text-align: left;}

#page_area02 .txtarea .yokoku .imgarea span{
	margin:5px 0 0 0;
	font-size: 10px;
	line-height: 120%;
	display: block;}

#page_area02 .txtarea .yokoku .txt{
	width:630px;
	float:right;
	text-align:left;}




/* ==================================
フッター
==================================*/#pagetop{
	width:890px;
	clear: both;
	text-align: center;}

#pagetop p{
	padding:40px 0 10px 0;}

#copyright{/*ワーナー*/
	width:940px;
	height:20px;
	clear: both;
	text-align: center;
	background: #666;}
	
#copyright p{/*ワーナー*/
	font-size: 11px;
	padding:5px 0;
	color: #e0e0e0;}

#footer {
	clear: both;
	color: #ebebeb;}

#footer_wrap{
	width: 940px;
	height: 43px;
	margin: 0 auto;
	background:url(../img/footer.jpg) no-repeat;}

#footer .pagetop {
	padding:16px 0 0 0;}

#footer .copy {
	padding:17px 0 0 315px;
	font-size: 11px;
	float:left;
	display: block;}

#footer .kako {
	padding:5px 0 0 0;
	font-size: 12px;
	float:right;}