@charset "utf-8";

/* 基本設定 */

body {
margin:0;
padding:0;
color: #333;
font-size: 0.85em;
font-family:"メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro W3" , "Hiragino Kaku Gothic Pro" , Osaka , "ＭＳ Ｐゴシック" , sans-serif;
line-height:1.6;
background-color:#FFF;
}

div,p,h1,h2,h3,h4,dl,dt,ul,dl,li,dt,dd {
 margin:0;
 padding:0;
}

h1,h2,h3,h4{
	clear:both;
}

img {
 border:none;
	vertical-align:bottom;
}

a img:hover {
	opacity:0.8;
}

li {
	list-style:none;
}

ol li {
	list-style: decimal;
}

span.stxt {
	font-size:70%;
}

.hide {
	display:none;
}

hr {
border: none;
border-top: 1px #CCC solid;
height:1px;
}

.note {
	font-size:0.9em;
}

/* テキストのリンク文字色 */
a:link { 
 color: #0033cc;

}

a:visited {
 color: #0033cc;
}

a:hover {
 color: #ff9933;
 text-decoration: underline;

}

/* clearfix*/
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-block;}
*html .clearfix {height:1%}
.clearfix {display: block}



/* 外枠 */
div#wrap {
	width:946px;
	margin:0 auto;
	background-color:#ad1109;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

div#wrap.wajima{
	background-color: #f4ac70;
}

div#wrap.suzu{
	background-color: #c0d985;
}

div#wrap.noto{
	background-color: #80a6d3;
}

div#wrap.anamizu{
	background-color: #a58ec1;
}

/* 災害案内 */
div#saigaiAnnai{
	width:860px;
	margin:30px auto;
	background-color:#fff;
	border-radius:10px;
}

div#saigaiAnnai h2{
	padding:10px 0 5px 65px;
	background:url(../img/h2_icon_annai.png) 12px 5px no-repeat;
	border-bottom:1px solid #ad1109;
	margin-bottom:10px;
}

div#saigaiAnnai div.cont{
	width:816px;
	margin:10px auto 0 auto;
	padding-bottom:20px;
}

div#saigaiAnnai div.date{
	text-align:right;
}

div#saigaiAnnai div.md_on{
	background-color:#f05205;
	color:#fff;
	text-align:center;
	padding:15px 10px;
	font-size:1.5em;
	font-weight:bold;
}

div#saigaiAnnai div.di_on{
	background-color:#faf8ea;
}

div#saigaiAnnai div.di_on ul{
	padding:15px 20px;
}

div#saigaiAnnai div.di_on ul li{
	padding-left:15px;
	margin-bottom:10px;
	background:url(../img/annai_list_ac.png) 0 7px no-repeat;
}

div#saigaiAnnai div.md_off{
	background-color:#F2F2F2;
	text-align:center;
	padding:15px 10px;
	font-size:1.5em;
	font-weight:bold;
}

div#saigaiAnnai div.di_off{
	display:none;
}

div#saigaiAnnai div.rlink{
	text-align:right;
	padding:10px 0 0 0;
}

div#saigaiAnnai div.rlink a{
	padding-left:18px;
	background:url(../img/link_ac.png) 2px 0 no-repeat;
}


div.keitai{
	background-color:#f4f4f4;
	border-radius:5px;
	padding:10px;
	margin-top:10px;
}

div.keitai div.qr{
	float:left;
	width:96px;
	margin-right:15px;
}

div.keitai div.txt{
	float:right;
	width:680px;
}

/* 災害案内履歴 */


div#saigaiAnnai div#search{
	margin:15px;
}

div#saigaiAnnai div#search img{
	vertical-align:middle;
}

div#saigaiAnnai div.pnav{
	margin:10px auto;
	text-align:center;
}




/* お知らせ＆災害件数枠 */
#news_toukei{
	margin:30px auto 0;
	width:860px;
}

/* お知らせ */
#news{
	float:left;
	width:410px;
	background-color:#fff;
	border-radius:10px;
}

div#news h2{
	padding:10px 0 5px 65px;
	background: url(../img/h2_icon_news.png) 12px 5px no-repeat;
	border-bottom:1px solid #ad1109;
	margin-bottom:10px;
}

#news dl{
	margin:12px;
}

#news dl dt{
	margin:0;
	padding:0 0 0 18px;
	background:url(../img/news_ac.jpg) 0 4px no-repeat;
}

#news dl dd{
	margin:0 0 5px 0;
	padding:0 0 5px 18px;
	border-bottom:1px dotted #CCC;
}



/* 災害件数 */
#toukei{
	float:right;
	width:410px;
	background-color:#fff;
	border-radius:10px;
}

div#toukei h2{
	padding:10px 0 5px 65px;
	background: url(../img/h2_icon_news-04.png) 12px 5px no-repeat;
	border-bottom:1px solid #ad1109;
	margin-bottom:10px;
}

div#toukei div.cont{
	margin:12px;
}

div#toukei div.date{
	text-align:right;
}

div#toukei div.cont table{
	width:100%;
	border-collapse:collapse;
}

div#toukei div.cont table th,
div#toukei div.cont table td{
	border:1px #999 solid;
	text-align:center;
	font-weight:normal;
}

div#toukei div.cont table th{
	background-color:#cde2e5;
}

div#toukei div.cont table td.item{
	background-color:#f3f3f3;
}

div#toukei div.rlink{
	text-align:right;
	padding:5px 0 5px 0;
}

div#toukei div.rlink a{
	padding-left:18px;
	background:url(../img/link_ac.png) 2px 0 no-repeat;
}


div#toukei_detail{
	width:95%;
	margin:20px auto;
}


div#toukei_detail h1{
	width:100%;
	font-size:180%;
	line-height:1;
	border-left:10px #ad1109 solid;
	padding-left:12px;
}

div#toukei_detail p.date{
	text-align:right;
	margin:0 0 5px 0;
	padding:0;
}

div#toukei_detail table{
	width:100%;
	border-collapse:collapse;
}

div#toukei_detail table th,
div#toukei_detail table td{
	padding:3px;
	text-align:center;
	vertical-align:middle;
	border:1px #999 solid;
}

div#toukei_detail table th{
	background-color:#f8e3e3;
}

div#toukei_detail.wajima table th{
	background-color: #fcd5b4;
}

div#toukei_detail.suzu table th{
	background-color: #d8e4bc;
}

div#toukei_detail.noto table th{
	background-color: #b8cce4;
}

div#toukei_detail.anamizu table th{
	background-color: #ccc0da;
}


div#toukei_detail table td.item{
	background-color:#f3f3f3;
}


div#toukei_detail table th.city{
	white-space:nowrap;
}

div.btn{
	margin:20px 0;
	text-align:center;
}


/* 災害件数 市町村ページ */
#toukei_shicho{
	width:860px;
	margin:30px auto;
	background-color:#fff;
	border-radius:10px;
}

#toukei_shicho h2{
	padding:10px 0 5px 65px;
	background: url(../img/h2_icon_news-04.png) 12px 5px no-repeat;
	border-bottom:1px solid #ad1109;
	margin-bottom:10px;
}

#toukei_shicho div.cont{
	margin:12px;
}

#toukei_shicho div.date{
	text-align:right;
}

#toukei_shicho div.cont table{
	width:100%;
	border-collapse:collapse;
}

#toukei_shicho div.cont table th,
#toukei_shicho div.cont table td{
	border:1px #999 solid;
	text-align:center;
	font-weight:normal;
}

#toukei_shicho div.cont table th{
	background-color:#cde2e5;
}

div#wrap.wajima #toukei_shicho div.cont table th{
	background-color: #fcd5b4;
}

div#wrap.suzu #toukei_shicho div.cont table th{
	background-color: #d8e4bc;
}

div#wrap.noto #toukei_shicho div.cont table th{
	background-color: #b8cce4;
}

div#wrap.anamizu #toukei_shicho div.cont table th{
	background-color: #ccc0da;
}



#toukei_shicho div.cont table td.item{
	background-color:#f3f3f3;
}

#toukei_shicho div.rlink{
	text-align:right;
	padding:5px 0 5px 0;
}

#toukei_shicho div.rlink a{
	padding-left:18px;
	background:url(../img/link_ac.png) 2px 0 no-repeat;
}


/* 地区別災害情報 */

div#linkmap{
	clear:both;
	width:816px;
	margin:30px auto;
	padding:27px;
	background-color:#fff;
	border-radius:10px;
}

div#linkmap ul.linkbtn{
	width:410px;
	float:left;
}

div#linkmap h2{
	padding:2px 0 0 10px;
	line-height:1;
	margin-bottom:20px;
	border-left:7px solid #ad1109;
}

div#linkmap ul.linkbtn li{
	float:left;
	margin:0 7px 12px 0;
}

/* お知らせ詳細 */
#newsDetail{
	width:860px;
	margin:30px auto;
	background-color:#fff;
	border-radius:10px;
}

#newsDetail h2{
	padding:10px 0 5px 65px;
	background: url(../img/h2_icon_news.png) 12px 5px no-repeat;
	border-bottom:1px solid #ad1109;
	margin-bottom:10px;
}

#newsDetail div.detail{
	width:800px;
	margin:20px auto;
}

#newsDetail div.detail h3{
	background-color:#F3F3F3;
	padding:3px 3px 3px 6px;
	font-weight:normal;
}

#newsDetail div.detail p.title{
	font-size:1.2em;
	font-weight:bold;
	margin:20px 0 5px;
}

#newsDetail div.rlink{
	text-align:right;
	padding:10px 0 20px 0;
}

#newsDetail div.rlink a{
	padding-left:18px;
	background:url(../img/link_ac.png) 2px 0 no-repeat;
}

/* フッター */
div#footer {
	clear:both;
	width:946px;
	height:98px;
	text-align:center;
	background:url(../img/footer_bk.png) repeat-x;
}

div#footer p{
	font-size:1.2em;
	padding:20px 0;
}