@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: 40px;
}
#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;
}
#ttl {
	padding-bottom:20px;
	width: 334px;
	height:66px;
	float:left;
	background: no-repeat top;
}

#btn {
	padding-bottom:20px;
	width: 357px;
	float:right;
	height:66px;
}

#btn li {
	height: 26px;
	float: left;
	margin-bottom: 4px;
	padding-right: 4px;
}

#btn li a{
    height: 26px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	display: block;
	outline: none;
}

#btn li#btn01 a{
	width: 115px;
	background-image: url(../tv/img/btn1.gif);
}
#btn li#btn02 a{
	width: 115px;
	background-image: url(../tv/img/btn2.gif);
}
#btn li#btn03 a{
	width: 115px;
	background-image: url(../tv/img/btn3.gif);
}
#btn li#btn04 a{
	width: 115px;
	background-image: url(../tv/img/btn4.gif);
}

#btn li a:hover {
	background-position: 0 -26px;
}

/* ------------------------------
  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 #cap2 h3 {
	width: 347px;
	height: 60px;
	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 h3#hyotei5B {
	background-image: url(../tv/img/2008hyotei5B/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: 100%;
}
#mov-aria #cap-inr #img {
	width: 97px;
	float: right;
}
#mov-aria p.note {
	color: #f34500;
}

#mov-navi li {
	width: 125px;
	text-align: center;
	float: left;
	padding-top: 25px;
	padding-right: 10px;
}
#mov-navi li.last{
	padding-right: 0px;
}
#mov-navi li.new {
	padding-top: 8px;
}
#mov-navi li img.new {
	padding-bottom: 6px;
}

/* ------------------------------
  navi
------------------------------ */

#cm-navi {
	height: 26px;
	width: 690px;
	background:url(../tv/img/cm_navi.gif) no-repeat;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom:15px;
}
#play-navi {
	height: 26px;
	width: 690px;
	background:url(../tv/img/parformance_navi.gif) no-repeat;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom:10px;
}
#com-navi {
	height: 26px;
	width: 690px;
	background:url(../tv/img/comment_navi.gif) no-repeat;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom:10px;
}
#new-navi {
	height: 26px;
	width: 690px;
	background:url(../tv/img/new_navi.gif) no-repeat;
	line-height: 1px;
	text-indent: -9999px;
	margin-top:10px;
	margin-bottom:10px;
}

/*
----------------------
dl6���ʔz�M�y�[�W


#dl6_comment-navi {
	height: 26px;
	width: 690px;
	background:url(../tv/img/dl6/dl6_comment_navi.gif) no-repeat;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom:10px;
}

#dl6_backstage-navi {
	height: 26px;
	width: 690px;
	background:url(../tv/img/dl6/dl6_backstage_navi.gif) no-repeat;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom:10px;
}

#dl6_radio-navi {
	height: 26px;
	width: 690px;
	background:url(../tv/img/dl6/dl6_radio_navi.gif) no-repeat;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom:10px;
}

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

/* ------------------------------
  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;
}
.cont-box p {
	font-size: 110%;	
}

/* ------------------------------
  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_img2009立海夏
------------------------------ */
#tv_img2009 {
	width: 692px;
	height:200px;
	margin-bottom: 40px;
}

#tv_img2009 ul li {
	list-style: none;
	text-indent: -9999px;
	float: left;
	margin: 1px 1px 1px 1px;
}
#tv_img2009 .butai01 {
	display: block;
	background-image: url(../tv/img/butai2009/img01.jpg);
	/*width: 138px;*/
	width: 136px;
	height: 91px;
	/*width: 132px;
	height: 89px;*/
	padding: 0;
}
#tv_img2009 .butai02 {
	display: block;
	background-image: url(../tv/img/butai2009/img02.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img2009 .butai03 {
	display: block;
	background-image: url(../tv/img/butai2009/img03.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img2009 .butai04 {
	display: block;
	background-image: url(../tv/img/butai2009/img04.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}
#tv_img2009 .butai05 {
	display: block;
	background-image: url(../tv/img/butai2009/img05.jpg);
	width: 136px;
	height: 91px;
	padding: 0;
}

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


/* ------------------------------
  tv_img
------------------------------ */
#tv_img01 {
	width: 692px;
	height:200px;
	margin-bottom: 40px;
}

#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;
}


/* ------------------------------
  mov-index
------------------------------ */
#mov-index {
	width: 692px;
	margin-top: 50px;
	margin-bottom: 30px;
}
#mov-index .index-l {
	padding-top:17px;
	width: 334px;
	height:66px;
	float: left;
	background: no-repeat bottom;
}
#mov-index .index-r {
	width: 350px;
	float: right;
	line-height: 1.7;
}

#mov-index .index-r li {
	width: 102px;
	float: left;
	padding-top: 18px;
	padding-right: 10px;
}
#mov-index .index-r li.new {
	padding-top: 0;
}
#mov-index .index-r img.new {
	padding-bottom: 6px;
}


a.link_kanazawa {
    text-indent: -9990px;
	font-size: 1px;
	line-height: 1px;
	display: block;
	margin-top: 15px;
	margin-bottom: 25px;
	height: 30px;
	width: 306px;
	background: url(../08winter/img/index/link_kanazawa.gif) no-repeat;
	margin-left: 10px;
}


#mov-index2 {
	padding-bottom:20px;
	width: 692px;
}

#mov-index2 li {
	margin-bottom: 28px;
}

#mov-index2 li a{
  height: 58px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	display: block;
	outline: none;
}

#mov-index2 li#link_parformance a{
	width: 690px;
	background-image: url(../tv/img/link_parformance.gif);
}
#mov-index2 li#link_cm a{
	width: 690px;
	background-image: url(../tv/img/link_cm.gif);
}
#mov-index2 li#link_special a{
	width: 690px;
	background-image: url(../tv/img/link_special.gif);
}
#mov-index2 li#link_dl6 a{
	width: 690px;
	height: 102px;
	background-image: url(../tv/img/dl6/link_dl6.gif);
}

#mov-index2 li a:hover {
	background-position: 0 -58px;
}
#mov-index2 li#link_dl6 a:hover {
	background-position: 0 -102px;
}

/*dl6.php btn*/

#mov-index3 {
	padding-bottom:20px;
	width: 690px;
}

#mov-index3 li {
	margin-bottom: 20px;
}

#mov-index3 li a{
	height: 97px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	display: block;
	outline: none;
	margin-left:15px;
}

#mov-index3 li#link_backstage a{
	width: 630px;
	background-image: url(../tv/img/dl6/btn_top_backstage2.gif);
}
#mov-index3 li#link_cast a{
	width: 630px;
	background-image: url(../tv/img/dl6/btn_top_cast2.gif);
}
#mov-index3 li#link_radio a{
	width: 630px;
	background-image: url(../tv/img/dl6/btn_top_radio2.gif);
}

#mov-index3 li a:hover {
	background-position: 0 -97px;
}




#btnbox_movie li#link_backstage a{
	width: 690px;
	background-image: url(../tv/img/dl6/btn_top_backstage.gif);
}
#btnbox_movie li#link_cast a{
	width: 690px;
	background-image: url(../tv/img/dl6/btn_top_cast.gif);
}
#btnbox_movie li#link_radio a{
	width: 690px;
	background-image: url(../tv/img/dl6/btn_top_radio.gif);
}

#btnbox_movie li a:hover {
	background-position: 0 -58px;
}
#btnbox_movie li#link_dl6 a:hover {
	background-position: 0 -102px;
}



/* ------------------------------
  dl6
------------------------------ */
.tv-dl6 #head-aria {
	margin-bottom: 0px;
}
.tv-dl6 #head-aria p#head-img {
	background: url(../tv/img/dl6/head_img_dl6.jpg) no-repeat;
	height: 178px;
}

.tv-dl6 #ttl {
	width: 693px;
	height: 73px;
	background-image: url(../tv/img/dl6/ttl_dl6.gif);
	text-indent: -9999px;
}
.tv-dl6 #btn {
	padding-bottom:0px;
	width: 100%;
	height:66px;
	text-align: right;
	z-index: 10;
}

.tv-dl6 #btn li {
	height: 26px;
	float: right;
	margin-bottom: 4px;
	padding-right: 4px;
}
.tv-dl6 #mov-aria {
	width: 100%;
}

.tv-dl6 #mov-aria h4 {
	margin-bottom: 20px;
	height: 80px;
	text-indent: -9999px;
	font-size: 1px;
	background: url(../tv/img/dl6/h4_notify.gif) no-repeat;
}

.tv-dl6 .btnbox-area {
	background-color: #f2f6fa;
	width: 693px;
	padding: 40px 0px 0px 15px;
}

.tv-dl6 .btnbox-area .btnbox {
	width: 680px;
	color: #515151;
	line-height: 1.6em;
}


.tv-dl6 .btnbox-area .btn {
	height: 94px;
	width: 330px;
	display: block;
	background-repeat: no-repeat;
	float:left;
}
.tv-dl6 .btnbox-area .btn a {
	font-size: 1px;
	display: none;
	text-indent: -9999px;
}

.tv-dl6 .btnbox-area .btnbox .backstage {
	background-image: url(../tv/img/dl6/btn_top_backstage.gif);
}
.tv-dl6 .btnbox-area .btnbox .cast {
	background-image: url(../tv/img/dl6/btn_top_cast.gif);
}
.tv-dl6 .btnbox-area .btnbox .radio {
	background-image: url(../tv/img/dl6/btn_top_radio.gif);
}

.tv-dl6 .btnbox-area .btnbox .contents {
	float:left;
	width: 250px;
	font-size: 100%;
	padding-left: 15px;
}

.tv-dl6 .btnbox-area .btnbox p {
	float:left;
	width: 250px;
	font-size: 10px;
	padding: 15px 0 0 15px;
}
.tv-dl6 .btnbox-area .btnbox:hover {
background-position: 0px -97px;
}

.tv-dl6 .btnbox-area p.bottom {
	color: #e30000;
	font-size: 120%;
	clear: both;
	text-align: center;
	font-weight: bold;
	margin-bottom: 45px;
	margin-top: 20px;
}

#upinfo p {
    width: 690px;
	color: #cc9900;
	font-size: 150%;
	font-weight:bold;
	margin-top: 10px;
	}

.infobackstage_title {
background: url(../tv/img/dl6/top_circle4.jpg) no-repeat;
   	height: 39px;
	}
	
.infobackstage_title p {
�@�@color: #cc9900;
	font-size: 150%;
	font-weight:bold;
	padding:10px 0 5px 23px; 
	}

.infobackstage {
    background-color: #f2f6fa;
	width: 690px;
	padding:10px 0 10px 20px;
	margin-bottom: 15px;
}

.infocast {
    background-color: #f2f6fa;
	width: 690px;
	padding:10px 0 10px 20px;
	margin-bottom: 15px;
}

.infocast_title {
background: url(../tv/img/dl6/top_circle4.jpg) no-repeat;
   	height: 39px;
	}
	
.infocast_title p {
�@�@color: #cc9900;
	font-size: 150%;
	font-weight:bold;
	padding:10px 0 5px 23px; 
	}



.inforadio {
    background-color: #f2f6fa;
	width: 690px;
	padding:10px 0 10px 20px;
	margin-bottom: 10px;
}

.inforadio_title {
   	background: url(../tv/img/dl6/top_circle4.jpg) no-repeat;
   	height: 39px;
	}
	
.inforadio_title p {
�@�@color: #cc9900;
	font-size: 150%;
	font-weight:bold;
	padding:10px 0 5px 23px; 
	}