@charset "UTF-8";


/*
---------------------------------------
# SiteName: テレビ王国地上デジタル番組表
# 
# Update: 2008.8.25
# Editor: Masanori.Konno@so-net.co.jp

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

p, h1, h2, h4, h5, h6, h7, form, li, ul, input { margin: 0px; padding: 0px; list-style: none; }
body { margin: 0px; padding: 0px; }
a:link { color: #0033F7; text-decoration: none; text-decoration: none; }
a:visited { color: #0066FF; text-decoration: none; }
a:hover { color: #F70033; /*text-shadow: 3px 3px #DDD;*/ text-decoration: underline; }
img { border: 0px; margin: 0px; padding: 0px; }
strong { font-weight: bold; }
.cl { clear: both; display: block; height: 0px; line-height: 0px; }
.no { display: none; font-size: 1px; }
.text-out { text-decoration: none; text-indent: -3000px; }
.strong { font-weight: bold; }

/*hr*/
hr.dot-line { border-style: dotted none none none; border-top-width: 1px; border-top-color: #cccccc; height: 1px; margin: 5px 0px 0px; padding: 0px; } 

/*clearfix*/
#header:after,#container:after,#footer:after,#settingleavingsearch #container #main div.chart-list:after,
#leavingsearchopen #container #main div.nice:after { content:""; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}

/*common-span*/
span.current { font-weight:bold;}
span.right-margin { margin: 0px 5px 0px 0px; padding: 0px; }
span.left-margin { margin: 0px 0px 0px 5px; }
span.smalltxt { font-size: 75%; font-weight: normal; }



/*body*/
#top { margin: 0px auto; padding: 0px; text-decoration:none; }
#chart { padding: 0px; text-decoration:none; margin: 0px auto; }


/*header*/
#header { margin: 0px auto; padding: 3px 0px 0px;}

/*header headMenu*/ 
#header div.header-text { height: 20px; border-bottom: 1px solid #CCCCCC; margin: 0px; padding: 0px; line-height: 1em }
#header div.header-text table.text-box { width: 100%; max-width: 100%; min-width: 950px; margin:0px; padding:0px; border-collapse:collapse; line-height: 1.5em; font-size: 90%; }
#header div.header-text table.text-box td.pr { width: 50%; margin:0px; padding:0px 0px 0px 10px; text-align:left; }
#header div.header-text table.text-box td.setting { width: 50%; padding:0px 10px 0px 0px; text-align:right; }
#header div.header-text table.text-box td.setting span { margin-right: 5px; margin-left: 5px; }
#header div.header-text table.text-box td.setting a.tvoukoku { background: url(/tv/digital/img/common_img/h_icon_question.gif) no-repeat 0 50%; height: 18px; margin: 0px; padding: 0px 5px 0px 15px; }
#header div.header-text table.text-box td.setting a.sitemap { background: url(/tv/digital/img/common_img/h_icon_sitemap.gif) no-repeat 0 50%; height: 18px;  margin: 0px; padding: 0px 5px 0px 15px; }
#header div.header-text table.text-box td.setting a.help { background: url(/tv/digital/img/common_img/h_icon_help.gif) no-repeat 0 50%; height: 18px;  margin: 0px; padding: 0px 0px 0px 15px; }


#top #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#chart #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#result #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_search.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#viewpoint #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#details #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#information #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#search #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_search.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#search-genre #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_search.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#enjoy #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_enjoy.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#drama #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_drama.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#sitemap #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#setting #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#settingmychart #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#settingmychartsetting #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#settingsearchsetting #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#settingleavingsearch #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#leavingsearch #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#leavingsearchopen #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#concern #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#concernopen #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#mypage #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#mypageopen #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#mychart #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#mydetails #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#detailsspecial #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#settingmyurl #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#settingarea #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#rankingArea #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_enjoy.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#rankingAll #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_enjoy.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#presetChart #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_search.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#settingRemote #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#settingLeavingRecording #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; } 
#remote #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#remoteConfirm #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_member.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }
#searchPerformer #header div.header-bg { width: 100%; background: url(/tv/digital/img/common_img/h_bg_navi_search.gif) repeat-x bottom; clear: both; margin: 0px auto; padding: 0px; line-height: 1em; height: 136px; }

#header div.header-width{ width: 950px; clear: both; margin: 0px auto;  line-height:1.5px;}
#header div.header-width p { display: block; width: 165px; float: left; margin: 0px; padding: 0px; height: 44px; margin: 0px; padding: 5px 0px 0px; }

#header div.header-width ul { margin: 0px; clear: both; height: 35px; padding: 0px; text-indent: -5000px;}
#header div.header-width li { display: block; margin: 0px; padding: 0px; list-style: none; clear: none; float: left; font-size: 1px;  }
#header div.header-width li.chart a { width: 191px; height: 35px; background: url(/tv/digital/img/common_img/h_btn_navi_chart.gif) no-repeat; display: block; text-decoration: none; font:0px/0px sans-serif; }
#header div.header-width li.chart a:hover { background: url(/tv/digital/img/common_img/h_btn_navi_chart.gif) no-repeat 0px -35px; }
#header div.header-width li.search a { width: 190px; height: 35px; background: url(/tv/digital/img/common_img/h_btn_navi_search.gif) no-repeat; display: block; text-decoration: none; font:0px/0px sans-serif; }
#header div.header-width li.search a:hover { background: url(/tv/digital/img/common_img/h_btn_navi_search.gif) no-repeat 0px -35px; }
#header div.header-width li.drama a { width: 189px; height: 35px; background: url(/tv/digital/img/common_img/h_btn_navi_drama.gif) no-repeat; display: block; text-decoration: none; font:0px/0px sans-serif; }
#header div.header-width li.drama a:hover { background: url(/tv/digital/img/common_img/h_btn_navi_drama.gif) no-repeat 0px -35px; }
#header div.header-width li.enjoy a { width: 189px; height: 35px; background: url(/tv/digital/img/common_img/h_btn_navi_enjoy.gif) no-repeat; display: block; text-decoration: none; font:0px/0px sans-serif; }
#header div.header-width li.enjoy a:hover { background: url(/tv/digital/img/common_img/h_btn_navi_enjoy.gif) no-repeat 0px -35px; }
#header div.header-width li.member a { width: 191px; height: 35px; background: url(/tv/digital/img/common_img/h_btn_navi_member.gif) no-repeat; display: block; text-decoration: none; font:0px/0px sans-serif; }
#header div.header-width li.member a:hover { background: url(/tv/digital/img/common_img/h_btn_navi_member.gif) no-repeat 0px -35px; }

/*header-pulldown*/
ul.pulldown-search { margin: 0px; padding: 0px; border-top: 1px solid #009944; }
li.pulldown-search-list { margin: 0px; display: block; border-right: 1px solid #009944; border-bottom: 1px solid #009944; border-left: 1px solid #009944; }
li.pulldown-search-list a { color: #009944; display: block; background: url(/tv/digital/img/common_img/c_arrow_green.gif) no-repeat 5px 6px; padding-left: 25px; }
li.pulldown-search-list a:visited { color: #009944; text-decoration: none; }
li.pulldown-search-list a:hover { color: #FFFFFF; display: block; padding-left: 25px; background: #009944 url(/tv/digital/img/common_img/c_arrow_white.gif) no-repeat 5px 6px; }
ul.pulldown-chart { margin: 0px; padding: 0px; border-top: 1px solid #2BAAD3; }
li.pulldown-chart-list { margin: 0px; color: #2BAAD3; display: block; border-right: 1px solid #2BAAD3; border-bottom: 1px solid #2BAAD3; border-left: 1px solid #2BAAD3; }
li.pulldown-chart-list a { color: #2BAAD3; display: block; background: url(/tv/digital/img/common_img/c_arrow_blue.gif) no-repeat 5px 6px; padding-left: 25px; }
li.pulldown-chart-list a:visited { color: #2BAAD3; text-decoration: none; }
li.pulldown-chart-list a:hover { color: #FFFFFF; display: block; padding-left: 25px; background: #2BAAD3 url(/tv/digital/img/common_img/c_arrow_white.gif) no-repeat 5px 6px; }
ul.pulldown-enjoy { margin: 0px; padding: 0px; border-top: 1px solid #fea700; }
li.pulldown-enjoy-list { margin: 0px; display: block; border-right: 1px solid #fea700; border-bottom: 1px solid #fea700; border-left: 1px solid #fea700; }
li.pulldown-enjoy-list a { color: #fea700; display: block; background: url(/tv/digital/img/common_img/c_arrow_enjoy.gif) no-repeat 5px 6px; padding-left: 25px; }
li.pulldown-enjoy-list a:visited { color: #fea700; text-decoration: none; }
li.pulldown-enjoy-list a:hover { color: #FFFFFF; display: block; padding-left: 25px; background: #fea700 url(/tv/digital/img/common_img/c_arrow_white.gif) no-repeat 5px 6px; }
ul.pulldown-drama { margin: 0px; padding: 0px; border-top: 1px solid #f2718c; }
li.pulldown-drama-list { margin: 0px; display: block; border-right: 1px solid #f2718c; border-bottom: 1px solid #f2718c; border-left: 1px solid #f2718c; }
li.pulldown-drama-list a { color: #f2718c; display: block; background: url(/tv/digital/img/common_img/c_arrow_drama.gif) no-repeat 5px 6px; padding-left: 25px; }
li.pulldown-drama-list a:visited { color: #f2718c; text-decoration: none; }
li.pulldown-drama-list a:hover { color: #FFFFFF; display: block; padding-left: 25px; background: #f2718c url(/tv/digital/img/common_img/c_arrow_white.gif) no-repeat 5px 6px; }

ul.pulldown-member { margin: 0px; padding: 0px; border-top: 1px solid #056bcd; }
li.pulldown-member-list { margin: 0px; display: block; border-right: 1px solid #056bcd; border-bottom: 1px solid #056bcd; border-left: 1px solid #056bcd; }
li.pulldown-member-list a { color: #056bcd; display: block; background: url(/tv/digital/img/common_img/c_arrow_member.gif) no-repeat 5px 6px; padding-left: 25px; }
li.pulldown-member-list a:visited { color: #056bcd; text-decoration: none; }
li.pulldown-member-list a:hover { color: #FFFFFF; display: block; padding-left: 25px; background: #056bcd url(/tv/digital/img/common_img/c_arrow_white.gif) no-repeat 5px 6px; text-decoration: underline;}

.pulldown-menu { position:absolute; background-color:white; display:none; width:180px; z-index:1; }





/*searchHeader*/
#header div.header-width table.search-block { float: right; height: 46px; line-height:1.5px; margin: 4px 0px 3px; }

#header div.header-width table.search-block td { background: url(/tv/digital/img/common_img/common_searchhead_bg.gif) repeat-x 0px 0px; padding:0px; margin:0px;}

#header div.header-width table.search-block td.searchBlockHead { background: url(/tv/digital/img/common_img/common_searchhead_head.jpg) no-repeat 0px 0px; width:5px;}

#header div.header-width table.search-block td.searchPreset { padding:0 0 5px 0; width:476px; vertical-align:middle;}
#header div.header-width table.search-block td.searchPreset div { float:left; margin:0 1px 0 0 ; padding:0; display:block;}


#header div.header-width table.search-block td.searchIcon { background: url(/tv/digital/img/common_img/common_searchhead_icon.gif) no-repeat 0px 0px; width:16px; }

#header div.header-width table.search-block td.searchInput {padding:0px 0px 0px 5px; margin:0px;}
#header div.header-width table.search-block td.searchInput input { width:200px; background: #FFFFFF url(/tv/digital/img/common_img/c_gguide_logo.jpg) no-repeat right 0px; position:relative; top:-3px;}

#header div.header-width table.search-block td.searchSubmit { margin:0px; text-align: center; width:50px; padding:0px 0px 0px 5px; }
#header div.header-width table.search-block td.searchSubmit input {position:relative; top:-2px;}

#header div.header-width table.search-block td.searchBottom {background: url(/tv/digital/img/common_img/common_searchhead_bottom.gif) no-repeat 0px 0px; width:10px;}



/*sub-navigation*/

#header div.header-width div.account {text-align: left; margin: 0px; padding: 0px; height: 20px; line-height: 1.5; text-indent:0px; font-size: 90%; float:left;}

#header div.header-width div.accountOn {width: 850px;}
#header div.header-width div.accountOff { margin:0px; padding:0px;}

#header div.header-width div.account strong { font-size: 100%; margin-right: 3px; margin-left: 3px; }
#header div.header-width div.account table { vertical-align: middle; padding-top: 5px; }
#header div.header-width div.account table td.name { vertical-align: middle; }
#header div.header-width div.account table td.textMsg { vertical-align: middle; padding-left: 10px; }
#header div.header-width div.account table td.btn  { vertical-align: middle; padding: 2px 0px 0px 5px; }

#header div.header-width div.sub-navi { float:right; margin: 0px; padding: 3px 0px 0px; text-align:right; }

#header div.header-width div.stateLogIn { width: 350px; }
#header div.header-width div.stateLogOut {width: 100px; }

#header div.header-width div.sub-navi table.sub-list{ height: 16px; text-align:right;  float:right;}
#header div.header-width div.sub-navi table.sub-list td { height: 16px; font-size: 90%; padding-left: 10px; padding-top: 3px; }

/*undder-layer-navigation*/
div.underlayer-subnvigation { width: 950px; margin: 0px auto; }
div.underlayer-subnvigation div.breadcrumbs { margin: 0px; padding: 9px 0px 0px; width: 640px; float: left; clear: none; }
div.underlayer-subnvigation div.breadcrumbs span.current { font-weight:bold;}

/*undder-layer-setting*/
div.underlayer-subnvigation div.underlayer-setting { float: right; margin: 0px; padding: 3px 0px 0px 0px;}
div.underlayer-subnvigation div.underlayer-setting table.setting { background: url(/tv/digital/img/common_img/c_logo_sindicatedgguide.jpg) no-repeat 95% 10px; }
div.underlayer-subnvigation div.underlayer-setting table { margin: 0px; padding: 0px; border-style: none; }
div.underlayer-subnvigation div.underlayer-setting table td.title { padding: 0px 3px 0px 0px; }
div.underlayer-subnvigation div.underlayer-setting table td.select { padding: 0px 3px 0px 0px; }
div.underlayer-subnvigation div.underlayer-setting table td.gguide { padding-left: 0px; padding-top: 3px; }

/*superbanner*/
#container .super-banner { clear: both; width: 910px; text-align: center; margin-right: auto; margin-left: auto; padding: 5px 0px; }


/*footer*/
#footer { width: 100%; clear: both; padding-bottom: 10px; }
#footer p.link-top { text-align: right; margin: 0px; padding: 0px; }
#footer p.link-top span { margin-right: 5px; }
#footer hr.grey-line { width: 100%; height: 1px; color: #CCCCCC; size: 1px; margin: 5px 0px 0px; padding: 0px; border-top: 1px solid #CCCCCC; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#footer div.footer-width { width: 950px; margin: 0px auto; padding-top: 10px; padding-bottom: 0px; height: 100px; }
#footer div.footer-width ul { list-style: none; margin: 0px; padding: 0px; text-align: center; float: left; }
#footer div.footer-width li { display: inline; margin: 0px; padding: 0px; }
#footer div.footer-width table { width: 100%; margin-bottom: 10px; }
#footer div.footer-width table td.left {}
#footer div.footer-width table td.right-iepg { vertical-align: bottom; text-align: right; padding-bottom: 1px; width: 119px; }
#footer div.footer-width table td.right-sonet { vertical-align: bottom; text-align: right; padding-left: 20px; width: 119px; }
#footer div.footer-width p.text { width: 630px; padding-top: 10px; display: block; float: left; font-size: x-small; }
#footer div.footer-width p.logo { margin: 0px; padding: 0px; }


/*side*/
#container #side { width: 300px; float: left; margin: 0px; padding: 0px 0px 0px 20px; }



/*member-tab*/
#container div.member-tab { margin: 0px; padding: 0px; width: 630px; }
#container div.member-tab li { float: left; clear: none; width: 85px; text-indent: -5000px; text-decoration: none; font:0px/0px sans-serif; vertical-align: bottom; }
#container div.member-tab li.mypage { margin: 0px 1px 0px 0px;  padding-top: 5px; }
#container div.member-tab li.mypage a { width: 85px; height: 25px; background: url(/tv/digital/img/common_img/c_tab_s_mypage.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#container div.member-tab li.mypage a:hover { background: url(/tv/digital/img/common_img/c_tab_s_mypage.gif) no-repeat 0px -30px; }

#container div.member-tab li.mychart { margin: 0px 1px 0px 0px;  padding-top: 5px; }
#container div.member-tab li.mychart a { width: 85px; height: 25px; background: url(/tv/digital/img/common_img/c_tab_s_mychart.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#container div.member-tab li.mychart a:hover { background: url(/tv/digital/img/common_img/c_tab_s_mychart.gif) no-repeat 0px -30px; }

#container div.member-tab li.leaving { margin: 0px 1px 0px 0px; padding-top: 5px; }
#container div.member-tab li.leaving a { width: 85px; height: 25px; background: url(/tv/digital/img/common_img/c_tab_s_leaving.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#container div.member-tab li.leaving a:hover { background: url(/tv/digital/img/common_img/c_tab_s_leaving.gif) no-repeat 0px -30px; }

#container div.member-tab li.concern { margin: 0px 1px 0px 0px; padding-top: 5px; }
#container div.member-tab li.concern a { width: 85px; height: 25px; background: url(/tv/digital/img/common_img/c_tab_s_concern.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#container div.member-tab li.concern a:hover { background: url(/tv/digital/img/common_img/c_tab_s_concern.gif) no-repeat 0px -30px; }

#container div.member-tab li.recommend { margin: 0px 1px 0px 0px;padding-top: 5px;  }
#container div.member-tab li.recommend a { width: 85px; height: 25px; background: url(/tv/digital/img/common_img/c_tab_s_recommend.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#container div.member-tab li.recommend a:hover { background: url(/tv/digital/img/common_img/c_tab_s_recommend.gif) no-repeat 0px -30px; }

#container div.member-tab li.remote { margin: 0px 1px 0px 0px;padding-top: 5px; }
#container div.member-tab li.remote a { width: 85px; height: 25px; background: url(/tv/digital/img/common_img/c_tab_s_remote.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#container div.member-tab li.remote a:hover { background: url(/tv/digital/img/common_img/c_tab_s_remote.gif) no-repeat 0px -30px; }

#container div.member-tab li.settingtab { margin: 0px;padding-top: 5px; }
#container div.member-tab li.settingtab a { width: 85px; height: 25px; background: url(/tv/digital/img/common_img/c_tab_s_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_s_setting.gif) no-repeat 0px -30px; }

/*member-tab-gray*/
#container div.member-tab li.recommend-gray { margin: 0px 1px 0px 0px;  width: 85px; height: 25px; background: url(/tv/digital/img/common_img/c_tab_s_recommend_gray.gif) no-repeat 0px -25px; display: block; text-decoration: none; font:0px/0px sans-serif;padding-top: 5px;  }
#container div.member-tab li.remote-gray { margin: 0px 1px 0px 0px;width: 85px; height: 25px; background: url(/tv/digital/img/common_img/c_tab_s_remote_gray.gif) no-repeat 0px -25px; display: block; text-decoration: none; font:0px/0px sans-serif; padding-top: 5px;  }


#setting #container div.member-tab li.settingtab { margin: 0px; width: 114px; height: 30px; padding-top: 0px;}
#setting #container div.member-tab li.settingtab a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#setting #container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; }

#settingmychart #container div.member-tab li.settingtab { margin: 0px; width: 114px; height: 30px; padding-top: 0px;}
#settingmychart #container div.member-tab li.settingtab a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#settingmychart #container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; }

#settingmychartsetting #container div.member-tab li.settingtab { margin: 0px; width: 114px; height: 30px; padding-top: 0px;}
#settingmychartsetting #container div.member-tab li.settingtab a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#settingmychartsetting #container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; }

#settingsearchsetting #container div.member-tab li.settingtab { margin: 0px; width: 114px; height: 30px; padding-top: 0px;}
#settingsearchsetting #container div.member-tab li.settingtab a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#settingsearchsetting #container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; }

#settingleavingsearch #container div.member-tab li.settingtab { margin: 0px; width: 114px; height: 30px; padding-top: 0px;}
#settingleavingsearch #container div.member-tab li.settingtab a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#settingleavingsearch #container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; }

#leavingsearch #container div.member-tab li.leaving { width: 114px; height: 30px; margin-right: 1px; padding-top: 0px;}
#leavingsearch #container div.member-tab li.leaving a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_leaving.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#leavingsearch #container div.member-tab li.leaving a:hover { background: url(/tv/digital/img/common_img/c_tab_l_leaving.gif) no-repeat 0px 0px; }

#concern #container div.member-tab li.concern { width: 114px; height: 30px; margin-right: 1px; padding-top: 0px;}
#concern #container div.member-tab li.concern a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_concern.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#concern #container div.member-tab li.concern a:hover { background: url(/tv/digital/img/common_img/c_tab_l_concern.gif) no-repeat 0px 0px; }

#mypage #container div.member-tab li.mypage { width: 114px; height: 30px; margin-right: 1px; padding-top: 0px; padding-top: 0px;}
#mypage #container div.member-tab li.mypage a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_mypage.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#mypage #container div.member-tab li.mypage a:hover { background: url(/tv/digital/img/common_img/c_tab_l_mypage.gif) no-repeat 0px 0px; }

#mychart #container div.member-tab li.mychart { width: 114px; height: 30px; margin-right: 1px; padding-top: 0px;}
#mychart #container div.member-tab li.mychart a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_mychart.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#mychart #container div.member-tab li.mychart a:hover { background: url(/tv/digital/img/common_img/c_tab_l_mychart.gif) no-repeat 0px 0px; }

#settingmyurl #container div.member-tab li.settingtab { margin: 0px; width: 114px; height: 30px; padding-top: 0px;}
#settingmyurl #container div.member-tab li.settingtab a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#settingmyurl #container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; }

#settingarea #container div.member-tab li.settingtab { margin: 0px; width: 114px; height: 30px; padding-top: 0px;}
#settingarea #container div.member-tab li.settingtab a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#settingarea #container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; }

#settingRemote #container div.member-tab li.settingtab { margin: 0px; width: 114px; height: 30px; padding-top: 0px;}
#settingRemote #container div.member-tab li.settingtab a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#settingRemote #container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; }

#settingLeavingRecording #container div.member-tab li.settingtab { margin: 0px; width: 114px; height: 30px; padding-top: 0px;}
#settingLeavingRecording #container div.member-tab li.settingtab a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#settingLeavingRecording #container div.member-tab li.settingtab a:hover { background: url(/tv/digital/img/common_img/c_tab_l_setting.gif) no-repeat 0px 0px; }

#remote #container div.member-tab li.remote { margin: 0px; width: 114px; height: 30px; padding-top: 0px; margin-right: 1px;}
#remote #container div.member-tab li.remote a { width:114px; height:30px; background: url(/tv/digital/img/common_img/c_tab_l_remote.gif) no-repeat 0px 0px; display: block; text-decoration: none; font:0px/0px sans-serif; }
#remote #container div.member-tab li.remote a:hover { background: url(/tv/digital/img/common_img/c_tab_l_remote.gif) no-repeat 0px 0px; }


/*setting-common-head*/
#container #main div.setting-common-menu { background: url(/tv/digital/img/setting_img/s_bg_head_setting.gif) no-repeat top; margin-top: 10px; padding-top: 5px; }
#container #main div.setting-common-menu span.btm { background: url(/tv/digital/img/setting_img/s_bg_btm_setting.gif) no-repeat top; display: block; height: 10px; clear: both; float: none; }
#container #main div.setting-common-menu ul { background: url(/tv/digital/img/setting_img/s_bg_setting.gif) repeat-y; width: 610px; padding-top: 5px; float: none; clear: both; overflow: hidden; padding-right: 10px; padding-left: 10px; }
#container #main div.setting-common-menu li { margin: 0px; padding: 0px 4px 0px 3px; text-indent: 0px; display: inline; border-right: 1px solid #CCCCCC; }
#container #main div.setting-common-menu li.recording { border-right-width: 0px; border-right-style: none; }

#setting #container #main div.setting-common-menu li.all span { background: #056BCD; color: #FFFFFF; padding: 2px; }
#setting #container #main div.setting-common-menu li.all span a {color: #FFFFFF; }
#setting #container #main div.setting-common-menu li.all span a:hover { color: #FFFFFF; text-decoration: none; }

#settingmychart #container #main div.setting-common-menu li.mychart span { background: #056BCD; color: #FFFFFF; padding: 2px; }
#settingmychart #container #main div.setting-common-menu li.mychart span a {color: #FFFFFF; }
#settingmychart #container #main div.setting-common-menu li.mychart span a:hover { color: #FFFFFF; text-decoration: none; }

#settingmychartsetting #container #main div.setting-common-menu li.mychart span { background: #056BCD; color: #FFFFFF; padding: 2px; }
#settingmychartsetting #container #main div.setting-common-menu li.mychart span a {color: #FFFFFF; }
#settingmychartsetting #container #main div.setting-common-menu li.mychart span a:hover { color: #FFFFFF; text-decoration: none; }

#settingsearchsetting #container #main div.setting-common-menu li.leavingsearch span { background: #056BCD; color: #FFFFFF; padding: 2px; }
#settingsearchsetting #container #main div.setting-common-menu li.leavingsearch span a {color: #FFFFFF; }
#settingsearchsetting #container #main div.setting-common-menu li.leavingsearch span a:hover { color: #FFFFFF; text-decoration: none; }

#settingleavingsearch #container #main div.setting-common-menu li.leavingsearch span { background: #056BCD; color: #FFFFFF; padding: 2px; }
#settingleavingsearch #container #main div.setting-common-menu li.leavingsearch span a {color: #FFFFFF; }
#settingleavingsearch #container #main div.setting-common-menu li.leavingsearch span a:hover { color: #FFFFFF; text-decoration: none; }

#settingRemote #container #main div.setting-common-menu li.remote span { background: #056BCD; color: #FFFFFF; padding: 2px; }
#settingRemote #container #main div.setting-common-menu li.remote span a {color: #FFFFFF; }
#settingRemote #container #main div.setting-common-menu li.remote span a:hover { color: #FFFFFF; text-decoration: none; }

#settingLeavingRecording #container #main div.setting-common-menu li.recording span { background: #056BCD; color: #FFFFFF; padding: 2px; }
#settingLeavingRecording #container #main div.setting-common-menu li.recording span a {color: #FFFFFF; }
#settingLeavingRecording #container #main div.setting-common-menu li.recording span a:hover { color: #FFFFFF; text-decoration: none; }



/*openHeader*/
div#openHeader { width: 100%; height: 35px; background: url(/tv/digital/img/common_img/h_bg_open_.gif) repeat-x 0px 0px; }
div#openHeader div.innerBox { margin: 0px auto; padding: 0px; width: 950px; position:relative;}

div#openHeader div.innerBox p.tvTitle { padding-top:0px; margin:0px;}

div#openHeader div.innerBox ul.userDetails { position:absolute; top:6px; left:170px;}
div#openHeader div.innerBox ul.userDetails li { display: inline; margin: 0px; padding: 0px; }
div#openHeader div.innerBox ul.userDetails li.userName { border-right: 1px solid #999999; margin: 0px; padding: 0px 8px 0px 0px; }
div#openHeader div.innerBox ul.userDetails li.myPage { padding: 0px 8px 0px 5px; border-right: 1px solid #999999; }
div#openHeader div.innerBox ul.userDetails li.stateBtn { padding: 0px 0px 0px 8px;  }

div#openHeader div.innerBox ul.headLink { position:absolute; top:6px; right:0; }
div#openHeader div.innerBox ul.headLink li { display: inline; }
div#openHeader div.innerBox ul.headLink li.siteMap { padding-right: 6px; }
div#openHeader div.innerBox ul.headLink li.help {  border-left: 1px solid #999999; padding: 0px 6px 0px 6px; }
div#openHeader div.innerBox ul.headLink li.sonetTop { border-left: 1px solid #999999; padding: 0px 0px 0px 6px; }

div.underLayerOpen { width:950px; text-align:right; margin: 0px auto; }
div.underLayerOpen table { margin: 0px; padding: 0px; border-style: none; }
div.underLayerOpen table td.gGuide { padding-left: 5px; padding-top: 3px; }

/*linkTop*/ 
p.linkTop { text-align:right; padding-top:2px;}
p.linkTop a {background: url(/tv/digital/img/common_img/c_arrow_linktop.jpg) no-repeat 0px 50%; padding: 0px; padding-left:1em;}




/*
---------------------------------------
# For IEPG| Display Baloon
---------------------------------------
*/

div.balloonL { width:480px; padding:0; margin:0;}
div.balloonL div.ballonHead { background: url(/tv/digital/img/chart_img/c_img_balloon_l_head.gif) no-repeat 0px 0px; font-size: 0; line-height: 0; height:5px;}
div.balloonL div.ballonBody { background: url(/tv/digital/img/chart_img/c_img_balloon_l_body.gif) repeat-y 0px 0px; padding:10px;}
div.balloonL div.ballonFoot { background: url(/tv/digital/img/chart_img/c_img_balloon_l_foot.gif) no-repeat 0px bottom; font-size: 0; line-height: 0; height:5px; }


div.balloonL div.ballonBody div.headWrap {clear:both; height:45px;}
div.balloonL div.ballonBody div.innerBox { clear:both; padding:10px 0 5px 0; border-top: 1px dotted #666666; }

div.balloonL div.ballonBody div.headL { width:300px; float:left; padding-bottom:10px;}
div.balloonL div.ballonBody div.headL p { font-weight: bold; }

div.balloonL div.ballonBody div.headR { width:160px; float:right; text-align: right;}

div.balloonL div.ballonBody div.headR p.close a { line-height: 1; }
div.balloonL div.ballonBody div.headR p.help a {background:transparent url(/tv/digital/img/index_img/c_ico_question_small.gif) no-repeat scroll 0 50%; padding-left:1em;}

div.balloonL div.ballonBody h2 { background: url(/tv/digital/img/mypage_img/m_ico_recommend.gif) no-repeat 0 0.1em; padding-left:1.3em; font-size:120%; padding-bottom:5px;}


div.balloonL div.ballonBody ul.recommendList { padding:0;}
div.balloonL div.ballonBody ul.recommendList li {background: url(/tv/digital/img/common_img/c_arrow_1.jpg) no-repeat 0 0.3em; padding-left:1.3em; text-indent:-1.3em; padding: 0 0 5px 1.3em;}
div.balloonL div.ballonBody ul.recommendList li a { padding-left:1.3em;}

div.balloonL div.ballonBody div.prText { border-top: 1px dotted #666666; clear:both; padding:10px 0 0 0;}




/*
---------------------------------------
# For IEPG| Display Complete PR
---------------------------------------
*/
div.prIepgArea { clear:both;}

div.prIepgArea div.leftPrColumn { float:left; width:525px;}
div.prIepgArea div.leftPrColumn div.columnHead { background: url(/tv/digital/img/common_img/c_contbg_head.gif) no-repeat 0px 0px; font-size: 0; line-height: 0; height:5px;}
div.prIepgArea div.leftPrColumn div.columnBody { background: url(/tv/digital/img/common_img/c_contbg_body.gif) repeat-y 0px 0px; padding:10px;}
div.prIepgArea div.leftPrColumn div.columnFoot { background: url(/tv/digital/img/common_img/c_contbg_foot.gif) no-repeat 0px bottom; font-size: 0; line-height: 0; height:5px; }

div.prIepgArea div.leftPrColumn div.prText { padding:10px 10px 0 0;}
div.prIepgArea div.leftPrColumn div.recommend { padding:10px 10px 0 0;}
div.prIepgArea div.leftPrColumn div.recommend h2 { background: url(/tv/digital/img/mypage_img/m_ico_recommend.gif) no-repeat 0 0.1em; font-size:120%;width:495px; padding: 0px 0px 0px 20px; border-bottom: 3px solid #CCCCCC;}



div.prIepgArea div.leftPrColumn div.recommend ul { margin:0;}
div.prIepgArea div.leftPrColumn div.recommend ul li { background: url(/tv/digital/img/common_img/c_arrow_1.jpg) no-repeat 0 0.3em; text-indent:-1.3em; padding: 0 0 5px 1.3em;}
div.prIepgArea div.leftPrColumn div.recommend ul li a { padding-left:1.3em;}

div.prIepgArea div.rightColumn  { float:right; width:425px; height:500px;}




/*
---------------------------------------
# presetExternalFiles
---------------------------------------
*/

/*presetExternalFiles*/
#side .presetExternalFiles {width: 298px; margin-bottom:20px; clear:both;}
#side .innerBox {  padding: 10px 9px;}

#side .presetExternalFiles div.image { text-align:center;}

#side .presetExternalFiles h2.base { padding-left:1.3em; margin-bottom:5px;  font-size: 110%;}

#side .presetExternalFiles p.basic { padding-bottom: 5px; }
#side .presetExternalFiles p.borderBottom { border-bottom: 1px dotted #333333; }
#side .presetExternalFiles p.right { text-align:right;}
#side .presetExternalFiles p.left { text-align:left;}

/*txtsize-small*/
#side .presetExternalFiles .small { line-height: 1.2em; font-size: 90%; }

#side .presetExternalFiles .textRightAndBorderBottom {text-align:right; border-bottom: 1px dotted #333333; }

#side .presetExternalFiles .paddingTop5 { padding-top: 5px; }
#side .presetExternalFiles .paddingTop10 { padding-top: 10px; }

#side .presetExternalFiles .paddingBottom5 { padding-bottom: 5px; }
#side .presetExternalFiles .paddingBottom10 { padding-bottom: 10px; }

#side .presetExternalFiles .height15 { line-height:2.0em;}

#side .presetExternalFiles .imgLeft { float:left; padding:5px 5px 5px 0;}
#side .presetExternalFiles .imgRight { float:right; padding:5px 0 5px 5px;}
#side .presetExternalFiles .imgCenter { text-align:center;}


#side .presetExternalFiles a.arrow {background: url(/tv/digital/img/common_img/c_arrow_1.jpg) no-repeat 2.5px 0.1em;; padding-left: 1.5em; }


/*LIST*/
.link-icon table.list td {
	height:23px;
}


/*090209
body {background:#FFFFFF !important;}
*/

/*WIN IE Hack*/
*html #side .presetExternalFiles h2.base {width:260px;}
*html #header div.header-width table.search-block {margin: 4px 0px 4px; }
*html #header div.header-width td.searchSelect select {font-size: 80%;}
*html #header div.header-width ul { margin: -1px 0px 0px; }
*html #container #main select { font-size: 80%; }
/*WIN IE Hack*/