@charset "utf-8";

/*--------------------------------------------------------------------
/- admin  :TV TOKYO Communications Corporation.
/- update :20140304
/--------------------------------------------------------------------*/
/*
　基本フォントサイズは13px（下記を参考に%で指定する）
　10px→77%　 11px→85%　 12px→93%　 13px→100%　14px→108%
　15px→116%　16px→124%　17px→131%　18px→139%　19px→147%
　20px→154%　21px→162%　22px→169%　23px→177%　24px→185%
　25px→192%　26px→200%
*/

/**********************************************************************
	基本設定
**********************************************************************/

body {
	min-width:980px;
	background:#F5F0E9;
  color:#111;
  font:13px/1.6 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  *font-size:small;
  *font:x-small;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/**********************************************************************
	テキスト
**********************************************************************/

.size27 { font-size: 220%; }
.size26 { font-size: 200%; }
.size22 { font-size: 169%; }
.size16 { font-size: 124%; }
.large { font-size: 116%; *font-size: 15px; }
.small { font-size: 85%; *font-size: 11px; }
.x-small { font-size: 77%; *font-size: 10px; }
.red { color: #F00; }
.darkred { color: #c00; }
.blue { color:#0236A4; }
.left { text-align:left; }
.right { text-align:right; }


.attenntion { text-indent: -1em; margin-left: 1em; } /*　※マークなど一字ぶら下げレイアウトにしたい時に使用する　*/
.hidetext { text-indent: -9999px; font-size: 1px; overflow: hidden; }/*　画像置換時に使用する　*/
.arrow{
  position:relative;
  padding-left:8px;
}
.arrow:before{ /* 矢印をつくる */
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #f00; /* 矢印の色はここで指定 */
}

/**********************************************************************
	リンクカラー
**********************************************************************/

a:link { color: #f00; text-decoration: none; }
a:visited { color: #f00; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }
a:focus { color: #f00; text-decoration: underline; }
a:active { color: #f00; text-decoration: underline; }


/**********************************************************************
　フロート
**********************************************************************/

.float_l { float:left; }
.float_r { float:right; }

.clear{clear:both;}
.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; }
.clearfix { zoom:1; }


/**********************************************************************
　外枠の設定
**********************************************************************/

#bg {
	width:100%;
}
#bg_nav {
	width:100%;
	background: url(../../images/bg.png) center 510px repeat-x;
}
#wrapper {
	margin:0 auto ;
	padding-bottom:30px;
	zoom:1; /* 印刷バグ解決 */
}
#wrapper_inner {
  width:980px;
  margin:0 auto;
}
#content_left {
  float:left;
  width:680px;
  overflow:hidden;
  zoom:1; /* 印刷バグ解決 */
}
#content_right {
  float:right;
  width:300px;
}

/**********************************************************************
　右カラム
**********************************************************************/

#content_right .rectangle,
#content_right .rectangle2{
	width:300px;
	height:250px;
	margin-bottom:10px;
}
#content_right .sns{
	background:#fff;
	border: solid 2px #0F3991;
	padding:10px 0 10px 10px;
	margin-bottom:10px;
}
#content_right dt{
	float:left;
	margin-right:5px;
}
#content_right dd li{
	display:inline;
	margin-right:10px;
}
#content_right #rcRecommendrama{
	margin-bottom:10px;
}

/**********************************************************************
　ナビゲーション
**********************************************************************/

/*トップ------------------------*/

#top #nav_ah {
	overflow:hidden;
	border-left: solid 1px #0B2C6F;
}
#top #nav_ah li {
	float:left;
	border-bottom: solid 1px #0B2C6F;
	border-right: solid 1px #0B2C6F;
	width:131px;
}
#top #nav_ah li a {
	background:url(../../images/top_bg_nav.gif) no-repeat;
	display:block;
	height:38px;
	width:130px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	border-top: solid 1px #1455A7;
	border-left: solid 1px #1455A7;
}
#top #nav_ah li a:hover {
	background:#039 url(../../images/top_bg_nav.gif) no-repeat;
}
#top #nav_ah li a.none,
#top #nav_ah li a.hover{
	background-color:transparent;
	cursor:default;
	opacity:0.3;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}
#top #nav_ah li.news a {	background-position:left top;}
#top #nav_ah li.intro a {	background-position:-133px top;}
#top #nav_ah li.story a {	background-position:-262px top;}
#top #nav_ah li.cast a {	background-position:-395px top;}
#top #nav_ah li.music a {	background-position:-526px top;}
#top #nav_ah li.onair a {	background-position:left bottom;}
#top #nav_ah li.special a {	background-position:-131px bottom;}
#top #nav_ah li.data a {	background-position:-262px bottom;}
#top #nav_ah li.ondemand a {	background-position:-395px bottom;}
#top #nav_ah li.top a {	background-position:-526px bottom;}


/*下層------------------------*/

#header {
	width:980px;
	margin:0 auto;
	background:#00469F;
	position:relative;
}
#header h1 {
	position:absolute;
	left:0;
	top:0;
	width:320px;
	height:110px;
}
#header #nav_ah {
	margin:0 0 0 320px;
	background:#00469F;
	overflow:hidden;
	border-left: solid 1px #0B2C6F;
}
#header #nav_ah li {
	float:left;
	border-bottom: solid 1px #0B2C6F;
	border-right: solid 1px #0B2C6F;
	width:130px;
}
#header #nav_ah li a {
	background:url(../../images/bg_nav.gif) no-repeat;
	display:block;
	height:38px;
	width:129px;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 1px;
	border-top: solid 1px #1455A7;
	border-left: solid 1px #1455A7;
}
#header #nav_ah li a:hover {
	background:#039 url(../../images/bg_nav.gif) no-repeat;
}
#header #nav_ah li a.none,
#header #nav_ah li a.hover{
	background-color:transparent;
	cursor:default;
	opacity:0.3;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}
#header #nav_ah li.news a {	background-position:-324px top;}
#header #nav_ah li.intro a {	background-position:-455px top;}
#header #nav_ah li.story a {	background-position:-584px top;}
#header #nav_ah li.cast a {	background-position:-718px top;}
#header #nav_ah li.music a {	background-position:-855px top;}
#header #nav_ah li.onair a {	background-position:-324px bottom;}
#header #nav_ah li.special a {	background-position:-453px bottom;}
#header #nav_ah li.data a {	background-position:-584px bottom;}
#header #nav_ah li.ondemand a {	background-position:-718px bottom;}
#header #nav_ah li.top a {	background-position:-855px bottom;}


/**********************************************************************
　フッター
**********************************************************************/

.sp_footer {
	width:100%;
	clear:both;
	background:#00469F;
	min-height:10px;
}
.sp_footer ul {
	width:980px;
	margin:0 auto;
	padding-top:25px;
	overflow:hidden;
}
.sp_footer li {
	background:#FFF;
	float:left;
	width:210px;
	width:210px;
	margin:0 15px 15px 0;
}
.sp_footer li.none {
	margin:0 0 25px 0;
}
.sp_footer li.coming {
	margin:0 0 25px 0;
}


/**********************************************************************
　ページトップへ戻る
**********************************************************************/

p.pagetop {
	clear:both;
	text-align:right;
  padding:20px 20px 30px 0;
}