@charset"utf-8";


/*-----------------------------------------------------------------------
    
	CSS information
	 
	 Site URL     :   http://otn.fujitv.co.jp/index.html
	 Created      :   2009-01-29
	 Last update  :   2015-02-25
	 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
	 
	
-------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------
     全体
-------------------------------------------------------------------------*/

#Container.otnTimetable {
	width:1000px;
	background:none;
	margin-bottom:50px;
}

#BangumiContents{
	width:1000px;
	margin:0 auto;
}

/*-----------------------------------------------------------------------
     アイコンエリア
-------------------------------------------------------------------------*/

#IconArea{
	width:998px;
	text-align: right;
	vertical-align: bottom;
	}

/*-----------------------------------------------------------------------
     見出し・アイコンエリア add by 20100902 maruyama 注意文言追加用 201503 renewal
-------------------------------------------------------------------------*/

#IconArea2{
	width:1000px;
	height:38px;
	clear:both;
	margin-top:20px;
}
#AtenZone{
	float:left;
}
#IconZone{
	width:860px;
	float:right;
}

#IconArea2 h1 {
	font-size:28px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Helvetica,Arial,Verdana,sans-serif;
	margin-top:7px;
}

#IconArea2 .attentionTxt {
	float:right;
	width:761px;
	font-size:10px;
	margin:3px 0;
}

#IconArea2 .attentionTxt p{
	display:inline;
}

	
/*-----------------------------------------------------------------------
     タブエリア
-------------------------------------------------------------------------*/	

#TabArea{
	width:998px;
	height:47px;
	overflow: hidden;
	position: relative;
	}

#TabArea img{
	vertical-align:bottom;
	}

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

div#TabArea li{
	float:left;
	margin:0;
	padding:0;
	height:47px;
	list-style:none;
}

div#TabArea li img{
	vertical-align:bottom;
}	
	
/*-----------------------------------------------------------------------
     タブの上下の画像
-------------------------------------------------------------------------*/

#TabBgTop{
	clear:both;
	width:1000px;
	height: 6px;
	margin: 0;
	padding: 0;
	font-size:0px;
	vertical-align:bottom;
	}

#TabBgBottom{
	clear:both;
	width:998px;
	height: 8px;
	margin: 0;
	font-size: 0px;
	}

/*-----------------------------------------------------------------------
     サブタブエリア
-------------------------------------------------------------------------*/

#SubTabArea{
	width:1000px;
	box-sizing:border-box;
	overflow: hidden;
	height: 48px;
	padding-top:10px;
	background-color:#f2f2f2;
	border-right:solid 1px #bfbfbf;
	border-left:solid 1px #bfbfbf;
}

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

div#SubTabArea li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#SpaceSubTab{
	width:172px;
	height:38;
}


/*--------------------
  日付リンクエリア共通
----------------------*/
#SubTabArea li p.tabWeekNum {
	font-size:15px;
	font-weight:bold;
	display:block;
	text-align: center;
	text-shadow: 1px 1px 1px rgb(255, 255, 255);
	letter-spacing:0.12em;
	color:#616161;
}

#SubTabArea li p.tabWeekNum a {
	display:block;
	width:243px;
	height:39px;
	line-height:39px;
}

#SubTabArea li p.tabWeekNum a:link {
	display:block;
	width:100%;
	color:#616161;
	text-decoration:none;
}

#SubTabArea li p.tabWeekNum a:visited {
	display:block;
	width:100%;
	color:#616161;
	text-decoration:none;
}

#SubTabArea li p.tabWeekNum a:hover {
	display:block;
	width:100%;
	color:#616161;
	text-decoration:underline;
}

#SubTabArea li p.tabWeekNum a:avtive {
	display:block;
	width:100%;
	color:#616161;
	text-decoration:none;
}

/*   ONE番組表
-------------------------------------------------------------------------*/

/*--------------------
     Oneの1週目A
----------------------*/
#SubTab_O-1a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab1_1.gif);
}

#SubTabArea li #SubTab_O-1a p.tabWeekNum {
	width:244px;
	height:38px;
	line-height:38px;	
	text-indent: 10px;
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(2, 14, 56);
}

/*--------------------
     Oneの1週目B
----------------------*/
#SubTab_O-1b{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab1_2.gif);
}

/*--------------------
     Oneの1週目C
----------------------*/
#SubTab_O-1c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab1_3.gif);
}

/*--------------------
     Oneの1週目D
----------------------*/
#SubTab_O-1d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab1_4.gif);
}

/*--------------------
     Oneの2週目A
----------------------*/
#SubTab_O-2a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab2_1.gif);
}

/*--------------------
     Oneの2週目B
----------------------*/
#SubTab_O-2b{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab2_2.gif);
}

#SubTabArea li #SubTab_O-2b p.tabWeekNum {
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(2, 14, 56);
	height: 39px;
	line-height: 39px;
}

/*--------------------
     Oneの2週目C
----------------------*/
#SubTab_O-2c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab2_3.gif);
}

/*--------------------
     Oneの2週目D
----------------------*/
#SubTab_O-2d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab2_4.gif);
}

/*--------------------
     Oneの3週目A
----------------------*/
#SubTab_O-3a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab3_1.gif);
}

/*--------------------
     Oneの3週目B
----------------------*/
#SubTab_O-3b{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab3_2.gif);
}

/*--------------------
     Oneの3週目C
----------------------*/
#SubTab_O-3c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab3_3.gif);
}

#SubTabArea li #SubTab_O-3c p.tabWeekNum {
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(2, 14, 56);
	height: 39px;
	line-height: 39px;
}

/*--------------------
     Oneの3週目D
----------------------*/
#SubTab_O-3d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab3_4.gif);
}

/*--------------------
     Oneの4週目A
----------------------*/
#SubTab_O-4a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab4_1.gif);
}

/*--------------------
     Oneの4週目B
----------------------*/
#SubTab_O-4b{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab4_2.gif);
}


/*--------------------
     Oneの4週目C
----------------------*/
#SubTab_O-4c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab4_3.gif);
}

/*--------------------
     Oneの4週目D
----------------------*/
#SubTab_O-4d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/one_weektab4_4.gif);
}

#SubTabArea li #SubTab_O-4d p.tabWeekNum {
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(2, 14, 56);
	height: 39px;
	line-height: 39px;
}

/*   TWO番組表
-------------------------------------------------------------------------*/

/*--------------------
     Twoの1週目A
----------------------*/
#SubTab_T-1a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab1_1.gif);
}

#SubTabArea li #SubTab_T-1a p.tabWeekNum {
	width:254px;
	height:39px;
	line-height:39px;	
	text-indent: 10px;
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(112, 18, 18);
}

/*--------------------
     Twoの1週目B
----------------------*/
#SubTab_T-1b{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab1_2.gif);
}

/*--------------------
     Twoの1週目C
----------------------*/
#SubTab_T-1c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab1_3.gif);
}

/*--------------------
     Twoの1週目D
----------------------*/
#SubTab_T-1d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab1_4.gif);
}

/*--------------------
     Twoの2週目A
----------------------*/
#SubTab_T-2a{
	position:relative;	
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab2_1.gif);
}

/*--------------------
     Twoの2週目B
----------------------*/
#SubTab_T-2b{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab2_2.gif);
}

#SubTabArea li #SubTab_T-2b p.tabWeekNum {
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(112, 18, 18);
	height: 39px;
	line-height: 39px;
}

/*--------------------
     Twoの2週目C
----------------------*/
#SubTab_T-2c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab2_3.gif);
}

/*--------------------
     Twoの2週目D
----------------------*/
#SubTab_T-2d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab2_4.gif);
}

/*--------------------
     Twoの3週目A
----------------------*/
#SubTab_T-3a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab3_1.gif);
}

/*--------------------
     Twoの3週目B
----------------------*/
#SubTab_T-3b{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab3_2.gif);
}

/*--------------------
     Twoの3週目C
----------------------*/
#SubTab_T-3c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab3_3.gif);
}

#SubTabArea li #SubTab_T-3c p.tabWeekNum {
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(112, 18, 18);
	height: 39px;
	line-height: 39px;
}

/*--------------------
     Twoの3週目D
----------------------*/
#SubTab_T-3d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab3_4.gif);
}

/*--------------------
     Twoの4週目A
----------------------*/
#SubTab_T-4a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab4_1.gif);
}

/*--------------------
     Twoの4週目B
----------------------*/
#SubTab_T-4b{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab4_2.gif);
}

/*--------------------
     Twoの4週目C
----------------------*/
#SubTab_T-4c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab4_3.gif);
}

/*--------------------
     Twoの4週目D
----------------------*/
#SubTab_T-4d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/two_weektab4_4.gif);
}

#SubTabArea li #SubTab_T-4d p.tabWeekNum {
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(112, 18, 18);
	width:250px;
	height: 39px;
	line-height: 39px;
}


/*--------------------
     Nextの1週目A
----------------------*/
#SubTab_N-1a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab1_1.gif);
}

#SubTabArea li #SubTab_N-1a p.tabWeekNum {
	width:254px;
	height:39px;
	line-height:39px;	
	text-indent: 10px;
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(18, 112, 40);
}

/*--------------------
     Nextの1週目B
----------------------*/
#SubTab_N-1b{	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab1_2.gif);
}

/*--------------------
     Nextの1週目C
----------------------*/
#SubTab_N-1c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab1_3.gif);
}

/*--------------------
     Nextの1週目D
----------------------*/
#SubTab_N-1d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab1_4.gif);
}

/*--------------------
     Nextの2週目A
----------------------*/
#SubTab_N-2a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab2_1.gif);
}

/*--------------------
     Nextの2週目B
----------------------*/
#SubTab_N-2b{	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab2_2.gif);
}

#SubTabArea li #SubTab_N-2b p.tabWeekNum {;
	height:39px;
	line-height:39px;	
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(18, 112, 40);
}

/*--------------------
     Nextの2週目C
----------------------*/
#SubTab_N-2c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab2_3.gif);
}

/*--------------------
     Nextの2週目D
----------------------*/
#SubTab_N-2d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab2_4.gif);
}

/*--------------------
     Nextの3週目A
----------------------*/
#SubTab_N-3a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab3_1.gif);
}

/*--------------------
     Nextの3週目B
----------------------*/
#SubTab_N-3b{	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab3_2.gif);
}

/*--------------------
     Nextの3週目C
----------------------*/
#SubTab_N-3c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab3_3.gif);
}

#SubTabArea li #SubTab_N-3c p.tabWeekNum {
	height:39px;
	line-height:39px;	
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(18, 112, 40);
}


/*--------------------
     Nextの3週目D
----------------------*/
#SubTab_N-3d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab3_4.gif);
}

/*--------------------
     Nextの4週目A
----------------------*/
#SubTab_N-4a{
	position:relative;
	width:254px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab4_1.gif);
}

/*--------------------
     Nextの4週目B
----------------------*/
#SubTab_N-4b{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab4_2.gif);
}

/*--------------------
     Nextの4週目C
----------------------*/
#SubTab_N-4c{
	position:relative;
	width:243px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab4_3.gif);
}

/*--------------------
     Nextの4週目D
----------------------*/
#SubTab_N-4d{
	position:relative;
	width:250px;
	height:39px;
	background-image:url(../img/bangumi/next_weektab4_4.gif);
}

#SubTabArea li #SubTab_N-4d p.tabWeekNum {
	width:250px;
	height:39px;
	line-height:39px;	
	color:#FFF;
	text-shadow: 1px 1px 1px rgb(18, 112, 40);
}




/*-----------------------------------------------------------------------
     プリントON
-------------------------------------------------------------------------*/
.PrintOn{
	position:absolute;
	z-index:1;
	left:180px;
	top:2px;
	width:65px;
	height:33px;
}

/*-----------------------------------------------------------------------
     プリントOFF
-------------------------------------------------------------------------*/
.PrintOff{
	position:absolute;
	z-index:1;
	left:170px;
	top:2px;
	width:65px;
	height:33px;
}

/*-----------------------------------------------------------------------
     停波
-------------------------------------------------------------------------*/
.teiha {
	text-align:right;
	margin-top:5px;
}


/*-----------------------------------------------------------------------
     番組表エリア
-------------------------------------------------------------------------*/
div#TVProgram1,div#TVProgram2,div#TVProgram3{
	clear:both;
	width:1000px;
	box-sizing:border-box;
	margin: 0 auto;
	background-color:#f2f2f2;
	border-left:solid 1px #bfbfbf;
	border-right:solid 1px #bfbfbf;
	border-bottom:solid 1px #bfbfbf;
	padding-bottom:15px;
}

#TVProgramInner {
	background-color:#FFF;
	border-left:solid 1px #adadad;
	border-right:solid 1px #adadad;
	border:solid 1px #adadad;
	padding:15px 0;
	margin:0 10px;
}

div#TVProgram1 table{
	margin:0 auto;
	background-color:#FFF;
}
	
div#TVProgram2 table{
	margin:0 auto;
	background-color:#FFF;
}

div#TVProgram3 table{
	margin:0 auto;
	background-color:#FFF;
}


a.copyright:link { color: #0000ff; }
a.copyright:visited { color: #000080; }
a.copyright:hover { color: #ff0000; }
a.copyright:active { color: #ff8000; }



/*-----------------------------------------------------------------------
     20191004 番組表ヘッダー改修　追記
-------------------------------------------------------------------------*/


#IconArea2 h1 {
	font-size:38px;
	font-weight:bold;
	font-family:"Century Gothic""ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Helvetica,Arial,Verdana,sans-serif;
	margin:46px 0px 2px;
	letter-spacing: 1.8px;
	
}

.cx_smartphoneview #IconArea2 h1 {
	font-size:38px;
}

#IconArea2 .attentionTxt {
	float:right;
	width:860px;
	font-size:13px;
	line-height: 1.5;
	margin:3px 0;
	color: #818181;
}