@charset "UTF-8";
/* CSS Document */

html,body { margin:0; padding:0; }

body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  font-size:87.5%; }/* for IE 1em=14px（14/16=0.875→87.5%） */
html>/**/body { font-size:14px; }/* Except IE 6 */

img { border:0; }
table { margin:0; padding:0; }
a { color:#333; }
a:hover { color:#3C0; }

/* IE PNG FIX */
.png {	behavior:expression(IEPNGFIX.fix(this));	}
.png_1f {	behavior:expression(IEPNGFIX_1F.fix(this));	}
.png_2f {	behavior:expression(IEPNGFIX_2F.fix(this));	}
.png_3f {	behavior:expression(IEPNGFIX_3F.fix(this));	}
.png_4f {	behavior:expression(IEPNGFIX_4F.fix(this));	}

body { background:url(../img/bg.png) top repeat-x; }
#wrap { width:954px; margin:0 auto; position:relative; }
.alert { text-align:center; color:#FFF; padding:8px 0; background-color:#666; border-bottom:solid 2px #505050; }

/* ヘッダー **********************************************************/
/* index ＆ emergencyTop */
#index #header, #emergencyTop #header {width:100%; height:485px; position:relative;}
/*下層ページ*/
#header {width:100%; height:193px; position:relative;}
#header_2f { width:100%; height:225px; position:relative; }

	/* フェードイメージ */
	/* index ＆ emergencyTop */
	#index div.fadein, #emergencyTop div.fadein { position:absolute; top:60px; left:0; width:954px; height:365px; overflow:hidden;}

	/* 下層ページ */
	div.fadein { position:absolute; top:0; left:0; width:954px; height:174px; overflow:hidden; }

	div.fadein img { position:absolute; top:0; left:0; display:block; }

	/* サイトタイトル */
	#siteid { position:absolute; top:6px; left:10px; width:222px; height:92px; z-index:1000; }
		#siteid h1 { margin:0; padding:0; text-align:center; }

	/* ユーティリティーメニュー：RSS配信について＆文字サイズ＆音声読み上げ */
	#utilityMenu { position:relative; height:30px; overflow:hidden; text-align:right; font-size:92.3%; color:#CCC; border:solid 2px #508700; border-top:none; z-index:900;
		background: #66a519; /* Old browsers */
		background: -moz-linear-gradient(top,  #66a519 0%, #508700 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66a519), color-stop(100%,#508700)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #66a519 0%,#508700 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #66a519 0%,#508700 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #66a519 0%,#508700 100%); /* IE10+ */
		background: linear-gradient(top,  #66a519 0%,#508700 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a519', endColorstr='#508700',GradientType=0 ); /* IE6-9 */
	}
	#utilityMenu ul { position:absolute; top:0; right:0; list-style:none; margin:0; padding:0; }
	#utilityMenu ul li { float:left; line-height:30px; height:30px; padding:0 10px; border-left:solid 1px #360; border-right:solid 1px #66A519; white-space:nowrap; }
	* html #utilityMenu ul li#fontsize a { margin-top:4px; }
	#utilityMenu ul li#pageReader { border-right:none; }
	* html #utilityMenu ul li#pageReader input { margin-top:2px; }
	#utilityMenu ul li a { display:inline-block; white-space:nowrap; }
		li#aboutRss a { color:#FFF; padding-left:20px; background:url(../img/rssIcon.png) left 8px no-repeat; }
		li#aboutRss a:hover { color:#CF6; }
		li#fontsize a,
		li#pageReader a { font-size:11px; line-height:12px; text-decoration:none; padding:3px 4px; margin-left:2px; color:#333; border:solid 1px #999;
			background: rgb(255,255,255); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
			background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
		}
		li#fontsize a:hover,
		li#fontsize a.active,
		li#pageReader a:hover { border-color:#CCEB87; font-weight:bold;
			background: rgb(230,255,165); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(230,255,165,1) 0%, rgba(204,235,135,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,255,165,1)), color-stop(100%,rgba(204,235,135,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(230,255,165,1) 0%,rgba(204,235,135,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(230,255,165,1) 0%,rgba(204,235,135,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(230,255,165,1) 0%,rgba(204,235,135,1) 100%); /* IE10+ */
			background: linear-gradient(top,  rgba(230,255,165,1) 0%,rgba(204,235,135,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffa5', endColorstr='#cceb87',GradientType=0 ); /* IE6-9 */
		}

	/* サブメニュー：携帯サイト＆サイトマップ＆お問い合わせ */
	/* index ＆ emergencyTop */
	#subMenuBox01{ position: absolute; top: 30px; width: 100%; height: 30px; background: #FFF;}
	#subMenu01 { clear: both; position:absolute; top: 0; right: 15px; list-style:none; margin:0; padding:0; background: #FFF;}
	#subMenu01 li { line-height: 30px; float: left; margin-left: 20px;}
	#subMenu01 li a {
		padding-left: 14px;
		background: url(../img/arrow_dotGreen.gif) left no-repeat;
		white-space: nowrap;
		line-height: 30px;
	}

	/*下層ページ*/
	#subMenu { clear:both; position:absolute; top:42px; right:15px; list-style:none; margin:0; padding:0; }
	#subMenu li { line-height: 0; margin-bottom: 6px; }
	#subMenu li a {
	padding-left: 14px;
	background: url(../img/arrow_dotGreen.gif) left no-repeat;
	white-space: nowrap;
	line-height: 1.5em;
}

	/* メインメニュー */
	/* index ＆ emergencyTop */
	#index #mainMenu, #emergencyTop #mainMenu {
		clear:both;
		position:absolute;
		top:425px;
		left:0;
	}

	/*下層ページ*/
	#mainMenu { clear:both; position:absolute; top:134px; left:0; }

	#mainMenu ul { height:42px; line-height:42px; list-style:none; margin:0; padding:0; }
	#mainMenu ul li { float:left; border-left: solid 1px #CCC; border-right:solid 1px #FFF;
		text-shadow:0 1px 0 #FFF;
		background:url(../img/mainMenu_bg.png) top repeat-x;
	}
	#mainMenu ul li a { display:block; width:150px; height:40px; font-size:115.38%; color:#333; text-align:center; text-decoration:none; border-bottom:solid 2px #393; overflow:hidden; background-image:url(../img/mainMenu_btn.png); text-indent:-9999px; }
	#mainMenu ul li a.active {}
	#mainMenu ul li a:hover,
	#mainMenu ul li a.active:hover { color:#333; text-shadow:0 1px 0 #FFF; }

/* ホーム */
			#mainMenu ul li#homeMenu { border-left:none; }
			#mainMenu ul li#homeMenu a { background-position:0px 0px; width:70px; }
			#mainMenu ul li#homeMenu a.active { background-position:0px 40px; }
			#mainMenu ul li#homeMenu a:hover,
			#mainMenu ul li#homeMenu a.active:hover { background-position:0px 80px; }
/* くらしのあんない */
			#mainMenu ul li#lifeMenu a { background-position:-72px 0px; }
			#mainMenu ul li#lifeMenu a.active { background-position:-72px 40px; }
			#mainMenu ul li#lifeMenu a:hover,
			#mainMenu ul li#lifeMenu a.active:hover { background-position:-72px 80px; }
/* イベント・観光情報 */
			#mainMenu ul li#eventMenu a { background-position:-224px 0px; }
			#mainMenu ul li#eventMenu a.active { background-position:-224px 40px; }
			#mainMenu ul li#eventMenu a:hover,
			#mainMenu ul li#eventMenu a.active:hover { background-position:-224px 80px; }
/* 事業者の方へ */
			#mainMenu ul li#businessMenu a { background-position:-376px 0px; }
			#mainMenu ul li#businessMenu a.active { background-position:-376px 40px; }
			#mainMenu ul li#businessMenu a:hover,
			#mainMenu ul li#businessMenu a.active:hover { background-position:-376px 80px; }
/* 市政について */
			#mainMenu ul li#cityMenu a { background-position:-528px 0px; }
			#mainMenu ul li#cityMenu a.active { background-position:-528px 40px; }
			#mainMenu ul li#cityMenu a:hover,
			#mainMenu ul li#cityMenu a.active:hover { background-position:-528px 80px; }

/* サイト内検索 */
		#mainMenu ul li#searchMenu { width:272px; height:42px; text-align:center; border-right:none; line-height:39px; overflow:hidden; }
			li#searchMenu form { display:block; border-bottom:solid 2px #F90; padding-top:1px; }
			* html li#searchMenu form { padding:6px 0 9px; }
			li#searchMenu form input#searchBtn {}
			li#searchMenu form input#q {ime-mode:active; }



/* コンテナ **********************************************************/
#container { clear:both; width:100%; margin-bottom:25px; }
	#leftColumn, #centerColumn, #rightColumn, #mainColumn { float:left; overflow:hidden; }
	#leftColumn { width:176px; margin-right:14px; }
	#centerColumn { width:574px; margin-right:14px; }
	#rightColumn { width:176px; }
	#mainColumn { width:762px; }/* 2F用 */
	* html #mainColumn p { line-height:1.4em; }/* IE6 */

div.panel { position:relative; overflow:hidden; clear:both; margin:1px 2px 12px; background-color:#FAFAFA; border:solid 1px #CCC; }
div.panel:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }
/*\*/
* html div.panel { height:1em; overflow:visible; }
/**/

	.panelTitle { font-size:14px; line-height:28px; margin:0; padding:2px 0 0 8px; border-bottom:solid 2px #509900;
		text-shadow:0 1px 0 #FFF;
	  background: #f2f2f2; /* Old browsers */
	  background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	  background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	}
	div.panel ul { list-style:none; padding:0; margin:0; }
		div.panel ul li { margin-bottom:5px; padding-left:8px; line-height:1.54em; background:url(../img/arrow_green.gif) top left no-repeat; height:1%; }
		div.panel ul ul.level2 { display:block; width:150px; padding:6px 5px 4px 15px; margin:6px 0 4px -15px; background:#FFF; border-top:solid 1px #EBEBEB; border-bottom:solid 1px #CCC; }
		* html div.panel ul ul.level2 { width:auto; padding:6px 5px 4px 15px; margin:6px 0 4px -15px; background:#FFF; border-top:solid 1px #EBEBEB; border-bottom:solid 1px #CCC; }
		/* 記事添付資料 */
		div.panel ul li.excel { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/excel.png) top left no-repeat; height:1%; }
		div.panel ul li.EXCEL { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/excel.png) top left no-repeat; height:1%; }
		div.panel ul li.xls   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/excel.png) top left no-repeat; height:1%; }
		div.panel ul li.XLS   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/excel.png) top left no-repeat; height:1%; }
		/* office 2007対応 */
		div.panel ul li.xlsx   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/excel.png) top left no-repeat; height:1%; }
		div.panel ul li.XLSX   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/excel.png) top left no-repeat; height:1%; }
		div.panel ul li.word  { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/word.png) top left no-repeat; height:1%; }
		div.panel ul li.WORD  { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/word.png) top left no-repeat; height:1%; }
		div.panel ul li.doc   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/word.png) top left no-repeat; height:1%; }
		div.panel ul li.DOC   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/word.png) top left no-repeat; height:1%; }
		/* office 2007対応 */
		div.panel ul li.docx   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/word.png) top left no-repeat; height:1%; }
		div.panel ul li.DOCX   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/word.png) top left no-repeat; height:1%; }
		div.panel ul li.pdf   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/pdf.png) top left no-repeat; height:1%; }
		div.panel ul li.PDF   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/pdf.png) top left no-repeat; height:1%; }
		div.panel ul li.zip   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/zip.png) top left no-repeat; height:1%; }
		div.panel ul li.ZIP   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/zip.png) top left no-repeat; height:1%; }
		div.panel ul li.lzh   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/lzh.png) top left no-repeat; height:1%; }
		div.panel ul li.LZH   { margin-bottom:5px; padding-left:32px; line-height:3.00em; background:url(../img/lzh.png) top left no-repeat; height:1%; }
		div.panel ul li.none  { margin-bottom:5px; padding-left:32px; line-height:1.54em; background:url(../img/none.png) top left no-repeat; height:1%; }

	div.inner { padding:11px 7px 5px; }
		#mainColumn div.inner { padding:11px; overflow:hidden; }

	a.more,
	a.rss { position:absolute; top:8px; display:block; padding:1px 0 0 18px; color:#666; line-height:14px; font-size:13px; text-shadow:0 1px 0 #FFF; text-decoration:none; }
	a.more:hover,
	a.rss:hover { color:#000; }
		a.more { right:70px; background:url(../img/moreIcon.png) top left no-repeat; }
		a.rss { right:10px; background:url(../img/rssIcon.png) top left no-repeat; }
	span.date { display:block; width:146px; float:left; text-decoration:none; color:#333; }

	span.list_date { display:block; width:140px; float:left; text-decoration:none; color:#333; }

/* 緊急情報 */
div#emergency { background-color:#FAF0F5; border-color:#F09999; }
	div#emergency .panelTitle { color:#FFF; border-color:#F00; text-shadow:0 -1px 0 #B40000;
		background: #cc1e1e; /* Old browsers */
		background: -moz-linear-gradient(top,  #ff3333 0%, #990000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3333), color-stop(100%,#990000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ff3333 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ff3333 0%,#990000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ff3333 0%,#990000 100%); /* IE10+ */
		background: linear-gradient(top,  #ff3333 0%,#990000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3333', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
	}
	div#emergency ul {}
	div#emergency ul li { background-image:url(../img/arrow_red.gif); }
	div#emergency ul li a {}
	div#emergency ul li a:hover { color:#C00; }

/* ボタンリスト */
div.btnList { padding:0 2px 2px; }
	div.btnList ul { list-style:none; margin:5px 0 12px 0; padding:0; }
	div.btnList ul li { margin-bottom:5px; }
	div.btnList ul li a { display:block; width:auto; height:48px; font-size:14px; font-weight:bold; line-height:48px; padding:0 0 0 30px; text-decoration:none; text-shadow:0 1px 0 #FFF; background:url(../img/btnList_bg.png) top left no-repeat; }
	div.btnList ul li a:hover { color:#333;	background-position:bottom left; }

/* 新着情報 */
div#whatNew { border:none; border-top: solid 1px #F5BE50; background-color:#FAF8DC; }
	div#whatNew .panelTitle { border-color:#FFE100;
		background: #fad982; /* Old browsers */
		background: -moz-linear-gradient(top,  #fff5b4 0%, #f5be50 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff5b4), color-stop(100%,#f5be50)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fff5b4 0%,#f5be50 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fff5b4 0%,#f5be50 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fff5b4 0%,#f5be50 100%); /* IE10+ */
		background: linear-gradient(top,  #fff5b4 0%,#f5be50 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5b4', endColorstr='#f5be50',GradientType=0 ); /* IE6-9 */
}
  div#whatNew ul {}
	div#whatNew ul li { background-image:url(../img/arrow_orange.gif); clear:both; overflow:hidden; word-wrap: break-word; }
	* html div#whatNew ul li { overflow:visible; }
	/* 年月日 */
	div#whatNew ul li.e_level1 span.date,
	div#whatNew ul li.e_level2 span.date,
	div#whatNew ul li.e_level3 span.date { display:block; float:left; width:140px; }

	div#whatNew ul li a { float:right; display:block; width:400px; }
	div#whatNew ul li a:hover { color:#F90; }

	/* レベルアイコン */
	div#whatNew ul li.e_level1 a,
	div#whatNew ul li.e_level2 a,
	div#whatNew ul li.e_level3 a { float:right; display:block; width:350px; padding:0 0 0 49px; background:top left no-repeat; }

	* html div#whatNew ul li.e_level1 a,
	* html div#whatNew ul li.e_level2 a,
	* html div#whatNew ul li.e_level3 a { height:1%; }/* IE6 */

	 div#whatNew ul li.e_level1 a { background-image:url(../img/level1.gif); }
	 div#whatNew ul li.e_level2 a { background-image:url(../img/level2.gif); }
	 div#whatNew ul li.e_level3 a { background-image:url(../img/level3.gif); color:#C00; }


/* 重要なお知らせ：緊急情報用トップページ **************************************/
body#emergencyTop div#whatNew { background-color:#FAF0F5; border-color:#F09999; }
	body#emergencyTop div#whatNew a.more,
	body#emergencyTop div#whatNew a.rss { color:#FCC; text-shadow:0 -1px 0 #900; }
	body#emergencyTop div#whatNew a.more:hover,
	body#emergencyTop div#whatNew a.rss:hover { color:#FFF; }

	body#emergencyTop div.alertInfo { background-color:#FCC; padding:3px 3px 2px; text-align:center; text-shadow:0 1px 0 #FFF; }

	body#emergencyTop div#whatNew .panelTitle { color:#FFF; border-color:#F00; text-shadow:0 -1px 0 #B40000;
		background: #cc1e1e; /* Old browsers */
		background: -moz-linear-gradient(top,  #ff3333 0%, #990000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3333), color-stop(100%,#990000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ff3333 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ff3333 0%,#990000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ff3333 0%,#990000 100%); /* IE10+ */
		background: linear-gradient(top,  #ff3333 0%,#990000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3333', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
}
body#emergencyTop div#whatNew ul {}
body#emergencyTop div#whatNew ul li {}
body#emergencyTop div#whatNew ul li a:hover { color:#F90; }

/* 生活ガイド＆ライフイベントガイド */
div#lifeGuide, div#lifeeventGuide {
	clear:both; margin:1px 2px 12px; background:#690 url(../img/guideMenu_bg.png) top left no-repeat; border:solid 1px #A6CA5F; overflow:hidden;
 }
div#lifeGuide { margin-bottom:10px; }

div#lifeGuide h2, div#lifeeventGuide h2 {
	color:#333; font-size:14px; line-height:23px; text-shadow:0 1px 0 #FFF; margin:0; padding:2px 0 0 8px; border:none; background:none!important;
}

div#lifeGuide .inner, div#lifeeventGuide .inner { width:564px; padding:0 0 2px; overflow:hidden; }
* html div#lifeGuide .inner, * html div#lifeeventGuide .inner { width:570px; }
div#lifeGuide {}
div#lifeeventGuide {}
	div#lifeGuide ul,
	div#lifeeventGuide ul { list-style:none; margin:0 0 0 2px; padding:0; }
	div#lifeGuide ul li,
	div#lifeeventGuide ul li { float:left; }
	div#lifeGuide ul li a,
	div#lifeeventGuide ul li a { display:block; margin:0 0 4px 4px; }

	div#lifeGuide ul li a { background:url(../img/lifeGuide_bg.png) top left repeat-x; }
	div#lifeeventGuide ul li a { background:url(../img/lifeeventGuide_bg.png) top left repeat-x; }
	div#lifeGuide ul li a:hover,
	div#lifeeventGuide ul li a:hover { background-position:bottom; }

/* お知らせ */
div#information { background-color:#FFF; border:none; border-top:solid 1px #CCC; }
div#information ul {}
div#information ul li { padding-left:0; background:none; word-wrap: break-word; }
div#information ul li a {}
div#information ul li a:hover {}

		span.category { display:inline-block; width:108px; height:0px; padding-top:18px; margin-right:18px; background:top left no-repeat; font-size:11px; text-decoration:none; overflow:hidden; vertical-align:middle; }
		span.life { background-image:url(../img/category_life.gif); }
		span.event { background-image:url(../img/category_event.gif); }
		span.business { background-image:url(../img/category_business.gif); }
		span.city { background-image:url(../img/category_city.gif); }


/* イベント情報 */
div#eventInfo { background-color:#FFF; border:none; border-top:solid 1px #CCC; }
div#eventInfo ul {}
div#eventInfo ul li { clear:both; overflow:hidden; word-wrap: break-word; }
* html div#eventInfo ul li { overflow:visible; }
div#eventInfo ul li a { float:right; display:block; width:400px; }
div#eventInfo ul li a:hover {}


/* バナーエリア */
div#banner { width:568px; padding:25px 3px 10px; margin:0 2px; border-top:dotted 1px #999; overflow:hidden; }
div#banner ul { list-style:none; margin:0 0 0 -10px; padding:0; }
div#banner ul li { float:left; margin:0 0 15px 12px; }
div#banner ul li a { display:block; }
* html div#banner ul { margin:0 0 0 -30px; }
* html div#banner ul li { margin:0 0 15px 12px; }

/* 市長のページボタン＆農業委員会＆南丹市議会ボタン＆ご意見箱ボタン */
#rightColumn .btnList { padding-bottom:0; }
#rightColumn .btnList ul { margin:0; padding:0; }
#rightColumn .btnList ul li { margin-bottom:8px; }
#rightColumn .btnList ul li a.imgBtn { padding:0; width:172px; height:56px; text-indent:-9999px; overflow:hidden; }
a#mayor { background:url(../img/btn_mayor.jpg) top left no-repeat; }
a#mayor:hover { background-position:bottom left; }
a#settlement { background:url(../img/btn_settlement.jpg) top left no-repeat; }
a#settlement:hover { background-position:bottom left; }
a#assembly { background:url(../img/btn_assembly.jpg) top left no-repeat; }
a#assembly:hover { background-position:bottom left; }
a#messageBox { background:url(../img/btn_messageBox.jpg) top left no-repeat; }
a#messageBox:hover { background-position:bottom left; }
a#agri { background:url(../img/btn_agri.jpg) top left no-repeat; }
a#agri:hover { background-position:bottom left; }
a#educationBoard { background:url(../img/btn_education.jpg) top left no-repeat; }
a#educationBoard:hover { background-position:bottom left; }


/* イベントカレンダー */
div#eventCalender { margin-bottom:8px; }
	div#eventCalender .panelTitle { border-color:#F90; }
table.calender { border:none; margin-bottom:6px; font-size:11px; }
table.calender strong { line-height:22px; }
table.calender td { border:solid 1px #F0F0F0; background-color:#FFF; text-align:center; }
table.calender td.holiday { background-color:#FFDCD7; }
table.calender td.saturday { background-color:#CCE1E6; }
table.calender td span.lastMonth { color:#999; }
table.calender td span#today { font-weight:bold; }
tr#week td { background-color:#DCEBCC; }
#sunday { color:#F00; }
#saturday { color:#36C; }

/* 動画配信ボタン */
a#movie { background:url(../img/btn_movie.jpg) top left no-repeat; }
a#movie:hover { background-position:bottom left; }

/* 今日の天気 */
div#weather {}
	div#weather .panelTitle { border-color:#F90; }
div#weather table { background-color:#FFF; font-size:11px; }
div#weather table td { text-align:center; padding:0; }
span#weatherToday { position:absolute; top:5px; right:5px; font-size:10px; font-weight:normal; display:block; padding:2px 3px 0; line-height:16px;text-shadow:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
span.days { display:block; padding:2px 0; background-color:#D7F0FA; border:solid 1px #FFF; }
span.temp_high { color:#F58200; }
span.temp_low { color:#0071BC; }

/* Googleガジェット用*/
.gadget div { border:none!important; }


/* 南丹市の人口等 */
div#population {}
	div#population .panelTitle { border-color:#F90; }
div#population table { margin:0; padding:0; font-size:11px; }
div#population table td { border:solid 1px #F0F0F0; background-color:#FFF; padding:2px; text-align:center; }
div#population table td.caption { background-color:#F0F0E1; text-align:right; padding:2px 4px; }

/* 携帯サイト */
div#mobileSite {}
	div#mobileSite .panelTitle { border-color:#F90; }
div#mobileSite img { display:block; margin:0 auto 5px; }
div#mobileSite a { display:block; font-size:9px; margin-bottom:6px; }
div#mobileSite p { font-size:84.61%; }
	a#mobileURL { display:block; text-align:center; }

/* 広告エリア ********************************************************/
div#ad { clear:both; margin:2px 0 15px; background-color:#DCDCCC; border-top:solid 1px #DCDCCC;
}
#ad img {}
	div#ad h3 { color:#996; font-size:14px; line-height:28px; height:28px; text-shadow:0 1px 0 #FFF; margin:0; padding:2px 0 0 8px; background-color:#FFF; border-bottom:solid 2px #B9B999; }

	div#ad .inner { padding:10px 12px 3px; overflow:hidden; }
		#adTitle {}
		div#ad ul { list-style:none; margin:0 0 0 -9px; padding:0; }
		div#ad ul li { float:left; display:block; width:124px; height:60px; overflow:hidden; margin:0 0 4px 10px; }
		div#ad ul li a { }

div.pageTop { clear:both; text-align:right; padding:8px; }
div.pageTop a { color:#999; font-size:12px; }
div.pageTop a:hover { color:#000; }

/* フッター **********************************************************/
div#footer { position:relative; clear:both; padding:12px 20px 54px; font-size:92.3%; overflow:hidden; background:#508700 url(../img/footerBG.png) top center no-repeat; }
div#footer ul { position:absolute; top:14px; right:20px; list-style:none; margin:0; padding:0; }
	div#footer ul li { float:right; padding-left:14px; margin-left:20px; background:url(../img/arrow_dotGreen.gif) left no-repeat; }
	div#footer ul li a { display:block; white-space:nowrap; }
	div#footer ul li a:hover { color:#CF6; }
address { clear:both; margin:0; padding:0; font-style:normal; margin-bottom:0; color:#666; }
address strong { color:#000; font-size:123.07%; line-height:30px; }
div#footer p { margin:0; padding:0; font-size:84.61%; color:#999; }


/* ２階層 **********************************************************/

/* パンくずメニュー */
#topicPath { position:absolute; top:178px; left:0; width:100%; min-height:1.5em; padding:5px 0; font-size:12px; background-color:#F5F5E6; }
* html #topicPath { height:1.5em; }/* IE6 */
	#topicPath ul { list-style:none; overflow:hidden; margin:0 0 0 10px; padding:0; width:800px; }
	#topicPath li { float:left; margin-right:5px; white-space:nowrap; }
	#topicPath li a {}
	#topicPath li a:hover {}

a#pagePrint { position:absolute; top:180px; right:7px; line-height:22px; padding-left:26px; font-size:12px; background:url(../img/printIcon.gif) left no-repeat; }

#titleHeader { border-bottom:solid 6px #508700; border-top:solid 1px #CCC; padding:40px 24px 41px; margin:2px 2px 15px; background:top left no-repeat; }
	body#life #titleHeader { background-image:url(../img/titleHeader_life.jpg); }
	body#event #titleHeader { background-image:url(../img/titleHeader_event.jpg); }
	body#business #titleHeader { background-image:url(../img/titleHeader_business.jpg); }
	body#city #titleHeader { background-image:url(../img/titleHeader_city.jpg); }

#titleHeader h1 { font-size:24px; text-shadow:0 2px 0 #FFF; margin:0; padding:0; }

#mainColumn h2 { font-size:18px; line-height:20px; padding:6px; margin:5px 0 10px; background-color:#FFF;
	border-left:solid 12px #393;
	border-bottom:solid 2px #393;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
#mainColumn h3 { font-size:16px; line-height:20px; padding:0 10px; margin:15px 0 10px; border-left:double 14px #393; }
#mainColumn h4 { font-size:14px; line-height:14px; padding:10px 5px 0; margin:15px 0 10px; }
#mainColumn p { margin:0 0 10px; }
#mainColumn p.annotation { padding:10px; margin:12px 20px 25px; font-size:12px; background-color:#FFF; border:solid 1px #696;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#pageMenu {}
#pageMenu .panelTitle { font-size:16px; line-height:28px; color:#000; display:block;
	background: #d4e699; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5ffcc 0%, #b4cc66 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ffcc), color-stop(100%,#b4cc66)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5ffcc 0%,#b4cc66 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5ffcc 0%,#b4cc66 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5ffcc 0%,#b4cc66 100%); /* IE10+ */
	background: linear-gradient(top,  #f5ffcc 0%,#b4cc66 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ffcc', endColorstr='#b4cc66',GradientType=0 ); /* IE6-9 */
}

div.reference { background-color:#DCEBCC; border:none; }

.left { position:relative; display:block; width:auto; height:auto; float:left; margin-right:15px; }
.right { position:relative; display:block; width:auto; height:auto; float:right; margin-left:15px; }

.alignleft { text-align:left; }
.alignright { text-align:right; }


div.plugin {
	margin:0 0 20px;
	padding:10px;
	background-color:#FAFAFA;
	border:1px solid #CCCCCC;
	clear:both;
}
.plugin .plugin_img {
	margin:0 10px 0 0 !important;
	float:left;
}
.plugin .plugin_img img {
	vertical-align:top;
}
.plugin p {
	margin:0 !important;
}


/* 新着情報一欄HTML */
div#whatNewList { border:none; border-top: solid 1px #F5BE50; background-color:#FAF8DC; }
	div#whatNewList .panelTitle { border-color:#FFE100;
		background: #fad982; /* Old browsers */
		background: -moz-linear-gradient(top,  #fff5b4 0%, #f5be50 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff5b4), color-stop(100%,#f5be50)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fff5b4 0%,#f5be50 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fff5b4 0%,#f5be50 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fff5b4 0%,#f5be50 100%); /* IE10+ */
		background: linear-gradient(top,  #fff5b4 0%,#f5be50 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5b4', endColorstr='#f5be50',GradientType=0 ); /* IE6-9 */
}
  div#whatNewList ul {}
	div#whatNewList ul li { background-image:url(../img/arrow_orange.gif); clear:both; overflow:hidden; word-wrap: break-word; }
	* html div#whatNewList ul li { overflow:visible; }
	/* 年月日 */
	div#whatNewList ul li.e_level1 span.list_date,
	div#whatNewList ul li.e_level2 span.list_date,
	div#whatNewList ul li.e_level3 span.list_date { display:block; float:left; width:140px; }

	div#whatNewList ul li a { float:right; display:block; width:580px; }
	div#whatNewList ul li a:hover { color:#F90; }

	/* レベルアイコン */
	div#whatNewList ul li.e_level1 a,
	div#whatNewList ul li.e_level2 a,
	div#whatNewList ul li.e_level3 a { float:right; display:block; width:530px; padding:0 0 0 49px; background:top left no-repeat; }

	* html div#whatNewList ul li.e_level1 a,
	* html div#whatNewList ul li.e_level2 a,
	* html div#whatNewList ul li.e_level3 a { height:1%; }/* IE6 */

	 div#whatNewList ul li.e_level1 a { background-image:url(../img/level1.gif); }
	 div#whatNewList ul li.e_level2 a { background-image:url(../img/level2.gif); }
	 div#whatNewList ul li.e_level3 a { background-image:url(../img/level3.gif); color:#C00; }

/* 重要なお知らせ：緊急情報一欄ページ **************************************/
body#emergencyTop div#whatNewList { background-color:#FAF0F5; border-color:#F09999; }
	body#emergencyTop div#whatNewList a.more,
	body#emergencyTop div#whatNewList a.rss { color:#FCC; text-shadow:0 -1px 0 #900; }
	body#emergencyTop div#whatNewList a.more:hover,
	body#emergencyTop div#whatNewList a.rss:hover { color:#FFF; }

	body#emergencyTop div.alertInfo { background-color:#FCC; padding:3px 3px 2px; text-align:center; text-shadow:0 1px 0 #FFF; }

	body#emergencyTop div#whatNewList .panelTitle { color:#FFF; border-color:#F00; text-shadow:0 -1px 0 #B40000;
		background: #cc1e1e; /* Old browsers */
		background: -moz-linear-gradient(top,  #ff3333 0%, #990000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3333), color-stop(100%,#990000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ff3333 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ff3333 0%,#990000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ff3333 0%,#990000 100%); /* IE10+ */
		background: linear-gradient(top,  #ff3333 0%,#990000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3333', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
}
body#emergencyTop div#whatNewList ul {}
body#emergencyTop div#whatNewList ul li {}
body#emergencyTop div#whatNewList ul li a:hover { color:#F90; }




/* お知らせ一欄HTML */
div#informationList { background-color:#FFF; border:none; border-top:solid 1px #CCC; }
div#informationList ul {}
div#informationList ul li { padding-left:0; background:none; word-wrap: break-word; }
div#informationList ul li a {}
div#informationList ul li a:hover {}

		span.category { display:inline-block; width:108px; height:0px; padding-top:18px; margin-right:18px; background:top left no-repeat; font-size:11px; text-decoration:none; overflow:hidden; vertical-align:middle; }
		span.life { background-image:url(../img/category_life.gif); }
		span.event { background-image:url(../img/category_event.gif); }
		span.business { background-image:url(../img/category_business.gif); }
		span.city { background-image:url(../img/category_city.gif); }


/* イベント情報一欄HTML */
div#eventInfoList { background-color:#FFF; border:none; border-top:solid 1px #CCC; }
div#eventInfoList ul {}
div#eventInfoList ul li { clear:both; overflow:hidden; word-wrap: break-word; }
* html div#eventInfoList ul li { overflow:visible; }
div#eventInfoList ul li a { float:right; display:block; width:580px; }
div#eventInfoList ul li a:hover {}