@charset "UTF-8";

/* =========================================================================
　print.css （印刷用設定）

　目　次

　 1.リセット
　 2.body
　 3.各要素
　 4.ヘッダー
　 5.コンテンツ
　 6.サイド
　 7.フッター
　 8.トップページ
　 9.下層トップ
========================================================================= */

/* -------------------------------------------------------------------------
 1.リセット
------------------------------------------------------------------------- */
html,body,div,
blockquote,pre,
dl,dt,dd,
form,input,textarea,select,option,optgroup,button,label,fieldset,legend {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}

/* -------------------------------------------------------------------------
 2.body
------------------------------------------------------------------------- */
body {
	color: #000;
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	background-color: #FFF;
	line-height: 1.2;
}

/* テキストリンクの設定
---------------------------------------------------------------------- */
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover,
a:active,
a:focus {
	color: #000;
}

/* 非表示の設定
---------------------------------------------------------------------- */
hr.hide {
	display: none;
}

/* -------------------------------------------------------------------------
 3.各要素
------------------------------------------------------------------------- */

/* h1
---------------------------------------------------------------------- */
h1 {
	font-size: 15pt;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 10px;
	border-bottom: 5px solid #AAA;
	line-height: 1.1;
}

/* h2
---------------------------------------------------------------------- */
h2 {
	clear: both;
	font-size: 13pt;
	font-weight: bold;
	margin: 20px 5px 10px;
	padding: 8px 5px 8px 10px;
	border: 1px solid #AAA;
	border-bottom-width: 4px;
	line-height: 1.1;
}

/* h3
---------------------------------------------------------------------- */
h3 {
	clear: both;
	font-size: 11pt;
	font-weight: bold;
	margin: 15px 8px 10px;
	padding: 7px 5px 7px 10px;
	border-bottom: 1px solid #AAA;
	border-left: 5px solid #AAA;
	line-height: 1.1;
}

/* h4
---------------------------------------------------------------------- */
h4 {
	clear: both;
	font-size: 10pt;
	font-weight: bold;
	margin: 15px 10px 10px;
	padding: 5px 0 5px 7px;
	border-left: 3px solid #AAA;
	line-height: 1.1;
}

/* p
---------------------------------------------------------------------- */
p {
	font-size: 10pt;
	margin: 0 15px 15px;
	padding: 0;
	line-height: 1.5;
}

/* ul,ol
---------------------------------------------------------------------- */
ul {
	font-size: 10pt;
	margin: 10px 10px 20px 40px;
	padding: 0;
	line-height: 1.3;
}
ul li {
	margin: 0 0 10px;
}
ol {
	font-size: 10pt;
	margin: 10px 10px 20px 50px;
	padding: 0;
	line-height: 1.3;
}
ol li {
	margin: 0 0 10px;
}

/* table
---------------------------------------------------------------------- */
table {
	clear: both;
	margin: 0 10px 20px;
	border-collapse: collapse;
	border: 1px solid #AAA;
	border-spacing: 0;
	empty-cells: show;
}
caption {
	font-size: 12pt;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
th {
	font-size: 10pt;
	font-weight: bold;
	padding: 10px 5px;
	background-color: #F4F4F4;
	border: 1px solid #AAA;
	text-align: center;
	vertical-align: middle;
	line-height: 1.1;
}
td {
	font-size: 10pt;
	padding: 10px;
	border: 1px solid #AAA;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3;
}
/* hr
---------------------------------------------------------------------- */
hr {
	height: 0;
	margin: 15px 5px;
	padding: 0 0 5px;
	border: none;
	border-bottom: 1px dotted #AAA;
}

/* blockquote
---------------------------------------------------------------------- */
blockquote {
	margin: 0 15px 15px 30px;
	padding: 15px;
	border:1px solid #AAA;
}
blockquote p {
	margin: 0;
}

/* -------------------------------------------------------------------------
 4.ヘッダー
------------------------------------------------------------------------- */
#header {
	display: none;
}

/* -------------------------------------------------------------------------
 5.コンテンツ
------------------------------------------------------------------------- */
#content {
	width: 100%;
	padding: 0 0 30px;
	overflow: hidden;
}
#top-leftcolumn,
#top-rightcolumn {
	display: none;
}

/* -------------------------------------------------------------------------
 6.サイド
------------------------------------------------------------------------- */
#side {
	display: none;
}

/* -------------------------------------------------------------------------
 7.フッター
------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
	padding: 15px 0 0;
	border-top: 1px solid #AAA;
}
#footer-koukoku,
p#footer-btt,
ul#footer-navi {
	display: none;
}
address {
	font-size: 10pt;
	font-style: normal;
	padding: 0 10px 10px;
	line-height: 1.3;
}
p#footer-copyright {
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #AAA;
	text-align: center;
}

/* -------------------------------------------------------------------------
 8.トップページ
------------------------------------------------------------------------- */

/* 非表示
---------------------------------------------------------------------- */
#top-slide-wrap,
ul.top-tabarea-tab,
p.top-oshirase-link,
#top-tabarea2 {
	display: none;
}

/* 災害情報
---------------------------------------------------------------------- */
#top-saigai {
	margin: 0 0 10px;
	padding: 0 15px 5px;
	background: #FDF5F5;
	border: 3px solid #D63333;
}
#top-saigai h2 {
	color: #C00;
	font-size: 13pt;
	margin: 15px 0 7px;
	padding: 0 5px 5px;
	background: none;
	border: none;
	border-bottom: 3px solid #D63333;
}
#top-saigai h2 img {
	display: none;
}
#top-saigai p {
	font-size: 11pt;
	margin: 0 5px 10px;
	line-height: 1.3;
}
#top-saigai ul {
	font-size: 11pt;
	line-height: 1.2;
}

/* お知らせ・更新情報
---------------------------------------------------------------------- */
#top-oshirase,
#top-koushin {
	display: block !important;
	width: 100%;
	margin: 0 0 20px;
}
#top-tabarea1-body h2 {
	display: block !important;
}
#top-oshirase dl,
#top-koushin dl {
	font-size: 10pt;
	margin: 0 10px;
}
#top-oshirase dt,
#top-koushin dt {
	width: 5em;
	clear: both;
	float: left;
	margin: 0 15px 0 10px;
	padding: 8px 0 9px;
	text-align: right;
}
#top-oshirase dd,
#top-koushin dd {
	padding: 8px 12px 10px 15px;
	border-bottom: 1px dotted #AAA;
}

/* イベント情報
---------------------------------------------------------------------- */
#top-event {
	width: 100%;
	margin: 0 0 15px;
}
#top-event h2 {
	padding: 0;
	border: none;
}

/* -------------------------------------------------------------------------
 9.下層ページ
------------------------------------------------------------------------- */

/* 非表示
---------------------------------------------------------------------- */
p#crumb,
p.btt,
p.oshirasearea-list,
.linkarea,
.downloadarea {
	display: none;
}

/* お知らせ、お問い合わせ先
---------------------------------------------------------------------- */
.oshirasearea {
	width: 100%;
	margin: 0 0 20px;
}
.oshirasearea dl {
	font-size: 10pt;
	margin: 0 10px;
}
.oshirasearea dt {
	width: 5em;
	clear: both;
	float: left;
	margin: 0 15px 0 10px;
	padding: 8px 0 9px;
	text-align: right;
}
.oshirasearea dd {
	padding: 8px 12px 10px 15px;
	border-bottom: 1px dotted #AAA;
}
.contactarea {
	margin: 0 0 20px;
	border: 1px solid #AAA;
}
.contactarea h2 {
	margin: 0 0 10px;
	padding: 10px 5px 10px 15px;
	border: none;
	border-bottom: 4px solid #AAA;
}

/* くらしの情報
---------------------------------------------------------------------- */
#kurashi-lifeevent {
	width: 100%;
	margin: 0 0 20px;
}

#kurashi-lifeevent ul {
	margin: 0;
	list-style: none;
	overflow: hidden;
}
#kurashi-lifeevent li {
	float: left;
	margin: 0;
	padding: 0 0 10px 10px;
}
#kurashi-guide {
	width: 100%;
	margin: 0 0 20px;
}