@charset "EUC-JP";

/*=================================================================
	
	鹿児島テレビ ヘッダー用 CSS
	
	・Since: 2007.8
	・Modified: 2007.8/14
	・Editor: KIML
	・Customize:

-------------------------------------------------------------------
	
	[1]:ヘッダー1段目ボックス
		[2]:グローバルナビ
		[3]:ロールオーバー
		[4]:カレント表示
		[5]:HOMEの場合の設定

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


/*-----------------------------------------------------------------
		[1]:ヘッダー1段目ボックス
-----------------------------------------------------------------*/

div#header #jump {
	display: block;
}

div#header #header-inner {
	min-height: 77px;
	background: url(../image/header_bg.jpg) no-repeat left top;
	width: 813px;
}

* html div#header #header-inner {
	height: 77px;
}

/* 左ボックス */
div#header h1 a {
	height: 50px;
	text-indent: -9999px;
	font-size: 0px;
	display: block;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* 地デジへのリンク */
div#header #digital-box {
	margin: 21px 0 0 0;
	width: 55px;
	float: right;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

div#header #digital-box a {
	display: block;
	height: 55px;
	text-indent: -9999px;
	font-size: 0px;
	display: block;
}

/* ぽよへのリンク */
div#header #poyo-box {
	margin: 21px 0 0 0;
	width: 110px;
	float: left;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

div#header #poyo-box a {
	display: block;
	height: 55px;
	text-indent: -9999px;
	font-size: 0px;
	display: block;
}

/* 右ボックス */
div#header div#top-right{
	width: 385px;
	float: right;
	margin: 0 5px 0 0;
	padding: 30px 0px 0 0;
}

div#header div#top-right ul{
	padding: 0px 0px 0px 7px;
	margin: 0 0 0 0;
	color: #666666;
	font-size: 80%;
}

/* 共通設定 */
div#header div#top-right li{
	float: right;
	list-style: none;
	line-height: 100%;
	border-right: solid 1px #666666;
	padding: 0 5px 0 5px;
	margin: 0 0 10px 0;
}

* html div#header div#top-right li{
	white-space: nowrap;
}

*:first-child+html div#header div#top-right li {
	white-space: nowrap;
}

div#header div#top-right li.end{
	border-right: none;
	padding: 0 0 0 5px;
}

div#header div#top-righta {
	color:#666666;
	font-size: 82%;
	text-decoration:underline;
}

div#header div#top-right a:hover {
	color:#cc0000;
	text-decoration:underline;
}


/*-----------------------------------------------------------------
		[2]:グローバルナビ
-----------------------------------------------------------------*/

/* 基本設定 */
div#g-navi-box {
	width: 813px;
	height: 40px;
	margin: 0 auto 10px auto;
	background: url(../image/g_navi_bg.jpg) no-repeat left top;/* チラツキ対応 */
}

div#g-navi {
	width: 606px;
	height: 40px;
	float: left;
}

div#g-navi ul {
	width: 606px;
	list-style: none;
	height: 40px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

div#g-navi li {
	float: left;
	margin: 0;
	padding: 0;
}

/* ボタンの基本設定 */
div#g-navi li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
	font-size: 0px;
	background: url(../image/g_navi_bg.jpg) no-repeat left top;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}


/* ボタンの幅＋マージン指定 */

div#g-navi li.g-home { width: 60px;}
div#g-navi li.g-news { width: 98px;}
div#g-navi li.g-tv { width: 75px;}
div#g-navi li.g-announcer { width: 92px;}
div#g-navi li.g-namaiki { width: 116px;}
div#g-navi li.g-event { width: 67px;}
div#g-navi li.g-nikiniki { width: 97px;}


/* ボタンの背景指定 */
div#g-navi li.g-home a { background-position: 0px 0px;}
div#g-navi li.g-news a { background-position: -60px 0px;}
div#g-navi li.g-tv a { background-position: -158px 0px;}
div#g-navi li.g-announcer a { background-position: -233px 0px;}
div#g-navi li.g-namaiki a { background-position: -325px 0px;}
div#g-navi li.g-event a { background-position: -441px 0px;}
div#g-navi li.g-nikiniki a { background-position: -508px 0px;}


/*-----------------------------------------------------------------
		[3]:ロールオーバー
-----------------------------------------------------------------*/

div#g-navi li.g-home a:hover  { background-position: 0px -50px;}
div#g-navi li.g-news a:hover  { background-position: -60px -50px;}
div#g-navi li.g-tv a:hover  { background-position: -158px -50px;}
div#g-navi li.g-announcer a:hover  { background-position: -233px -50px;}
div#g-navi li.g-namaiki a:hover  { background-position: -325px -50px;}
div#g-navi li.g-event a:hover  { background-position: -441px -50px;}
div#g-navi li.g-nikiniki a:hover  { background-position: -508px -50px;}


/*-----------------------------------------------------------------
		[4]:カレント表示
		天気情報ページは、win.cssにて設定
-----------------------------------------------------------------*/

body#home div#g-navi li.g-home a  { background-position: 0px -50px;}
body#news div#g-navi li.g-news a  { background-position: -60px -50px;}
body#tv div#g-navi li.g-tv a { background-position: -158px -50px;}
body#announcer div#g-navi li.g-announcer a  { background-position: -233px -50px;}
body#namaiki div#g-navi li.g-namaiki a  { background-position: -325px -50px;}
body#event div#g-navi li.g-event a  { background-position: -441px -50px;}
/*body#nikiniki div#g-navi li.g-nikiniki a  { background-position: -508px -50px;}*/
body#spain div#g-navi li.g-spain a  { background-position: -534px -50px;}


/*-----------------------------------------------------------------
		[5]:文字サイズ拡大・縮小
-----------------------------------------------------------------*/

div#txt-size {
	width: 190px;
	float: right;
	height: 30px;
	margin: 5px 0 0 0;
}

div#txt-size ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#txt-size ul li {
	float: left;
	height: 35px;
	margin: 0 0 0 0;
	text-indent: -9999px;
	font-size: 0px;
	padding: 0 0 0 0;
}

/* ボタンの基本設定 */
div#txt-size ul li a {
	display: block;
	height: 35px;
	background: url(../image/g_navi_bg.jpg) no-repeat 0px 5px;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* ボタンの幅設定 */
div#txt-size ul li.ttl-size { width: 86px; }
div#txt-size ul li.s-large { width: 27px; }
div#txt-size ul li.s-small { width: 27px; }
div#txt-size ul li.s-reset { width: 45px; }

/* 背景画像設定 */
div#txt-size ul li.s-large a { background-position: -709px -5px;}
div#txt-size ul li.s-small a { background-position: -736px -5px;}
div#txt-size ul li.s-reset a { background-position: -763px -5px;}

/* マウスオーバー設定 */
div#txt-size ul li.s-large a:hover { background-position: -709px -55px;}
div#txt-size ul li.s-small a:hover { background-position: -736px -55px;}
div#txt-size ul li.s-reset a:hover { background-position: -763px -55px;}

/*-----------------------------------------------------------------
		[5]:ぱんクズ
-----------------------------------------------------------------*/

#breadcrumbs {
	width: 800px;
	margin: 0 0 4px 0;
	padding: 0 0 0 10px;
	font-size: 65%;
	border-bottom: solid 1px #cccccc;
}

#breadcrumbs ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	text-align: left;
	font-size: 100%;
}

#breadcrumbs ul li {
	float: left;
	padding: 10px 20px 10px 5px;
	margin: 0 0 0 0;
	line-height: 100%;
	text-align: left;
	font-size: 100%;
	background: url(../image/breadcrumbs_bg.gif) no-repeat right center;
}

#breadcrumbs ul li.end {
	background: none;
	font-weight: bold;
}

#breadcrumbs ul li a {
	color: #666666;
}

#breadcrumbs ul li a:hover {
	color: #ff0000;
}