@charset "UTF-8";

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

　目次
	 1.位置
	 2.テーブル※基本のスタイルは base.css で設定
	 3.画像
	 4.フォントカラー・スタイル
	 5.目次用リスト
	 6.左右２つ並び用ボックス
------------------------------------------------------ */



/* -------------------------------------------------------------------------
 ?.テキスト位置
------------------------------------------------------------------------- */
/* テキスト左寄せ */
#content .wcvleft {
	text-align: left;
}
/* テキスト右寄せ */
#content .wcvright {
	text-align: right;
}
/* テキスト中央揃え */
#content .wcvcenter {
	text-align: center;
}

/* 大見出しデザイン
------------------------------------------------------------------------- */
#page h2,
h2.page_h2 {
    padding: 8px 0 8px 8px;
    background: #dcdef3;
    border-top: 4px solid #6e78d1;
    border-bottom: 2px solid #6e78d1;
    color: #000;
}
#page h2:after,
h2.page_h2:after {
    content: none ;
}

/* カテゴリ別 設定
------------------------------------------------------------------------- */
/* 町民の皆様へ */
body#choumin #right_content #page h2,
body#choumin #right_content h2.page_h2 {
    background: #f7eab6;
    border-top: 4px solid #e0ba0f;
    border-bottom: 2px solid #e0ba0f;
}
/* 町外の皆様へ */
body#chougai #right_content #page h2,
body#chougai #right_content h2.page_h2 {
    background: #d6efdc;
    border-top: 4px solid #74ca8d;
    border-bottom: 2px solid #74ca8d;
}
/* まちの紹介 */
body#machi #right_content #page h2,
body#machi #right_content h2.page_h2 {
    background: #ffd8ea;
    border-top: 4px solid #fb82b5;
    border-bottom: 2px solid #fb82b5;
}
/* くらしのガイド */
body#kurashi #right_content #page h2,
body#kurashi #right_content h2.page_h2 {
    background: #ffe6b3;
    border-top: 4px solid #feac00;
    border-bottom: 2px solid #feac00;
}
/* 観光・イベント */
body#kankou #right_content #page h2,
body#kankou #right_content h2.page_h2 {
    background: #d2ebc1;
    border-top: 4px solid #6bbc2f;
    border-bottom: 2px solid #6bbc2f;
}
/* 産業・経済・まちづくり */
body#sangyou #right_content #page h2,
body#sangyou #right_content h2.page_h2 {
    background: #efeff9;
    border-top: 4px solid #a7aee5;
    border-bottom: 2px solid #a7aee5;
}
/* 町政情報 */
body#chousei #right_content #page h2,
body#chousei #right_content h2.page_h2 {
    background: #c9e7ff;
    border-top: 4px solid #4baeff;
    border-bottom: 2px solid #4baeff;
}

/* -------------------------------------------------------------------------
 ?.テーブル
------------------------------------------------------------------------- */
/* テーブル位置
------------------------------------------------------------------------- */
/* 右寄せ・テーブル用 */
#content div.wcvright table {
	margin: 0 30px 30px auto;
}
/* 中央揃え・テーブル用 */
#content div.wcvcenter table {
	margin: 0 auto 20px;
}

/* テーブルスタイル
------------------------------------------------------------------------- */
/* 罫線・緑 */
#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;
}

/* 罫線・基本1 */
#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;
}

/* 罫線・基本2 */
#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;
}

/* 罫線・基本3 */
#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;
}

/* -------------------------------------------------------------------------
 ?.画像
------------------------------------------------------------------------- */
#content #page img {
	margin-right: 5px;
	margin-left: 5px;
}
#container #content p img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
#container #content ul li img {
	vertical-align: middle;
}
#content ol li img {
	vertical-align: middle;
}

/* 画像と回り込み文字用ボックス
------------------------------------------------------------------------- */
#content .wcv-floatbox-left,
#content .wcv-floatbox-right {
	margin: 0 0 25px;
}
#content .wcv-floatbox-left p,
#content .wcv-floatbox-right p {
	margin-bottom: 10px;
}

/* 左寄せ画像と回り込み文字で使用
------------------------------------------------------------------------- */
#content .wcvimg-floatleft {
	float: left;
	margin-right: 15px;
	margin-left: 20px;
}

/* 右寄せ画像と回り込み文字で使用
------------------------------------------------------------------------- */
#content .wcvimg-floatright {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}

/* キャプション付き画像用ボックス
------------------------------------------------------------------------- */
#content div.wcv-imgbox {
	text-align: center;
	margin: 0 15px 20px;
}
#container #content div.wcv-imgbox img {
	margin-right: 0;
	margin-left: 0;
}

/* 画像の下に表示させる文字 */
#content p.wcv-imgcap {
	margin: 5px 10px 0;
	font-size: 90%;
}

/* 画像2枚並び・左 */
#content div.wcv-inner2-l {
	width: 49.3%;
	*width: 48.3%;
	float: left;
	margin-right: 1.4%;
}
/* 画像2枚並び・右 */
#content div.wcv-inner2-r {
	width: 49.3%;
	*width: 48.3%;
	float: right;
}
/* 画像3枚並び・左_中央 */
#content div.wcv-inner3 {
	width: 32.4%;
	float: left;
	margin-right: 1.2%;
}
/* 画像3枚並び・右 */
#content div.wcv-inner3-r {
	width: 32.4%;
	float: left;
}
/* 画像4枚並び・左_中央 */
#content div.wcv-inner4 {
	width: 23.9%;
	float: left;
	margin-right: 1.4%;
}
/* 画像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;
}

/* -------------------------------------------------------------------------
 ?.フォントカラー・スタイル
------------------------------------------------------------------------- */
/* テキストカラー・黒 */
.text_black {
	color: #000;
}
/* テキストカラー・赤 */
.text_red {
	color: #c00;
}
/* テキストカラー・青 */
.text_blue {
	color: #00c;
}
/* テキストカラー・緑 */
.text_green {
	color: #060;
}

/* -------------------------------------------------------------------------
 ?.リストスタイル（記事ページ用）
------------------------------------------------------------------------- */
#page ul {
    list-style: circle;
}
#page ul li {
    background: none !important;
    padding: 5px 0px;
}
body#choumin #page ul li, body#chougai #page ul li
body#machi #page ul li, body#kurashi #page ul li,
body#kankou #page ul li, body#sangyou #page ul li,
body#chousei #page ul li {
    background: none;
    padding: 5px 0px;
}

/* -------------------------------------------------------------------------
 ?.左右２つ並び用ボックス
------------------------------------------------------------------------- */
#content .wcv-box {
	margin-bottom: 30px;
}
#content .wcvbox-inner {
	float: left;
	width: 50%;
}
#content .wcv-box .wcvbox-inner *:first-child {
	margin-top: 0;
}
#content .wcv-box .wcvbox-inner *:last-child {
	margin-bottom: 0;
}
#content .wcvbox-inner h2,
#content .wcvbox-inner h3,
#content .wcvbox-inner h4 {
	margin-right: 7px;
	margin-left: 7px;
}
/* -------------------------------------------------------------------------
 *  ?.ダウンロード、関連リンク、お問い合わせ先
 *  ------------------------------------------------------------------------- */
.downloadarea, .linkarea, .contactarea {
    padding: 10px 0 5px 0;
}

/* ------- 8.アイコンの表示/非表示 ------- */
#newsicon {
	display: none;
}
#wcv_sys_edit_pageeditarea #content #newsicon {
	display: block;
}


img.thumbnail {
	margin-left: 0;
	padding: 2px;
    border: 1px solid #ccc;
}