@charset "UTF-8";

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

　目　次

　1.コンテナ
　2.パンくずリスト
　3.ページの先頭へ
　4.お知らせ、関連リンク、お問い合わせ先、ダウンロード
　5.くらしの情報
　6.施設案内
========================================================================= */

/* -------------------------------------------------------------------------
 1.コンテナ
------------------------------------------------------------------------- */
#container {
	after: url(/images/base/content_bg.gif);
}
#container:after {
	content: url(../images/base/content_bg.gif);
}
#container:after {
	clear: both;
	display: block;
	height: 0;
	position: relative;
	top: -8px
}
#container .after {
	clear: both;
	display: block;
}

/* -------------------------------------------------------------------------
 2.パンくずリスト
------------------------------------------------------------------------- */
p#crumb {
	margin: 0 25px 20px;
	text-align: right;
	line-height: 1.2;
}

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

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

/* 共通
---------------------------------------------------------------------- */
.oshirasearea,
.linkarea,
.contactarea,
.downloadarea {
	clear: both;
	margin: 0 10px 20px;
	border-width: 2px;
	border-style: solid;
}
.oshirasearea h2,
.linkarea h2,
.contactarea h2,
.downloadarea h2 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 1px solid #BBB;

}
.linkarea-content,
.contactarea-content,
.downloadarea-content {
	padding: 12px 0 5px;
}

/* お知らせ
---------------------------------------------------------------------- */
.oshirasearea {
	position: relative;
	border-color: #B0D5F2;
}
#content .oshirasearea h2 img {
	margin: 0;
}
p.oshirasearea-list {
	position: absolute;
	top: 4px;
	right: 6px;
	margin: 0;
}
#content p.oshirasearea-list img {
	margin: 0;
}
.oshirasearea dl {
	line-height: 1.3;
	overflow: hidden;
}
.oshirasearea dt {
	width: 8.1em;
	clear: both;
	float: left;
	margin: 0 12px 0 10px;
	padding: 7px 0 8px;
	text-align: right;
}
.oshirasearea dd {
	margin: 0 0 -1px;
	padding: 7px 5px 9px 10px;
	border-bottom: 1px dotted #AAA;
}
.oshirasearea dd img{
	margin: 0 0 0 8px;
	vertical-align: middle;
}

/* 関連リンク
---------------------------------------------------------------------- */
.linkarea {
	border-color: #949494;
}
#content .linkarea h2 img {
	margin: 0;
}
.linkarea ul {
	margin: 0 20px 0 35px;
}

/* お問い合わせ先
---------------------------------------------------------------------- */
.contactarea {
	border-color: #33ADD6;
}
#content .contactarea h2 img {
	margin: 0;
}
.contactarea p {
	margin: 0 30px 10px;
}

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

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

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

/* ライフイベント
---------------------------------------------------------------------- */
#kurashi-lifeevent ul {
	margin: 0;
	padding: 15px 0 4px 15px;
	background: #FFF;
	overflow: hidden;
}
#kurashi-lifeevent li {
	float: left;
	padding: 0 11px 11px 0;
	background: none;
}
#kurashi-lifeevent li img {
	margin: 0;
}

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

/* -------------------------------------------------------------------------
 6.施設案内
------------------------------------------------------------------------- */
.shisetsu-list {
	clear: both;
	margin: 0 10px 20px;
	overflow: hidden;
	zoom: 1;
}
.shisetsu-list-group {
	width: 348px;
	padding: 0 0 10px;
	border: 1px solid #BBB;
	border-radius: 7px;
}
.shisetsu-list-left {
	float: left;
}
.shisetsu-list-right {
	float: right;
}
.shisetsu-list-wide {
	clear: both;
	margin: 0 10px 20px;
	padding: 0 0 10px;
	border: 1px solid #BBB;
	overflow: hidden;
	border-radius: 7px;
}
.shisetsu-list h2,
.shisetsu-list-wide h2 {
	margin: 0 auto 20px;
	padding: 0;
	background-color: #D8EEF8;
	border: none;
	border-bottom: 1px solid #BBB;
	text-align: center;
	border-radius: 7px 7px 0 0;
}
.shisetsu-list h2 a,
.shisetsu-list-wide h2 a {
	display: inline-block;
	padding: 13px 10px 12px 37px;
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#shisetsu-list-yakuba h2 a {
	background-image: url(../images/base/shisetsu-list-yakuba_h2_bg.gif);
}
#shisetsu-list-hoken h2 a {
	background-image: url(../images/base/shisetsu-list-hoken_h2_bg.gif);
}
#shisetsu-list-community h2 a {
	padding-left: 48px;
	background-image: url(../images/base/shisetsu-list-community_h2_bg.gif);
}
#shisetsu-list-sport h2 a {
	background-image: url(../images/base/shisetsu-list-sport_h2_bg.gif);
}
#shisetsu-list-onsen h2 a {
	background-image: url(../images/base/shisetsu-list-onsen_h2_bg.gif);
}
.shisetsu-list h2 a:link,
.shisetsu-list-wide h2 a:link {
	color: #06C;
}
.shisetsu-list h2 a:visited,
.shisetsu-list-wide h2 a:visited {
	color: #787878;
}
.shisetsu-list h2 a:hover,
.shisetsu-list h2 a:active,
.shisetsu-list h2 a:focus,
.shisetsu-list-wide h2 a:hover,
.shisetsu-list-wide h2 a:active,
.shisetsu-list-wide h2 a:focus {
	color: #B35500;
}
p.shisetsu-list-photo {
	margin: 0 0 10px;
	text-align: center;
}
#content p.shisetsu-list-photo img {
	margin: 0;
}
.shisetsu-list-wide p.shisetsu-list-photo {
	width: 259px;
	float: left;
}
#wcv_sys_edit_pageeditarea .shisetsu-list-wide p.shisetsu-list-photo {
	width: auto;
}
#wcv_sys_edit_pageeditarea .shisetsu-list-wide p.shisetsu-list-photo + form {
	float: left;
	width: 259px;
}
.shisetsu-list ul {
	margin: 0 90px;
}
#shisetsu-list-sport ul,
#shisetsu-list-onsen  ul {
	margin: 0 60px;
}
#content .shisetsu-list li {
	padding: 0 10px 7px 13px;
	margin-bottom: 0;
}
.shisetsu-list-wide ul {
	width: 229px;
	float: left;
	margin: 0;
	padding: 10px 0 0;
}
.shisetsu-list-wide li {
	padding: 0 10px 8px 13px;
}