@charset"utf-8";


/*-----------------------------------------------------------------------
    
	CSS information
	 
	 Site URL     :   http://www.fujitv.co.jp/cs/basic/～
	 Created      :   2009-02-20
	 Last update  :   2009-03-31 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
	 
	
-------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------
    ジャンルトップ　コンテンツ全体スタイル
-------------------------------------------------------------------------*/

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

/*-----------------------------------------------------------------------
     ジャンルトップ　左カラム
-------------------------------------------------------------------------*/

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

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

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

/*-----------------------------------------
     ジャンルページ視聴方法ボタン
-------------------------------------------*/
#GenreLeftWatchingBT{
	z-index:1;
	position:absolute;
	top:10px;
	left:648px;
	width:144px;
	height:33px;
	}

#GenreLeftWatchingBT_2{
	z-index:1;
	position:absolute;
	top:10px;
	left:648px;
	width:144px;
	height:33px;
	}

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

.GenreLeftBoxTitle_music h1{
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

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

/*-----------------------------------------
     スポーツ
-------------------------------------------*/
.GenreLeftBoxTitle_sports{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_sports.gif);
	background-repeat: no-repeat;
}

.GenreLeftBoxTitle_sports h1{
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

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

/*-----------------------------------------
     ドラマ
-------------------------------------------*/
.GenreLeftBoxTitle_drama{
	position:relative;
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_drama.gif);
	background-repeat: no-repeat;
}
.GenreLeftBoxTitle_s_drama{
	position:relative;
	width:512px;
	margin:0px;
	padding:10px 0 7px 31px;
	background-image:url(../img/common/basic_title_s_bg_drama.gif);
	background-repeat: no-repeat;
	border-bottom:1px solid #cfcfcf;
	color:#333;
	font-size:1.3em;
	font-weight:bold;
}
.GenreLeftBoxTitle_drama h1{
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

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

.GenreLeftBoxLink_drama ul{
	margin:15px 0;
	padding:0 15px;
}
.GenreLeftBoxLink_drama ul li{
	list-style:none;
	display:inline;
	padding:0 10px 0 0;
}
.GenreLeftBoxLink_drama ul li a{
	font-size:0.9em;
	color:#E131DF;
}

/*-----------------------------------------
     韓流・華流
-------------------------------------------*/
.GenreLeftBoxTitle_asia{
	position:relative;
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_asia.gif);
	background-repeat: no-repeat;
}
.GenreLeftBoxTitle_s_asia{
	position:relative;
	width:512px;
	margin:0px;
	padding:10px 0 7px 31px;
	background-image:url(../img/common/basic_title_s_bg_asia.gif);
	background-repeat: no-repeat;
	border-bottom:1px solid #cfcfcf;
	color:#333;
	font-size:1.3em;
	font-weight:bold;
}
.GenreLeftBoxTitle_asia h1{
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

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

.GenreLeftBoxLink_asia ul{
	margin:15px 0;
	padding:0 15px;
}
.GenreLeftBoxLink_asia ul li{
	list-style:none;
	display:inline;
	padding:0 10px 0 0;
}
.GenreLeftBoxLink_asia ul li a{
	font-size:0.9em;
	color:#3e9990;
}

/*-----------------------------------------
     エンターテイメント
-------------------------------------------*/
.GenreLeftBoxTitle_entertainment{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_variety.gif);
	background-repeat: no-repeat;
}

.GenreLeftBoxTitle_s_entertainment{
	position:relative;
	width:512px;
	margin:0px;
	padding:10px 0 7px 31px;
	background-image:url(../img/common/basic_title_s_bg_entertainment.gif);
	background-repeat: no-repeat;
	border-bottom:1px solid #cfcfcf;
	color:#333;
	font-size:1.3em;
	font-weight:bold;
}

.GenreLeftBoxTitle_entertainment h1{
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

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

.GenreLeftBoxLink_entertainment ul{
	margin:15px 0;
	padding:0 15px;
}
.GenreLeftBoxLink_entertainment ul li{
	list-style:none;
	display:inline;
	padding:0 10px 0 0;
}
.GenreLeftBoxLink_entertainment ul li a{
	font-size:0.9em;
	color:#c9480f;
}

/*-----------------------------------------
     ニュース
-------------------------------------------*/
.GenreLeftBoxTitle_news{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_news.gif);
	background-repeat: no-repeat;
}

.GenreLeftBoxTitle_news h1{
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

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

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

.GenreLeftBoxTitle_animekids h1{
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

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


/*-----------------------------------------
     情報・ドキュメント
-------------------------------------------*/
.GenreLeftBoxTitle_infodoc{
	width:802px;
	margin:0px;
	padding-top:10px;
	background-image:url(../img/common/basic_title_bg_infopgm.gif);
	background-repeat: no-repeat;
}

.GenreLeftBoxTitle_s_infodoc{
	position:relative;
	width:512px;
	margin:0px;
	padding:10px 0 7px 31px;
	background-image:url(../img/common/basic_title_s_bg_infopgm.gif);
	background-repeat: no-repeat;
	border-bottom:1px solid #cfcfcf;
	color:#333;
	font-size:1.3em;
	font-weight:bold;
}

.GenreLeftBoxTitle_infodoc h1{
	color:#333;
	font-size:1.5em;
	font-weight:bold;
	line-height:150%;
	padding-left: 30px;
}

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

.GenreLeftBoxLink_infodoc ul{
	margin:15px 0;
	padding:0 15px;
}
.GenreLeftBoxLink_infodoc ul li{
	list-style:none;
	display:inline;
	padding:0 10px 0 0;
}
.GenreLeftBoxLink_infodoc ul li a{
	font-size:0.9em;
	color:#27bd1c;
}

.GenreLeftBoxSub{
	overflow:hidden;
	width:752px;
	margin:10px auto 10px auto;
	padding:10px;
	background-color:#f6f6f6;
	border:1px solid #cdcdcd;
}

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

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

}


/*-----------------------------------------
     ジャンルトップ　ランダム表示スタイル
-------------------------------------------*/

#GenreRandomList{
	overflow:hidden;
	float:left;
	width:546px;
	margin:0;
	padding:0;
}


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

#GenreRandomList ul.cateList{
	display:block;
	overflow:hidden;
	margin:5px 0 15px 0;
	padding:0;
	list-style:none;
}

#GenreRandomList li{
	float:left;
	margin:0;
	padding:0px;
	width: 273px;
	list-style:none;

}


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

.GenreRandomListSub{
	width:258px;
	height:155px;
	margin-right:4px;
	margin-bottom:4px;
	padding:4px;
	border:1px dashed #999;
	background-color:#FFF;

}

li > .GenreRandomListSub{
	height:auto;
	min-height:155px;
}

.GenrePhoto{
	float:left;
	width:147px;
	margin:0 5px 0 0;
	padding:0;
}

.GenrePhoto img{
	border:1px solid #CCC;
}

div.GenreListIcon{
	width:94px;
	overflow: hidden;
}

div.GenreListIcon img{
	float:left;
	margin:0;
	padding:0;
}


.GenreRandomListSub h3{
	margin:2px 0 2px 0;
	padding:0;
	color:#333;
	font-size:0.75em;
}

.GenreRandomListSub p{
	margin:0;
	padding:0;
	font-size:0.7em;
	color: #666;
}

.GenreRandomListSub p.More{
	margin:0;
	padding:0;
	color:#069;
	font-size:0.7em;
	text-align:right;
}

.GenreRandomListSub p.More a{
	margin:0;
	padding:0;
	color:#069;
	font-size:0.9.5em;
	text-align:right;
}


.GenreRandomListSub p.Morep a:link{
	color: #333;
	text-decoration: underline;
}
.GenreRandomListSub p.More a:visited{
	color: #333;
	text-decoration: underline;
}
.GenreRandomListSub p.More a:active{
	color: #333;
	text-decoration: underline;
}
.GenreRandomListSub p.More a:hover{
	color: #333;
	text-decoration:underline;
}


/*-----------------------------------------
     ジャンルトップ　番組一覧
-------------------------------------------*/

#GenreProgramlist{
	overflow:auto;
	float:right;
	width:200px;
	height:680px;
	margin:0;
	padding:0;
}

#GenreProgramlist_800{
	overflow:auto;
	float:right;
	width:200px;
	height:800px;
	margin:0;
	padding:0;
}

#GenreProgramlist_S{
	overflow:auto;
	float:right;
	width:200px;
	height:350px;
	margin:0;
	padding:0;
	background-color: #e8e8e8;
}

#GenreProgramlist_S li{
	border-bottom:1px dashed #333;
}


p.SubGenreTitle{
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	background-image:url(../img/genre/janle_right_head_bg_19.gif);
	line-height:25px;
	text-indent:15px;
}

div#GenreProgramlistHead{
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	background-image:url(../img/genre/janle_right_head_bg_19.gif);
	line-height:25px;
	text-indent:15px;
}

#GenreProgramlist ul{
	margin:0;
	padding:0;
	list-style:none;
	background-color: #e8e8e8;
}

#GenreProgramlist li{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px dashed #999;
}

.GenreProgramlist{
	width:220px;
	margin:0;
	padding:0;
}

.GenreProgramlistBox{
	overflow:hidden;
	width:180px;
	margin:0;
	padding:0;
}

.GenreProgramlistBox h3{
	float:right;
	width: 138px;
	color: #999;
	font-size:0.7em;
	line-height: 150%;

}

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

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

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

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

.GenreProgramlistBoxIcon{
	overflow:hidden;
	float:left;
	width:35px;
	margin:0;
	padding:0 0 0 3px;
}

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

#GenreProgramlist .GenreProgramlistBoxIcon li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:none;
}

#GenreProgramlist_S .GenreProgramlistBoxIcon li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:none;
}

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

.GenreLeftBoxTitle2 h2{
	color:#333;
	font-size:1.15em;
	font-weight:bold;
	line-height:47px;
	text-indent:30px;
}

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

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

#GenreLeftOALow{
	margin:0;
	height:0;
	width:774px;
}

.GenreLeftOA{
	width:774px;
	margin: 15px auto 15px auto;
}

.GenreLeftOAYear{
	border-bottom:4px solid #333;	
}

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

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

.GenreLeftOA p{
}

.GenreLeftOA table td{
	padding:5px;
}

/*-----------------------------------------
     放送内容
-------------------------------------------*/
#GenreOACon{
	width:774px;
	margin: 15px auto 15px auto;
}

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

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

#GenreOACon table{
	border-collapse:collapse;
	border:1px solid #999;
	background-color: #FFF;
	font-size:0.75em;
	line-height:160%;
}

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

}

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

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

td.GenreOAContd{
	vertical-align:top;
}

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

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

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

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

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

}

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

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

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

}

div.GenreOAConSyosaiTxt{
	padding-top:2px;

}

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

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

}

div.GenreOAConTebleImg{


}

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

p.GenreOAConTebleText{

}



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

#GenreRight{
	float:right;
	width:175px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
}

/*-----------------------------------------
     ジャンルトップ用バナースタイル
-------------------------------------------*/
#GenreBanner{
	width:176px;
	margin: 0 auto;
	padding-top: 0;
}

#GenreBanner li{
	margin: 0;
	padding: 0;
}

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

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

h3.GenreRightBoxTitle{
	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;
}

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

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

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

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

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

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

#GenreRightKanrenBottom 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;
	}	
#GenreRightKanrenBottom a:link{
	display:block;
	color: #333;
	text-decoration:none;
}
#GenreRightKanrenBottom a:visited{
	display:block;
	color: #333;
	text-decoration:none;
}
#GenreRightKanrenBottom a:active{
	display:block;
	color: #333;
	text-decoration:none;
}
#GenreRightKanrenBottom a:hover{
	display:block;
	color: #333;
	text-decoration:underline;
}

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

.OATableCol_2{
	width:130px;
}

.OATableCol_3{
	width:50px;
}

.OATableCol_4{
	width:70px;
}

.OATableCol_5{
	width:70px;
}

.OATableCol_6{
	width:70px;
}


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

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