@charset "shift_jis";
/* 
-----------------------------------------------------
headerレイアウトCSS

更新日：2010/01/28
----------------------------------------------------- */

/*Explanation--------------------------------------------------*/
/*
 1:共通
 2:各種設定
*/

/*******************************************

 1:共通

********************************************/
div.header {
	position: relative;
	background: #FFF url(../img/header/back-logo.jpg) left top no-repeat;
}
div.header h1 img {
	vertical-align: bottom;
}
div.header p img {	/* 10/04/13追加 */
	vertical-align: bottom;
}

/*******************************************

 2:各種設定

********************************************/
/*ヘッダー広告*/
div.header div.headerPrBn {
	text-align: center;
	margin: -96px 0 0 230px;
	height: 96px;
}

/*ヘッダー広告(古：のちほどとる)*/
div.header div.banner {
	position: absolute;
	top: 4px;
	width: 100%;
}
div.header div.banner p {
	padding: 0 0 0 230px;
	text-align: center;
}

/* メインナビゲーション */
/*上段*/
div.hNavi-main div.upper {
	padding: 0 5px 0;
}
/*下段*/
div.hNavi-main div.under {
	clear: both;
	padding: 3px 5px 0;
}
div.hNavi-main ul.menu-tabs, div.hNavi-main ul.weather {
	float: left;
}
div.hNavi-main ul.menu-text {
	float: right;
	text-align: right;
}

div.hNavi-main ul.menu-tabs li, div.hNavi-main ul.menu-text li, div.hNavi-main ul.weather li, div.hNavi-main {
	display: inline;
}
div.hNavi-main ul.menu-tabs li{/* 091112修正 */
	display: block !important;
	float:left !important;
} 
div.hNavi-main ul.weather {
	padding:1px 3px;
	height:26px;
	width:312px;
	background: url(../img/header/weather/back.jpg) left top no-repeat;
	line-height: 1;
}
div.hNavi-main ul.weather li {
	padding: 1px 3px 0 2px;
	float: left;
}
div.hNavi-main ul.weather li img,
div.hNavi-main ul.weather li input {
	vertical-align: top;
}

div.hNavi-main ul.serch {
	float: right;
	line-height: 1;
}
div.hNavi-main ul.serch li {
	float: left;
	padding: 5px 0 0 8px;
}
div.hNavi-main ul.serch li ul {
	margin: 2px -5px 0 0;
}
div.hNavi-main ul.serch li li {
	padding: 1px 8px 0 8px;
	background: url(../img/header/line-dotted-length.gif) left top repeat-y;
}
div.hNavi-main ul.serch li li.first {
	background: none;
}

div.hNavi-main ul.serch li a img {
	margin: -5px 0 0;
	vertical-align: middle;
}
div.hNavi-main ul.serch li.serchBox {
	width: 205px;
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
	background: url(../img/header/key-back_upper.jpg) left top no-repeat;
}
div.hNavi-main ul.serch li.serchBox .serchBoxIn {
	padding: 0 0 3px 7px;
	background: url(../img/header/key-back_under.jpg) left bottom no-repeat;
	white-space: nowrap;
}
div.hNavi-main ul.serch li.serchBox input {
	color: #333;
	vertical-align: top;
}
div.hNavi-main ul.serch li.serchBox input.keyword {
	width: 110px;
	margin: 0 4px 0 0;
	/* background-color: #efefef; */
}
html>/**/body div.hNavi-main ul.serch li.serchBox input.keyword {
	width:115px;
}
div.hNavi-main ul.menu-text {
	margin: 8px 0 5px 0;
	line-height: 1.1;
}
div.hNavi-main ul.menu-text li {
	padding: 1px 3px 0 10px;
	background: url(../img/header/line-dotted-length.gif) left top repeat-y;
}
div.hNavi-main ul.menu-text li.first {
	background: none;
}
div.hNavi-main ul.menu-tabs {
	width: 460px;
	vertical-align: bottom;
}
div.hNavi-main ul.menu-tabs img {
	margin-right: 1px;
}
/*サブナビゲーション*/
div.hNavi-sub {
	clear: both;
	padding: 0 0 6px;
	background: #FFF url(../img/content/back2.gif) left bottom repeat-x;
}
#top div.hNavi-sub {
	padding: 0;
}
/*背景画像の指定*/
/* home */
#top div.hNavi-sub ul.home {
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(../img/header/back-home.jpg) top left repeat-x;
}
#top div.hNavi-sub ul.home li {
	margin: 0;
	padding: 0;
}
div.hNavi-sub ul {
	padding: 2px 0 2px 3px;
}
div.hNavi-sub ul li {
	float: left;
	padding: 2px 3px 2px 2px;
}
div.header div.hNavi-sub ul li a {
	color: #FFF;
	padding: 3px 15px 0;
	display: block;
}
div.header div.hNavi-sub ul li a.on {
	background-color: #FFF;
}
div.header div.hNavi-sub ul li a strong {
	display: block;
	padding: 3px 15px 0;
	color: #000;
	background-color: #FFF;
	font-weight: normal;
}
/* ニュース */
/*■■ 207-216 追加 09/05/07  */
#news div.hNavi-sub ul {
	background: #5fa5d9 url(../img/header/back-news.jpg) left top repeat-x;
}
#news div.hNavi-sub ul li {
	background: url(../img/header/line-news.gif) right top repeat-y;
}
#news div.header div.hNavi-sub ul li a.on {
	color: #6093c8;
}
#news div.hNavi-sub ul.home {
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(../img/header/back-news.jpg) top left repeat-x;
}
#news div.hNavi-sub ul.home li {
	margin: 0;
	padding: 0;
}
/* エンタメ＆スポーツ */
#enter div.hNavi-sub ul {
	background: #e56097 url(../img/header/back-enter.jpg) left top repeat-x;
}
#enter div.hNavi-sub ul li {
	background: url(../img/header/line-enter.gif) right top repeat-y;
}
#enter div.header div.hNavi-sub ul li a {
	color: #FFF;
}
#enter div.header div.hNavi-sub ul li a.on {
	color: #de1a6e;
}
/* 暮らし */
#live div.hNavi-sub ul {
	background: #97c421 url(../img/header/back-live.jpg) left top repeat-x;
}
#live div.hNavi-sub ul li {
	background: url(../img/header/line-live.gif) right top repeat-y;
}
#live div.header div.hNavi-sub ul li a {
	color: #FFF;
}
#live div.header div.hNavi-sub ul li a.on {
	color: #6ea501;
}
/* レジャー */
#leisure div.hNavi-sub ul {
	background: #f6a412 url(../img/header/back-leisure.jpg) left top repeat-x;
}
#leisure div.hNavi-sub ul li {
	background: url(../img/header/line-leisure.gif) right top repeat-y;
}
#leisure div.header div.hNavi-sub ul li a {
	color: #FFF;
}
#leisure div.header div.hNavi-sub ul li a.on {
	color: #f6a613;
}
/* 動画など */
#movie div.hNavi-sub ul {
	background: #787878 url(../img/header/back-other.jpg) left top repeat-x;
}
#movie div.hNavi-sub ul li {
	background: url(../img/header/line-other.gif) right top repeat-y;
}
#movie div.header div.hNavi-sub ul li a {
	color: #FFF;
}
#movie div.header div.hNavi-sub ul li a.on {
	color: #1a1a1a;
}
/* 道内の話題 */
#local div.hNavi-sub ul {
	background: #fbe12a url(../img/header/back-local.jpg) left top repeat-x;
}
#local div.hNavi-sub ul li {
	background: url(../img/header/line-local.gif) right top repeat-y;
}
#local div.header div.hNavi-sub ul li a,
#local div.header div.hNavi-sub ul li a.on {
	color: #333333;
}
/* フォト街道 */
#photodb div.hNavi-sub {
	word-break: keep-all;
}
#photodb div.hNavi-sub ul {
	background: #6fc001 url(../img/header/back-photodb.gif) left top repeat-x;
}
#photodb div.hNavi-sub ul li {
	background: url(../img/header/line-photodb.gif) right top repeat-y;
}
#photodb div.header div.hNavi-sub ul li a,
#photodb div.header div.hNavi-sub ul li a.on {
/*	color: #333333;*/
}
/* ようこそ道新へ　サイトマップ　企画その他 */
/*■■283-292,294-303 追加 09/05/07*/
#welcome div.hNavi-sub ul,
#welcome div.hNavi-sub ul.home {
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(../img/header/back-home.jpg) top left repeat-x;
}
#welcome div.hNavi-sub ul.home li {
	margin: 0;
	padding: 0;
}
#sitemap div.hNavi-sub ul,
#sitemap div.hNavi-sub ul.home {
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(../img/header/back-home.jpg) top left repeat-x;
}
#sitemap div.hNavi-sub ul.home li {
	margin: 0;
	padding: 0;
}
#other div.hNavi-sub ul {
	background: #5fa5d9 url(../img/header/back-news.jpg) left top repeat-x;
}
#other div.hNavi-sub ul li {
	background: url(../img/header/line-news.gif) right top repeat-y;
}
#other div.header div.hNavi-sub ul li a.on {
	color: #6093c8;
}

/* =リンク
----------------------------------------------------- */
div.header a:link,
div.header a:visited,
div.header a:hover,
div.header a:active {
	color: #333;
}
div.header div.hNavi-sub a:link,
div.header div.hNavi-sub a:visited,
div.header div.hNavi-sub a:hover,
div.header div.hNavi-sub a:active {
	color: #FFF;
}


/* =ドロップダウン設定
----------------------------------------------------- */

ul.menu-tabs li{
	position:relative;
	z-index: 5;
}
ul.menu-tabs li a{
	display:block;
}

ul.menu-tabs li div.pulldown{
	position:absolute;
	width:11em;
	margin:0;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC!important;
	font-size:90%;
	display:none;
}
ul.menu-tabs{
	zoom:1;
}
ul.menu-tabs:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
ul.menu-tabs li div.pulldown ul li{
	float:none !important;
	padding:0  10px 0 15px;
	
}

ul.menu-tabs li#news div.pulldown ul li {
	background:url(../img/header/icon_news.gif) no-repeat 0 5px;
}
ul.menu-tabs li#news div.pulldown ul li a:hover{
	background-color:#DBF3FD;
}

ul.menu-tabs li#enter div.pulldown ul li {
	background: url(../img/header/icon_enter.gif) no-repeat 0 5px;
}
ul.menu-tabs li#enter div.pulldown ul li a:hover{
	background-color:#FDD5E8;
}

ul.menu-tabs li#live div.pulldown ul li {
	background: url(../img/header/icon_live.gif) no-repeat 0 5px;
}
ul.menu-tabs li#live div.pulldown ul li a:hover{
	background-color:#F2F7CE;
}

ul.menu-tabs li#leisure div.pulldown ul li {
	background: url(../img/header/icon_leisure.gif) no-repeat 0 5px;
}
ul.menu-tabs li#leisure ul li a:hover{
	background-color:#FFF3D0;
}
/*■10/02/15追加■*/
ul.menu-tabs li#lifeInfo div.pulldown ul li {
	background: url(../img/header/icon_leisure.gif) no-repeat 0 5px;
}
ul.menu-tabs li#lifeInfo ul li a:hover{
	background-color:#FFF3D0;
}
/* 2列表示の際に使用 */
ul.menu-tabs li .twin_column{
	width:22em!important;
}
ul.menu-tabs li .twin_column ul{
	float:left;
	width:10em;
	margin-right:5px;
}

/*■Newsタブ■*/
ul.menu-tabs li div.news_column {
/*	width: 13.1em; */
	width: 16.4em;	/* ■10/04/20修正 */
	z-index:8;
}
ul.menu-tabs li div.news_column ul.left {
	float: left;
	width: 7em;
	margin-right: 0;
}
ul.menu-tabs li div.news_column ul.right {
	float: left;
/*	width: 6.1em; */
	width: 9em;	/* ■10/04/20修正 */
	margin-right: 0;
}
/*■Enterタブ■*/
ul.menu-tabs li div.enter_column {
	width: 8.8em;
	z-index:8;
}
/*■Liveタブ■*/
ul.menu-tabs li div.live_column {
	width: 15em;
	z-index:8;
}
ul.menu-tabs li div.live_column ul.left {
	float: left;
	width: 7em;
	margin-right: 0;
	z-index:8;
}
ul.menu-tabs li div.live_column ul.right {
	float: left;
	width: 8em;
	margin-right: 0;
	z-index:8;
}
/*■Leisureタブ■*/
ul.menu-tabs li div.leisure_column {
	width: 5em;
	z-index:8;
}
/*■LifeInfoタブ■*/
ul.menu-tabs li div.lifeInfo_column {
	width: 18.5em;
	z-index:8;
}
ul.menu-tabs li div.lifeInfo_column ul.left {
	float: left;
	width: 7em;
	margin-right: 0;
	z-index:8;
}
ul.menu-tabs li div.lifeInfo_column ul.right {
	float: left;
	width: 11.5em;
	margin-right: 0;
	z-index:8;
}