@charset"utf-8";

/* (C)Fuji Television Network,inc */
/*-----------------------------------------------------------------------
     Scenic Clips CSS
	 Last Up Date : 2009/10/06
-------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
    
	CSS order rule
	
	(1)Qualification property

	  display
	  list-style
	  position
	  float
	  clear

    (2)Box property

	  width
	  height
	  margin
	  padding
	  border
	 
    (3)Background property
    
	  background
	 
	(4)Text property
	
	  color
	  font
	  text-decoration
	  text-align
	  vertical-align
	  white-space
	   
    (5)Content property

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

/*-----------------------------------------------------------------------
     -Default style clear
-------------------------------------------------------------------------*/

html {
	padding:0;
	margin:0;
}
body {
	margin:0;
	padding:0;
	font-size:0.8em;
}
pre, blockquote, address {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-size:100%;
	font-weight:normal;
}
ol, ul, li, dl, dt, dd {
	list-style:none;
	margin:0px;
	padding:0px;
}
fieldset, img {
	border:0px;
}
img {
	margin:0;
	font-size:0px;
}



/*-----------------------------------------------------------------------
     �g�b�v�y�[�W�X�^�C��
-------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
     ���w�i�̃X�^�C��
-------------------------------------------------------------------------*/
body#Bg_new-soku{
	background-image:url(../img/bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	}
	



/*-----------------------------------------------------------------------
     �犯人は誰だアンケートページ <NEW>
-------------------------------------------------------------------------*/
.HanninBt{
	overflow:hidden;
	width:400px;
	margin:20px auto 0 auto;
}

.HanninBt ul{
	list-style:none;
	margin:0;
}

.HanninBt li{
	float:left;
	list-style:none;
	margin:0;
}




/*-----------------------------------------------------------------------
     �ニュースページ <NEW>
-------------------------------------------------------------------------*/
.NewsBox{
	width:550px;
	margin:0 auto 15px auto;
	padding:15px;
	border:1px solid #253047;
}

.NewsBox h3{
	color:#FFF;
	line-height:125%;
}

.NewsBox p{
	color:#FFF;
	line-height:125%;
}


p.NewsLink{
	margin:10px 0 0 0;
	color:#F96;
}

.NewsLink a:link{
	color:#F96;
}

.NewsLink a:visited{
	color:#F96;
}

.NewsLink a:hover{
	color: #F96;
}

.NewsLink a:active{
	color:#F96;
}



/*-----------------------------------------------------------------------
     �予告動画ページ <NEW>
-------------------------------------------------------------------------*/
.MovieContents{
	overflow:hidden;
	width:500px;
	margin:0 auto;
}

.MovieContents ul{
	list-style:none;
	margin:0;
	padding:0;
}

.MovieContents li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}




/*-----------------------------------------------------------------------
     �Footer
-------------------------------------------------------------------------*/
#Footer_new-soku{
	position:relative;
	padding-top:0px;
	background-image:url(../img/footer_bt_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}


/*-----------------------------------------------------------------------
     Footerリンク
-------------------------------------------------------------------------*/
.TopSyoBt{
	width:254px;
	margin:0 45px 20px auto;
}

#FooterBt1{
	position:absolute;
	z-index:10;
	top:17px;
	left:46px;
	width:254px;
	height:65px;
}

#FooterBt2{
	position:absolute;
	z-index:10;
	top:17px;
	left:340px;
	width:254px;
	height:65px;
}

#Copy{
	position:absolute;
	z-index:30;
	top:114px;
	left:15px;
	width:50px;
	height:39px;
}

.FooterText{
	display:block;
	width:556px;
	margin:0 auto 5px auto;
	padding:5px 5px 5px 55px;
	border:1px solid #333;
	color:#FFF;
	font-size:10px;
	line-height:160%;
}


ul#FooterLink{
	padding:0;
	width:590px;
	list-style:none;
	}
	
ul#FooterLink li{
	float:left;
	margin:5px;
	width:293px;
	padding:0;
	list-style:none;
	}

#Footer_new-soku a:link{
	color:#FFF;
}


#Footer_new-soku a:visited{
	color:#FFF;
}

#Footer_new-soku a:hover{
	color:#FFF;
}

#Footer_new-soku a:active{
	color:#FFF;
}

/*-------------------------------
     Footerリンク修正版
--------------------------------*/
#FooterNavi{
	width:640px;
	height:180px;
	background-image:url(../img/footer_bt_bg.jpg);
	padding:30px 0 0 0;
}

#FooterNavi ul{
	overflow:hidden;
	width:637px;
	margin:0 0 0 0;
	padding:0 0 0 3px;
}

#FooterNavi li{
	float:left;
	width:155px;
	height:69px;
	margin:0 4px 5px 0;
	padding:0;
}

#FooterNavi li.bic{
	float:left;
	width:632px;
	height:109px;
	margin:0 4px 5px 0;
	padding:0;
}



#FooterCopy{
	width:625px;
	height:138px;
	padding-top:15px;
	background-image:url(../img/copylight_bg.jpg);
}


/*-------------------------------
     Coopylight
--------------------------------*/

#FooterCopyText{
	overflow:hidden;
	width:600px;
	margin:0 auto 0 auto;
	padding:4px;
	border:1px solid #333;
	background-color:#000;
}

#FooterCopyText p.Left{
	float:left;
	width:50px;
}

#FooterCopyText p.Right{
	float:right;
	width:535px;
	padding-left:5px;
	color: #666;
	font-size:0.8em;
	line-height:160%;
}


#FooterCopyText p.Right a:link{
	color: #750003;
}

#FooterCopyText p.Right a:visited{
	color:#750003;
}

#FooterCopyText p.Right a:hover{
	color: #F00;
}

#FooterCopyText p.Right a:active{
	color:#750003;
}


/*-----------------------------------------------------------------------
     ���y�[�W�̃X�^�C��
-------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
     �g�D�}-Header
-------------------------------------------------------------------------*/

#Header{
	position:relative;
	width:640px;
	margin:0;
	padding:0 0 0 0;
}

#HeaderTitle{
	width:522px;
	margin:15px auto 0 auto;
}

#Header h1{
	width:640px;
	margin:0px auto 0 auto;
}

#Header ul{
	margin:0;
	padding:0;
	list-style:none;
}

#Header ul{
	overflow:hidden;
	margin:0 auto;
	padding:0;
	width:436px;
	list-style:none;
}

#Header li{
	margin:0 2px 0 2px;
	padding:0;
	width:140px;
	list-style:none;
	float:left;
	}
	
/*-----------------------------------------------------------------------
     �g�D�}-Contents
-------------------------------------------------------------------------*/

#Contents{
	margin:0;
	padding:0 0 60px 0;
	width:640px;
	background-image:url(../img/naka_bg.jpg);
}

#Contents img{
	vertical-align:bottom;
}

#ContentsTitle{
	margin:0;
	padding:0;
}

#ContentsTitle img{
	vertical-align:bottom;
}


#Contents h2{
	margin:0;
}

/*-----------------------------------------------------------------------
     あらすじ
-------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------
     役者のリンク色
-------------------------------------------------------------------------*/
#Arasuji{
	width:590px;
	margin:0 auto;
	padding:20px 0 0 0;
	color:#CCC;
	line-height:200%;
}

#Arasuji p{
	margin-bottom:15px;
}

#Arasuji img{
	margin:10px;
}

/*-----------------------------------------------------------------------
     あらすじ-役者のリンク色
-------------------------------------------------------------------------*/
#Arasuji .Link{
	color:#F00;
}

#Arasuji span.Link a:link{
	color: #F00;
	text-decoration:none;
}

#Arasuji span.Link a:visited{
	color: #F00;
	text-decoration:none;
}

#Arasuji span.Link a:active{
	color: #F00;
	text-decoration:none;
}

#Arasuji span.Link a:hover{
	color:#F60;
	text-decoration:underline;
}


/*-----------------------------------------------------------------------
     Navi(中ページのナビゲーションスタイル)
-------------------------------------------------------------------------*/

#Navi{
	position:relative;
	width:640px;
	height:88px;
	background-image:url(../img/inner_navi_bg.gif);
}

#Menu1{
	position:absolute;
	z-index:10;
	width:132px;
	height:23px;
	top:14px;
	left:54px;
}

#Menu2{
	position:absolute;
	z-index:20;
	width:132px;
	height:23px;
	top:14px;
	left:189px;
}

#Menu3{
	position:absolute;
	z-index:30;
	width:132px;
	height:23px;
	top:14px;
	left:323px;
}

#Menu4{
	position:absolute;
	z-index:40;
	width:132px;
	height:23px;
	top:14px;
	left:458px;
}

#Menu5{
	position:absolute;
	z-index:50;
	width:132px;
	height:23px;
	top:39px;
	left:114px;
}

#Menu6{
	position:absolute;
	z-index:60;
	width:132px;
	height:23px;
	top:39px;
	left:249px;
}

#Menu7{
	position:absolute;
	z-index:70;
	width:132px;
	height:23px;
	top:39px;
	left:384px;
}

#Message div.Text1{
	margin:15px auto 0 auto;
	width:581px;
}

#Message .MessageBtBox{
	position:relative;
	overflow:hidden;
	margin:15px auto 30px auto;
	width:579px;
	height:100px;
	border: 1px solid #333;
}

#Message .MessageBtBox p{
	display:block;
	position:absolute;
	z-index:10;
	top:21px;
	left:31px;
	width:300px;
	height:62px;
	color:#F00;
	font-size:0.8em;
	line-height:160%;
}

#Message .MessageBTBoxBt{
	position:absolute;
	z-index:20;
	top:9px;
	left:390px;
	width:160px;
	height:83px;
}

/*-----------------------------------------------------------------------
     キャストスタッフ　スタイル
-------------------------------------------------------------------------*/
.CastStaffBox{
	width:100%;
	margin:0 auto 0 auto;
	color:#FFF;
	line-height: 200%;
	font-size: 1.1em;
	text-align: center;
}

.CastStaffBox ul li{
	margin:0;
	padding:0;
}

.CastStaffBox img{
	vertical-align:bottom;
}

.CastStaffMidashi{
	border-bottom:px solid #F00;
	margin: 15px 0 0 0;
}


/*-----------------------------------------------------------------------
     メッセージインライン
-------------------------------------------------------------------------*/

#Messagetext{
	width:580px;
	height:460px;
	margin:0 auto;
}


#ScheduleHigh{
	overflow-y:auto;
	margin:0;
	height:0;
	width:574px;
	height:460px;
}

#ScheduleHigh span img{
	vertical-align:text-bottom;
}

#ScheduleLow{
	margin:0;
	width:774px;
}

/*--------------------------------------------------------------------------------------
     OAスケジュール　タブ
----------------------------------------------------------------------------------------*/
.OAScheTub{
	width:234px;
	float:right;
	}
	
.OAScheTub ul{
	list-style:none;
	margin:0;
	padding:0;
	}

.OAScheTub li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.8em;
	vertical-align:bottom;
	line-height:26px;
	}

/*-----------------------------------------
     タブのボーダー色1
-------------------------------------------*/
.OAscheTub1{
	border-top: 5px solid #307494;
	}



/*-----------------------------------------
     タブのボーダー色2
-------------------------------------------*/
.OAscheTub2{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #8c3372;
	}


/*-----------------------------------------------------------------------
     OAスケジュール
-------------------------------------------------------------------------*/
#Schedule{
	width:574px;
	margin:30px auto;
}


.Schedule{
	width:574px;
	margin: 15px auto 15px auto;
}

ul.HosoC{
	margin:10px 0 10px 0;
	padding:0;
	list-style:none;
	}
	
ul.HosoC li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:20px;
	font-size:0.8em;
	}

ul.HosoC img{
	margin:0 2px 0 2px;
	vertical-align: bottom;
	}
	
.ScheduleYear{
	border-bottom:4px solid #333;	
}

.ScheduleYear h3{
	width:125px;
	margin:0;
	padding:4px 0 2px 0;
	background-color:#333;
	color:#FFF;
	font-size:0.85em;
	text-align:center;
}
.ScheduleYearNone{
	overflow:hidden;

	vertical-align: bottom;
	height: 23px;
}

.ScheduleYearNone h3{
	float:left;
	width:125px;
	margin:0;
	padding:0;
	background-color:#333;
	color:#FFF;
	font-size:0.95em;
	text-align:center;
	height: 23px;
	line-height: 23px;
}

.Schedule table{
	border-collapse:collapse;
	border:1px solid #4f4f4f;
	background-color: #2b2b2b;
	font-size:0.9em;
	text-align:center;
	color:#FFF;
}

.Schedule_SubTitle{
	text-align:left;
}

.Schedule td{
	border-collapse:collapse;
	border:1px solid #4f4f4f;
}

.Schedule p{
}

.Schedule table td{
	padding:6px 2px 6px 2px;
}



/*----------------------------------------------------------
     OAスケジュール1のテーブルの列幅　（日時順バージョン）
------------------------------------------------------------*/
.OATableCol2_1{
	width:75px;
}

.OATableCol2_2{
	width:115px;
}

.OATableCol2_3{
	width:35px;
}

.OATableCol2_4{
	width:130px;
}

.OATableCol2_5{
	width:41px;
}

.OATableCol2_6{
	width:42px;
}

.OATableCol2_7{
	width:49px;
}

.OATableCol2_8{
	width:84px;
}

/*-----------------------------------------------------------
     OAスケジュール2のテーブルの列幅　(放送回順バージョン)
------------------------------------------------------------*/
.OATableCol3_1{
		width:35px;
}

.OATableCol3_2{
		width:130px;
}

.OATableCol3_3{
		width:75px;
}

.OATableCol3_4{
		width:115px;
}

.OATableCol3_5{
	width:41px;
}

.OATableCol3_6{
	width:42px;
}

.OATableCol3_7{
	width:49px;
}

.OATableCol3_8{
	width:84px;
}
/*-----------------------------------------------------------
     OAスケジュール　土曜日・日曜日の文字色
------------------------------------------------------------*/
.FontOaSat {
	color:#fff;
}

.FontOaSun {
	color:#fff;
}

.otnLogoTextColorON{
	color:#fff;
	font-weight:bold;
}

.otnLogoTextColorOFF{
	color:#666;
}

/*-----------------------------------------------------------------------
     �第一話無料告知ページスタイル
-------------------------------------------------------------------------*/
.Kokuchi{
	margin:20px 0 0 0;
	padding:0 0 0 0;
}

.Kokuchi img{
	vertical-align:bottom;
}

#Kokuchi{
	width:640px;
}

.KokuchiBox{
	overflow:hidden;
	width:594px;
	margin:0 auto 15px auto;
	padding-top:3px;
	padding-bottom:3px;
	border:1px solid #2d2d2d;
	background-color:#1c1c1c;
}

.KokuchiImg{
	width:588px;
	margin:0 auto;
	text-align: center;
}

.KokuchiBoxSub{
	width:557px;
	padding:10px;
	margin:0 auto;
	border:1px solid #3a3a3a;
	background-color:#2f2f2f;
}



.KokuchiBoxSub a:link{
	color:#FFF;
}


.KokuchiBoxSub a:visited{
	color:#FFF;
}

.KokuchiBoxSub a:hover{
	color:#FFF;
}

.KokuchiBoxSub a:active{
	color:#FFF;
}

.KokuchiBoxSub h3{
	font-weight:bold;
	font-size:1.25em;
	color:#FFF;
}

.KokuchiBoxSub p{
	color:#FFF;
	line-height:160%;
}

.KokuchiBoxFooterLink{
	display:block;
	text-align:center;
	margin:15px auto 15px auto;
}

p.KokuchiMidashi{
	display:block;
	width:90%;
	margin:10px auto 10px auto;
	text-align:left;
	color:#FFF;
	font-weight:bold;
	font-size: 1.1em;
	line-height:160%;
}

.ColorOnDemand{
	color:#F30;
	font-size:1.2em;
}

.ColorSka{
	color:#06F;
	font-size:1.2em;
}

.ColorSkaE2{
	color: #F00;
	font-size:1.2em;
}

.ColorKble{
	color: #093;
	font-size:1.2em;
}

ul.SlaLink{
	width:450px;
	margin:0 auto;

}

ul.SlaLink li{
	float:left;
	margin:0 5px;
}

.QuestionArea{
	width:580px;
	height:100px;
	margin:15px auto 10px auto;
}

.QuestionIFream{
	width:580px;
	height:100px;
}
/*-----------------------------------------------------------------------
     �中ページ右上の「第一話無料」リンク
-------------------------------------------------------------------------*/
#InnerFreeBt{
	position:absolute;
	z-index:10;
	top:10px;
	left:418px;
	width:210px;
	height:50px;
}


/*-----------------------------------------------------------------------
     �犯人は誰だアンケート　理由ページスタイル
-------------------------------------------------------------------------*/
.Reason{
	width:500px;
	margin:0 auto;
}

.Reason h3{
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:1.4em;
	color:#FFF;
	font-weight:bold;
	border-bottom:1px solid #FFF;
}

.Reason p{
	font-size:1em;
	color:#FFF;
	line-height:160%;
}

/*-----------------------------------------------------------------------
     �犯人は誰だアンケート　結果ページ同士のリンクスタイル
-------------------------------------------------------------------------*/
.ReasonLink{
	width:170px;
	margin:0 auto;
	color:#FFF;
}

.ReasonLink p{
	display:block;
	width:150px;
	padding:10px;
	margin:0 50px 0 0;
	border:1px solid #333;
	text-align:center;
}


.ReasonLink p a:link{
	color: #F00;
	text-decoration:none;
}

.ReasonLink p a:visited{
	color: #F00;
	text-decoration:none;
}

.ReasonLink p a:active{
	color: #F00;
	text-decoration:none;
}

.ReasonLink p a:hover{
	color:#fff;
	text-decoration:underline;
}






/*-----------------------------------------------------------------------
     �インタビューページ
-------------------------------------------------------------------------*/
dl#Interview{
	width:520px;
	margin:20px auto 0 auto;
}

dl#Interview dt{
	margin-bottom:15px;
	color:#C60;
	font-size:1.15em;
	font-weight:bold;
}

dl#Interview dd{
	margin-bottom:40px;
	padding-bottom:40px;
	color:#FFF;
	line-height:150%;
	border-bottom:1px solid #333;
}



/*-----------------------------------------------------------------------
     ・pubtweet
-------------------------------------------------------------------------*/
.PubTweetBox{
	width:580px;
	margin:0 auto;
}

.PubTweetBox h3{
	margin-top:45px;
	font-size:1.6em;
	font-weight:bold;
	color:#F90;
	line-height:165%;
}

.PubTweetBox p{
	font-size:0.95em;
	color:#FFF;
	line-height:165%;
}

span.Redtext{
	font-size:0.95em;
	color:#F00;
	font-weight: bold;
}

ul li{
	font-size:0.95em;
	color:#FFF;
	line-height:165%;
	}


.PubTweetBox a:link{
	color:#F96;
}

.PubTweetBox a:visited{
	color:#F96;
}

.PubTweetBox a:hover{
	color: #F96;
}

.PubTweetBox a:active{
	color:#F96;
}

/*------------
追加　試写会
-------------*/
.shisyakaiBoxSub{
	width:520px;
	padding:10px;
	margin:0 auto;
	border:1px solid #3a3a3a;
	background-color:#2f2f2f;
}

/*-----------------------------------------------------------------------
試写会
-------------------------------------------------------------------------*/
dl#shisyakai{
	width:560px;
	margin:20px auto 0 auto;
}

dl#shisyakai dt{
	margin-bottom:10px;
	color:#FF0000;
	font-size:1.15em;
	font-weight:bold;
}

dl#shisyakai dd{
	margin-bottom:5px;
	padding-bottom:5px;
	color:#FFF;
	line-height:150%;
}

dl#shisyakai dd.line{
	margin-bottom:5px;
	padding-bottom:5px;
	color:#FFF;
	line-height:150%;
	border-bottom:1px solid #333;
}

dl#shisyakai a{color:#FF0000; text-decoration:underline;}