@charset "UTF-8";
/* CSS Document */

/*ここから定番CSS*/
* {
	margin: 0;
	padding: 0
}

a { 
text-decoration: none
}


h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

ul {
	list-style-type: none;
}

	
img {
	vertical-align: middle;
	max-width: 100%;
	border: none;
}

/*禁則処理*/
p,li,dt,dd,th,td,pre {
word-break: normal;
word-wrap: break-word;
}


html {
	overflow-y: scroll;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 100%;
	line-height: 1.5;
}


table {
width: 100%;
border-collapse: collapse;
}


a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

/*ここまで定番CSS*/

div.wrap {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


div.all_area {
	width: 980px;
	text-align: center;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}


div.headerback {
	background-color: rgba(255,255,255,1.0);
}

div.header {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	_zoom: 1;
	
}

h1.titlelogo {
	float: left;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left:1em;
}	

.header,
.header > div {
	overflow: hidden;
}


div.header img {
	overflow: hidden;
	padding-left: 0px;
}


div.header ul {
	padding-top: 1em;
	padding-bottom: 10px;
	text-align: right;	
}

div.header li {
	display: inline;
	border: none;
	
}


	div.header ul li a {
	background-repeat: no-repeat;
	font-size: 80%;
	background-position: left center;
	text-decoration: none;
	background-image: url(../img/arrow013_05.gif);
	padding-left: 15px;
	margin-left: 1em;
}
/*フェイスブックエリア*/

div.facebook_area {
	text-align: right;
	margin-right: 20px;
}

div#sns_area {
	float: right;
	border: 1px solid #01BBEB;
	width: 162px;
	height: 300px;
}

div.facebook_area #unyo a {
	background-repeat: no-repeat;
	font-size: 80%;
	background-position: left center;
	text-decoration: none;
	background-image: url(../img/arrow013_05.gif);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
}




/*SNSボタン*/
.follow-me {
	list-style: none;
	margin: 0 0 -8px;
	overflow: hidden;
	padding: 0;
}

.follow-me li {
	float: right;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 0;
	padding: 0;
}

.follow-me li a::before {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 24px;
	height: 45px; /* Button height */
	line-height: 45px; /* Button height */
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
	width: 45px; /* Button width */
}
.follow-me li a:hover::before {
	opacity: 0.7;
}
.follow-me li a[href*="facebook.com"]::before       { background-color: #3b5998; content: "\f09a"; }
.follow-me li a[href*="instagram.com"]::before      { background-color: #125688; content: "\f16d"; }
.follow-me li a[href*="twitter.com"]::before        { background-color: #55acee; content: "\f099"; }
.follow-me li a[href*="youtube.com"]::before        { background-color: #cd201f; content: "\f16a"; }


/*災害情報*/

.saigai {
    width: 760px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    border: 3px solid rgba(255,0,4,1.00);
    background-color: #FFFDE9;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-bottom: 30px;
    padding-top: 30px;
}
.saigai p {
	padding-left: 0px;
	margin-left: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.saigaititle {
	color: rgba(255,255,255,1.00);
	background-color: rgba(255,0,4,1.00);
	font-weight: bold;
	font-size: 120%;
	padding-left: 1em;
	margin-bottom: 0.5em;
}



/*各部*/
div.contents {
	background-image: url(../img/contents_back.gif);
	background-repeat: repeat-x;
	height: 50px;
	min-width:1000px;
}


p.shikoku {
    float: left;
}

div.contents_area {
	width: 980px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.contents_area ul{
	text-align: center;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	
}

div.contents_area ul li  {
	display: inline;
}
	

div.slideback {
	width: 980px;
	/*height: 395px;*/
	height: 380px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
    margin-top:20px;

}

/*スライド写真*/
div.flexslider {
	width: 478px;
	height: 350px;
	float: left;
}

/*フェイスブックバナーのエリア*/
div.facebookbanner_area {
	padding-top: 10px;
	padding-bottom: 10px;
}



/*災害速報*/

  div.infol_area {
	width: 260px;
	float: left;
	text-align: left;
	background-color: rgba(255,255,255,0.8);
	margin-right: 10px;
	margin-left: 00px;
 }

	p.info_list{
	color: #000000;
	padding-left: 30px;
	font-size: 16px;
	background-image: url(../img/arrow013_06.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-left:10px;
    }

  div.infol_area a:link,div.infol_area a:visited,div.infol_area a:active  {
	color: #000000;
}

div.infol_area a:hover {
	color: #0F2B94;
	font-weight: bold;
}

div.infol_area hr {
	　text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px dashed #8c8b8b;
	color: #E8F9FF; /* サイト背景と同じ色を推奨 */
	width: 220px;
	height: 1px;/* for IE6 */
	　clear: both;/* for IE6 */
	margin-top: 5px;
	margin-bottom: 5px;
}

.note {
font-size:small;
}



/*メインエリア*/

div.main_area {
	width: 800px;
	text-align: left;
}

div.news_area {
	width: 980px;
	float: center;
}

	
.news_title {
	text-align: left;
	border-bottom: 1px solid rgba(102,143,168,1.00);
	padding-left: 1em;
	margin-bottom: 0.5em;
	background-repeat: repeat-x;
	background-image: url(../img/newstitle_back.gif);
	color: rgba(0,0,0,1.00);
    }

.kisya_day {
	width: 6em;
}

.news_area table {
	font-size: 90%;
	text-align: right;
	border:1px solid #ddd;
	}
	
.news_area td {
	vertical-align: top;
	padding-top: 0.4em;
	border-bottom: 1px solid rgba(211,211,211,1.00);
	padding-bottom: 0.4em;
	
}
	
	/* 2列目以降 */ 
.news_area tr td + td {
	text-align: left;
	padding-left: 1em;
}


.rireki_title {
	text-align: right;
	font-size: 80%;
	background-image: url(../img/arrow013_05.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 1em;
}

div.infomation_area {
	width: 100%;
}

/* クリアフィックス */
div.infomation_area ul:after {
  content: "";
  clear: both;
  display: block;
}

/* リストの設定 */
div.infomation_area ul li {
	float: left;
	text-align: left;
	width: 48%;
	font-size: 100%;
	list-style-position: inside;
	list-style-image: url(../img/arrow013_05.gif);
	padding-left: 2%;
	padding-bottom: 0.2em;
}

 div.infomation_area a:link,div.infomation_area a:visited,div.infomation_area a:active {
	color: #000000;
}

 div.infomation_area a:hover {
	color: #00A4FF;
	text-decoration: underline;
}

	


/*下バナーエリア*/
div.footbanner_area {
	width: 950px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.footbanner_area img {
	width: 120px;
	height: 50px;
	margin-top: 0.2em;
}
.footbanner_area ul {
	text-align: left;
}


div.footbanner_area ul li {
	display: inline;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*フッター*/
div.footer {
	clear: both;
	border-top: 2px solid rgba(59,191,255,1.00);
	text-align: center;
	min-width: 1000px;
	margin-top: 10px;
}
div.footer p {
	font-size: 80%;
	border-top: 1px dotted rgba(59,191,255,1.00);
	padding-top: 5px;
	padding-bottom: 5px;
}
div.footer ul {
	padding-top: 0px;
}

div.footer li {
	display: inline;
	border: none;
	
}

	div.footer ul li a {
	display: inline;
	background-repeat: no-repeat;
	font-size: 80%;
	background-position: left center;
	text-decoration: none;
	background-image: url(../img/arrow013_05.gif);
	padding-left: 15px;
	margin-left: 1em;
}



 div.footer a:link, div.footer a:visited,div.footer a:active {
	color: #979797;
}
 div.footer a:hover {
	color: #000000;
}

/*トップのバナーとお知らせ*/
div.topnews_area {
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    _zoom: 1;
    border: 2px solid #2E21D9;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.topnews_area table {

}

div.topnews_area table p {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}