@charset "EUC-JP";

/*=================================================================
	
	鹿児島テレビ：左ナビ用 CSS
	
	・Since: 2007.8
	・Modified: 2007.10/10
	・Editor: KIML
	・Customize:

=================================================================*/

/*-----------------------------------------------------------------
		[1]:TV番組表
-----------------------------------------------------------------*/

#left-container #tv-program {
	background: url(../image/w_side_bg.gif) repeat-y left;
	width: 185px;
	margin-bottom: 10px;
}

#left-container #tv-program-inner {
	background: url(../image/w_side_bottom.gif) no-repeat left bottom;
	width: 185px;
	height: 228px;
	padding: 0 0 7px 0;
}

#left-container #tv-program .side-ttl-box {
	height: 33px;
	background: url(../image/side_ttl_tv.gif) no-repeat left top;
	width: 185px;
	overflow: hidden;
}

#left-container #tv-program h2 {
	text-indent: -9999px;
	font-size: 0px;
	height: 28px;
	width: 100px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#left-container #tv-program .right-menu {
	height: 33px;
	width: 80px;
	float: right;
}

#left-container #tv-program .right-menu a {
	display: block;
	text-indent: -9999px;
	font-size: 0px;
	width: 80px;
	height: 28px;
}

#left-container #tv-program #tv-program-data {
	width: 170px;
	margin-left: 7px;
}

#left-container #tv-program #tv-program-data iframe {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
	width: 173px;
	height: 190px;
}

/*-----------------------------------------------------------------
		[1-2]:天気予報
-----------------------------------------------------------------*/

#left-container #top-weather {
	background: url(../image/w_side_bg.gif) repeat-y left;
	width: 185px;
	margin-bottom: 10px;
}

#left-container #top-weather-inner {
	background: url(../image/w_side_bottom.gif) no-repeat left bottom;
	width: 185px;
	height: 225px;
	padding: 0 0 7px 0;
}

#left-container #top-weather .side-ttl-box {
	height: 33px;
	background: url(../image/side_ttl_weather.gif) no-repeat left top;
	width: 185px;
	overflow: hidden;
}

#left-container #top-weather h2 {
	text-indent: -9999px;
	font-size: 0px;
	height: 28px;
	width: 80px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#left-container #top-weather .right-menu {
	height: 33px;
	width: 90px;
	float: right;
}

#left-container #top-weather .right-menu a {
	display: block;
	text-indent: -9999px;
	font-size: 0px;
	width: 90px;
	height: 28px;
}

#left-container #top-weather #top-weather-data {
	width: 170px;
	margin-left: 7px;
}

#left-container #top-weather #top-weather-data iframe {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
	width: 172px;
	height: 45px;
}

#left-container #top-weather #araiblog a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
	width: 170px;
	height: 70px;
}


/*-----------------------------------------------------------------
		[2]:プルダウンメニュー
-----------------------------------------------------------------*/

#left-container #pull-menu, #left-container .pull-menu {
	width: 180px;
	margin-bottom: 10px;
}

#left-container #pull-menu select, #left-container .pull-menu select {
	width: 180px;
	font-size: 82%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


/*-----------------------------------------------------------------
		[3]:映画招待席
-----------------------------------------------------------------*/

#left-container #side-banner-movie {
	width: 185px;
	height: 55px;
	margin-bottom: 10px;
	overflow: hidden;
}

#left-container #side-banner-movie a {
	display: block;
	height: 55px;
	background: url(../image/side_banner_movie.gif) no-repeat left top;
	text-indent: -9999px;
	font-size: 0px;
}

/*-----------------------------------------------------------------
		[3-1]:ニュース情報提供
-----------------------------------------------------------------*/

#left-container #side-banner-newsteikyou {
	width: 185px;
	height: 55px;
	margin-bottom: 10px;
	overflow: hidden;
}

#left-container #side-banner-newsteikyou a {
	display: block;
	height: 55px;
	background: url(../image/side_banner_newsteikyou.gif) no-repeat left top;
	text-indent: -9999px;
	font-size: 0px;
}


/*-----------------------------------------------------------------
		[3-2]:雲のカタチ：ブログバナー
-----------------------------------------------------------------*/

#left-container #side-banner-kumoblog {
	width: 185px;
	height: 56px;
	margin-bottom: 10px;
	overflow: hidden;
}

#left-container #side-banner-kumoblog a {
	display: block;
	width: 185px;
	height: 56px;
	background: url(../image/side_banner_kumoblog.jpg) no-repeat left top;
	text-indent: -9999px;
	font-size: 0px;
}


/*-----------------------------------------------------------------
		[4]:HPアクセスランキング
-----------------------------------------------------------------*/

#left-container #hp-rank {
	background: url(../image/w_side_bg.gif) repeat-y left;
	width: 185px;
	margin-bottom: 10px;
	overflow: hidden;
}

#left-container #hp-rank-inner {
	background: url(../image/w_side_bottom.gif) no-repeat left bottom;
	width: 185px;
	padding: 0 0 7px 0;
	font-size: 65%;
}

#left-container #hp-rank h2 {
	background: url(../image/side_ttl_rank.gif) no-repeat left top;
	width: 185px;
	height: 25px;
	margin-bottom: 7px;
	text-indent: -9999px;
	font-size: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#left-container #hp-rank p {
	font-size: 100%;
	color: #000000;
	padding: 0px 4px 5px 7px;
	margin: 0 0 0 0;
	background: #00ccff;
}

#left-container #hp-rank-inner div {
	min-height: 13px;
}

* html #left-container #hp-rank-inner div {
	height: 13px;
}

#left-container #hp-rank #rank-01 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: url(../../image/i_rank_01.gif) no-repeat 2px 3px;
}

#left-container #hp-rank #rank-02 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: #cceaff url(../../image/i_rank_02.gif) no-repeat 2px 3px;
}

#left-container #hp-rank #rank-03 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: url(../../image/i_rank_03.gif) no-repeat 2px 3px;
}

#left-container #hp-rank #rank-04 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: #cceaff url(../../image/i_rank_04.gif) no-repeat 2px 3px;
}

#left-container #hp-rank #rank-05 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: url(../../image/i_rank_05.gif) no-repeat 2px 3px;
}

#left-container #hp-rank #rank-06 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: #cceaff url(../../image/i_rank_06.gif) no-repeat 2px 3px;
}

#left-container #hp-rank #rank-07 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: url(../../image/i_rank_07.gif) no-repeat 2px 3px;
}

#left-container #hp-rank #rank-08 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: #cceaff url(../../image/i_rank_08.gif) no-repeat 2px 3px;
}

#left-container #hp-rank #rank-09 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: url(../../image/i_rank_09.gif) no-repeat 2px 3px;
}

#left-container #hp-rank #rank-10 {
	padding: 3px 0px 4px 18px;
	margin: 0 7px 0 7px;
	background: #cceaff url(../../image/i_rank_10.gif) no-repeat 2px 3px;
}


/*-----------------------------------------------------------------
		[5]:おすすめムービー
-----------------------------------------------------------------*/

#left-container #movie-box {
	width: 185px;
	margin-bottom: 10px;
	overflow: hidden;
}

#left-container #movie-box h2 {
	background: url(../image/side_ttl_movie.gif) no-repeat left top;
	width: 0;
	height: 0;
	text-indent: -9999px;
	font-size: 0px;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}


/*-----------------------------------------------------------------
		[6]:各P左メニュー共通
-----------------------------------------------------------------*/

#left-container .s-navi {
	background: url(../image/w_side_bg.gif) repeat-y left;
	width: 185px;
	margin-bottom: 10px;
	overflow: hidden;
}

#left-container .s-navi-inner {
	background: url(../image/w_side_bottom.gif) no-repeat left bottom;
	width: 185px;
	padding: 0 0 9px 0;
}

#left-container .s-navi-inner2 {
	background: url(../image/w_side_bottom2.gif) no-repeat left bottom;
	width: 185px;
	padding: 0 0 7px 0;
}

#left-container .s-navi-inner h2 {
	width: 185px;
	height: 25px;
	margin-bottom: 7px;
	text-indent: -9999px;
	font-size: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#left-container .s-navi-inner ul {
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	list-style: none;
}

#left-container .s-navi-inner ul li,
#left-container .s-navi-inner .s-navi-inner2 ul li {
	margin: 0 0 0 0;
	padding: 5px 5px 5px 0px;
	border-bottom: dashed 1px #aaaaaa;
	line-height: 110%;
}

#left-container .s-navi-inner ul li.end {
	margin: 0 0 0 0;
	padding: 3px 5px 0px 0px;
	border-bottom: dashed 1px #ffffff;
}

#left-container .s-navi-inner ul li a {
	margin: 0 0 0 0;
	padding: 0px 0px 0px 8px;
	display: block;
}



/*-----------------------------------------------------------------
		[6]:イベント＞後援イベント　申請書ＤＬ枠
-----------------------------------------------------------------*/

#left-container .dl-box h2#s-navi-ttl-dl {
	height: 32px;
	background: url(../image/w_side_dl_ttl.gif) no-repeat left top;
}

#left-container .dl-box .s-navi {
	background: url(../image/w_side_dl_bg.gif) repeat-y left;
	width: 185px;
	margin-bottom: 10px;
	overflow: hidden;
}

#left-container .dl-box .s-navi-inner {
	background: url(../image/w_side_dl_bottom.gif) no-repeat left bottom;
	width: 185px;
	padding: 0 0 9px 0;
}


/*-----------------------------------------------------------------
		[1-2]:秋の新番組
-----------------------------------------------------------------*/

#left-container #top-newprogram {
	background: url(../image/new_side_bg.gif) repeat-y left;
	width: 185px;
	margin-bottom: 10px;
}

#left-container #top-newprogram-inner {
	background: url(../image/new_side_bottom.gif) no-repeat left bottom;
	width: 185px;
	padding: 0 0 7px 0;
}

#left-container #top-newprogram .side-ttl-box {
	height: 33px;
	background: url(../image/side_ttl_new.gif) no-repeat left top;
	width: 185px;
	overflow: hidden;
}

#left-container #top-newprogram h2 {
	text-indent: -9999px;
	font-size: 0px;
	height: 28px;
	width: 80px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#left-container #top-newprogram .right-menu {
	height: 33px;
	width: 90px;
	float: right;
}

#left-container #top-newprogram .right-menu a {
	display: block;
	text-indent: -9999px;
	font-size: 0px;
	width: 90px;
	height: 28px;
}

#left-container #top-newprogram #top-newprogram-data {
	width: 180px;
	margin: 0 0 7px 0;
}


#left-container #top-newprogram #top-newprogram-data iframe {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
	width: 172px;
	height: 45px;
}

#left-container #top-newprogram #araiblog a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
	width: 170px;
	height: 70px;
}



.s-navi-inner-newpro {
	width: 185px;
	padding: 5px 0 0 0;
}

.s-navi-inner-newpro ul {
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	list-style: none;
}


.s-navi-inner-newpro ul li {
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	border-bottom: dashed 1px #aaaaaa;
	line-height: 110%;
}

.s-navi-inner-newpro ul li.top {
	margin: 0 0 0 0;
	padding: 0px 5px 1px 5px;
	border-bottom: dashed 1px #ffffff;
	line-height: 110%;
}

.s-navi-inner-newpro ul li.top2 {
	margin: 0 0 0 0;
	padding: 0px 5px 1px 5px;
	border-bottom: dashed 1px #aaaaaa;
	line-height: 110%;
}

.s-navi-inner-newpro ul li.end {
	margin: 0 0 0 0;
	padding: 3px 5px 0px 5px;
	border-bottom: dashed 1px #ffffff;
}