@charset "UTF-8";

/* =========================================================================
 content.css （下層ページ　コンテンツ内要素の設定）

　目　次

　1.パンくずリスト
　2.ページの先頭へ
　3.お知らせ、関連リンク、お問い合わせ先、ダウンロード
　4.くらしの情報
　5.庁舎・公共施設案内
　6.観光情報、教育・文化・スポーツ
========================================================================= */

/* -------------------------------------------------------------------------
 1.パンくずリスト
------------------------------------------------------------------------- */
p#crumb {
	margin: 0 15px 15px;
	line-height: 1.2;
}

/* -------------------------------------------------------------------------
 2.ページの先頭へ
------------------------------------------------------------------------- */
p.btt {
	clear: both;
	margin: 0;
	padding: 20px 25px;
	text-align: right;
}
#content p.btt img {
	margin: 0;
}

/* -------------------------------------------------------------------------
 3.お知らせ、関連リンク、お問い合わせ先、ダウンロード
------------------------------------------------------------------------- */

/* 共通
---------------------------------------------------------------------- */
.oshirasearea,
.linkarea,
.contactarea,
.downloadarea {
	clear: both;
	margin: 0 10px 20px;
}
.oshirasearea h2,
.linkarea h2,
.contactarea h2,
.downloadarea h2 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 1px solid #AAA;
}
#content .oshirasearea h2 img,
#content .linkarea h2 img,
#content .contactarea h2 img,
#content .downloadarea h2 img {
	margin: 0;
}
.linkarea-content,
.contactarea-content,
.downloadarea-content {
	padding: 12px 0 5px;
	border: 1px solid #CCC;
	border-top: none;
	border-radius: 0 0 10px 10px;
}

/* お知らせ
---------------------------------------------------------------------- */
.oshirasearea {
	position: relative;
}
p.oshirasearea-list {
	position: absolute;
	top: 6px;
	right: 6px;
	margin: 0;
}
#content p.oshirasearea-list img {
	margin: 0;
}
.oshirasearea dl {
	border: 1px solid #CCC;
	border-top: none;
	border-radius: 0 0 10px 10px;
	line-height: 1.3;
	overflow: hidden;
}
.oshirasearea dt {
	clear: both;
	float: left;
	padding: 8px 0 9px;
	text-align: right;
	margin: 0 -11em 0 10px;
	width: 9em;
}
#wcv_sys_edit_pageeditarea .oshirasearea dt {
	width: 14em;
	margin-right: -16em;
}
.oshirasearea dd {
	margin: 0 0 -1px;
	border-bottom: 1px dotted #C9C9C9;
	padding: 8px 12px 10px 11em;
	zoom: 1;
}
#wcv_sys_edit_pageeditarea .oshirasearea dd {
	padding-left: 16em;
}

/* 関連リンク
---------------------------------------------------------------------- */
.linkarea ul {
	margin: 0 20px 0 35px;
}

/* お問い合わせ先
---------------------------------------------------------------------- */
.contactarea p {
	margin: 0 30px 10px;
}

/* ダウンロード
---------------------------------------------------------------------- */
.downloadarea ul {
	margin: 0 20px 5px 35px;
}
.downloadarea hr {
	margin: 0 10px 15px;
}
#content .downloadarea .wcv-floatbox-left {
	margin: 0 15px 10px 20px;
}

/* -------------------------------------------------------------------------
 4.くらしの情報
------------------------------------------------------------------------- */

/* 共通
---------------------------------------------------------------------- */
#kurashi-lifeevent,
#kurashi-guide {
	margin: 0 10px 20px;
}
#kurashi-lifeevent h2,
#kurashi-guide h2 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 4px solid #00924D;
}
#kurashi-lifeevent h2 img,
#kurashi-guide h2 img {
	margin: 0;
}

/* ライフイベント
---------------------------------------------------------------------- */
#kurashi-lifeevent ul {
	margin: 0;
	padding: 13px 0 3px 16px;
	border: 1px solid #CCC;
	border-top: none;
	overflow: hidden;
}
#kurashi-lifeevent ul li {
	float: left;
	padding: 0 10px 10px 0;
	background: none;
	margin: 0;
}
#kurashi-lifeevent ul li img {
	margin: 0;
}

/* くらしのガイド
---------------------------------------------------------------------- */
#kurashi-guide table {
	width: 100%;
	margin: 0;
	border-color: #BBB;
}
#kurashi-guide th {
	padding-right: 15px;
	padding-left: 15px;
	background: #D7E8B8;
	border-color: #BBB;
	white-space: nowrap;
}
#kurashi-guide th a:link {
	color: #333;
}
#kurashi-guide th a:visited {
	color: #707070;
}
#kurashi-guide th a:focus,
#kurashi-guide th a:hover,
#kurashi-guide th a:active {
	color: #C00;
}
#kurashi-guide td {
	color: #AAA;
	padding-left: 15px;
	border-color: #BBB;
	line-height: 1.5;
}

/* -------------------------------------------------------------------------
 5.庁舎・公共施設案内
------------------------------------------------------------------------- */
.shisetsu-list {
	clear: both;
	margin: 0 10px 20px;
	overflow: hidden;
}
.shisetsu-list-group {
	width: 348px;
	border: 1px solid #BBB;
	border-radius: 7px;
}
.shisetsu-list-left {
	float: left;
}
.shisetsu-list-right {
	float: right;
}
.shisetsu-list h2 {
	margin: 0 0 18px;
	padding: 10px 5px;
	background: #BCDA8E;
	border: none;
	border-bottom: 1px solid #999;
	border-radius: 7px 7px 0 0;
	text-align: center;
}
.shisetsu-list h2 a:link {
	color: #333;
}
.shisetsu-list h2 a:visited {
	color: #4D4D4D;
}
.shisetsu-list h2 a:focus,
.shisetsu-list h2 a:hover,
.shisetsu-list h2 a:active {
	color: #930;
}
p.shisetsu-list-photo {
	margin: 0 0 12px;
	text-align: center;
}
.shisetsu-list-group ul {
	margin: 0 70px 10px;
}

/* -------------------------------------------------------------------------
 6.観光情報、教育・文化・スポーツ
------------------------------------------------------------------------- */

/* h1
---------------------------------------------------------------------- */
#top-content h1 {
	margin: 0 0 20px;
	padding: 0;
	background: none;
	border: none;
}
#top-content h1 img {
	margin: 0;
}

/* サイド
---------------------------------------------------------------------- */
#top-content #side {
	float: left;
}

/* お知らせ
---------------------------------------------------------------------- */
#top-content .oshirasearea {
	margin: 0 0 20px;
}

/* 観光案内
---------------------------------------------------------------------- */
#kankou-annai {
	clear: both;
	margin: 0 0 15px;
}
#kankou-annai h2 {
	margin: 0 0 15px;
	padding: 0;
	background: none;
	border: none;
}
.kankou-annai-list {
	clear: both;
	margin: 0 2px 18px;
	overflow: hidden;
}
.kankou-annai-list-group {
	width: 258px;
}
.kankou-annai-list-left {
	float: left;
}
.kankou-annai-list-right {
	float: right;
}
.kankou-annai-list-group h3 {
	margin: 0 0 5px;
	padding: 0;
	background: none;
	border: none;
}
#content .kankou-annai-list-group h3 img {
	margin: 0;
}
.kankou-annai-list-group h3 img:hover {
	opacity: 0.90;
	filter: alpha(opacity=90);
}
.kankou-annai-list-group p {
	margin: 0 10px;
}

/* 教育・文化・スポーツ　メイン
---------------------------------------------------------------------- */
#kyouiku-main {
	clear: both;
	margin: 0 0 15px;
}
#kyouiku-main h2 {
	margin: 0 0 15px;
	padding: 0;
	background: none;
	border: none;
}
#kyouiku-main h2 img {
	margin: 0;
}
.kyouiku-main-list {
	clear: both;
	margin: 0 5px 15px;
	overflow: hidden;
}
.kyouiku-main-list-group {
	width: 255px;
	border: 1px solid #BBB;
	border-radius: 7px;
}
.kyouiku-main-list-left {
	float: left;
}
.kyouiku-main-list-right {
	float: right;
}
.kyouiku-main-list-group h3 {
	margin: 0 0 15px;
	padding: 8px 5px;
	background: #BCDA8E;
	border: none;
	border-bottom: 1px solid #999;
	border-radius: 7px 7px 0 0;
	text-align: center;
}
.kyouiku-main-list-group h3 a:link {
	color: #333;
}
.kyouiku-main-list-group h3 a:visited {
	color: #4D4D4D;
}
.kyouiku-main-list-group h3 a:focus,
.kyouiku-main-list-group h3 a:hover,
.kyouiku-main-list-group h3 a:active {
	color: #930;
}
.kyouiku-main-list-group ul {
	margin: 0 10px 15px 30px;
}
.kyouiku-main-list-group ul li {
	padding: 0 0 5px 13px;
}

/* サイド　観光情報Twitter
---------------------------------------------------------------------- */
#side-kankoutwitter {
	float: left;
	width: 200px;
	margin: 0 0 15px;
}

/* サイド　観光情報Twitterバナー
---------------------------------------------------------------------- */
#side-kankoutwitter-banner {
	display: none;
}

#wcv_sys_edit_pageeditarea #side-kankoutwitter-banner {
	display: block;
	margin: 0;
}

/* サイド　イベント情報
---------------------------------------------------------------------- */
#side-event {
	float: right;
	margin: 0 0 15px;
	width: 200px;
}
#side-event .side-group-inner {
	padding: 10px 0 5px;
	background: #F7F7F7;
	border: 1px solid #D2D2D2;
	border-top-color: #BBB;
	overflow: hidden;
}
#side-event h2 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
#side-event p {
	margin: 0 10px 10px;
	line-height: 1.2;
}
#side-event-body {
	padding: 0 0 10px;
	text-align: center;
}
p#side-event-link {
	margin: 0 5px 10px;
	text-align: center;
}

/* サイド　バナーエリア
---------------------------------------------------------------------- */
.side-banner {
	padding: 0 0 8px;
}
.side-banner p {
	margin: 0 0 7px;
}
