@charset "utf-8";

/* ================================================================================ */
/*      Common 共通    */  
/* ================================================================================ */
/*      Adjuste     */  
.mainColumn{
padding-bottom:5px;}

/* ================================================================================ */
/*      basicLayout ベーシックレイアウト    */  
/* ================================================================================ */
.contBlockInner{
padding:0.6em;}

/*=========== ベーシック  ===========*/
.basicTxt{
padding:0.6em;
overflow:hidden;
clear:both;
zoom:1;}

.basicTxt_s{
padding:0.5em 0.6em 0.3em !important;
overflow:hidden;
clear:both;
zoom:1;}

.basicTxt dt{
padding:0 0 0.3em;}

.basicTxt dd{
padding:0 0 0.3em;}

.basicTable{
margin:0 auto;
padding:0.3em;}

.basicTable th,
.basicTable td{
padding:0.3em;}
.basicTable th{
font-weight:bold;}

.basicList{
padding:0.6em 0.6em 0;
overflow:hidden;
clear:both;
zoom:1;}

.basicList2{
padding:0.3em 0.6em 0;
overflow:hidden;
clear:both;
zoom:1;}
/*=========== ChipTitle チップタイトル  ===========*/
.bgChipGry{
margin-top:0.2em;
margin-right:5px;
background:#dfdfdf;
padding:0.1em 0.3em;
display:inline;}

.bgChipDGry{
font-weight:normal;
margin-top:0.2em;
margin-right:5px;
background:#999999;
padding:0.1em 0.3em;
color:#fff;
display:inline;}

.imgArrowBottom {
margin:0.3em auto;
display:block;
width:30px;
height:30px;
	background: url(/tv/digital/img/common_img/c_arrow_under_l_t.gif) no-repeat right 50%;
	padding:0 1.5em 0 0;
}

/* ================================================================================ */
/*      utileList 検索結果リスト     */  
/* ================================================================================ */

/*=========== utileListResulte Box/utileListContents Box 検索リスト（タイトル） ===========*/
.utileListResulte,
.utileListContents{
overflow:hidden;
clear:both;
zoom:1;
padding:0.3em;}
.utileListResulte{
background:#e5effc;}
.utileListResulte .linkListR{
float:right;}
.utileListResulte .linkListL{
float:left;}
.utileListResulte ul li{
margin-left:0.6em;
float:left;}
.utileListContents{
margin-top:1px;
background:#f6f6f6;
overflow:hidden;
clear:both;
zoom:1;}
.utileListContents .chanelExp{
float:right;}

/*=========== utileList 検索リスト ===========*/ 
.utileList{
padding:1em 0.6em;}
.utileList h2{
margin-bottom:2px;
font-weight:bold;}
.utileList img{
vertical-align:middle;
margin-left:0.4em;}
.utileListProperty{
margin-bottom:0.3em;}
.utileListDetail{
margin-top:0.6em;
margin-bottom:0.6em;}

.utileListIcon .so-netCalLink{
margin-right:0px;
float:right;
line-height:1.1em;}
.utileListIcon .so-netCalLink a{
font-size:small !important;}


/* ================================================================================ */
/*      utileSetting 番組詳細欄     */  
/* ================================================================================ */
.utileSetting{
margin-bottom:0;}
.utileSetting .blTitleSub,
.utileSetting h3,
.utileSetting dl,
.utileSetting p,
.utileSetting ul{
margin-right:0.4em;
margin-left:0.4em;}
.utileSetting .blTitleSub{
margin-top:1em;
margin-right:1em;
margin-left:1em;}
* html .utileSetting .blTitleSub{
margin-right:0.4em;
margin-left:0.4em;}
.subUtileSetting{
padding:1em 0.4em 0.4em;
border-top:none;
margin-bottom:0;}
.subUtileSetting .blTitleSub{
margin-left:0.6em;}
.subUtileSettingMgB5{
padding:1em 0.4em 0.4em;
border-top:none;}
.subUtileSettingMgB5 .blTitleSub{
margin-left:0.6em;}
/*.subUtileSettingMgB5{
padding:0.4em;
border-top:none;}*/
.subUtileSetting2{
border-top:none;}
.subUtileSetting p,
.subUtileSetting2 p,
.subUtileSettingMgB5 p{
padding:0;
padding:1em 0.4em 0.4em;}
.utileSetting input.searchBtnS{
display:block;
margin:0 auto;}
table.utileSettingTable{
width:100%;}
table.utileSettingTable th,
table.utileSettingTable td{
padding:0.6em;}
dl.utileSettingTable dd{
height:2.3em;}
.utileSettingTable select{
width:204px;}
/*番組詳細　フォーム欄*/

/*番組詳細 1カラムリスト*/
.clm1 li{
margin-right:0.6em;
float:left;}
/*番組詳細 3カラムリスト*/
.clm3{}
.clm3 li{
/*height:1.6em;*/
width:200px;
float:left;
padding-right:0.3em;}
/*番組詳細 あいうえおボタン*/
.alphabetList li{
text-align:center;
height:32px;
width:32px;}
.alphabetList li a{
background:url(../img/search_img/btn_line.gif) 0 0 no-repeat;
color:#333;
padding-top:5px;
font-size:x-small;
width:32px;
height:27px;
display:block;}
.alphabetList li a:link,
.alphabetList li a:visited,
.alphabetList li a:active,
.alphabetList li a:hover{color:#333;text-decoration:none;}
.alphabetList li a span{
font-weight:bold;
font-size:small;}
.alphabetList li a:hover{
background:url(../img/search_img/btn_line.gif) 0 -32px no-repeat;}


/* ================================================================================ */
/*      utileSetting 設定画面     */  
/* ================================================================================ */

/*=========== Tab 設定画面タブ ===========*/
.settingTab{
margin-top:5px;
overflow:hidden;
clear:both;
zoom:1;}
.settingTab li{
text-align:center;
width:128px;
height:22px;
float:left;}
.settingTab li a{
padding-top:2px;
width:128px;height:20px;
display:block;
background:url(../img/setting_img/set_display_tab.gif) 0 0 no-repeat;}
.settingTab li a:link,
.settingTab li a:visited,
.settingTab li a:active,
.settingTab li a:hover{
color:#333333;
text-decoration:none;}
.settingTab li a:hover{
background:url(../img/setting_img/set_display_tab_over.gif) 0 0 no-repeat;}
.settingTab li a.tabOn{
color:#fff;
background:url(../img/setting_img/set_display_tab_on.gif) 0 0 no-repeat;}
.settingTab li a.tabOn:hover{
color:#fff;
background:url(../img/setting_img/set_display_tab_on.gif) 0 0 no-repeat;}
.settingTab li a.tabOn:link,
.settingTab li a.tabOn:visited,
.settingTab li a.tabOn:active,
.settingTab li a.tabOn:hover{
color:#fff;}

/*=========== utileSettingBox 設定画面欄 ===========*/
.utileSettingBox,
.utileSettingBox2,
.utileSettingBox3,
.set_mychartTable{
overflow:hidden;
clear:both;
zoom:1;}
.utileSettingBox dt{
padding-right:5%;
font-weight:bold;
float:left;
width:30%;}
.utileSettingBox dd{
padding-bottom:0.3em;
overflow:hidden;
zoom:1;
width:65%;
float:right;}
.utileSettingBox dd span.mg{
white-space:nowrap;
float:left;
display:block;
height:1.8em;
padding:0.3em 1em 0.3em 0;}
.utileSettingBox dd input,
.utileSettingBox dd select{
margin-right:0.3em;}
.utileSettingBox table td,
.utileSettingBox table th{
vertical-align:top;}
.utileSettingBox table th{
padding-right:0.6em;
white-space:nowrap;}
.utileSettingBox2 dt{
padding-right:5%;
font-weight:bold;
float:left;
width:10%;}
.utileSettingBox2 dd{
padding-bottom:0.3em;
overflow:hidden;
zoom:1;
width:85%;
float:right;}
.utileSettingBox3 dt{
padding-bottom:0.6em;
font-weight:bold;}
.utileSettingBox3 dd{
padding-bottom:0.3em;}
.utileSettingBox3 ul{
padding-top:0.3em;}
.utileSettingBox3 ul li{
padding-bottom:0.3em;}
.w280{
width:280px;}
.w270{
width:270px;}
.w200{
width:200px;}

/*=========== set_mychart ===========*/
.set_mychartTable{
width:609px;}
.set_mychartTable th{
font-weight:bold;}
.set_mychartTable th,
.set_mychartTable td{
padding:2px 1px;
vertical-align:top;}
.set_mychartTable td.vAlignM {
vertical-align:middle !important;}
.set_mychartTable td select{
width:278px;}
.set_mychartTable .setTxtArea{
font-size:small;
margin-bottom:2px;
width:275px;
height:200px;}
* html .set_mychartTable .setTxtArea{
width:275px;}

/*=========== set_omakase ===========*/
.set_omakaseTable{
padding:2px;}
.set_omakaseTable .clm1{
width:204px;}
.set_omakaseTable .clm2{
width:20px;}
.set_omakaseTable .clm3{
width:204px;}
.set_omakaseTable .clm4{
width:20px;}
.set_omakaseTable .clm5{
width:88px;}
.set_omakaseTable .clm6{
padding-left:10px;
width:55px;}
.set_omakaseTable select{
width:100%;}
/*=========== set_remote ===========*/
.setList{margin-left:1.4em;}
.setList li{
list-style:disc outside;}
/*=========== set_path ===========*/
.attentionBox{
font-weight:bold;
color:#f00;
background: url(../img/icon/icon_attention.gif) no-repeat 2% 50% #ffe7e6;
padding:1em 1em 1em 4em!important;
border:1px solid #999;}

/* ================================================================================ */
/*      inputBox 共通フォーム     */  
/* ================================================================================ */

/*=========== inputBox 共通フォーム ===========*/
.inputBox{
text-align:center;}
.inputTxt{
width:200px;}
/*=========== inputBtn 共通フォームボタン ===========*/
.inputBtnSS{
width:4em;}
.inputBtnS{
width:7em;}
.inputBtnM{
width:10em;}
.searchBtnM {
border: 0;
background:#0893d5 url(/tv/digital/img/btn/btn_common_search_116_21.gif) no-repeat 0 0;
color:#FFFFFF;
width:116px;
height:21px;
position:relative;
top:0;
left:-2px;	
cursor:pointer;
font-size:12px;
line-height:21px;}
.searchBtnM:hover {
background:#0893d5 url(/tv/digital/img/btn/btn_common_search_116_21_o.gif) no-repeat 0 0;}
.searchBtnS {
border: 0;
background:#0893d5 url(/tv/digital/img/btn/btn_common_search.gif) no-repeat 0 0;
color:#FFFFFF;
width:80px;
height:21px;
position:relative;
top:0;
left:-2px;	
cursor:pointer;
font-size:12px;
line-height:21px;}
.searchBtnS:hover {
background:#0893d5 url(/tv/digital/img/btn/btn_common_search_o.gif) no-repeat 0 0;}


/* ================================================================================ */
/*      各部品     */  
/* ================================================================================ */

/*=========== G-guide Logo ===========*/ 
.GguidLogo{
margin:0 auto;
width:950px;
clear:both;
overflow:hidden;
zoom:1;}
.GguidLogo img{
float:right;
margin:0 5px 0 0;
padding:0;}

/*=========== Banner ===========*/ 
.superBanner{
margin:5px 0 10px 0;
text-align:center;}
.threeBanner{
margin:5px 0 10px 0;
text-align:center;}
.threeBanner img{
margin:0 5px 0 0;
padding:0;}

/*=========== Icons ===========*/
.rssArrw {
background: url(/tv/digital/img/icon/icon_rss.gif) no-repeat 0 50%;
padding:0 0 0 1.3em;}
.linkHelp {
background: url(/tv/digital/img/icon/icon_help.gif) no-repeat 0 50%;
padding:0 0 0 1.6em;}
.iepgcheck{margin:0 0 0 3px;padding:0;width:1em;height:1em;}


.nice{
font-weight:bold;
padding:0.3em 0 0.3em 1.8em;
background:url(../img/icon/icon-nice.gif) 0 50% no-repeat;}
.inputNice,
.inputUnsubscribe{
margin-right:5px;}
.niceList{
overflow:hidden;
clear:both;
zoom:1;}
.niceList li{
margin-right:0.5em;
margin-top:1.2em;
width:50px;
float:left;
text-align:center;}
.niceList li a{
height:34px;
display:block;}
.niceList li a img{
height:34px;
width:34px;
font-size:1px;
line-height:1px;
border:1px solid #949494;}
.niceList li span a{
padding-top:3px;
width:50px;
height:1.2em;
overflow:hidden;}

/* ================================================================================ */
/*      mypage_chart  */
/* ================================================================================ */

/*=========== mypage-chart ===========*/ 
.chart-column {
	clear: both; padding: 0px;
}
.chart-column .schedules-matrix {
	table-layout:auto;
	border-spacing: 0px;
	border-collapse: separate;
	line-height: 1.3;
	width:100%;
}
.chart-column .schedules-matrix th {
	color:#FFFFFF;
	background: #324c67;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	height:5px;
}
.chart-column .schedules-matrix .saturday {
	background: #33599a;
}
.chart-column .schedules-matrix .sunday {
	background: #862d3d;
}
.chart-column .schedules-matrix .under {
	border-top-width: 0px;
	border-top-style: none;
}
.chart-column .schedules-matrix td {
	background:#f5f5f5;
	border-right: 1px solid #000000;
	border-bottom: 1px dotted #CCCCCC;
}
.chart-column .schedules-matrix td p {
	padding: 1px;
	line-height: 1.3em;
	font-size: 85%;
}
.chart-column .schedules-matrix .time-zone {
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;	
	text-align: center;
	font-weight: bold;
	padding:0.5em 0 0 0;
	width: 17px;
	vertical-align:top;
	height: 60px;
	background: #dfdfdf;	
}
.chart-column .schedules-matrix .time-zone-head {
	height: 20px;
	background: #324c67;
}

.chart-column .schedules-matrix .time-zoneR {
	border-left:none;
}
.chart-column .schedules-matrix .time-zoneHalf {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	text-align: center;
	font-weight: bold;
	padding: 0px;
	border-top-style: none;
	width: 30px;
	height: 30px;
}
.chart-column .schedules-matrix .last {
	border-bottom: 1px solid #000000;
}

.schedules-matrix .today {
	background: #FFF4E6;
}
.schedules-matrix .morning {
	background: #f4faff;
}
.schedules-matrix .daytime {
	background: #fce8cf;
}
.schedules-matrix .night {
	background: #cdd3ff;
}
.schedules-matrix .midnight {
	background: #c9c8dc;
}

/*=========== mypage-chart p ===========*/ 
.contentRemote {
	background: #ffc48a;
	border: 1px solid #ff8033;
}

.contentConcern {
	background: #9df3ba;
	border: 1px solid #209940;
}

.contentRecommend {
	background: #8ee7e7;
	border: 1px solid #1ca7b5;
}

.contentLeaving {
	background: #ffff99;
	border: 1px solid #d9bd00;
}

.utileListContents .formLIst{ 
	display:block;
	line-height:24px;
	vertical-align:middle;
	padding-right:0.5em;
}

.utileListContents .formLIst input{ 
	line-height:24px;
	vertical-align:middle;
	margin-right:0.3em;
}