@charset "UTF-8";

/* =========================================================================
 block.css （ブロック定義用）

[目次]

 1.位置
 2.テーブル※基本のスタイルは base.css で設定
 3.画像
 4.フォントカラー
 5.目次用リスト
 6.左右２つ並び用ボックス
 7.各コンテンツ(コンテンツボックス、お知らせ、関連リンク、お問い合わせ先、ダウンロード)
 8.ページの先頭に戻る
 9.地図・動画
10.サイトマップ
11.フォームページ
12.サイト内検索結果
13.Adobe Reader自動挿入

========================================================================= */

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

/* -------------------------------------------------------------------------
 2.テーブル
------------------------------------------------------------------------- */
#content .table-box {
	margin: 0 15px 30px;
}
/* 左寄せ・テーブル用 */
#content div.wcvleft table {
	margin: 0 0 20px;
}
/* 右寄せ・テーブル用 */
#content div.wcvright table {
	margin: 0 0 20px 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;
}
/* 表１ */
#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;
}

/* base.css のhiddenを解除(不要なら削除) */
#wcv_sys_edit_pageeditarea #container, #container.noside {
	overflow: visible;
}

/* -------------------------------------------------------------------------
 3.画像
------------------------------------------------------------------------- */
#content img {
	margin-right: 5px;
	margin-left: 5px;
}
#content p img {
	vertical-align: middle;
}
#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 30px;
}
#content .wcv-floatbox-left p,
#content .wcv-floatbox-right p {
	margin-top: 10px;
}
#content .wcv-floatbox-left ul,
#content .wcv-floatbox-left ol,
#content .wcv-floatbox-right ul,
#content .wcv-floatbox-right ol {
	margin-top: 15px;
}

/* 左寄せ画像と回り込み文字で使用 */
#content .wcvimg-floatleft {
	float: left;
	height: auto;
	margin-right: 15px;
	margin-left: 15px;
	max-width: 100%;
}
#content div.wcv-floatbox-left ul li{
	background-image: none;
	list-style: url("../images/base/li_bg.png") disc inside;
}
#content div.wcv-floatbox-left ol li {
	list-style-position: inside;
}

/* 右寄せ画像と回り込み文字で使用 */
#content .wcvimg-floatright {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}
/* キャプション付き画像用ボックス */
#content div.wcv-imgbox {
	text-align: center;
	margin: 0 15px 20px;
}
#content div.wcv-imgbox img {
	margin-right: 0;
	margin-left: 0;
}
/* 画像の下に表示させる文字 */
#content p.wcv-imgcap {
	margin: 5px 0 0;
	font-size: 90%;
}
/* ２つ並び：左 */
#content div.wcv-inner2-l {
	width: 49.3%;
	float: left;
	margin-right: 1.4%;
}
/* ２つ並び：右 */
#content div.wcv-inner2-r {
	width: 49.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; }
#content .clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/* -------------------------------------------------------------------------
 4.フォントカラー
------------------------------------------------------------------------- */
.text_black {
	color: #333;
}
.text_red {
	color: #C60000;
}
.text_blue {
	color: #00c;
}
.text_green {
	color: #060;
}

/* -------------------------------------------------------------------------
 5.目次リスト
------------------------------------------------------------------------- */
#content ul.indexlist {
	clear: both;
	font-size: 110%;
	margin: 0 25px 25px;
	overflow: hidden;
}
#content ul.indexlist li {
	background: rgba(0, 0, 0, 0) url("../images/base/indexlist_li_bg.png") no-repeat scroll 5px center;
	display: block;
	padding: 10px 0 10px 25px;
	width: 100%;
	border-bottom: 1px dotted #999;
}

/* -------------------------------------------------------------------------
 6.左右２つ並び用ボックス
------------------------------------------------------------------------- */
#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;
}

/* -------------------------------------------------------------------------
 7.各コンテンツ(関連リンク、お問い合わせ先、ダウンロード、コンテンツボックス)
------------------------------------------------------------------------- */
/* 共通
---------------------------------------------------------------------- */
.linkarea,
.contactarea,
.downloadarea {
	clear: both;
	margin: 0 0 20px;
	border: 1px solid #CCC;
	border-radius: 5px;
	padding-bottom: 5px;

}
.linkarea h3,
.contactarea h3,
.downloadarea h3 {
	border-radius: 3px 3px 0 0;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 5px;
	text-align: center;
}
.linkarea h3:before,
.contactarea h3:before,
.downloadarea h3:before {
	margin: 0;
	padding: 0;
	border: 0;
}
.linkarea-content,
.contactarea-content,
.downloadarea-content {
	padding: 20px 0 10px;
	border: 1px solid #D2D2D2;
	border-top: none;
	border-radius: 0 0 10px 10px;
}

/* お問い合わせ先
---------------------------------------------------------------------- */
.contactarea h3::before {
    content: url("../images/base/icon_contactarea.png");
    margin-right: 10px;
    vertical-align: -8px;
}
.contactarea h3 {
	background: #ff801f none repeat scroll 0 0;
	border-bottom: 2px solid #ee801f;
	color: #fff;
}
.contactarea p {
	margin: 0 20px 10px;
	font-size: 85%;
}

/* 関連リンク
---------------------------------------------------------------------- */
.linkarea h3::before {
	content: url("../images/base/icon_linkarea.png");
	margin-right: 10px;
	vertical-align: -7px;
}
.linkarea h3 {
	background: #CBEFFB;
	border-bottom: 2px solid #BAEFFB;
}
.linkarea ul {
	margin: 0 35px 20px;
}

/* ダウンロード
---------------------------------------------------------------------- */
.downloadarea h3::before {
	content: url("../images/base/icon_downloadarea.png");
	margin-right: 10px;
	vertical-align: -7px;
}
.downloadarea h3 {
	background: #FAD6D6;
	border-bottom: 2px solid #E9D6D6;
}
.downloadarea ul {
	margin: 0 35px 20px;
}

/* コンテンツボックス
---------------------------------------------------------------------- */
.contents-box {
	clear: both;
	margin: 0 0 20px;
	border: 1px solid #CCC;
}
.contents-box h3 {
	border-bottom: 5px solid #ff801f;
	margin: 0;
}
.contents-box .contents-text {
	padding: 15px 20px;
}
p.contents-box_button {
	margin: 0;
	text-align: right;
}
p.contents-box_button img {
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------------------
 8.ページの先頭に戻る
------------------------------------------------------------------------- */
p.pagetop {
	clear: both;
	margin: 0 0 20px;
	padding: 20px 10px;
	text-align: right;
}
p.pagetop a {
	color: #333;
	padding: 10px 15px 10px 42px;
	background: url(../images/base/pagetop_bg.png) no-repeat 10px center;
	border: 1px solid #D2D2D2;
	text-decoration: none;
	border-radius: 20px;
}
p.pagetop a:hover,
p.pagetop a:active,
p.pagetop a:focus {
	color: #ffa700;
}

/* -------------------------------------------------------------------------
 9.地図・動画
------------------------------------------------------------------------- */
#content div.map,
#content div.movie {
	margin-bottom: 30px;
}

/* -------------------------------------------------------------------------
10.サイトマップ
------------------------------------------------------------------------- */
#content #sitemap ul {
	margin: 15px 0 15px 20px;
	line-height: 1.4;
}
#content #sitemap ul li.sitemap-dir {
	background: url(../images/base/sitemap-dir.gif) no-repeat 0 center;
	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;
	min-height: 16px;
	padding-left: 20px;
}
#content #sitemap p {
	background: url(../images/base/sitemap-file.gif) no-repeat 0 2px;
	margin: 15px 8px;
	min-height: 16px;
	padding-left: 20px;
}

/* -------------------------------------------------------------------------
11.フォームページ
------------------------------------------------------------------------- */
#container.noside #content table.form,
#container.noside #content table.form_confirm {
	margin-bottom: 20px;
}
#container.noside table.form th {
	text-align: left;
}
#container.noside table.form p {
	margin: 0;
}
#container.noside table.form p input {
	vertical-align: middle;
}
#container.noside table.form p label {
	padding: 0 5px;
}
#submit_btn button {
	background: transparent;
	border: none;
	cursor: pointer;
}
#container.noside p.close_btn {
	text-align: center;
	margin: 30px 15px;
}
#confirm {
    text-align: center;
}
#confirm table {
    margin: 0 auto 20px;
}

/* -------------------------------------------------------------------------
12.サイト内検索結果
------------------------------------------------------------------------- */
#content #result a:link,
#content #result a:link b,
#content #result .gsc-cursor-page {
	color: #5A5A5A;
}
#content #result a:visited,
#content #result a:visited b {
	color: #000;
}
#content #result a:hover,
#content #result a:active,
#content #result a:focus,
#content #result a:hover b,
#content #result a:active b,
#content #result a:focus b,
#content #result .gsc-cursor-page:hover,
#content #result .gsc-cursor-page:active,
#content #result .gsc-cursor-page:focus {
	color: #006FB9;
}
#content #result table,
#content #result table td {
	border-width: 0;
	margin: 0;
	padding: 0 8px;
}
#content #result .gsc-above-wrapper-area {
	border-bottom: none;
}
#content #result .gsc-control-cse {
	background-color: transparent;
	border: none;
}
#content #result .gcsc-branding {
	float: right;
}
#content #result .gsc-result {
	border: none;
	background-color: transparent;
}
#content #result .gs-snippet {
	color: #333;
}
#content #result .gsc-cursor {
	display: block;
	text-align: center;
	font-size: 120%;
}
#content #result .gsc-cursor-page {
	background-color: transparent;
}

/* -------------------------------------------------------------------------
13.Adobe Reader自動挿入
------------------------------------------------------------------------- */
.adobe-linkarea {
	margin: 0 0 20px;
	border: 1px solid #ccc;
}
.adobe-linkarea div {
	min-height: 50px;
	padding: 10px;
}