@charset "utf-8";
/*===================================================

	サイト全体の基本設定

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

/*----------------------------------------------------
	import
----------------------------------------------------*/
@import url("reset.css");

/*----------------------------------------------------
	基礎、テキストリンクの設定
----------------------------------------------------*/
html,body {
	height: 100%;
}
body {
	font-size: 12px;
	line-height: 1.4em;
	background: url(../img/bg_dummy.gif) repeat-x;
}
a:link { /* 通常時 */
	text-decoration: none;
}
a:visited { /* 訪問済 */
	text-decoration: none;
}
a:hover { /* 選択時 */
	text-decoration: underline;
}
a:active { /* アクティブ */
	text-decoration: none;
}

/*----------------------------------------------------
	#page		全体
----------------------------------------------------*/
#page {
	margin: auto;
	width: 960px;
}

/*----------------------------------------------------
	#header		ヘッダー
----------------------------------------------------*/
#header {
	padding: 8px 0 7px;
	height: 45px;
}
#header a#home_link {
	background: url(../img/home_link.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 45px;
	float: left;
	width: 237px;
}
#header a#home_link:hover {
	background-position: bottom;
}
#header a#header_banner {
	float: right;
	margin-right: 10px;
}
#header a#shun-navi {
	background: url(../img/shun-navi.jpg);
	text-indent: -9999px;
	display: block;
	float: right;
	height: 45px;
	width: 160px;
}
#header li {
	list-style-type: none;
}

/*----------------------------------------------------
	#nav		ナビゲーション
----------------------------------------------------*/
#nav ul {
	height: 35px;
	background: url(../img/nav_dummy.jpg);
}
#nav li {
	float: left;
}
#nav li.new {
	background: url(../img/nav_new.gif) no-repeat top left;
}
#nav li a {
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 35px;
	width: 96px;
}
#sub_nav {
	background-color: #E8E4D8;
	width: 960px;
	float: left;
}
#sub_nav ul {
	display: none;
}
#sub_nav li {
	float: left;
}


/*----------------------------------------------------
	#contents	コンテンツ
----------------------------------------------------*/
#contents {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
h2 {
	font-size: large;
	font-weight: bold;
	color: #5B4A40;
	line-height: 2em;
	clear: both;
}
		
		/*----------------------------------------------------
			#main		メイン
		----------------------------------------------------*/
		#main {
			float: right;
			width: 740px;
			padding-top: 10px;
		}
		#main iframe#movie { /* 動画 */
			float: left;
			width: 480px;
			height: 300px;
			margin-right: 10px;
			_margin-right: 5px;
		}		
		#main iframe#sync { /* 動画同期スペース */
			float: right;
			width: 250px;
			height: 300px;
		}
		#main iframe#news_info { /* 告知画像スペース */
			float: right;
			width: 250px;
			height: 300px;
		}
		#main #box { /* 動画下部要素 */
			width: 100%;
		}
		
				/*----- トップページ -----*/
				
				#main #box h2#movie_news { /* 映像ニュース */
					width: 480px;
					margin-top: 10px;
					float: left;
				}
				#main #box #news_list { /* ニュースリスト */
					float: left;
					height: 150px;
					overflow-y: scroll;
					width: 480px;
				}
				#main #box #news_list .day { /* 日付 */
					float: left;
					letter-spacing: 0.1em;
					width: 6.5em;
				}
				#main #box #news_list .time_new { /* new表示 */
					background: url(http://miyazaki.kankou.tv/img/new_icon.gif) no-repeat;
					float: left;
					height: 1.4em;
					padding: 0 20px 0 0;
				}
				#main #box #news_list .name { /* ニュース本文 */
					overflow: hidden;
				}
				
				#main #box h2#osusume_ch { /* おすすめチャンネル */
					width: 480px;
					float: left;
				}
				#main #box ul#osusume_ch { /* バナーエリア */
					width: 480px;
					float: left;
				}
				#main #box ul#osusume_ch li { /* チャンネルリスト */
					float: left;
				}
		
				/*----- 動画リスト -----*/
				
				#main #chapter_list {
					float: left;
					height: 140px;
					width: 740px;
					overflow-y: scroll;
					margin-top: 10px;
				}
				#main #chapter_list .chapter {
					padding: 2px;
					width: 170px;
					border: 1px solid #CCC;
					background: #FFF;
					margin: 2px;
					float: left;
					height: 60px;
				}
				#main #chapter_list .name {
					font-size: 12px;
					line-height: 15px;
					overflow: hidden;
					margin: -60px 0 0 85px;
					height: 30px;
				}
				#main #chapter_list .time,
				#main #chapter_list .time_new {
					font-size: 10px;
					color: #999;
					margin-left: 85px;
					height: 15px;
					line-height: 15px;
				}
				#main #chapter_list .time_new {
					background: url(../img/new_icon.gif) no-repeat 3.8em center;
				}
				#main #chapter_list .dd1 {
					font-size: 10px;
					margin: 0 0 0 85px;
					height: 15px;
					line-height: 15px;
					background: url(../img/dd1_icon.gif) no-repeat left;
					padding-left: 20px;
				}
		
				/*----- イベント詳細 -----*/
				
				#main .event { /* 動画・写真 */
					margin-right: 1em;
				}
				#main img.event {
					float: left;
				}
				#main #event_data {
					float: left;
					width: 730px;
					margin-top: 10px;
				}
				#main #event_data th {
					background: #5B4A40;
					color: #FFF;
					white-space: nowrap;
					width: 20%;
				}
				#main #event_data th,
				#main #event_data td {
					border: 1px solid #CCC;
					padding: .5em 1em;
					vertical-align: top;
				}
		
				/*----- ＤＤ１映像 dd1_560[W560/4:3] dd1_640[W640/16:9] -----*/
				
				#main.dd1_560 #movie {
					background: #5B4A40 url(../img/dd1_info_esc.gif) no-repeat right 412px;
					padding: 2px 2px 10px;
					width: 560px;
					float: left;
				}
				#main.dd1_640 #movie {
					background: #5B4A40 url(../img/dd1_info_esc.gif) no-repeat right bottom;
					padding: 2px;
					width: 640px;
					float: left;
				}				
				#main.dd1_560 #movie iframe {
					width: 560px;
					height: 410px;
				}
				#main.dd1_640 #movie iframe {
					width: 640px;
					height: 352px;
				}
				#main.dd1_560 #movie h1 {
					line-height: 28px;
					color: #FFF;
					background: url(../img/movie_h1.gif) no-repeat left center;
					padding-left: 25px;
				}
				#main.dd1_640 #movie h1 {
					line-height: 24px;
					color: #FFF;
					background: url(../img/movie_h1.gif) no-repeat left center;
					padding-left: 25px;
				}
				
				#main #dm2_link {
					float: right;
					padding-bottom: 5px;
				}
				#main.dd1_560 #dm2_link a {
					background-image: url(../img/dm2_link_175.jpg);
					background-position: top;
					text-indent: -9999px;
					display: block;
					height: 55px;
					width: 173px;
				}
				#main.dd1_640 #dm2_link a {
					background-image: url(../img/dm2_link_90.jpg);
					background-position: top;
					text-indent: -9999px;
					display: block;
					height: 55px;
					width: 90px;
				}
				#main.dd1_560 #dm2_link a:hover,
				#main.dd1_640 #dm2_link a:hover {
					background-position: bottom;
				}
				
				#main.dd1_560 #chapter_list {
					float: right;
					height: 390px;
					width: 175px;
					margin-top: 0;
				}
				#main.dd1_560 #chapter_list .chapter {
					width: 145px;
				}
				#main.dd1_560 #chapter_list .name {
					height: 45px;
				}
				
				#main.dd1_640 #chapter_list {
					height: auto;
					max-height: 140px;
					margin-top: 0;
				}
				#main.dd1_640 #chapter_list .name {
					height: 45px;
				}
		
				/*----- イベント情報　テキストのみ -----*/
				
				#main #event_month  { /* 削除予定 */
					padding-bottom: 10px;
					float: left;
				}
				#main #event_month li { /* 削除予定 */

					float: left;
				}
				#main #event_month li a { /* 削除予定 */
					line-height: 30px;
					background-image: url(../img/news_day.jpg);
					background-position: top;
					text-align: center;
					display: block;
					width: 59px;
					border: 1px solid #77A0AB;
				}
				#main #event_month li.select a { /* 削除予定 */
					background-position: bottom;
				}
				
				#main #event_month_data { /* 削除予定 
					border-bottom: 1px solid #CC9;*/
				}
				#main #event_month_data h2 {
					border-top: 1px solid #CC9; 
				}
				#main #event_month_data #event_data {
					margin: 5px 0 10px;
				}
		
				/*----- movie_form.php -----*/
				
				#movie_form li#step0,
				#movie_form li#step1,
				#movie_form li#step2,
				#movie_form li#step3 {
					border: 1px solid #CC9;
					float: left;
					margin-bottom: 1em;
					margin-right: 5px;
					padding: 0.5em 1em;
					cursor: pointer;
				}
				#movie_form li.select {
					background: #5B4A40;
					color: #FFF;
				}
				
		/*----------------------------------------------------
			#sub		サブ
		----------------------------------------------------*/
		#sub {
			float: left;
			width: 210px;
		}
		#sub #movie_list {
			padding-bottom: 10px;
		}
		#sub #movie_list .chapter { /* 動画リスト */
			background: url(../img/movie_list_bg.gif);
			height: 135px;
			margin-bottom: 5px;
		}
		#sub #movie_list .chapter .name { /* タイトル */
			padding: 10px;
			width: 185px;
			height: 1.4em;
			overflow: hidden;
		}
		#sub #movie_list .chapter .name a {
			color: #FFF;
		}
		#sub #movie_list .chapter img { /* サムネイル */
			margin: 5px 10px;
			float: left;
		}
		#sub #movie_list .chapter .info { /* 情報 */
			float: right;
			height: 67px;
			overflow: hidden;
			padding-right: 10px;
			width: 100px;
		}
		#sub #movie_list .chapter .time { /* サムネイル */
			float: right;
			padding: 5px 10px;
		}
		#sub #movie_list .chapter .link { /* リンク */
			float: left;
			margin: 5px;
			width: 130px;
		}
		
		#sub #event_list { /* イベント情報 */
			border-top: 1px dotted #5B4A40;
		}
		#sub #event_list li { /* イベント情報リスト */
			background: url(../img/icon_dummy.gif) no-repeat left 5px;
			width: 190px;
			border-bottom: 1px dotted #5B4A40;
			padding: 5px 10px;
		}
		#sub #event_list a { /* イベント情報リンク */
			font-weight: bold;
			display: block;
			width: 200px;
		}
		
		#sub #event_list_link { /* イベント一覧リンク */
			display: block;
			margin: 10px;
		}
		
				/*----- ニュース詳細 -----*/
				
				#sub a#upload { /* 投稿ボタン */
					float: left;
					line-height: 30px;
					background-image: url(../img/news_day.jpg);
					background-position: top;
					text-align: center;
					width: 208px;
					float: left;
					border: 1px solid #77A0AB;
					margin-top: 10px;
				}
				#sub a#upload:hover {
					background-position: bottom;
				}
				
				/*----- ニュース詳細 -----*/
				
				#sub #news_year  {
					padding-top: 10px;
					float: left;
				}
				#sub #news_year li {
					line-height: 30px;
					background-image: url(../img/news_day.jpg);
					background-position: top;
					text-align: center;
					display: block;
					width: 103px;
					float: left;
					border: 1px solid #77A0AB;
					cursor: pointer;
				}
				#sub #news_year li.select {
					background-position: bottom;
				}
				#sub #news_list {
					border: 1px solid #CC9;
					float: left;
					margin-top: 10px;
					overflow-y: auto;
					padding: 4px;
					width: 200px;
				}
							
				/*----- イベント詳細 -----*/
				
				#sub #event_year,
				#sub #event_month  {
					padding-top: 10px;
					float: left;
				}
				#sub #event_year li {
					line-height: 30px;
					background-image: url(../img/news_day.jpg);
					background-position: top;
					text-align: center;
					display: block;
					width: 103px;
					float: left;
					border: 1px solid #77A0AB;
					cursor: pointer;
				}
				#sub #event_month li {
					line-height: 30px;
					background-image: url(../img/news_day.jpg);
					background-position: top;
					text-align: center;
					display: block;
					width: 33px;
					float: left;
					border: 1px solid #77A0AB;
					cursor: pointer;
				}
				#sub #event_year li.select,
				#sub #event_month li.select  {
					background-position: bottom;
				}
				
				/*----- カレンダー -----*/
				#sub .calendar {
					padding-top: 10px;
				}
				#sub .calendar th,
				#sub .calendar td {
					background-color: #FFF;
					border: 1px solid #F2F2F2;
					height: 25px;
					text-align: center;
					vertical-align: middle;
				}
				#sub .calendar .sun {
					background-color: #FCC;
				}
				#sub .calendar .sat {
					background-color: #D0F0FF;
				}
				
		/*----------------------------------------------------
			#other		その他共通
		----------------------------------------------------*/
		#other {
			padding: 0 50px 25px;
			margin: 10px 0;
			border: 1px solid #CC9;
		}
		#other h1 {
			font-size: x-large;
			font-weight: bold;
			color: #5B4A40;
			line-height: 2em;
			border-bottom: 2px solid #5B4A40;
			margin-right: -40px;
			margin-bottom: .5em;
			margin-left: -40px;
		}
		#other h2 {
			border-bottom: 1px solid #5B4A40;
			margin-top: 1em;
			margin-right: -40px;
			margin-bottom: .5em;
			margin-left: -40px;
			padding-left: 1em;
		}
		#other h3 {
			border-bottom: 1px dashed #5B4A40;
			margin-top: 1em;
			margin-right: -25px;
			margin-bottom: .5em;
			margin-left: -25px;
			font-size: medium;
			font-weight: bold;
			color: #5B4A40;
		}
		#other ol li {
			list-style-type: decimal;
			margin-left: 1.5em;
		}
		#other td {
			padding: .5em 1em;
			border: 1px solid #CC9;
		}
		#other td.java_check {
			color: #FFF;
		}
				
/*----------------------------------------------------
	#banner		広告
----------------------------------------------------*/
#banner {
	float: left;
	border-top: 1px solid #CC9;
	width: 100%;
}
#banner ul {
	margin: auto;
	width: 960px;
}
#banner li {
	float: left;
	border: 10px solid #E9E5D9;
	margin: 10px 0 10px 10px;
}

/*----------------------------------------------------
	#footer		フッター
----------------------------------------------------*/
#footer {
	float: left;
	border-top: 1px solid #CC9;
	width: 100%;
}
#footer ul {
	margin: auto;
	width: 960px;
	line-height: 3em;
}
#footer li {
	float: left;
	background: url(../img/icon_dummy.gif) no-repeat left;
	padding: 0 10px;
}

/*----------------------------------------------------
	#copy		コピーライト
----------------------------------------------------*/
#copy {
	float: left;
	border-top: 1px solid #CC9;
	width: 100%;
}
#copy div {
	font-size: x-small;
	color: #666;
	margin: auto;
	width: 960px;
}