﻿/* @charset "shift-jis"; */
/******************************************************************************/
/* Common Styles                                                              */
/******************************************************************************/

/* Basic Styles */
BODY
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff url("../../img/bgPattern.gif") left top repeat;
}

FORM
{
	width: 1000px;
}

TABLE
{
	border-collapse: collapse;
}

/* Horizontal Layout */
TABLE.HorizontalLayout
{
	width: 100%;
}
TABLE.HorizontalLayout TR
{
	vertical-align: top;
}

/* Text Styles */
.mt 
{
	font-size: 12px;
	line-height: 18px;
	color: #444;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
}

.st 
{
	font-size: 10px;
	line-height: 15px;
	color: #444;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
}

.lt 
{
	font-size: 14px;
	line-height: 21px;
	color: #444;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
}

/******************************************************************************/
/* Header Controls                                                            */
/******************************************************************************/

/* *** HeaderLoginControl *** */
div#HeaderLoginControl
{
	background: #ffd200;
	text-align: left;
}
div#HeaderLoginControl div#Message		/* メッセージ */
{
	display: inline;
	width: 600px;
	padding: 2px 10px;
}
div#HeaderLoginControl div#LoginPanel	/* ログインツール */
{
	display: inline;
	width: 400px;
	text-align: right;
}

/* *** HeaderSignboardControl *** */
div#HeaderSignboardControl
{
	width: 1000px;
	margin: 10px auto 0 auto;
	background-color: #fff;
}
div#HeaderSignboardControl table#Signboard									/* TableLv1:全体 */
{
}
div#HeaderSignboardControl table#Signboard tr.Signboard td.tysLogo			/* tysロゴ部(テレオン) */
{
	width: 130px;
}
div#HeaderSignboardControl table#Signboard tr.Signboard td.SignboardBody	/* 本体部 */
{
	width: 870px;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather				/* TableLv2:大バナーとカレンダーパネル */
{
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather td.Banner		/* 大バナー */
{
	width: 740px;
	height: 90px;
	text-align: center;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather td.Calendar	/* カレンダーパネル */
{
	width: 130px;
	height: 90px;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel		/* TableLv3:カレンダーパネル詳細 */
{
	width: 130px;
	height: 90px;
	background: #fff url("../../img/pnlCalendarAndWeather.gif") 0 0 no-repeat;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel tr.MonthAndDayBlock		/* 年月日曜の行 */
{
	height: 47px;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel tr.MonthAndDayBlock td.MonthBlock	/* 月 */
{
	width: 50%;
	text-align: center;
	padding: 8px 1px 0px 5px;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel tr.MonthAndDayBlock td.DateBlock	/* 日 */
{
	width: 50%;
	text-align: center;
	padding: 8px 5px 0px 1px;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel tr.WeatherBlock			/* お天気の行 */
{
	height: 40px;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel tr.WeatherBlock td.WeatherBlock		/* お天気 */
{
	padding: 0px 10px;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel span.month,		/* 月 */
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel span.day		/* 日 */
{
	background-color: inherit;
	color: #222;
	line-height: 27px;	
	font-size: 26px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel span.year		/* 年 */
{
	background-color: inherit;
	color: #ffb800;
	line-height: 13px;	
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel span.week		/* 曜日 */
{
	background-color: inherit;
	color: #666;
	line-height: 13px;	
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
div#HeaderSignboardControl table#Signboard table#SignboardAndWeather table#WeatherPanel p.caption		/* お天気キャプション */
{
	background-color: inherit;
	color: #444;
	line-height: 33px;	
	font-size: 10.5px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

div#HeaderSignboardControl table#Signboard table#NavigationBar		/* TableLv2:ナビゲーションバー */
{
	width: 870px;
	background: url("../../img/menuBackground.gif") 0 0 repeat-x;
}
div#HeaderSignboardControl table#Signboard table#NavigationBar tr.NavigationBar		/* 1行目:ナビゲーションバー本体と検索パネル */
{
	height: 38px;
}
div#HeaderSignboardControl table#Signboard table#NavigationBar tr.NavigationBar td.NavigationBarBlock
{
	padding: 0 1px;
	text-align: left;	
}
div#HeaderSignboardControl table#Signboard table#NavigationBar tr.NavigationText	/* 2行目:ナビゲーションテキストとテレオンちゃん */
{
	height: 38px;
	background: url("../../img/menuNavigation.gif") 0 0 repeat-x;
	text-align:left;
}
div#HeaderSignboardControl table#Signboard table#NavigationBar td.ActiveItem		/* 選択中ナビ */
{
	margin: 0px 1px;
	padding: 0px 8px;
	background: url("../../img/menuCurrent.gif") 0 0 repeat-x;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
div#HeaderSignboardControl table#Signboard table#NavigationBar td.NormalItem		/* 非選択ナビ */
{
	margin: 0px 1px;
	padding: 0px 8px;
	background-image: none;
	vertical-align: middle;
	font-size:12px;
	text-align:center;
}
div#HeaderSignboardControl table#Signboard table#NavigationBar a.Navigator			/* ナビ文字列 */
{
	color: White;
	text-decoration: none;
	font-weight: bold;
}
div#HeaderSignboardControl table#Signboard table#NavigationBar a.NavigatorImage,				/* ナビ画像 */
div#HeaderSignboardControl table#Signboard table#NavigationBar a.Navigator img.NavigatorImage
{
	border: none;
	text-decoration: none;
}

div#HeaderSignboardControl table#Signboard table#NavigationBar td.NavigationTextBlock	/* ナビゲーションテキスト領域 */
{
	padding-left: 15px;
	padding-bottom: 15px;
	color: #696969;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
}
div#HeaderSignboardControl table#Signboard table#NavigationBar td.NavigatorImage		/* ナビゲータ画像(テレオン) */
{
	text-align: right;
}

/******************************************************************************/
/* Footer Controls                                                            */
/******************************************************************************/

/* *** FooterCompanyControl *** */
div#FooterCompanyControl		/* 会社情報リンクのフッタ */
{
	width: 992px;
	height: 30px;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: solid 1px #c0c0c0;
	border-left: solid 8px #ffd200;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	background-color: White;
	vertical-align: middle;
}
div#FooterCompanyControl span.Title		/* 見出し */
{
	padding-left: 1em;
	padding-right: 1em;
	font-size: 12px;
	font-weight: bold;
}
div#FooterCompanyControl span.Company	/* 会社情報リンク */
{
	padding-left: 12px;
	background: url("../../img/arrowR_Orange.gif") 0 0 no-repeat;
	color: #696969;
	font-family: Osaka, Sans-Serif;
	font-size: 10px;
	text-decoration: none;
}
div#FooterCompanyControl span.Company a:link
{
	background-color: inherit;
	color: #696969;
	text-decoration: none;
}
div#FooterCompanyControl span.Company a:hover
{
	background-color: inherit;
	color: #303030;
	text-decoration: underline;
}

/* *** FooterBannerControl *** */
div#FooterBannerControl
{
	width: 100%;
	margin-bottom: 10px;
}
div#FooterBannerControl table.Banners
{
	width: 99%;
}
div#FooterBannerControl table.Banners td.BannerItem
{
	text-align: center;
}

/* *** FooterSiteInformationControl *** */
div#FooterSiteInformationControl 
{
	background-color: #ffd200;
	color: Black;
}
div#FooterSiteInformationControl table.SiteInformations
{
	width: 99%;
}
div#FooterSiteInformationControl table.SiteInformations table.MobileSiteInfoLayout
{
	width: auto;
}
div#FooterSiteInformationControl table.SiteInformations table.MobileSiteInfoLayout td.QRcode img.QRCodeImage
{
	width: 80px;
	height: 80px;
	margin: 10px;
}
div#FooterSiteInformationControl table.SiteInformations td#WebSiteInformation
{
	text-align: right;
}
div#FooterSiteInformationControl table.SiteInformations table.IndispensableLinks
{
	margin-right: 5em;
}
div#FooterSiteInformationControl table.SiteInformations table.IndispensableLinks td.Broadcast
{
	padding-right: 3em;
}
div#FooterSiteInformationControl table.SiteInformations table.IndispensableLinks a:link
{
	color: #222;
	text-decoration: none;
}
div#FooterSiteInformationControl table.SiteInformations table.IndispensableLinks a:hover
{
	color: #222;
	text-decoration: underline;
}


/******************************************************************************/
/* Default.aspx styles                                                        */
/******************************************************************************/

table#tblTodayInformations		/* トップページ:本日の情報３列(今日の番組表/番宣/ニュース) */
{
	width: 100%;
}
table#tblTodayInformations tr.TodayInformation
{
	vertical-align: top;
}
/* 今日の番組表 */
table#tblTodayInformations td.TodayProgram
{
	width: 186px;
	border: dashed 1px #fdd;
}
table#tblTodayInformations td.TodayProgram div.Title
{
	width: 179px;
	height: 19px;
	margin-bottom: 3px;
	padding: 1px 0;
	border-left: 7px solid #ffd200;
	background-color: Black;
	color: #ffd200;
	font-weight: bold;
}
table#tblTodayInformations td.TodayProgram div.Title span.caption
{
	margin-left: 5px;
	margin-right: 1em;
	font-size: 12px;
	text-decoration: none;
}
/* 番組表本体 */
table#tblTodayInformations td.TodayProgram div#divProgramTable
{
	width: 186px;
	height: 196px;
	overflow: auto;
	background: white;
	color: Black;
}

table#tblTodayInformations td.TodayProgram div#divProgramTable table
{
	width: 100%;
	padding:0px;
	border: 0;
}

table#tblTodayInformations td.TodayProgram div#divProgramTable table td.tm0
{
	width: 30px;
	font-size:10px;
	line-height:19px;
	color: #696969;
	white-space:nowrap;
	text-decoration: none;
	font-weight: bold;
	text-align:right;
	padding:0 5px 2px 5px;
	background-color:#f5f5f5;
}

table#tblTodayInformations td.TodayProgram div#divProgramTable table td.pg0 
{
	font-size:10px;
	line-height:19px;
	color: #303030;
	white-space:nowrap;
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	padding:0 5px 2px 5px;
}

table#tblTodayInformations td.TodayProgram div#divProgramTable table td.tm1 
{
	width:30px;
	font-size:10px;
	line-height:19px;
	color: #696969;
	background:#fff6cc url("../img/pg_now.gif") left top repeat;
	white-space:nowrap;
	text-decoration: none;
	font-weight: bold;
	text-align:right;
	padding:0 5px 2px 5px;
}

table#tblTodayInformations td.TodayProgram div#divProgramTable table td.pg1 
{
	font-size:10px;
	line-height:19px;
	color: #303030;
	background:#fff6cc url("../img/pg_now.gif") left top repeat;
	white-space:nowrap;
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	padding:0 5px 2px 5px;
}

/* 番宣FLASH/Silverlight? */
table#tblTodayInformations td.TodayCommercial
{
	width: 400px;
	height: 200px;
	padding: 10px 40px;
}

/* ニュース */
table#tblTodayInformations td.TodayNews
{
	width: auto;
}
/* ニュース:タブコントロール */
table#tblTodayInformations td.TodayNews .ajax__tab_xp
{
	width: 385px;
	height: 24px;
}
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_header,
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_outer,
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_inner,
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_tab
{
	height: 24px;
	margin: 0;
	padding: 0;
}
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_hover div.NewsJnn
{
	width: 192px;
	height: 24px;
	background: url("../../img/tabNewsJnnA.gif") 0 0 no-repeat;
}
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_hover div.NewsLocal
{
	width: 192px;
	height: 24px;
	background: url("../../img/tabNewsLocalA.gif") 0 0 no-repeat;
}
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_hover div.NewsJnn img,
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_hover div.NewsLocal img
{
	visibility: hidden;
}
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_active div.NewsJnn
{
	width: 192px;
	height: 24px;
	background: url("../../img/tabNewsJnnSel.gif") 0 0 no-repeat;
}
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_active div.NewsLocal
{
	width: 192px;
	height: 24px;
	background: url("../../img/tabNewsLocalSel.gif") 0 0 no-repeat;
}
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_active div.NewsJnn img,
table#tblTodayInformations td.TodayNews .ajax__tab_xp .ajax__tab_active div.NewsLocal img
{
	visibility: hidden;
}


/******************************************************************************/
/* Program/GuchiMoni/*.aspx styles                                            */
/******************************************************************************/
div.GuchiMoni
{
}
div.GuchiMoni table.HorizontalLayout TR.DivideOnL3C4R3 TD.LeftContents
{
	width: 30%;
}
div.GuchiMoni table.HorizontalLayout TR.DivideOnL3C4R3 TD.CenterContents
{
	width: 40%;
}
div.GuchiMoni table.HorizontalLayout TR.DivideOnL3C4R3 TD.RightContents
{
	width: 30%;
}
