@charset"utf-8";


/*-----------------------------------------------------------------------
    
	CSS information
	 
	 Site URL     :   http://www.fujitv.co.jp/cs/basic/～
	 Created      :   2009-02-12
	 Last update  :   2009-07-02 by Miyashita
	 Copyright    :   (C)Fuji Television Network,inc
	 
-------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
    
	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
	 
	
-------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------
    ベーシックページコンテンツ全体スタイル
-------------------------------------------------------------------------*/

#BasicContents{
	overflow:hidden;
	width:988px;
	margin:0 auto;
	padding: 0;
}

/*-----------------------------------------------------------------------
     ベーシックページ左カラム
-------------------------------------------------------------------------*/

#BasicLeft{
	overflow:hidden;
	float:left;
	width:802px;
	padding: 0;
	margin: 0;
}

/*-----------------------------------------
     左ボックススタイル
-------------------------------------------*/

.BasicLeftBox{
	position:relative;
	width:802px;
	margin:15px 0 0 0;
	padding:0;
	background-image:url(../img/b_hp/basic_box_bg.gif);
}

/*-----------------------------------------
     視聴方法ボタン
-------------------------------------------*/
#BasicLeftWatchingBT{
	z-index:1;
	position:absolute;
	top:10px;
	left:648px;
	width:144px;
	height:33px;
	}
	
/*-----------------------------------------
     放送内容をもっと見る
-------------------------------------------*/
.HosonaiyoBt{
	margin:10px 10px 10px auto;
	width:170px;
	text-align:right;
}

.BasicLeftBoxTitle{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/b_hp/basic_title_bg.gif);
	background-repeat: no-repeat;
}

/*-----------------------------------------
     ベーシック h1スタイル　（ドラマ）
-------------------------------------------*/

.BasicLeftBoxTitle_drama{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_drama.gif);
	background-repeat: no-repeat;
}

.BasicLeftBoxTitle_drama h1{
	width:600px;
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
	padding-bottom: 6px;
}

.BasicLeftBoxTitle_drama h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

/*-----------------------------------------
     ベーシック h1スタイル　（韓流・華流）
-------------------------------------------*/

.BasicLeftBoxTitle_asia{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_asia.gif);
	background-repeat: no-repeat;
}

.BasicLeftBoxTitle_asia h1{
	width:600px;
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
	padding-bottom: 6px;
}

.BasicLeftBoxTitle_asia h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

/*-----------------------------------------
     ベーシック h1スタイル　（音楽）
-------------------------------------------*/

.BasicLeftBoxTitle_music{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_music.gif);
	background-repeat: no-repeat;
}


.BasicLeftBoxTitle_music h1{
	width:600px;
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
	padding-bottom: 6px;
}

.BasicLeftBoxTitle_music h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

/*-----------------------------------------
     ベーシック h1スタイル　（スポーツ）
-------------------------------------------*/

.BasicLeftBoxTitle_sports{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_sports.gif);
	background-repeat: no-repeat;
}

.BasicLeftBoxTitle_sports h1{
	width:600px;
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
	padding-bottom: 6px;
}

.BasicLeftBoxTitle_sports h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

/*-----------------------------------------
     ベーシック h1スタイル　（エンターテイメント）
-------------------------------------------*/

.BasicLeftBoxTitle_entertainment{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_variety.gif);
	background-repeat: no-repeat;
}

.BasicLeftBoxTitle_entertainment h1{
	width:600px;
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
	padding-bottom: 6px;
}

.BasicLeftBoxTitle_entertainment h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

/*-----------------------------------------
     ベーシック h1スタイル　（ニュース）
-------------------------------------------*/

.BasicLeftBoxTitle_news{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_news.gif);
	background-repeat: no-repeat;
}

.BasicLeftBoxTitle_news h1{
	width:600px;
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
	padding-bottom: 6px;
}

.BasicLeftBoxTitle_news h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

/*-----------------------------------------
     ベーシック h1スタイル　（アニメ）
-------------------------------------------*/

.BasicLeftBoxTitle_animekids{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_anime.gif);
	background-repeat: no-repeat;
}

.BasicLeftBoxTitle_animekids h1{
	width:600px;
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
	padding-bottom: 6px;
}

.BasicLeftBoxTitle_animekids h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

/*-----------------------------------------
     ベーシック h1スタイル　（情報・ドキュメント）
-------------------------------------------*/

.BasicLeftBoxTitle_infodoc{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_infopgm.gif);
	background-repeat: no-repeat;
}

.BasicLeftBoxTitle_infodoc h1{
	width:600px;
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
	padding-bottom: 6px;
}

.BasicLeftBoxTitle_infodoc h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}





.BasicLeftBoxSub{
	overflow:hidden;
	width:750px;
	margin:10px auto 10px auto;
	padding:10px;
	background-color:#f6f6f6;
	border: 1px solid #CCC;
}

#BasicLeftBoxSubTop{
	overflow:hidden;
}

#BasicLeftBoxSubBottom{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
	clear: both;
}

.BasicLeftBoxSubImg{
	float:left;
	margin:5px 10px 5px 0;
	padding:5px;
	border:1px solid #CCC;
}

.BasicLeftBoxSub p{
	color:#333;
	font-size:0.75em;
	line-height:180%;

}

/*-----------------------------------------
     左ボックススタイル(OAスケジュール)
-------------------------------------------*/
.BasicLeftBoxTitle2{
	width:802px;
	height:47px;
	margin:0px;
	background-image:url(../img/b_hp/left_title_bg2.gif);
}

.BasicLeftBoxTitle2 h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:47px;
	text-indent:30px;
	float:left;
}
.BasicLeftBoxTitle2 h5{
	color:#333;
	font-size:10px;
	float:right;
	margin-top:23px;
}

#BasicLeftOAHigh{
	overflow-y:auto;
	margin:0;
	height:0;
	width:774px;
	height:240px;
}

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

#BasicLeftOALow{
	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:23px;
	}

.OAScheTub3{
	width:234px;
	float:right;
	}
	
.OAScheTub3 ul{
	list-style:none;
	margin:0;
	padding:0;
	}

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

/*-----------------------------------------
     OAスケジュール　放送日順
-------------------------------------------*/
.OAscheTub1{
	border-top: 5px solid #307494;
	}



/*-----------------------------------------
     OAスケジュール　放送日順
-------------------------------------------*/
.OAscheTub2{
	border-top: 5px solid #5c4f83;
	}



.BasicLeftOA{
	width:774px;
	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;
	}
	
.BasicLeftOAYear{
	border-bottom:4px solid #333;	
}

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

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

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

.BasicLeftOA table{
	border-collapse:collapse;
	border:1px solid #CCC;
	background-color: #FFF;
	font-size:0.8em;
	text-align:center;
}

.BasicLeftOA_SubTitle{
	text-align:left;
}

.BasicLeftOA td{
	border-collapse:collapse;
	border:1px solid #CCC;
}

.BasicLeftOA p{
}

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

/*-----------------------------------------
     放送内容
-------------------------------------------*/
#BasicOACon{
	width:774px;
	margin: 0px auto;
	font-size:0.75em;
	color:#333;
}

#BasicOACon div.BasicOAConSub{
	margin: 15px auto 15px auto;
}

#BasicOACon h3{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
}

h3.BasicOAtitle{
	margin-bottom:0px;
	padding-bottom:0px;
}

#BasicOACon table{
	border-collapse:collapse;
	border:1px solid #999;
	background-color: #FFF;
	line-height:160%;
}

.OA_SHYOKAI_1{
	overflow:hidden;
	width: 720px;
}

.OA_SHYOKAI_H3{
	width:548px; display:block; float:left;
}

.OA_SHYOKAI_P{
	width:170px;
	float:left;
	text-align:right;
}

.OA_SHYOKAI_2{
	line-height:200%;
	text-align:right;
}

.OA_SHYOKAI_2_SYOSAI{
	border-bottom:none;
	}

.OA_SHYOKAI_2_DATE{
	border-top:none;
	vertical-align:bottom;
	}

div.BasicOAContableImg h3{
	width:100%;
	text-align:center;

}

#BasicOACon table td{
	padding:8px;
	border-collapse:collapse;
	border:1px solid #999;
}

#BasicOACon table p{
	color:#333;
	line-height:180%;
}

td.BasicOAContd{
	vertical-align:top;
}

#BasicOAConTebleNew{
	width:774px;
	margin: 15px auto 15px auto;
}

thead.BasicOAConTebleNew{
	background-color:#ede3ea;
}

thead.BasicOAConTebleNormal{
	background-color: #e3ebef;
}

/*詳細に線あるスタイル*/

div.BasicOAConSyosai{
	overflow:hidden;
	width:710px;
	border-top:1px dashed #CCC;
	margin: 0 auto;

}

div.BasicOAConSyosai ul{
	margin:0px;
	list-style:none;
}

div.BasicOAConSyosai li{
	float:left;
	margin:0px;
	list-style:none;
}

div.BasicOAConSyosai{
	overflow:hidden;
	width:710px;
	border-top:1px dashed #CCC;
	margin: 0 auto;

}

div.BasicOAConSyosaiTxt{
	padding-top:2px;

}

/*詳細のみの場合、線を出さないスタイル*/

div.BasicOAConSyosaiNone{
	overflow:hidden;
	width:710px;
	margin: 0 auto;

}

div.BasicOAConTebleImg{


}

p.BasicOAConTebleImg{
	margin:5px 10px 5px 0;
	padding:5px;
	border:1px solid #CCC;
}

p.BasicOAConTebleText{

}

/*-----------------------------------------
     テーブル枠線用スタイル　流用可
-------------------------------------------*/
table.BasicTableBoder{
	border-collapse:collapse;
	border:1px solid #999;
	background-color: #FFF;
	color:#333;
	font-size:0.75em;
}

table.BasicTableBoder td{
	padding:8px;
	border-collapse:collapse;
	border:1px solid #999;
}





/*-----------------------------------------------------------------------
     ベーシックページ右カラム
-------------------------------------------------------------------------*/

#BasicRight{
	float:right;
	width:175px;
	margin: 15px 0 0 0;
	padding: 0;
}




/*-----------------------------------------------------------------------
     番組一覧ページ
-------------------------------------------------------------------------*/

#BasicL{
	overflow:hidden;
	width:802px;
	padding: 0;
	margin: 0 auto;
}

.CloseTxt{
	width:95%;
	margin:0 auto 15px auto;
	text-align:right;
	font-weight:bold;
	font-size:0.75em;
	color:#333;
}

.CloseTxt a {
	color:#333;
	text-decoration:none;
}

.CloseTxt a:link {
	color:#333;
}

.CloseTxt a:hover {
	color:#333;
	text-decoration:underline;
}

.CloseTxt a:visited {
	color:#333;
}

.CloseTxt a:active {
	color:#333;
}



/*-----------------------------------------
     右ボックススタイル
-------------------------------------------*/

.BasicRightBox{
	width:175px;
	margin: 0 0 10px 0;
	padding: 0;
	background-image: url(../img/b_hp/basic_rightbox_bg.gif);
}

/*-----------------------------------------
     ご感想・番組リクエストボタン
-------------------------------------------*/

.BasicRightBoxBT{
	overflow:hidden;
	width:175px;
	margin: 0 0 5px 0;
	padding: 0;
}

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

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





h3.BasicRightBoxTitle{
	width:175px;
	height:28px;
	margin: 0;
	padding: 0;
	background-image:url(../img/b_hp/basic_rightbox_header.gif);
	color:#333;
	font-size:0.8em;
	font-weight:bold;
	line-height:28px;
	text-align:center;
}

.BasicRightBoxContents{
	width:175px;
	margin:0;
	padding:0px 0 6px 0;
	text-align:center;
}

/*-----------------------------------------
     関連番組・関連サイト
-------------------------------------------*/
#BasicRightKanrenTop{
	margin:0 auto;
	padding:5px 3px 5px 3px;;
	width:150px;
	background-color:#FFF;
	border:1px solid #999;
	}

#BasicRightKanrenTop h4{
	margin:3px auto 3px auto;
	width:137px;
	color:#333;
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	}

#BasicRightKanrenTop p{
	margin:3px auto 3px auto;
	width:137px;
	color:#333;
	font-size:0.8em;
	text-align:left;
	}	

#BasicRightKanrenTop a:link{
	display:block;
	color: #333;
	text-decoration:none;
}
#BasicRightKanrenTop a:visited{
	display:block;
	color: #333;
	text-decoration:none;
}
#BasicRightKanrenTop a:active{
	display:block;
	color: #333;
	text-decoration:none;
}
#BasicRightKanrenTop a:hover{
	display:block;
	color: #333;
	text-decoration:underline;
}

/*-----------------------------------------
     <span>でアイコン化 5/17
-------------------------------------------*/
#BasicRightKanrenTop span.KanrenIcon{
	display:block;
	text-indent:13px;
	color:#333;
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	background-image: url(../img/b_hp/arrow.gif);
	background-repeat:no-repeat;
	line-height:125%;
}


/*-----------------------------------------
     関連番組・関連サイト(下段)
-------------------------------------------*/
#BasicRightKanrenBottom{
	margin:5px auto 5px auto;
	padding:5px 3px 5px 3px;
	;
	width:150px;
	background-color:#FFF;
	border:1px solid #999;
	}

#BasicRightKanrenBottom h3{
	margin:3px auto 3px auto;
	width:137px;
	text-indent:15px;
	color:#333;
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	background-image: url(../img/b_hp/arrow.gif);
	background-repeat:no-repeat;
	}	
#BasicRightKanrenBottom a:link{
	display:block;
	color: #333;
	text-decoration:none;
}
#BasicRightKanrenBottom a:visited{
	display:block;
	color: #333;
	text-decoration:none;
}
#BasicRightKanrenBottom a:active{
	display:block;
	color: #333;
	text-decoration:none;
}
#BasicRightKanrenBottom a:hover{
	display:block;
	color: #333;
	text-decoration:underline;
}

/*---------------------------------------------
     OAスケジュールのテーブルの列幅　（初期）
-----------------------------------------------*/
.OATableCol_1{
	width:70px;
}

.OATableCol_2{
	width:135px;
}

.OATableCol_3{
	width:50px;
}

.OATableCol_4{
	width:70px;
}

.OATableCol_5{
	width:70px;
}

.OATableCol_6{
	width:70px;
}



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

.OATableCol2_2{
	width:135px;
}

.OATableCol2_3{
	width:35px;
}

.OATableCol2_4{
	width:230px;
}

.OATableCol2_5{
	width:50px;
}

.OATableCol2_6{
	width:50px;
}

.OATableCol2_7{
	width:50px;
}

.OATableCol2_8{
	width:150px;
}

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

.OATableCol3_2{
		width:230px;
}

.OATableCol3_3{
		width:70px;
}

.OATableCol3_4{
		width:135px;
}

.OATableCol3_5{
	width:50px;
}

.OATableCol3_6{
	width:50px;
}

.OATableCol3_7{
	width:50px;
}

.OATableCol3_8{
	width:150px;
}


/*-----------------------------------------
     右カラム　ボックスの白背景
-------------------------------------------*/
.BasicRightBoxBg{
	margin:0 auto;
	padding:5px 3px 5px 3px;;
	width:150px;
	background-color:#FFF;
	border:1px solid #999;
	}

.BasicRightBoxBg p{
	margin:3px auto 3px auto;
	width:137px;
	color:#333;
	font-size:0.7em;
	text-align:left;
	}		


/*-----------------------------------------
     右カラム　OAスケジュール スタイル
-------------------------------------------*/
.BasicRightOABox{
	margin:0 auto;
	padding:0;
	width:165px;
	background-color:#FFF;
	border:1px solid #999;
	font-size:10px;
	}

.BasicRightOABox dl{
	list-style:none;
	}
	
.BasicRightOABox dt{
	text-align:left;
	background-color:#FFC;
	color:#333;
	line-height:14px;
	text-indent: 5px;
	}
	
.BasicRightOABox dd{
	color:#333;
	line-height:14px;
	text-align: left;
	text-indent: 4px;
	}