@charset "utf-8";
/*==========================================
　
　スマートフォンサイト用CSS
	
	[1]共通設定・レイアウト
	[2]トップページ
	[3]カテゴリトップ

==========================================*/

/*-----------------------------------------

	[1]共通設定・レイアウト

-----------------------------------------*/
body { 
 font-family:"ヒラギノ角ゴ Pro W3";
 }
	
h1{
 margin:4px;  
		}

h1 a:hover{
 background-color:#fff;
}

h2 {
 padding:5px 0px 6px 10px;
	clear:both;
 color:#FFFFFF;
	background:url(/common/sphone/images/bg-tit.jpg) repeat-x;
	text-shadow:1px 1px 1px #615F53;
	border-bottom:1px solid #888674;
	font-weight:bold;
		}
	
h3{
 background:#DCE8A6;
	padding:6px 0px 6px 10px;
	text-shadow:1px 1px 1px #ffffff;
	font-weight:bold;
 }
	
div,
p,ul,ol,li,
dl,dt,dd,
table,th,td,
form,input,textarea,select{  
 line-height:1.4;
	font-size:94%;
	}

.center {
 padding:10px;
 text-align:center;
	}

.clear {
 clear:both;
	}

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

.attention {
 color:#FF0000;
	}

section p {
 padding:5px;
	}

/*--------link color -------- */

a:link {
	color:#203AB5;
	text-decoration:none;
 }	
	
a:visited {
	color:#203AB5;
	text-decoration:none;
 }	
	
a:hover {
 background-color:#E4E9FA;
 }		

	
/*--------header -------- */

header {
 border-top:2px solid #8A8876;
 }

h1 {
 float:left;
	}

#btn-pcsite {
 margin:10px;
 float:right;
	}
	
.img-main {
 clear:both;
	background-color:#DEDCCF;
	text-align:center;
	}

/*--------	footer -------- */

footer {
 clear:both;
 background-color:#BDBCAB;
	text-align:center;
	}

footer p {
  padding:6px;
		}
		
footer p a{
  padding:4px;
		}
		
footer p#fnavi{
	 background:#EBEBE6;
  padding:6px;
		font-size:75%;
		}
		

#btn-pagetop {
 padding:6px;
 float:right;
	}

#btn-sitetop {
 padding:6px;
 float:left;
	}

	
#btn-pagetop a:hover,
#btn-sitetop a:hover{
 background-color:#fff;
	}	
	
#copy {
 font-size:60%;
 border-top:1px dotted #888674;
 }
 
#sphone {
 color:#FFFFFF;
 background-color:#979679;
 }

/*--------	list -------- */

.list-link li {
	border-bottom:1px solid #BDBCAB;
	}
	
.list-link li a{
 padding:8px 15px 8px 8px;
	display:block;
	background:url(/common/sphone/images/icon-link.gif)  no-repeat 98% 50%;
	-webkit-background-size: 9px 13px;
	}

.list-link li a:hover{
	background:#E4E9FA url(/common/sphone/images/icon-link.gif)  no-repeat 98% 50%;
	-webkit-background-size: 9px 13px;
	}	


/*-----------------------------------------

	[2]トップページ

-----------------------------------------*/	

#pickup-site ul li{
 padding:4px 0 ;
 }

/*--------　ただいま　放送中 -------- */
.PG1,
.PG2,
.PG3
 {
	padding:4px 2px;
	line-height:1.1;
	border-bottom:1px solid #CCCCCC;
 }

.PG1 {
 background-color:#FFFFCC;
	}
	
img.PGICONRIMG {
/* display:none;*/
vertical-align:middle;
	}
 	
.STTIME1,
.XTIME1,
.ENTIME1 {
 display:inline;
	}

.STTIME2,
.XTIME2,
.ENTIME2 {
 display:inline;
	}

.STTIME3,
.XTIME3,
.ENTIME3 {
 display:inline;
	}

/*---  3件以上を非表示にする ----*/

div.PG4 {
 display:none;
	}

div.PG5 {
 display:none;
	}

div.PG6 {
 display:none;
	}

div.PG7  {
 display:none;
	}

div.PG8 {
 display:none;
	}

div.PG9 {
 display:none;
	}

/*--------　サービス　 -------- */

#service {
 padding-bottom:14px;
	}
/*メインナビ*/	
ul#gnavi li{
 width:50%;
 float:left;
	border-bottom:1px solid #BDBCAB;
	font-size:12px;
 }

ul#gnavi li a{
 padding:10px 0px 10px 28px;
 display:block;
	background:url(/common/sphone/images/line.gif) repeat-y left;
 }
	
ul#gnavi li a:link{
 color:#000000;
	text-decoration:none;
 }

ul#gnavi li a:visited{
 color:#000000;
	text-decoration:none;
 }

#news {
 background: url(/sphone/images/icon-01.gif) no-repeat left 50%;
}

#news a:hover{
 background:#E4E9FA url(/sphone/images/icon-01.gif) no-repeat left 50%;
 }

#anime {
 background: url(/sphone/images/icon-02.gif) no-repeat left 50%;

}

#anime a:hover{
 background:#E4E9FA url(/sphone/images/icon-02.gif) no-repeat left 50%;
 }
	
#variety {
 background: url(/sphone/images/icon-03.gif) no-repeat left 50%;
}	

#variety a:hover{
 background:#E4E9FA url(/sphone/images/icon-03.gif) no-repeat left 50%;
 }
	
#drama {
 background: url(/sphone/images/icon-04.gif) no-repeat left 50%;
}	

#drama a:hover{
 background:#E4E9FA url(/sphone/images/icon-04.gif) no-repeat left 50%;
 }

#announcer {
 background: url(/sphone/images/icon-06.gif) no-repeat left 50%;
}

#announcer a:hover{
 background:#E4E9FA url(/sphone/images/icon-06.gif) no-repeat left 50%;
 }
	
#event {
 background:url(/sphone/images/icon-08.gif) no-repeat left 50%;
}

#event a:hover{
 background:#E4E9FA  url(/sphone/images/icon-08.gif) no-repeat left 50%;
}
	

.btn-more {
 clear:both;
 padding:10px ;
 border-bottom:1px solid #BDBCAB;
	background:url(/common/sphone/images/icon-more.gif) no-repeat 96% 50%;
		-webkit-background-size: 13px 9px;
}

.btn-more:hover {
 background-color:#E4E9FA;
 }

/*サブナビ*/

ul#subavi {
	clear:both;
 }
	
ul#subavi li{
	border-bottom:1px solid #BDBCAB;
	background:url(/common/sphone/images/icon-pc.gif)  no-repeat 98% 50%;
	font-size:12px;
 }
	
ul#subavi li a{
 display:block;
	padding:10px 10px 10px 28px;
 color:#000000;
 }

ul#subavi li#shopping {
 background:url(/sphone/images/icon-07.gif) no-repeat left 50%;
}

ul#subavi li#shopping a:hover{
 background:#E4E9FA  url(/sphone/images/icon-07.gif) no-repeat left 50%;
}

ul#subavi li#original {
 background:url(/sphone/images/icon-05.gif) no-repeat left 50%;
}

ul#subavi li#original a:hover{
 background:#E4E9FA  url(/sphone/images/icon-05.gif) no-repeat left 50%;
}

ul#subavi li#bousai {
 background:url(/sphone/images/icon-09.gif) no-repeat left 50%;
}

ul#subavi li#bousai a:hover{
 background:#E4E9FA  url(/sphone/images/icon-09.gif) no-repeat left 50%;
}


ul#subavi li#sitemap {
 background:url(/sphone/images/icon-10.gif) no-repeat left 50%;
}

ul#subavi li#sitemap a:hover{
 background:#E4E9FA  url(/sphone/images/icon-10.gif) no-repeat left 50%;
}


/*ul#subavi li a:hover{
	background:#E4E9FA url(/common/sphone/images/icon-pc.gif)  no-repeat 98% 50%;
}

ul#subavi li:last-child{
	background:url(/common/sphone/images/icon-link.gif)  no-repeat 98% 50%;
			-webkit-background-size: 9px 13px;
 }

ul#subavi li:last-child a:hover{
	background:#E4E9FA url(/common/sphone/images/icon-link.gif)  no-repeat 98% 50%;
			-webkit-background-size: 9px 13px;
 }*/

	
/*--------　テレビ愛知のつぶやき -------- */

.twtr-hd,
.twtr-ft{
 display:none;
}

.twtr-bd .twtr-tweet-text {
	font-size:180%;
	}

#box-twi .twtr-widget .twtr-tweet {
	border-bottom:1px solid #BDBCAB;
}

/*--------　バナーエリア -------- */

.list-banner {
	padding:10px;
	border-top:1px solid #BDBCAB;
	text-align:center;
}


/*-----------------------------------------

	[3]カテゴリトップ

-----------------------------------------*/
#list-program,
#list-contents{
 clear:both;
 }
	
#list-program dl, 
#list-contents dl{
 clear:both;
	border-bottom:1px solid #BDBCAB;
	padding:6px;
	}	

#list-program dl:after,
#list-contents dl:after {
 content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#list-program dt {
 width:120px;
	float:left;
	margin-right:-100%;
	 }
		
#list-contents dt {
 width:68px;
	float:left;
	margin-right:-100%;
	 }
		
		
#list-program dd,
#list-contents dd {
 width:100%;
	float:right;
	 }
		
#list-program dd span{
	 margin-left:130px;
		display:block;
	 }
		
#list-contents dd span{
	 margin-left:78px;
		display:block;
	 }
		
#list-program dd a,
#list-contents dd a{
 font-weight:bold;
	 }