@charset "UTF-8";

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

　目　次

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

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

/* -------------------------------------------------------------------------
 2.ページの先頭へ
------------------------------------------------------------------------- */
p.btt {
	clear: both;
	margin: 0;
	padding: 20px 10px;
	text-align: right;
}
p.btt a {
	color: #333;
	padding: 10px 15px 10px 42px;
	background: url(../images/base/btt_bg.png) no-repeat 10px 7px;
	border: 1px solid #D2D2D2;
	text-decoration: none;
	border-radius: 20px;
}
p.btt a:hover,
p.btt a:active,
p.btt a:focus {
	background-color: #F19315;
}

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

/* 共通
---------------------------------------------------------------------- */
.oshirasearea,
.linkarea,
.contactarea,
.downloadarea {
	clear: both;
	margin: 0 10px 20px;
}
.contactarea {
	margin: 0 0 20px;
}
.oshirasearea h2,
.linkarea h2,
.contactarea h2,
.downloadarea h2 {
	color: #000;
	margin: 0;
	padding: 5px 0;
	border-bottom-width: 4px;
	text-align: center;
	border-radius: 13px 13px 0 0;
	text-shadow: none;
}
.oshirasearea h2 {
	background: #FFDEBD;
	border-bottom-color: #FF9326;
}
.linkarea h2 {
	background: #CBEFFB;
	border-bottom-color: #2A78CA;
}
.contactarea h2 {
	background: #E7E7E7;
	border-bottom-color: #999;
}
.downloadarea h2 {
	background: #FAD6D6;
	border-bottom-color: #E80C0C;
}
.oshirasearea h2:before,
.linkarea h2:before,
.contactarea h2:before,
.downloadarea h2:before {
	margin: 0 12px 0 0;
	vertical-align: -7px;
}
.oshirasearea h2:before {
	content: url(../images/base/oshirasearea_h2.png);
}
.linkarea h2:before {
	content: url(../images/base/linkarea_h2.png);
}
.contactarea h2:before {
	content: url(../images/base/contactarea_h2.png);
}
.downloadarea h2:before {
	content: url(../images/base/downloadarea_h2.png);
}
.linkarea-content,
.contactarea-content,
.downloadarea-content {
	padding: 20px 0 10px;
	border: 1px solid #D2D2D2;
	border-top: none;
	border-radius: 0 0 10px 10px;
}

/* お知らせ
---------------------------------------------------------------------- */
.oshirasearea {
	position: relative;
}
p.oshirasearea-list {
	position: absolute;
	top: 13px;
	right: 15px;
	margin: 0;
}
p.oshirasearea-list a {
	color: #333;
	padding: 5px 12px 5px 32px;
	background: #FFF url(../images/base/oshirasearea-list_bg.png) no-repeat 10px 5px;
	border: 1px solid #BBB;
	text-decoration: none;
	border-radius: 8px;
}
p.oshirasearea-list a:hover,
p.oshirasearea-list a:active,
p.oshirasearea-list a:focus {
	background-color: #F8F8F8;
}
.oshirasearea dl {
	border: 1px solid #D2D2D2;
	border-top: none;
	border-radius: 0 0 10px 10px;
	line-height: 1.3;
	overflow: hidden;
}
.oshirasearea dt {
	width: 5em;
	clear: both;
	float: left;
	margin: 0 15px 0 10px;
	padding: 8px 0 9px;
	text-align: right;
}
.oshirasearea dd {
	margin: 0 0 -1px;
	padding: 8px 12px 10px 15px;
	border-bottom: 1px dotted #999;
}

/* 関連リンク
---------------------------------------------------------------------- */
.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 {
	color: #000;
	margin: 0;
	padding: 12px 0;
	background: #B1E6FA;
	border-bottom: 4px solid #2A78CA;
	text-align: center;
	border-radius: 13px 13px 0 0;
	text-shadow: none;
}

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

/* くらしのガイド
---------------------------------------------------------------------- */
#kurashi-guide table {
	width: 100%;
	margin: 0;
	border-color: #D2D2D2;
}
#kurashi-guide th {
	padding-right: 15px;
	padding-left: 15px;
	background: #F1FBFE;
	border-color: #D2D2D2;
	border-right: 2px solid #659FD9;
	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: #F00;
}
#kurashi-guide td {
	color: #AAA;
	padding-left: 15px;
	border-color: #D2D2D2;
	line-height: 1.5;
}

/* -------------------------------------------------------------------------
 X.お知らせ・更新情報
------------------------------------------------------------------------- */
#news-update-top {
    margin: 30px 15px;
}
#news-update-top dl {
    line-height: 1.3;
}
#news-update-top dt {
    clear: both;
    float: left;
    margin: 10px 20px 5px 0;
    text-align: right;
    width: 9em;
}
#news-update-top dd {
    border-bottom: 1px dotted #999;
    margin: 0 0 -1px;
    padding: 10px 13px 11px;
}
#news-update-top dd img {
    margin: 0 0 0 6px;
    vertical-align: middle;
}

/* -------------------------------------------------------------------------
 X.広報なんぶ
------------------------------------------------------------------------- */	
/* カテゴリトップ */
#content .public-right {
	border: 1px solid #ccc;
	display: inline;
	float: right;
	margin-right: 15px;
}
#wcv_sys_edit_pageeditarea #content .public-right {
	border: none;
}
#content .public-left {
	margin-right: 270px;
	text-align: left;
}
#content ul#public-list,
#content ul.public-list {
	margin: 40px 45px 20px;
}
#content ul#public-list li,
#content ul.public-list li {
	border-bottom: 1px dotted #999;
	margin-bottom: 7px;
	padding-bottom: 7px;
}
#content ul#public-list li img,
#content ul.public-list li img {
	margin-left: 5px;
	margin-right: 5px;
}

/* 年別カテゴリトップ */
#content ul#public-year {
	margin: 0 0 15px 30px;
}
#content ul#public-year li {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	background-image: none;
	margin: 0 15px 15px 0;
	padding: 0;
	text-align: center;
	width: 215px;
	display: inline-block;
}
#content ul#public-year li img.wcvimg-floatleft {
	border: 1px solid #ccc;
	float: none;
	height: auto;
	margin: 0 0 10px;
	width: 200px;
}

/* テンプレート */
#content #public {
	margin: 30px 15px 0;
}
#content #public .wcvimg-floatleft {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 20px;
}
#content #public-area {
	margin: 10px 0 0;
}
#content #public-area p {
	margin: 0;
	display: none;
}
#wcv_sys_edit_pageeditarea #content #public #public-area p {
	display: block;
}
#content #public table {
	border-color: #ccc;
	clear: none;
	margin: 0 0 20px;
	min-width: 200px;
}
#content #public #adobe {
	background-color: #fff8ee;
	border: 1px solid #ff6600;
	margin-left: 260px;
	padding: 5px;
}
#content #public #adobe p.adobe-img {
	float: left;
	margin: 0;
	padding: 0;
}
#content #public #adobe p.adobe-txt {
	margin: 0 0 0 165px;
	padding: 0;
}
#container div#comment {
	display: none;
}

/* -------------------------------------------------------------------------
 X.議会だより
------------------------------------------------------------------------- */
#container #content table.gikai-table {
	margin: 0 auto 30px;
}
#container #content table.gikai-table img {
	border: 1px solid #CCC;
}
#container #content table.gikai-table td.public-page img {
	border: none;
}

/* -------------------------------------------------------------------------
 X.イベント情報
------------------------------------------------------------------------- */
/* イベント情報トップページ */
#container #content #event-top dl {
    border-bottom: 1px dotted #ccc;
    margin: 0 0 10px;
    padding: 0 15px 10px;
}
#container #content #event-top dt {
    border: medium none;
    float: right;
    margin: 10px 0 15px;
    padding: 0;
    width: 470px;
}
#container #content #event-top dd.photo {
    float: left;
    padding-bottom: 5px;
}
#container #content #event-top dd.photo img {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd #bbb #888 #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    float: none;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 5px;
    width: 200px;
}
#container #content #event-top dd.text {
    margin-left: 240px;
}

/* イベント情報 年別トップページ */
#event-year-top {
    margin: 30px 15px;
}
#event-year-top dl {
    line-height: 1.3;
}
#event-year-top dt {
    clear: both;
    float: left;
    margin: 10px 20px 5px 0;
    text-align: right;
    width: 6em;
}
#event-year-top dd {
    border-bottom: 1px dotted #999;
    margin: 0 0 -1px;
    padding: 10px 13px 11px;
}
#event-year-top dd img {
    margin: 0 0 0 6px;
    vertical-align: middle;
}

/* 南部町空き家バンク制度について ページ専用スタイル */
#HPBMAP_20140508021255 {
    border: 1px solid #ccc;
    height: 300px;
    margin: 0 auto 20px;
    width: 400px;
}