@charset "UTF-8";

/* ==============================
  css-tv-index
=================================
topic-path
---------------------------------
content-inr
---------------------------------
left
---------------------------------
page-top
---------------------------------
head-aria
---------------------------------
mov-aria
---------------------------------
tab
---------------------------------
cont-box
---------------------------------
dl
============================== */

/* ------------------------------
  topic-path
------------------------------ */
#topic-path {
	width: 950px;
	height: 30px;
	text-align: right;
	padding-top: 3px;
}
#topic-path li {
	display: inline;
	color: #206bc7;
	background: url(../img/path_bg.gif) no-repeat right center;
	padding-right: 30px;
}
#topic-path li.last {
	background: none;
	padding-right: 0;
}
#topic-path li a {
	color: #206bc7;
	text-decoration: none;
}
#topic-path li a:hover {	
	color: #7ba7de;
	text-decoration: underline;
}

/* ------------------------------
  content-inr
------------------------------ */
#content-inr {
	width: 950px;
}

/* ------------------------------
  left
------------------------------ */
#left {
	width: 693px;
	padding-top: 4px;
	padding-left: 9px;
	float: left;
}
#left h3 {
	width: 693px;
	height: 45px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background-repeat: no-repeat;
}
#tv #left h3 {
	background-image: url(../img/h3_tv.gif);
}

/* ------------------------------
  page-top
------------------------------ */
#left #pagetop-aria p.page-top {
	width: 76px;
	height: 23px;
	padding-left: 614px;
}
#left #pagetop-aria p.page-top a {
	width: 76px;
	height: 23px;
	background: url(../img/btn_pagetop.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	outline: none;
	display: block;
}
#left #pagetop-aria p.page-top a:hover {
	background-position: 0 -23px;
}
#left #pagetop-aria {
	width: 690px;
	padding-left: 3px;
	padding-bottom: 1px;
	background: url(../img/pagetop_line.gif) repeat-x bottom;
	margin-bottom: 11px;
}

/* ------------------------------
  head-aria
------------------------------ */
#head-aria {
	width: 692px;
	margin-bottom: 27px;
}
#head-aria p#head-img {
	width: 692px;
	height: 151px;
	background: url(../tv/img/head_img.jpg) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#head-aria h4 {
	width: 692px;
	height: 22px;
	background: url(../tv/img/lineup.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 12px;
}

#head-aria li {
	width: 102px;
	text-align: center;
	float: left;
	padding-top: 18px;
	padding-right: 10px;
}
#head-aria li.new {
	padding-top: 0;
}
#head-aria li img.new {
	padding-bottom: 6px;
}

/* ------------------------------
  mov-aria
------------------------------ */
#mov-aria {
	width: 692px;
	margin-bottom: 27px;
}
#mov-aria #mov {
	width: 322px;
	float: left;
}
#mov-aria #cap {
	width: 347px;
	float: right;
	line-height: 1.7;
}
#mov-aria #cap h3 {
	width: 347px;
	height: 27px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-bottom: 19px;
}
#mov-aria #cap h3#timhyo05 {
	background-image: url(../tv/img/2005timhyo/title.gif);
}
#mov-aria #cap h3#timhyo08 {
	background-image: url(../tv/img/2008timhyo/title.gif);
}


#mov-aria #cap-inr {
	width: 347px;
	margin-bottom: 14px;
}
#mov-aria #cap-inr #txt {
	width: 234px;
	float: left;
}
#mov-aria #cap-inr #txt h4 {
	width: 234px;
	height: 26px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background: url(../tv/img/h4_info.gif) no-repeat;
	margin-bottom: 14px;
}
#mov-aria #cap-inr #txt li {
	font-size: 84%;
}
#mov-aria #cap-inr #img {
	width: 97px;
	float: right;
}
#mov-aria p.note {
	color: #f34500;
}

/* ------------------------------
  tab
------------------------------ */
#sec {
	width: 692px;
	background: #f3f3f3 url(../tv/img/bg02.gif) no-repeat bottom;
	margin-bottom: 36px;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav {
	width: 692px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	width: 188px;
}
#sec ul {
	width: 692px;
	height: 46px;
	background: url(../tv/img/bg01.gif) no-repeat bottom;
}
#sec li {
	width: 188px;
	height: 46px;
	float: left;
	padding-right: 1px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
#sec li a {
	width: 188px;
	height: 46px;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	outline: none;
}
#sec li#arasuji a {
	background-image: url(../tv/img/btn_arasuji.gif);
}
#sec li#hitokoto a {
	background-image: url(../tv/img/btn_hitokoto.gif);
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 0 -46px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -46px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-panel {
	width: 692px;
}
.cont-box {
	width: 652px;
	padding: 30px 20px 41px 20px;
	line-height: 1.8;
}

/* ------------------------------
  dl
------------------------------ */
#left #dl {
	width: 690px;
	padding-left: 3px;
}
#left #dl p {
	float: left;
	padding-right: 10px;
}
#left #dl p#caption {
	font-size: 10px;
	padding-top: 8px;
}
/* ------------------------------
  tv_img
------------------------------ */
#tv_img01 {
	width: 692px;
	margin-bottom: 40px;
}
#tv_img02 {
	width: 692px;
	margin: 0 0 40px 0;
}
#tv_img01 img {
}
#tv_img01 ul li {
	list-style: none;
	text-indent: -9999px;
	float: left;
	margin: 1px 1px 1px 1px;
}
#tv_img01 .butai01 {
	display: block;
	background-image: url(../tv/img/butai/img01.jpg);
	/*width: 138px;*/
	width: 136px;
	height: 91px;
	/*width: 132px;
	height: 89px;*/
	padding: 0;
}
#tv_img01 .butai02 {
	display: block;
	background-image: url(../tv/img/butai/img02.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img01 .butai03 {
	display: block;
	background-image: url(../tv/img/butai/img03.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img01 .butai04 {
	display: block;
	background-image: url(../tv/img/butai/img04.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img01 .butai05 {
	display: block;
	background-image: url(../tv/img/butai/img05.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}

#tv_img01 .butai06 {
	display: block;
	background-image: url(../tv/img/butai/img06.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img01 .butai07 {
	display: block;
	background-image: url(../tv/img/butai/img07.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img01 .butai08 {
	display: block;
	background-image: url(../tv/img/butai/img08.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img01 .butai09 {
	display: block;
	background-image: url(../tv/img/butai/img09.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img01 .butai10 {
	display: block;
	background-image: url(../tv/img/butai/img10.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}