@charset "utf-8";

/* ================================================================================ */
/*      container     */  
/* ================================================================================ */
.container {
	clear:both;
	overflow:hidden;
}

.column2 {
	width:950px;
	margin:0 auto;
	padding:5px 0 0 0;
}

/* ================================================================================ */
/*      topicPath     */  
/* ================================================================================ */
.topicPath {
	width:950px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	zoom:1;
}

.topicPath ul li {
	display:inline;
	padding:0 0.1em 0 0;
}

.topicPath ul li span {
	padding:0 0 0 0.3em;
}

.current {
	font-weight:bold;
}

/* ================================================================================ */
/*      basicLayout     */  
/* ================================================================================ */
.contBlockST {
	border:1px solid #949494;
	margin:0 0 5px 0;
	background:#f6f6f6;
	overflow:hidden;
	clear:both;
	zoom:1;
}

.contBlockB1 {/*ブルーバックのベーシックカラム*/
	border:1px solid #949494;
	margin:0 0 5px 0;
	background:#e5effc;
	overflow:hidden;
	clear:both;
	zoom:1;
}

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

/*=========== ContTitle ===========*/

.chartTitle {
	font-size:110%;
	font-weight:bold;
}

.settingContTitle {
	background:#e7e6e6 url("/tv/digital/img/bg/bg_title_gray.gif") repeat-x 0 bottom;
	border-bottom:1px solid #949494;
	color:#000000;
	padding:0.1em 0 0 0.3em;
	clear:both;
}

.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;
	clear:both;
}

.secondContTitle {
	border-top:1px solid #FFFFFF;
	background:#dfdfdf;
	padding:0 0 0 0.3em;
}

/* ================================================================================ */
/*      rss     */  
/* ================================================================================ */
.rss {
	position:absolute;
	top:0;
	right:0;

}

.inlineArrow {
	padding-left:0.3em;
	position:relative;
	top:2px;
}

/* ================================================================================ */
/*      ContText     */  
/* ================================================================================ */
.contMoreRead {
	text-align:right;
	padding:0 0.3em;
}

/*=========== 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;
}

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


/*=========== 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 .sub {
	display:block;
	overflow:hidden;
}

.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;
}


/* ================================================================================ */
/*      topColumn     */  
/* ================================================================================ */
.topColumn {
	width:950px;
	margin:0 auto;
}

.topColumn .innerBox {
	width:640px;
	float:left;
	position:relative;
}

/* ================================================================================ */
/*      bottomColumn     */  
/* ================================================================================ */
.bottomColumn {
	width:950px;
	margin:0 auto;
	clear:both;
}

/* ================================================================================ */
/*      timeLineList     */  
/* ================================================================================ */
.timeLineList {
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background:url("/tv/digital/img/bg/bg_timelinelist.gif") no-repeat 34px 0;
	display:block;
	overflow:hidden;
	zoom:1;
}

.timeLineList li {
	float:left;
	margin:4px 0 0 0;
	padding:0;
	border-top: 1px solid #999999;
	border-right: 2px solid #999999;
	line-height:24px;
}

.timeLineList li a {
	display:block;
	background-color:#f6f6f6;
	width:22px;
	height:24px;
	text-align:center;
}

.timeLineList li .select {
	background:#304d6b url("/tv/digital/img/bg/bg_title_blue.gif") repeat-x 0 0;
	color:#FFFFFF;
}

.timeLineList .arrow {
	width:13px;
	background-color:#f6f6f6;
}

.timeLineList .arrow a {
	width:13px;
}

.timeLineList .bdAj {
	border-right: 1px solid #999999;
}


.timeLineList .title {
	border-right: 1px solid #999999;
	background:#304d6b url("/tv/digital/img/bg/bg_title_blue.gif") repeat-x 0 0;
	width:33px;
	height:28px;
	color:#FFFFFF;
	text-align:center;
	margin:0;
}

.timeLineList li a:link { color: #000000; text-decoration: none; }
.timeLineList li a:visited { color: #000000; text-decoration: none; }
.timeLineList li a:hover { color: #333333; background-color:#FFFFFF; text-decoration: none; }

.timeLineList li .select:link {color:#FFFFFF;}
.timeLineList li .select:visited { color: #FFFFFF; text-decoration: none; }
.timeLineList li .select:hover { color:#FFFFFF; background:#304d6b url("/tv/digital/img/bg/bg_title_blue.gif") repeat-x 0 0;}




/*=========== bottomColumn  ===========*/  
.bottomColumn .timeLineList {
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom:none;
	background:url("/tv/digital/img/bg/bg_timelinelist_b.gif") no-repeat 35px bottom;
	display:block;
	overflow:hidden;
	width:640px;
	zoom:1;
}

.bottomColumn .timeLineList li {
	float:left;
	margin:0 0 4px 0;
	padding:0;
	border-bottom: 1px solid #999999;
	border-right: 2px solid #999999;
	border-top:none;
	line-height:24px;
}

.bottomColumn .timeLineList .title {
	margin:0;
	border-right:none;
	width:35px;
}

.bottomColumn .timeLineList .bdAj {
	border-right: 1px solid #999999;
}

.bottomColumn .timeLineList .bdAjB {
	border-left: 1px solid #999999;
}

.bottomColumn .innerBox {
	width:640px;
	float:left;
	padding-top:10px;
}

.bottomColumn .innerBoxSub {
	width:300px;
	float:left;
	padding-top:10px;
	padding-left:10px;
}

.bottomContent {
	clear:both;
	overflow:hidden;
	zoom:1;
}

/*=========== listIndexNum ===========*/
.listIndexNum{
	margin:0 auto;
	clear:both;
}

.listIndexNum .innerBox{
	background:#e5effc;
	padding:0.3em 5px;
	overflow:hidden;
	zoom:1;	
}

.listIndexNum.top .innerBox{
	border-top:1px #999999 solid;	
	border-right:1px #999999 solid;	
	border-left:1px #999999 solid;	
}

.listIndexNum.bottom .innerBox{
	border-right:1px #999999 solid;	
	border-bottom:1px #999999 solid;	
	border-left:1px #999999 solid;	
}

.listIndexNum ul {
}

.listIndexNum li {
	width:17px;
	float:left;
	display:block;
	padding:0 0.3em;
	line-height:17px;
	text-align:center;
}

.listIndexNum li.back,
.listIndexNum li.next {
	width:50px;
}

.listIndexNum li a {
	line-height:17px;
}

.listIndexNum li a.num {
	width:17px;
	height:17px;
	line-height:17px;
	text-align:center;
	background:#FFFFFF;
	display:block;	
	border: 1px solid #999999;
}

.listIndexNum li a.num:hover {
	background:#cccccc;
	border: 1px solid #999999;
	color:#333333;
	text-decoration:none;
}


/*=========== forSKY  ===========*/  
.timeLineListS {
	background:url("/tv/digital/img/bg/bg_timelinelist_c.gif") no-repeat 63px 0;
}

.timeLineListS li a,
.bottomColumn .timeLineListS li a {
	width:22px;
}

.timeLineListS .title {
	width:63px;
}

.bottomColumn .timeLineListS .title {
	width:65px;
}

.bottomColumn .timeLineListS {
	background:url("/tv/digital/img/bg/bg_timelinelist_d.gif") no-repeat 64px bottom;
}

/*=========== forIE6.7  ===========*/  
*html .timeLineList li img {
	position:relative;
	top:7px;
}

*+html .timeLineList li img {
	position:relative;
	top:7px;
}

/* ================================================================================ */
/*      dateList     */  
/* ================================================================================ */
.dateList {
	padding-top:0.2em;
	clear:both;
	zoom:1;
}

.dateList li {
	display:inline;
}

.dateList li h2 {
	font-weight:bold;
	display:inline;
}

/* ================================================================================ */
/*      lastUpdate     */  
/* ================================================================================ */
.lastUpdate {
	float:right;
	margin-top:-22px;
	color:#666666;
}

/* ================================================================================ */
/*      settingMenu     */  
/* ================================================================================ */

.genreHighLigh {
	overflow:hidden;
	zoom:1;
}

.genreHighLight h3 {
	white-space:nowrap;
	padding-left:10px;
}

.genreHighLight li {
	float:left;
	margin-top:7px;
	margin-right:10px;
	white-space:nowrap;	
}

.genreHighLight .title {
	margin-left:0;
	margin-right:0;
}

.genreHighLight li label {
	line-height:1;
	margin:0;
	padding:0;	
}

.genreHighLight li input,
.genreHighLight li select {
	margin:0;
	padding:0;
	vertical-align:middle;
}


.chartSettingLList {
	clear:both;
	overflow:hidden;
	padding:0 0 0.2em 0;
	zoom:1;	
}

.chartSettingLList h3 {
	white-space:nowrap;
	padding-left:9px;
	padding-right:0.1em;
	float:left;
}	

.chartSettingLList p {
	float:left;
}

.chartSettingLList li {
	float:left;
	margin:3px 1px 0 0;
}


.chartSettingLList .clL {
	float:none;
	clear:left;
	padding-top:0.3em;
}

.chartSettingLList .flR {
	float:right;
}

.chartSettingLList .flL {
	float:right;
	padding-bottom:0.3em;
}

.chartSettingLList li label {
	margin:0;
	padding:0;	
}

.chartSettingLList li input,
.chartSettingLList li select {
	vertical-align:middle;
}

/*=========== forIE6.7  ===========*/  

*html .genreHighLight h3 {
	padding-top:3px;
}

*+html .genreHighLight h3 {
	padding-top:3px;
}

*html .chartSettingLList h3 {
	padding-top:3px;
}

*+html .chartSettingLList h3 {
	padding-top:3px;
}

*html .chartSettingLList .fajIE {
	margin-top:-20px;
}

*+html .chartSettingLList .fajIE {
	margin-top:-20px;
}

*html .genreHighLight .select {
	position:relative;
	top:2px;
}

*+html .genreHighLight .select {
	position:relative;
	top:2px;
}


/* ================================================================================ */
/*      chartOperateColumn     */  
/* ================================================================================ */
.chartOperateColumn {
	margin:0 auto;
	clear:both;
}

.chartOperateColumn ul {
	float:left;
	padding:0;
}


.chartOperateColumn .sub {
	float:right;
}

.chartOperateColumn .sub li {
	font-size:100%;
	vertical-align:middle;
	line-height:25px;
}

.chartOperateColumn .sub li .numSelect {
	width:3em;
	margin:0 0.3em;
}

.chartOperateColumn .sub li .numSub {
	font-size:80%;
}

.chartOperateColumn ul li {
	float:left;
	height:25px;
	overflow:hidden;	
	margin-right:2px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

.chartOperateColumn ul li .tabBasicOn {
	display:block;
	width:78px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	background:#F6F6F6 url("/tv/digital/img/bg/bg_charttab_c_o.gif") 0 0 no-repeat;
}

.chartOperateColumn ul li .tabBasicOn:hover {
	background:#F6F6F6 url("/tv/digital/img/bg/bg_charttab_c.gif") 0 0 no-repeat;
}

.chartOperateColumn ul li .tabBasicBottom {
	display:block;
	width:78px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	background:#F6F6F6 url("/tv/digital/img/bg/bg_charttab_d_o.gif") 0 0 no-repeat;
}

.chartOperateColumn ul li .tabBasicBottom:hover {
	background:#F6F6F6 url("/tv/digital/img/bg/bg_charttab_d.gif") 0 0 no-repeat;
}

.chartOperateColumn ul li .tabSelectOn {
	display:block;
	width:78px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	color:#FFFFFF;
	background:#324C67 url("/tv/digital/img/bg/bg_charttab_a.gif") 0 0 no-repeat;
}

.chartOperateColumn ul li .tabSelectBottom {
	display:block;
	width:78px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	color:#FFFFFF;
	background:#324C67 url("/tv/digital/img/bg/bg_charttab_b.gif") 0 0 no-repeat;
}



/* ================================================================================ */
/*      genreContList     */  
/* ================================================================================ */
.genreContList h2 {
	width:130px;
	float:left;
	border-bottom:none;
	line-height:23px;
	text-align:center;
}

.genreContList ul {
	float:left;
	padding-top:4px;
	padding-left:3px;
}

.genreContList ul li {
	display:inline;
}

.genreContList li a:link { color: #000000; text-decoration: none; }
.genreContList li a:visited { color: #000000; text-decoration: none; }
.genreContList li a:hover { color: #333333; text-decoration: none; }

/* ================================================================================ */
/*      genreContList     */  
/* ================================================================================ */
.pRcolumn {
	width:300px;
	float:left;
	padding:0 0 0 10px;
}

/* ================================================================================ */
/*      sponsorsLink     */  
/* ================================================================================ */
.sponsorsLink {
	width:315px;
	float:left;
	padding:0 5px 0 0;
}

.sponsorsLink a {
	color:#0000CC;
	padding:0.3em;
	display:block;
}

.sponsorsLink a:hover {
	text-decoration: none;
	background:#FFFBCC;
	display:block;
}

.sponsorsLink .tLC {
	color:#333333;
}
	
.sponsorsLink .tLC {
	color:#333333;
}

.sponsorsLink .gL {
	padding-left: 1em;
	color: #999999;
}

#interest_match .yads_ad > a:hover{
        text-decoration: none;
        background:#FFFBCC;
        display:block;
}

#interest_match .yads_ad_item {
        float: left;
        width: 315px;
        padding: 0 5px 0 0;
}

#interest_match .yads_ad_title {
        color:#0000CC;
        ont-size:12px;
}

#interest_match .yads_ad_adv {
        margin:0;
        padding:0;
        color:#999;
        font-size:12px;
}

#interest_match .yads_ad_desc {
        margin:0;
        padding:0;
        color:#333;
        font-size:12px;
}

#interest_match .yads_ad_info {
        text-align: right;
        font-size: xx-small;
}

/* ================================================================================ */
/*      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;
      margin: 0;
}

.chartColumn .utileListIcon span a {
	display:block;
	margin-bottom:2px;
	line-height:14px;
}
   
.chartColumn .cell-schedule span.schedule-summary {
      color: #646464;
	  display:block;
	  margin-right:0.5em;
}
 
.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;
	  display:block;
	  margin-right:0.5em;	  
}


/* ================================================================================ */
/*      cursor hover    */  
/* ================================================================================ */
#schedule-cell-cursor {
	position: absolute;
	display: none;
	border: 2px solid #304d6b;
}

/* ================================================================================ */
/*      chartColumn SAMPLE A    */  
/* ================================================================================ */
.schedule-titleB {
      color:#056bcd;
	  display:block;
	  margin-right:0.5em;  
	  margin-left:1em;
}

.chartColumn .cell-schedule span.schedule-summaryB {
      color: #646464;
	  display:block;
	  margin-right:0.5em;
	  margin-left:1em;  
}

.chartColumn .icon2 {
	  margin-left:1em;
}

/* ================================================================================ */
/*      chartColumn SAMPLE B    */  
/* ================================================================================ */
.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;
}




/* ================================================================================ */
/*      chatSelectStationList     */  
/* ================================================================================ */
.chatSelectStationList {
	width:140px;
}

.chatSelectStationList li {
	padding:0;
	margin:0;
	width:140px;	
	line-height:20px;
	float:left;
	zoom:1;
}

.chatSelectStationList a {
	background:#f5f5f5 url("/tv/digital/img/btn/btn_arrow_c.gif") no-repeat 3px 50%;
	padding:0 0 0 1.5em;
	display:block;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

.chatSelectStationList a:hover {
	background:#324c67 url("/tv/digital/img/btn/btn_arrow_c.gif") no-repeat 3px 50%;
	color:#FFFFFF;
}

/* ================================================================================ */
/*      exampleList     */  
/* ================================================================================ */
.exampleList {
	color:#666666;
	overflow:hidden;
	clear:both;
	zoom:1;
}

.exampleList h3 {
	float:left;
	width:35px;
	font-weight:bold;
}

.exampleList ul {
	width:915px;
	float:left;
	font-size:80%;
}

.exampleList ul li {
	display:inline;
	margin:0 0.2em 0 0;
}


/* ================================================================================ */
/*      Banner     */  
/* ================================================================================ */
.superBanner{
clear:both;
overflow:hidden;
margin:5px 0 10px 0;
text-align:center;
zoom:1;}
.threeBanner{
margin:5px 0 10px 0;
text-align:center;}
.threeBanner img{
margin:0 5px 0 0;
padding:0;}

/*========== for overlay ==========*/
.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;
      color:#000000;
}

.chartOverlayColumn .cell-station {
      padding: 1px;
      margin: 0;
      text-align: center;
      color: white;
      overflow: hidden;
      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;
      margin: 0;
}

.chartOverlayColumn .utileListIcon span a {
  display:block;
  margin-bottom:2px;
  line-height:14px;
}

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

.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;
}

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

}

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

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