﻿@charset "utf-8";
/*------------------------------------------------------------------------------
[1] 共通設定
[2] メインコンテンツ 共通設定
[3] メインコンテンツ 詳細設定
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] 共通設定
*******************************************************************************/
hr{
	margin:0px 15px 25px 15px;
	color:#FFFFFF;
	border:solid 1px #CCCCCC;
}
/*　本文へ　*/
#blockskip a{
	color:#FFF;
	background-color:#0033CC;
}
/*******************************************************************************
[2] メインコンテンツ 共通設定
********************************************************************************/
#content p.update, #content2 p.update, #content3 p.update{
	width:430px;
	font-size:85%;
}
/*==============================================================================
	ページID
==============================================================================*/
#content p span.idnumber{
	border: 1px dotted #CCCCCC;
}
/*==============================================================================
	印刷ボタン
==============================================================================*/
#content p span.print,#content2 p span.print,#content3 p span.print{
	
	border:1px solid #CCC;
}
#content p span.print a,#content2 p span.print a,#content3 p span.print a{
	padding:3px 26px 3px 5px;
	background:url(images/content/print.gif) no-repeat right center;
}
/*******************************************************************************
[3] メインコンテンツ 詳細設定
********************************************************************************/
/*==============================================================================
	見出し・段落（h1からh6まで）
==============================================================================*/
#content h1,#content2 h1,#content p.faqtitle,#content3 h1{
	padding:10px 10px 10px 0px;
	font-size:210%;
	color:#000;
	line-height:1.2;
}
#content h2,#content2 h2{
	padding:5px 5px 7px 8px;
	font-size:150%;
	color:#000;
	border-left:7px solid #1460ac;
	border-bottom:1px solid #89aed8;
	line-height:1.4;
}
#content h3,#content2 h3{
	padding:9px 10px 8px 15px;
	font-size:130%;
	color:#000;
	background:#f5f3de;
	line-height:1.4;
}
#content h4,#content2 h4{
	margin-left:3px;
	padding:5px 5px 4px 6px;
	font-size:125%;
	color:#000;
	border-left:6px solid #1460ac;
	line-height:1.6;
}
#content h5,#content2 h5{
	margin-left:3px;
	padding:3px 5px 2px 8px;
	font-size:115%;
	color:#000;
	border-left:4px solid #1460ac;
	line-height:1.6;
}
#content h6,#content2 h6{
	margin-left:3px;
	padding:0px 5px 0px 12px;
	font-size:115%;
	color:#000;
	line-height:1.7;
}
#content p,#content2 p{
	font-size:110%;
}
/*==============================================================================
	リスト
==============================================================================*/
/*------------------------------------------------------------------------------
	定義リスト
------------------------------------------------------------------------------*/
#content dt{
	border-color:#1460ac;
}
#content dd{
	border-color:#CCC;
}
#content2 dt{
	border-color:#CCC;
}
/*------------------------------------------------------------------------------
	リンク付リスト
------------------------------------------------------------------------------*/
#content ul.objectlink li,#content2 ul.objectlink li{
	background:url(images/content/mark_ul.png) no-repeat 5px 5px;
}
/*==============================================================================
	リストページ
==============================================================================*/
/*------------------------------------------------------------------------------
	通常リスト（セカンドトップ含む）
------------------------------------------------------------------------------*/
#content ul.listlink li,#content2 ul.listlink li{
	background:url(images/content/mark_list.png) no-repeat 5px 4px;
}
/*	リスト画像が登録されていた場合
------------------------------------------------------------------------------*/
#content ul li.thumbslist .thumbslink,#content2 ul li.thumbslist .thumbslink{
	background:url(images/content/mark_list.png) no-repeat 0px 3px;
}
/*------------------------------------------------------------------------------
	2列リスト（セカンドトップ含む）
------------------------------------------------------------------------------*/
#content ul.listlink2 li,#second ul.listlink2 li,#petit ul.listlink2 li{
	background:url(images/content/mark_list.png) no-repeat 5px 4px;
}
#content2 ul.listlink2 li{
	background:url(images/content/mark_list.png) no-repeat 5px 4px;
}
/*------------------------------------------------------------------------------
	リスト（カード型）
------------------------------------------------------------------------------*/
#content ul.listlink2.listcard{
	margin:25px 0px 20px 15px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
#content ul.listlink2.listcard li{
	margin:0px 15px 25px 15px;
	padding:0px;
	width:200px;
	background:none;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:0px 2px 3px 0px #bfbfbf;
	background:#e8eff7;
	cursor:pointer;
}
#content ul.listlink2.listcard li a{
	padding:0px 10px 10px 10px;
	display:block;
}
#content ul.listlink2.listcard li:hover{
	background:#f9f8ea;
}
#content ul.listlink2.listcard li .listcardimg{
	margin-left:-10px;
	margin-bottom:8px;
	width:200px;
	height:170px;
	overflow:hidden;
	display:block;
	position:relative;
	border-radius:3px 3px 0px 0px;
}
#content ul.listlink2.listcard li:hover .listcardimg{
	background:none;
}
#content ul.listlink2.listcard li img{
	margin:auto;
	position:absolute;
	top:-100%;
	bottom:-100%;
	left:-100%;
	right:-100%;
}
#content ul.listlink2.listcard li span{
	display:block;
}
/*------------------------------------------------------------------------------
	孫リスト
------------------------------------------------------------------------------*/
#content ul.captionlink li strong,#content2 ul.captionlink li strong{
	margin:0px 5px 5px 15px;
	padding:0px 0px 0px 20px;
	background:url(images/content/mark_biglist.png) no-repeat 0px 3px;
}
#content ul.captionlink li span,#content2 ul.captionlink li span{
	margin:0px 0px 0px 35px;
}
#content ul.captionlink li ul.listlink li span,#content2 ul.captionlink li ul.listlink li span{
	margin:0px 0px 0px 0px;
}
#content ul.captionlink ul.listlink,#content2 ul.captionlink ul.listlink{
	margin-top:10px;
}
#content ul.captionlink ul.listlink li,#content2 ul.captionlink ul.listlink li{
	margin-bottom:10px;
}
/*------------------------------------------------------------------------------
	リストが一覧表示されている場合
------------------------------------------------------------------------------*/
#content ul li.list,#content2 ul li.list{
	background-image:url(images/content/mark_list.png);
}
#content ul li.thumbslist .list,#content2 ul li.thumbslist .list{
	padding-left:20px;
	background-image:url(images/content/mark_list.png);
	font-size:100%;
}
/*==============================================================================
	添付ファイルアイコン common.cssに記載
==============================================================================*/
/*==============================================================================
	テーブル
==============================================================================*/
#content th,#content2 th{
	background:#efefef;
}
/*------------------------------------------------------------------------------
	表内リンクテンプレート
------------------------------------------------------------------------------*/
#content table ul.objectlink,#content2 table ul.objectlink{
	margin:0px 15px 0px 0px;
}
/*==============================================================================
	地図　common.cssに記載
==============================================================================*/
/*==============================================================================
	関連情報、添付ファイル
==============================================================================*/
#content h2.kanren,#content2 h2.kanren{
	font-size:100%;

}
/*==============================================================================
	オープンデータエリア
==============================================================================*/
#content .opendata h3,#content2 .opendata h3{
	padding: 6px 15px 5px 15px;

	font-size:100%;
}
/*==============================================================================
	plugin
==============================================================================*/
.plugin{
	background:#EEEEEE;
	border:1px dotted #999;
}
/*==============================================================================
	ページ内アンケート
==============================================================================*/
#pagequest{
	margin:20px auto 20px auto;
	width:90%;
	clear:both;
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
}
#pagequest h2{
	margin:0px 0px 10px 0px;
	padding:5px 5px 5px 10px;
	font-size:100%;
	color:#333333;
	background:#EFEFEF none;
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom:1px dotted #CCCCCC;
}
#pagequest p,#pagequest fieldset{
	margin:0px 15px 12px 15px;
	border:none;
	line-height:1.3;
}
#pagequest p label,#pagequest fieldset legend{
	margin-bottom:6px;
	padding:2px 0px 0px 7px;
	border-left:4px solid #CCCCCC;
}
#pagequest p label,#pagequest p strong,#pagequest fieldset legend{
	width:100%;
	display:inline-block;
}
#pagequest input,#pagequest textarea{
	margin:0px 4px 2px 13px;
	vertical-align:middle;
}
#pagequest input[type="text"],#pagequest textarea{
	width:90%;
}
#pagequest p.textcenter button{
	margin:0px;
	padding:2px 8px 2px 8px;
}
/*==============================================================================
	お問合せ
==============================================================================*/
#reference{
	margin:20px auto 20px auto;
	width:90%;
	clear:both;
	border:2px solid #1460ac;
}
#reference h2{
	margin:0px;
	padding:7px 5px 7px 10px;
	font-size:100%;
	color:#FFF;
	background:#1460ac;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:none;
	border-left:1px solid #FFF;
}
#reference p{
	margin:0px;
	padding:10px 15px 10px 15px;
}
#reference p a.mail{
	padding-left:30px;
	background:url(images/content/mail.png) no-repeat left 3px;
}