@charset "utf-8";

/* ================================================================================ */
/*      container     */
/* ================================================================================ */
.container {
	clear:both;
	overflow:hidden;
}
.column3 {
	width:950px;
	margin:0 auto;
	padding:5px 0 0 0;
}
/* ================================================================================ */
/*      navColumn     */
/* =============================================================================== */
.navColumn {
	width:205px;
	float:left;
}
/* ================================================================================ */
/*      rightColumn     */
/* ================================================================================ */
.rightColumn {
	width:735px;
	float:left;
}
/* ================================================================================ */
/*      contColumn     */
/* ================================================================================ */
.contColumn {
	width:425px;
	float:left;
}
/* ================================================================================ */
/*      subColumn     */
/* ================================================================================ */
.subColumn {
	width:300px;
	float:right;
}
/* ================================================================================ */
/*      underColumn     */
/* ================================================================================ */
.underColumn {
	width:735px;
	clear:both;
}
/* ================================================================================ */
/*      basicLayout     */
/* ================================================================================ */

.contBlock {
	border:1px solid #949494;
	margin:0 0 5px 0;
	background:#FFFFFF;
	overflow:hidden;
	clear:both;
	zoom:1;
}
.contBlockB1 {
	border:1px solid #949494;
	margin:0 0 5px 0;
	background:#e5effc;
	overflow:hidden;
	clear:both;
	zoom:1;
}
.contBlockNB {
	margin:0 0 5px 0;
	overflow:hidden;
	clear:both;
	zoom:1;
}

/*=========== ContTitle ===========*/
.basicContTitle {
	background:#304d6b url(/tv/digital/img/bg/bg_title_blue.gif) repeat-x 0 0;
	border-bottom:1px solid #949494;
	color:#FFFFFF;
	padding:0.1em 0 0 0.3em;
}
.secondContTitle {
	border-top:1px solid #FFFFFF;
	background:#dfdfdf;
	padding:0 0 0 0.3em;
}
.contRecommendTitle {
	display:block;
}

.basicContTitle .titleIcon {
	margin-right:5px;
}

.basicContTitle .titleIcon .icon {
	position:relative;
	top:2px;
}

/*=========== contSubArea ===========*/
.contSubArea {
	border-top:1px solid #FFFFFF;
	background:#e5effc;
	overflow:hidden;
	zoom:1;
}

.contSubArea p {
	padding:0.3em;
}

.contSubArea .upDate {
	float:left;
}

.contSubArea .help {
	float:right;
}

.contSubArea .help a:link{color: #444444;}
.contSubArea .help a:visited{color: #444444;}
.contSubArea .help a:hover{color: #666666;}

.contSubArea .pageLinkList {
	padding:0.3em;
}

.contSubArea .pageLinkList li {
	font-size:95%;
	display:block;
	float:left;
	margin-right:0.3em;
	white-space: nowrap;
}


.contSubArea .dramaSelct {
	width:15em;
	float:right;
}


/*=========== ContText ===========*/
.contText {
	padding:0.3em;
}

.contMoreRead {
	text-align:right;
	padding:0 0.3em;
}

.contRecommecdText {
	padding:0.3em;
}

.contRecommecdText .linkTitle {
	font-weight:bold;
	font-size:105%;
}

.contRecommecdText img {
	float:left;
	margin:0 0.6em 0 0;
}

.contPrText {
	font-size:90%;
}

.contPrText .yads_ad_title {
display: none;
}

.contPrText .yads_ad_adv {
display: none;
}

.contPrText .yads_ad {
    position: relative;
}
.contPrText .yads_ad_info {
    position: absolute;
    width: 1.5em;
    right: 0;
    bottom: 0;
}

/*=========== ContList ===========*/
.contGuideList {
	padding:0.3em 0;
}

.contGuideList li {
	padding:0.2em 0.2em 0.2em 0.3em;
}

.contPresetChartList {
	display:block;
	padding:0.3em;
	overflow:hidden;
	zoom:1;
}

.contPresetChartList li {
	display:block;
	float:left;
	padding:0 0.3em 0 0;
	white-space:nowrap;
}

.contGuideList li a:link, .contPresetChartList li a:link {
	color: #444444;
	text-decoration: none;
	text-decoration: none;
}
.contGuideList li a:visited, .contPresetChartList li a:visited {
	color: #444444;
	text-decoration: none;
}
.contGuideList li a:hover, .contPresetChartList li a:hover {
	color: #666666;
	text-decoration: underline;
}

/*=========== contRankListS ===========*/
.contRankListS {
	padding:0.3em 0.3em 0 0.3em;
	float:none;
	clear:both;
	overflow:hidden;
}
.contRankListS li {
	clear:both;
	padding:0 0 0.2em 0;
}

.contRankListS li .rank1,
.contRankListS li .rank2,
.contRankListS li .rank3 {
	font-weight:bold;
}

.contRankListS li p {
	float:left;
}

.contRankListS .ttl {
	width:245px;
	padding:0 5px 0 0;
}


.contRankListS .date {
	width:150px;
}

/*=========== contColumKingdom ===========*/
.contColumKingdom {
	padding:0.3em;
}
.contColumKingdom dt {
	width:42px;
	float:left;
	padding:0 0.5em 0.5em 0;
}
.contColumKingdom dd {
	width:138px;
	float:left;
}
.contColumKingdom dd.wide {
	width:238px;
	float:left;
}

/*=========== contColumnList ===========*/
.contColumnList {
	background:#e7ecf4 url(/tv/digital/img/bg/bg_columlist.gif) repeat-y 0 0;
	overflow:hidden;
	border-bottom: 1px solid #999999;
	zoom:1;
}
.contColumnList li {
	width:183px;
	float:left;
}
.contColumnList .contColumDetails {
	padding:0.3em;
}
.contColumnList .contColumDetails dt {
	float:right;
	width:100px;
}
.contColumnList .contColumDetails .pic {
	float:left;
	width:50px;
}
.contColumnList .contColumDetails .text {
	float:left;
	width:170px;
}

/*=========== contColumnNewsList ===========*/
.contColumNewsList li {
	padding:0.3em;
}

/*=========== contTopicNewsList ===========*/
.contTopicNewsList {
	background:#e5eaf6;
	border-top:1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	padding:0.3em;
}

/*=========== contTopicList ===========*/
.contTopicList {
	clear:both;
}
.contTopicList li {
	float:left;
	width:286px;
	padding:5px;
	background:#e4e3e3 url(/tv/digital/img/bg/bg_topiclist.gif) no-repeat 0 0;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	zoom:1;
}
.contTopicList li dl {
	clear:both;
	display:block;
	width:218px;
	float:right;
	overflow:hidden;
}
.contTopicList li dl dd {
	font-size:90%;
}
.contTopicList li p {
	display:block;
	width:60px;
	float:left;
}

/*=========== contTomorrowRemendList ===========*/
.contTomorrowRemendList li {
	padding:0.3em;
}
.contTomorrowRemendList li p {
	font-size:90%;
	padding-left:1.5em;
}

/*=========== contRemindPicList ===========*/
.contRemindPicList {
}

.contRemindPicList li {
	overflow:hidden;
	zoom:1;
	padding:0.2em;
}

.contRemindPicList .pic {
	width:82px;
	float:left;
	padding-right:10px;
}

.contRemindPicList .pic img {
	line-height:1;
}

.contRemindPicList .read,
.contRemindPicList .info,
.contRemindPicList .sub {
	width:320px;
	display:block;
	overflow:hidden;
	margin-left:92px;
}

.contRemindPicList .sub a {
	margin-right:8px;
	margin-top:2px;
}

.contRemindPicList .sub span {
	display:block;
	float:left;
	line-height:14px;
	font-size:9px;
	text-align:center;
}


/*=========== prNoticeInfo ===========*/
.prNoticeInfo {
	padding:0.3em;
	overflow:hidden;
	display:block;
	clear:both;
}
.prNoticeInfo dt {
	width:245px;
	float:right;
}
.prNoticeInfo .text {
	font-size:90%;
	width:245px;
	float:right;
}
.prNoticeInfo .pic {
	width:165px;
	float:left;
}

/*=========== kingEar ===========*/
.kingEarPic {
	width:75px;
	float:left;
	padding:0.3em 0 0 0.3em;
}
.contKingEar {
	width:650px;
	float:right;
}
.contKingEar li {
	padding:0.3em;
}

/*=========== contBannerList ===========*/
.contBannerList {
	padding: 0.3em 0 0 0;
}

/*=========== chartLayout ===========*/
.todayChart {
	display:block;
	top:1px;
	right:1px;
	background:url(/tv/digital/img/bg/bg_linktodaychart.gif) no-repeat 0 0;
	width:201px;
	height:18px;
	text-align:center;
}

.todayChart a:link { color: #754901; text-decoration: none; text-decoration: none; }
.todayChart a:visited { color: #754901; text-decoration: none; }
.todayChart a:hover { color: #F70033; text-decoration: none; }

/* ================================================================================ */
/*      chartLayout     */
/* ================================================================================ */
.tvChartBlock {
	width:735px;
	position:relative;
	overflow:hidden;
	clear:both;
	zoom:1;
}

.tvChartBlock .basicContTitle {
	height:18px;
}



/* ================================================================================ */
/*      chart     */
/* ================================================================================ */

.chartColumn {
	position:relative;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	zoom:1;
}

.chartColumn .cell-blank {
	text-align:center;
      padding: 1px;
      margin: 0;
      overflow: hidden;
      background-color: #324c67;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
   }

.chartColumn .cell-hour {
      padding: 1px;
      margin: 0px;
      overflow: hidden;
      text-align: center;
      background-color: #dfdfdf;
	  color:#000000;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
}

.chartColumn .cell-station {
      padding: 1px;
      margin: 0;
      overflow: hidden;
      text-align: center;
	  background:#324c67;
      color: white;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
}

.chartColumn .cell-station a {
	color:#ffffff;
}

.chartColumn .cell-station a:link { color: #ffffff; text-decoration: none; text-decoration: none; }
.chartColumn .cell-station a:visited { color: #ffffff; text-decoration: none; }
.chartColumn .cell-station a:hover { color: #ffffff; text-decoration: underline; }

.chartColumn .cell-schedule {
      padding: 1px 1px 1px 1px;
      margin: 0px 0px 0px 0px;
      overflow: hidden;
      line-height: 1.2;
      background-color: #f5f5f5;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
}


.chartColumn .cell-schedule table {
      border-collapse: collapse;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
}


.chartColumn .td-minute {
      vertical-align: top;
      padding: 0 3px 0 0;
      margin: 0;
}

.chartColumn .td-schedule {
      vertical-align: top;
      padding: 0;
      margin: 0;
}

.chartColumn .td-schedule div span {
	display:block;
	margin-bottom:2px;
	line-height:14px;
}

.chartColumn .cell-schedule span.schedule-summary {
      color: #646464;
}

.chartColumn .cell-top {
      border-top: 1px solid black;
}

.chartColumn .cell-left {
      border-left: 1px solid black;
}

.chartColumn a.schedule-link {
      color: black;
}

.chartColumn a.schedule-link:hover {
      text-decoration: none;
}

.chartColumn a.schedule-button {
      color: white;
      background-color: steelblue;
      border: 1px solid black;
      font-size: x-small;
      white-space: nowrap;
}

.chartColumn a.schedule-button:hover {
      text-decoration: none;
}

.chartColumn a {
      color:#056bcd;
}

.chartColumn a:hover {
      text-decoration: none;
}

.schedule-title {
      color:#056bcd;
}

.scheduleColumn {
  text-indent:-1.5em;
  padding-left:1.5em;
  margin-right:0.5em;
}

.schedule-titleC {
      color:#056bcd;

}

.chartColumn .cell-schedule span.schedule-summaryC {
      color: #646464;
    margin-right:0.5em;
}

.chartColumn .icon3 {
  margin-left:1.5em;
}

/* ============ overlay cell ============= */
.chartOverlayColumn .cell-blank {
  text-align:center;
      padding: 1px;
      margin: 0;
      overflow: hidden;
      background-color: #324c67;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
   }

.chartOverlayColumn .cell-hour {
      padding: 1px;
      margin: 0px;
      overflow: hidden;
      text-align: center;
      background-color: #dfdfdf;
    color:#000000;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
}

.chartOverlayColumn .cell-station {
      padding: 1px;
      margin: 0;
      overflow: hidden;
      text-align: center;
    background:#324c67;
      color: white;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
}

.chartOverlayColumn .cell-station a {
  color:#ffffff;
}

.chartOverlayColumn .cell-station a:link { color: #ffffff; text-decoration: none; text-decoration: none; }
.chartOverlayColumn .cell-station a:visited { color: #ffffff; text-decoration: none; }
.chartOverlayColumn .cell-station a:hover { color: #ffffff; text-decoration: underline; }

.chartOverlayColumn .cell-schedule {
      padding: 1px 1px 1px 1px;
      margin: 0px 0px 0px 0px;
      line-height: 1.2;
}


.chartOverlayColumn .cell-schedule table {
      border-collapse: collapse;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
}


.chartOverlayColumn .td-minute {
      vertical-align: top;
      padding: 0 3px 0 0;
      margin: 0;
}

.chartOverlayColumn .td-schedule {
      vertical-align: top;
      padding: 0;
      margin: 0;
}

.chartOverlayColumn .td-schedule div span {
  display:block;
  margin-bottom:2px;
  line-height:14px;
}

.chartOverlayColumn .cell-schedule span.schedule-summary {
      color: #646464;
}

.chartOverlayColumn a.schedule-link {
      color: black;
}

.chartOverlayColumn a.schedule-link:hover {
      text-decoration: none;
}

.chartOverlayColumn a.schedule-button {
      color: white;
      background-color: steelblue;
      border: 1px solid black;
      font-size: x-small;
      white-space: nowrap;
}

.chartOverlayColumn a.schedule-button:hover {
      text-decoration: none;
}

.chartOverlayColumn a {
      color:#056bcd;
}

.chartOverlayColumn a:hover {
      text-decoration: none;
}

.schedule-title {
      color:#056bcd;
}

.chartOverlayColumn .schedule-titleC {
      color:#056bcd;

}

.chartOverlayColumn .cell-schedule span.schedule-summaryC {
      color: #646464;
    margin-right:0.5em;
}

.chartOverlayColumn .icon3 {
  margin-left:1.5em;
}