@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	border: 0; /* 旧IE対応 */
	text-align: center;
	min-width: 1200px; /* 可変ブラウザの最小 */
	background: #FFFFFF;
}
#container {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
h2 {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}


/* リンク色を隠す */
.img_b {
	border: none;
	vertical-align: top;
}


/* 隠す */
.hide {
	position: absolute;
	left: -100em;
	top: -100em;
}
.hide2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* ヘッダーここから */
#header {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#header2 {
	clear: left;
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#he_left {
	float: left;
	width: 200px;
	height: 90px;
	margin: 0 -200px 0 0;
	padding: 0;
	position: relative;
	z-index: 4;
}
#he_left h1 {
	margin: 12px 0 0 6px;
	padding: 0;
}

#he_right {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 -200px 0 0;
	padding: 0;
	text-align: right;
}
#he_right_a {
	margin: 15px 0 0 200px;
	padding: 0;
}

.header_nav {
	clear: right;
	margin: 0;
	padding: 4px 186px 0 0;
	overflow: hidden;
}
.header_search {
	clear: none;
	padding: 0 84px 0 0;
	background: url("../../img/header_search.gif") no-repeat right top;
}
.header_nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.header_nav li.gyou2 {
	display: inline;
	margin: 0;
	padding: 0 10px 0 0;
}
.header_nav li.gyou3 {
	display: inline;
	margin: 0;
	padding: 0 10px 0 0;
}
/* ヘッダーここまで */


/* Flashここから */
#flash {
	clear: left;
	float: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url("../../img/flash_back.jpg") no-repeat center top;
}
#flashswf {
	width: 1200px;
	height: 290px;
	margin: 0 auto;
	padding: 0;
}
/* Flashここまで */


/* 3カラム */
#mymainback {
	float: none;
	clear: left;
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 30px 0 0 0;
	text-align: left;
	line-height: 1.5;
}


/* 両サイドのカラム */
#sidebar1 {
	float: left;
	width: 240px;
	margin: 0 -240px 0 0;
	padding: 0;
	position: relative;
	z-index: 3;
}
#sidebar2 {
	float: left;
	width: 240px;
	margin: 0 -240px 0 0;
	padding: 0;
	position: relative;
	z-index: 3;
}


/* 両サイドの画像用 */
.menu_list_e2 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.menu_list_e2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu_list_e2 li {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

.sidebar2_wrap .menu_list_e2 ul {
	margin: 0 15px;
}


/* 左メニュー */
.sidebar1_box1 {
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0;
}
.sidebar1_box2 {
	margin: 0;
	padding: 0;
}
.sidebar1_box2 h2 {
	width: 240px;
	height: 31px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
.sidebar1_box3 {
	margin: 0;
	padding: 6px 6px 6px 10px;
	background: #EDF7FE;
	border: 1px solid #CCCCCC;
}
.sidebar1_box3 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sidebar1_box3 li {
	margin: 0.2em 0 0.2em 0;
	padding: 0 0 0 18px;
	background: url("../../img/icon_migi1.png") no-repeat 0 0.4em;
}

.search .sidebar1_box3 {
	padding: 9px 9px 4px 9px;
	background: #FFFFCC;
	border: 1px solid #FFCC34;
}
.search .sidebar1_box3 li {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
}
.search .sidebar1_box3 a {
	display: block;
	padding: 4px 4px 4px 10px;
	background: url("../../img/search_li_back.jpg") repeat-x left bottom #FFFFFF;
	border: 1px solid #FFCC33;
}
.search a:link {
	text-decoration: none;
	color: #333333;
}
.search a:visited {
	text-decoration: none;
	color: #551A8B;
}
.search a:hover {
	text-decoration: none;
	color: #FF4500;
}
.search a:active {
	text-decoration: none;
	color: #CC0000;
}

h2.tit_search   { background-image: url("../../img/tit_search.gif"); }
h2.tit_life     { background-image: url("../../img/tit_life.gif"); }
h2.tit_feedback { background-image: url("../../img/tit_feedback.gif"); }
h2.tit_pickup   { background-image: url("../../img/tit_pickup.gif"); }


/* 本文関連ここから */
#main {
	float: left;
	width: 100%;
	margin: 0 -240px 0 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
#main_a {
	margin: 0 240px;
	padding: 0 30px;
}


/* 本文の各ブロック */
.main_box {
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}
.main_box_important {
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	background: url("../../img/main_box_important_back.gif");
}


/* 一覧を見るのアイコン */
.tit_list {
/*	clear: both;*/
/*	width: 100%;*/
	margin: 8px 0 0 0;
	padding: 0;
	text-align: right;
}
.lettering_a .tit_list {
	margin: 0 0 4px 0;
}
.icon_rss {
	margin: 0 0 0 1em;
	padding: 0 0 0 18px;
	background: url("../../img/icon_rss.png") no-repeat left center;
}
.icon_list {
	margin: 0 0 0 1em;
	padding: 0 0 0 18px;
	background: url("../../img/icon_list.gif") no-repeat left center;
}


/* 年月日付リストここから */
.list_top,
.list_top_topics {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
}
.list_top ul,
.list_top_topics ul {
	margin: 0;
	padding: 8px 12px 0 16px;
	list-style-type: none;
}
.list_top li,
.list_top_topics li {
	clear: both;
	margin: 0.3em 0;
	padding: 0 0 0 18px;
	background: url("../../img/icon_migi2.gif") no-repeat 0 0.5em;
}
p.no_data {
	clear: both;
	margin: 0;
	padding: 8px 12px 0 16px;
}


/* 重要なお知らせ */
#main .h2_a {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url("../../img/main_box_back.jpg") repeat-x;
	border-bottom: 2px solid #D90501;
}
#tit_important {
	float: left;
	margin: 0;
	padding: 0;
}
#tit_important h2 {
	width: 172px;
	height: 32px;
	background: url("../../img/tit_important.jpg") no-repeat;
}
.list_top_impo {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
}
.list_top_impo ul {
	margin: 0;
	padding: 8px 12px 0 16px;
	list-style-type: none;
}
.list_top_impo li {
	clear: both;
	margin: 0.3em 0;
	padding: 0 0 0 20px;
	background: url("../../img/icon_impo.png") no-repeat 0 0.4em;
}
.list_top_impo ul li a:link,
.list_top_impo ul li a:visited,
.list_top_impo ul li a:hover,
.list_top_impo ul li a:active {
	color: #990000;
	text-decoration: underline;
}


/* トピックス */
#main .h2_b {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url("../../img/main_box_back.jpg") repeat-x;
	border-bottom: 2px solid #93DBDB;
}
#tit_topics {
	float: left;
	margin: 0;
	padding: 0;
}
#tit_topics h2 {
	width: 172px;
	height: 32px;
	background: url("../../img/tit_topics.jpg") no-repeat;
}
#lettering {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 10px;
}
.lettering2 {
	float: left;
	width: 200px;
	margin: 2.5em -205px 0 0;
	padding: 0 0 0 5px;
	position: relative;
	z-index: 3;
}
.captionbox {
	float: left;
	margin:30px 10px 10px 0;

}
.lettering3 {
	float: left;
	width: 100%;
	margin: 0.5em -205px 0 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
.lettering_a {
	margin-left: 205px;
}
.lettering_a h3 {
	margin: 0;
	padding: 0 0 0.5em 0;
}

.lettering_a-no-image {
	clear: both;
	width: 100%;
}


/* タブ切り替え */
ul#tabs {
	clear: both;
	width: 100%;
	margin: 0 0 -1px 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
ul#tabs li {
	float: left;
	width: 170px;
	height: 33px;
	margin: 0;
	padding: 0;
}
ul#tabs span {
	display: block;
	width: 170px;
	height: 33px;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
ul#tabs .open span {
	cursor: auto;
}
ul#tabs span.tab1 {
	background-image: url("/img/tab_news.gif");
}
ul#tabs span.tab2 {
	background-image: url("/img/tab_event.gif");
}
ul#tabs span.tab3 {
	background-image: url("/img/tab_ranking.gif");
}
ul#tabs .open span.tab1,
ul#tabs .open span.tab2,
ul#tabs .open span.tab3 {
	background-position: 0 -33px;
}
#tabbox1, #tabbox2, #tabbox3 {
	padding-right: 12px;
	border: 1px solid #CCCCCC;
}


/* イベントカレンダー */
.calendar {
	width: 100%;
	overflow: hidden;
}
.calendar_left {
	float: left;
	width: 50%;
	padding: 0 0 0 4%;
}
.calendar_right {
	float: left;
	width: 46%;
}


/* アクセスランキング */
.ranking li {
	padding: 0 0 0 22px;
}
.ranking li.rank1 {
	background: url("../../img/icon_rank1.gif") no-repeat left center;
}
.ranking li.rank2 {
	background: url("../../img/icon_rank2.gif") no-repeat left center;
}
.ranking li.rank3 {
	background: url("../../img/icon_rank3.gif") no-repeat left center;
}
.ranking li.rank4 {
	background: url("../../img/icon_rank4.gif") no-repeat left center;
}
.ranking li.rank5 {
	background: url("../../img/icon_rank5.gif") no-repeat left center;
}
.ranking li.rank6 {
	background: url("../../img/icon_rank6.gif") no-repeat left center;
}
.ranking li.rank7 {
	background: url("../../img/icon_rank7.gif") no-repeat left center;
}
.ranking li.rank8 {
	background: url("../../img/icon_rank8.gif") no-repeat left center;
}
.ranking li.rank9 {
	background: url("../../img/icon_rank9.gif") no-repeat left center;
}
.ranking li.rank10 {
	background: url("../../img/icon_rank10.gif") no-repeat left center;
}


/* こんなときには */
#kurashi {
	clear: both;
	width: 100%;
	background: url("../../img/main_box_back.jpg") repeat-x;
}
#kurashi h2 {
	width: 172px;
	height: 32px;
	background: url("../../img/tit_kurashi.jpg") no-repeat;
}
#kurashi ul {
	margin: 0;
	padding: 3px 0 12px 0;
	background: #F8EDBC;
	list-style-type: none;
	overflow: hidden;
}
#kurashi li {
	float: left;
	width: 125px;
	height: 60px;
	margin: 9px 0 0 29px;
	padding: 0;
	background-image: url("../../img/kurashi_menu_on.png");
	backgropund-repeat: no-repeat;
}
#kurashi a {
	display: block;
	width: 125px;
	height: 60px;
	background-image: url("../../img/kurashi_menu.png");
	backgropund-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#lifestage1, #lifestage1 a {
	background-position: 0 0;
}
#lifestage2, #lifestage2 a {
	background-position: -125px 0;
}
#lifestage3, #lifestage3 a {
	background-position: -250px 0;
}
#lifestage4, #lifestage4 a {
	background-position: -375px 0;
}
#lifestage5, #lifestage5 a {
	background-position: -500px 0;
}
#lifestage6, #lifestage6 a {
	background-position: -625px 0;
}
#lifestage7, #lifestage7 a {
	background-position: -750px 0;
}
#lifestage8, #lifestage8 a {
	background-position: -875px 0;
}
#kurashi a:hover {
	background-image: none !important;
}


/* 右メニュー */
.sidebar2_wrap {
	margin: 0 0 10px 0;
	padding: 12px 9px 2px 9px;
	background: url("../../img/sidebar2_wrap_back.jpg") no-repeat center bottom;
	border-color: #005AAA #CCCCCC;
	border-style: solid;
	border-width: 2px 1px;
}
.sidebar2_wrap p {
	margin: 0 0 0.2em 0;
	padding: 0 0 0 18px;
	background: url("../../img/icon_list.gif") no-repeat left center;
}

.sidebar2_box1 {
	width: 220px;
	margin: 0;
	padding: 0;
}
.sidebar2_box2 {
	margin: 0;
	padding: 0;
}
.sidebar2_box2 h2 {
	width: 220px;
	height: 31px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
.sidebar2_box3 {
	margin: 0;
	padding: 4px 0 6px 4px;
}
.sidebar2_box3 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sidebar2_box3 li {
	margin: 0.2em 0 0.2em 0;
	padding: 0 0 0 18px;
	background: url("../../img/icon_migi1.png") no-repeat 0 0.4em;
}

h2.tit_plan       { background-image: url("../../img/tit_plan.gif"); }
h2.tit_shiyakusho { background-image: url("../../img/tit_shiyakusho.gif"); }
h2.tit_about      { background-image: url("../../img/tit_about.gif"); }


/* 人口と世帯数 */
.population {
	margin: 10px 0 0 0;
	background: url("../../img/population_back.gif") no-repeat center bottom;
}
.population .sidebar1_box3 {
	background: transparent;
	border: none;
}
.population table {
	border-collapse: collapse;
	border-width: 0;
	margin: 0 auto 4px;
}
.population th {
	border-collapse: collapse;
	border-width: 0;
	padding: 0.1em;
	text-align: right;
	font-weight: normal;
	vertical-align: top;
}
.population td {
	border-collapse: collapse;
	border-width: 0;
	padding: 0.1em;
	text-align: left;
	word-wrap: break-word;
}
.population p {
	text-align: right;
}
.population p a {
	padding-left: 18px;
	background: url("../../img/icon_migi1.png") no-repeat left center;
}
.population p.small {
	text-align: left;
	font-size: 85%;
}
h2.tit_population { background-image: url("../../img/tit_population.gif"); }


/* フッターここから */
#footer {
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	margin: 14px 0 0 0;
	padding: 0;
	background: #CEE8F2;
	color: #333333;
	line-height: 1.6;
}
#author_info {
	clear: both;
	width: 100%;
}

.footer_navi {
	margin: 0;
	padding: 0;
	background: url("../../img/footer_navi_back.jpg") repeat-x #025598;
}
.footer_navi ul {
	width: 1200px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	list-style-type: none;
}
.footer_navi li {
	display: inline;
	margin: 0 6px 0 10px;
	padding: 0 0 0 16px;
	background: url("../../img/icon_migi3.png") no-repeat left center;
}
.footer_navi a:link,
.footer_navi a:visited,
.footer_navi a:active {
	color:#FFFFFF;
}
.footer_navi a:hover {
	color:#FFFFFF;
	text-decoration: none;
}

#author_box {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	background: url("../../img/author_box_back.png") no-repeat right top;
	text-align: left;
	position: relative;
}
#author_box a.author_img {
	display: block;
	width: 84px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	right: 144px;
	top: 78px;
}
#author_box p {
	margin: 0 340px 0 0;
	padding: 20px 0 10px 75px;
	background: url("../../img/author_box_mark.png") no-repeat 10px 22px;
}

#author_box p#copyright {
	font-size: 80%;
	margin: 0 340px 0 0;
	padding: 0 0 20px 75px;
	background: none;
}
#author_box a:link {
	color: #333333;
}
#author_box a:visited {
	color: #551A8B;
}
#author_box a:hover {
	color: #FF4500;
}
#author_box a:active {
	color: #CC0000;
}
/* フッターここまで */