@charset "UTF-8";

/* ------------------------------------------------------
 ブロック定義ファイル用 block.css

　目次
	 1.位置
	 2.テーブル※基本のスタイルは base.css で設定
	 3.画像
	 4.フォントカラー・スタイル
	 5.目次用リスト
	 6.左右２つ並び用ボックス
	 7.お知らせアイコン
	 8.まちの話題
	 9.まちの話題年別カテゴリトップ
	10.新着情報・各課のお知らせ
	11.広報・議会だより
	12.サイト内検索結果
	13.サイトマップ
	14.フォームページ
	15.アンケートフォーム
------------------------------------------------------ */
/* -------- 1.位置 -------- */
/*左寄せ*/
#content .wcvleft {
	text-align: left;
}
/*右寄せ*/
#content .wcvright {
	text-align: right;
}
/*中央揃え*/
#content .wcvcenter {
	text-align: center;
}
/*右寄せ・テーブル用*/
#content div.wcvright table {
	margin: 0 30px 30px auto;
}
/*中央揃え・テーブル用*/
#content div.wcvcenter table {
	margin: 0 auto 20px;
}
/*中央揃え・サイドメニューなし用*/
#container-noside div.wcvcenter .downloadarea,
#container-noside div.wcvcenter .linkarea,
#container-noside div.wcvcenter .contactarea {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* -------- 2.テーブル -------- */
#content table.table_green {
	border: 2px solid #269426;
}
#content table.table_green th {
	color: #FFFFFF;
	border: 1px solid #003300;
	background-color: #269426;
}
#content table.table_green td {
	border: solid 1px #269426;
}

#content table.table_wood {
	border: 2px solid #7F5048;
}
#content table.table_wood th {
	color: #FFFFFF;
	border: 1px solid #330000;
	background-color: #7F5048;
}
#content table.table_wood td {
	border: solid 1px #7F5048;
}

#content table.table_brick {
	border: 2px solid #B83030;
}
#content table.table_brick th {
	color: #FFFFFF;
	border: 1px solid #800000;
	background-color: #B83030;
}
#content table.table_brick td {
	border: solid 1px #B83030;
}

#content table.table_navy {
	border: 2px solid #2B537E;
}
#content table.table_navy th {
	color: #FFFFFF;
	border: 1px solid #000080;
	background-color: #2B537E;
}
#content table.table_navy td {
	border: solid 1px #2B537E;
}

#content table.table_orange {
	border: 2px solid #F25700;
}
#content table.table_orange th {
	color: #FFFFFF;
	border: 1px solid #FF3300;
	background-color: #F25700;
}
#content table.table_orange td {
	border: solid 1px #FF3300;
}

#content table.table_none {
	border-width: 0;
}
#content table.table_none th {
	border-width: 0;
}
#content table.table_none td {
	border-width: 0;
}

#content table.table1 {
	border: 1px solid #666;
}
#content table.table1 th {
	border: 1px solid #999;
	background-color: #CCC;
}
#content table.table1 td {
	border: 1px solid #999;
}

#content table.table2 {
	border: 1px solid #000;
}
#content table.table2 th {
	color: #FFF;
	border: 1px solid #000;
	background-color: #000;
}
#content table.table2 td {
	border: 1px solid #000;
}

#content table.table3 {
	border-width: 0;
	border-collapse: separate;
	border-spacing: 5px;
}
#content table.table3 th {
	border-width: 0;
	background-color: #CCC;
}
#content table.table3 td {
	border-width: 0;
}

/* -------- 3.画像 -------- */
#content img {
	margin-right: 5px;
	margin-left: 5px;
}
#container #content p img {
	vertical-align: middle;
	margin: 0 5px;
}
#container #content ul li img {
	vertical-align: middle;
	margin: 0 5px;
}
/*
#content ul li img {
	vertical-align: top;
}
*/
#content ol li img {
	vertical-align: middle;
}
/*画像と回り込み文字用ボックス*/
#content .wcv-floatbox-left,
#content .wcv-floatbox-right {
	margin: 0 0 15px;
}
#content .wcv-floatbox-left p,
#content .wcv-floatbox-right p {
	margin-bottom: 10px;
}
/*左寄せ画像と回り込み文字で使用*/
#container #content .wcvimg-floatleft {
	float: left;
	margin-right: 15px;
	margin-left: 25px;
}

#content div.wcv-floatbox-left ul li{
	background: none;
	list-style: url("../images/base/li_bg.png") disc inside!important;
}

/*右寄せ画像と回り込み文字で使用*/
#container #content .wcvimg-floatright {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}
/*キャプション付き画像用ボックス*/
#content div.wcv-imgbox {
	text-align: center;
	margin: 0 20px 20px;
}
#container #content div.wcv-imgbox img {
	margin-right: 0;
	margin-left: 0;
}
/*画像レイアウト用*/
#content div.wcv-imgwrap{
	margin: 20px 5px 10px;
}
#content div.wd-s{
	width: 36.3%!important;
	margin: 0!important;
}
#content div.wd-l{
	width: 63%!important;
}
/*画像の下に表示させる文字*/
#content p.wcv-imgcap {
	margin: 5px 0 0;
	font-size: 90%;
}
/*２つ並び：左*/
#content div.wcv-inner2-l {
	width: 49.3%;
	*width: 48.3%;
	float: left;
	margin-right: 1.4%;
}
/*２つ並び：右*/
#content div.wcv-inner2-r {
	width: 49.3%;
	*width: 48.3%;
	float: right;
}
/*３つ並び：左・中*/
#content div.wcv-inner3 {
	width: 32.4%;
	float: left;
	margin-right: 1.2%;
}
/*３つ並び：右*/
#content div.wcv-inner3-r {
	width: 32.4%;
	float: left;
}
/*４つ並び：左・中*/
#content div.wcv-inner4 {
	width: 23.9%;
	float: left;
	margin-right: 1.4%;
}
/*４つ並び：右*/
#content div.wcv-inner4-r {
	width: 23.9%;
	float: left;
}
/*回り込み解除・フロートクリア*/
#content .clearfix { /zoom : 1; }/*IE6・7のみ適用*/
#content .clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}
#content .clearfix {
	clear: both;
}

/* -------- 4.フォントカラー・スタイル -------- */

.text_black {
	color: #000;
}
.text_red {
	color: #c00;
}
.text_blue {
	color: #00c;
}
.text_green {
	color: #060;
}
.text_orange {
	color: #F75211;
}

/* -------- 5.目次用リスト -------- */
#content ul.indexlist {
	font-size: 125%;
	margin: 20px;
}
#content ul.indexlist li {
	margin: 0 0 10px;
	padding: 0 10px 10px 25px;
	background: url(../images/base/content_indexlist_bg.gif) no-repeat 0 3px;
	border-bottom: 1px dashed #A9DEC3;
}

/* -------- 6.左右２つ並び用ボックス -------- */
#content div.wcv-box {
	margin-bottom: 15px;
}

/* -------- 7.NEWSアイコン(新着情報アイコン) -------- */
#newsicon {
	margin-left: 15px;
	display: none;
}
#wcv_sys_edit_pageeditarea #newsicon {
	display: block;
}
#wcv_sys_edit_pageeditarea #newsicon.hide {
	display: none;
}

/* -------- 8.まちの話題カテゴリトップ -------- */
#wadai {
	width: 100%;
	margin: 0 0 15px;
}
#wadai dl {
	border-bottom: 1px dotted #CCC;
	margin: 0 30px 10px;
	padding: 0 0 10px;
}
#wadai dt {
	margin-bottom: 10px;
	width: 530px;
	float: right;
}
#wadai dt img {
	vertical-align: baseline;
}
#wadai dd.photo {
	float: left;
	width: 141px;
	padding-bottom: 5px;
}

#wadai dd.photo img {
	width: 125px;
	height: auto;
	float: none;
	margin-right: 0;
	margin-left: 0;
	border: 1px solid #DDD;
	border-right-color: #BBB;
	border-bottom-color: #888;
	padding: 5px;
}
#wadai dd.text {
	margin-left: 160px;
}

/* -------- 9.まちの話題年別カテゴリトップ -------- */
#wadai-year {
	width: 100%;
	margin: 0 0 15px;
}
#wadai-year dl {
	padding: 0 20px;
}
#wadai-year dt {
	width: 65px;
	clear: both;
	float: left;
	padding: 0 20px 0 10px;
	text-align: right;
}
#wadai-year dd {
	margin: 0 0 10px;
	padding: 0 0 10px 95px;
	border-bottom: 1px dotted #CCC;
}
#wadai-year dd img{
	margin-left: 7px;
}

/* -------- まちの話題 テンプレート -------- */
#content #wadaiphoto p {
	text-align: center;
}
#wcv_sys_edit_pageeditarea #content #wadaiphoto {
	text-align: center;
}

/* -------- 10.新着情報・各課のお知らせ -------- */
#content #category-shinchaku {
	margin: 0 25px 30px;
}
#content #category-shinchaku dl {
	line-height: 1.3;
	/*
	overflow: hidden;
	border-bottom: 1px dotted #999;
	*/
}
#content #category-shinchaku dd {
	margin: 0 0 -1px;
	padding: 10px 5px 11px 13px;
	border-bottom: 1px dotted #999;
}
#content #category-shinchaku {
	margin: 0 25px 30px;
}
#content #category-shinchaku dt {
	clear: both;
	float: left;
	padding: 10px 0 5px 8px;
}
#content #category-shinchaku dt img {
	float: left;
	margin: 0 10px 0 0;
}

#content #category-shinchaku dt span {
	float: left;
	margin: 0 10px 0 -7px;
	width: 8.5em;
	text-align: right;
}

/* -------- 11.広報・議会だより -------- */
#content .public-left {
	margin-right: 270px;
	text-align: left;
}
#content .public-right {
	float: right;
	margin-right: 15px;
	display: inline;
	border: 1px solid #CCC;
}
#content ul#public-list li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #CCC;
}
#container #content ul#public-list li img {
	margin-left: 5px;
	vertical-align: baseline;
}
#content #public {
	margin: 0 15px 15px;
}
#content #public .wcvimg-floatleft {
	margin-left: 0;
	margin-right: 20px;
	border: 1px solid #CCC;
}
#content #public table {
	clear: none;
/*	border-color: #50931A;*/
	border-color: #CCC;
	margin: 0 0 20px;
	min-width: 200px;
}
#content #public table caption {
	padding-top: 0;
}
#content #public table th {
/*	background-color: #50931A;*/
	background-color: #CCC;
/*	color: #FFF;*/
	color: #333;
/*	border-color: #50931A;*/
	border-color: #CCC;
}
#content #public table td {
/*	border-color: #50931A;*/
	border-color: #CCC;
}
#content #public table td.public-page {
	width: 45%;
	background-color: #F8FBED;
}
#content #public table td.public-page2 {
	width: 45%;
}
#content #public #adobe {
	margin-left: 260px;
	border: 1px solid #FF6600;
	background-color: #FFF8EE;
	padding: 5px;
}
#content #public #adobe p.adobe-img {
	float: left;
	margin: 0;
	padding: 0;
}
#content #public #adobe p.adobe-img img {
	margin-right: 0;
	margin-left: 0;
}
#content #public #adobe p.adobe-txt {
	margin: 0 0 0 165px;
	padding: 0;
}

#content #kouhou-wrapper{
	padding: 0 0 0 25px;
}

#wcv_sys_edit_pageeditarea #content #kouhou-wrapper{
	overflow: hidden;
}

#content #kouhou-wrapper .kouhou-cover{
    text-align: center;
	padding: 0 20px 25px;
	float: left;
	min-height: 270px;
}

#content #kouhou-wrapper .kouhou-cover p{
    clear: both;
}

#content #kouhou-wrapper .kouhou-cover img{
    width: 163px;
	height: auto;
}
/* 年別一覧 */
#content ul#public-year {
	margin: 0 0 15px 30px;
}
#content ul#public-year li {
	float: left;
	background: none;
	padding: 0;
	margin: 0 15px 15px 0;
	width: 220px;
	text-align: center;
	min-height: 330px;
}
#content ul#public-year li img.wcvimg-floatleft {
	float: none;
	margin: 0 0 10px;
	width: 200px;
	height: auto;
	border: 1px solid #CCC;
}
.kouhou_db-left {
	clear: both;
	margin-bottom: 15px;
	width: 25%;
	float: left;
	text-align: center;
}
.kouhou_db-right {
	float: right;
	width: 70%;
	margin-right: 30px;
}
.kouhou_db-right ul {
	margin-top: 0!important;
}
.kouhou_db-left p {
	margin: 0!important;
}

/* お知らせアイコンと自動リンク表示文字 */
#public-hidden {
	display: none;
}
/* -------- 12.サイト内検索結果 -------- */
#content #cse .gsc-result {
	border-width: 0;
}

#content #cse table,
#content #cse table td {
	border-width: 0;
	margin: 0;
}
#content #cse .gsc-thinWrapper {
	width: 100%;
}
#content #cse .gsc-result {
	margin-bottom: 0;
}
#content #cse .gsc-cursor {
	display: block;
	text-align: center;
}

/* -------- 13.サイトマップ -------- */
#content #sitemap ul li.sitemap-dir {
	background: url(../images/base/sitemap-dir.gif) no-repeat 0 2px;
	padding-left: 20px;
}

#content #sitemap ul li.sitemap-dir ul{
	margin: 8px 5px 8px 8px;
}

#content #sitemap ul li.sitemap-file ul{
	margin: 5px 5px 8px 5px;
}

#content #sitemap li.sitemap-file {
	background: url(../images/base/sitemap-file.gif) no-repeat 0 2px;
	padding-left: 20px;
}

/* -------- 14.フォームページ -------- */
#container-noside form table p {
	margin: 0;
}
#container-noside table p input {
	vertical-align: middle;
}
#container-noside table p label {
	padding: 0 5px;
}

#container-noside p.formbuttom{
	padding: 10px 0 0 0;
}

#container-noside table th{
	text-align: left;
}
#container-noside p.close_btn {
	text-align: center;
	margin-top: 30px;
}
#container-noside #content form #confirm {
	margin: 0 50px;
}
#container-noside #content form #confirm p {
	text-align: center;
	margin-top: 20px;
}
#container-noside #content form #confirm table {
	margin: 0 auto;
}


/* -------- 15.アンケート -------- */

#content .question {
	background:#F9F9F9;
    border: 3px solid #BBB;
    clear: both;
    display: block;
    margin: 0 0 20px;
    padding: 0 10px;
}
#content .question dl.wcvdl {
    margin: 3px 10px;
}
#content .question dl.wcvdl dt {
    color: #555555;
    font-weight: normal;
    margin-top: 10px;
}

#content .question dl.wcvdl dd {
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 10px;
}
#content .question p.wcvcenter{
	margin-bottom: 10px;
}
/* -------- 16.イベント情報 -------- */
.event-date p.date-wrap {
	text-align: right;
	margin-bottom: 35px!important;
	padding: 8px;
}
.event-date p.date-wrap span.kaisai {
	border-bottom: 3px solid #CCC;
}
.event-date p.date-wrap span.date {
	font-weight: bold;
	border-bottom: 3px solid #CCC;
}
