?.topics_photo_and_text {
	width: 440px;
	margin-bottom: 5px;
}
#top_page_contents_and_banner {
    padding-top: 5px;
	width: 950px;
}

/* グローバルナビ（ドロップダウン）始まり */
.navi {
	width: 950px;
	height: 40px;
	background-image: url('images/btn057_01a.jpg');
	background-repeat: no-repeat;
	list-style-type: none;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
}
.navi li {
	float: left;	
    color: #009999;
	text-align: center;
	margin-top: 11px;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #009999;
	font-size: 13px;
	font-weight: normal;
}
.navi li a {
	text-decoration: none;
	color: #009999;
    display: block;
    width: 100%;
}
.navi li a:hover {
    background-color: #d2f2f1;
}
.navi li ul {
    display: none;
    position: absolute;
    width: 180px;
    background-color: #c8e8e7;
    border: solid 1px #5BB3B5;
    list-style-type: none;
    padding-left: 0px;
    z-index:30;
}
.navi li ul li {
    margin: 0;
    padding: 0;
    width: 180px;
    border-bottom: dotted 1px #5BB3B5;  
    text-align: center;
    font-size: 15px;
    position:relative;
}
.navi li ul li a {
    display: inline-block;
    width: 180px;
    height: 20px;
    padding-top: 2px;
}
.navi li ul li a:hover {
    background: #d2f2f1;
    color: #ffffff;
} 
ul.navi li ul.navi2 {
    display: none;
    position:absolute;
    left: 180px;
    top: 0;
}
  
/* グローバルナビ（ドロップダウン）終わり */

#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
}
.clear { 
    clear:both;
} 
#region_navi {
	padding: 0px 0px 0px 3px;
	width: 787px;
	height: 60px;
	float: right;
	background-image: url('images/katsudoukokunavi.jpg');
	background-repeat: no-repeat;
	list-style-type: none;
	margin-bottom: 5px;
	margin-top: 2px;
}
#region_navi li {
	float: left;
	color: #0033CC;
	text-align: center;
	margin-top: 9px;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #0033CC;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4em;
}
#region_navi li a {
	text-decoration: none;
    display: block;
    width: 100%;
}
#region_navi li a:hover {
    background-color: #eaecf9;
}
#region_navi li a:visited {
    color: #0033CC;
}
#main img {
	margin: 0px;
	padding: 0px;
}
#region_navi_container {
	width: 950px;
}
#hukkousienjigyou {
	width: 159px;
	float: left;
	color: #0000FF;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
}


body {
    color: #333333;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    line-height: 1.6em;
	font-size: 14px;
}
#code_explanation {
	width: 950px;
    height: 72px;
}
#code_explanation img {
    margin-left: 20px;
	float: left;
}
#code_explanation_text {
	float: right;
	width: 720px;
	text-align: center;
	color: #009999;
	font-size: 12px;
	line-height: 1.2em;
	margin-top: 10px;
}


#banner {
	width: 160px;
	float: right;
}
#banner img {
    margin-top:10px;
}

#top_page_contents {
	width: 790px;
	float: left;
}
#facebook_and_you_tube {
	width: 330px;
	float: right;
    margin: 0px 10px 0px 10px;    
}
#news_and_events {
	width: 440px;
	float: left;
}
h1 { 
   border: solid;
   border-color:#C4E1FF; 
   border-width: 1px 15px 8px 1px; 
   font-size:16px;
   color: navy;  
   padding: 5px;  
}

.topics {
	width: 440px;
}
h2 {
	border-left-width: 4px;
	border-left-color: #92AEEB;
	background-color: #D9E8F7;
	font-size:20px;
	color: #000048;
	border-left-style: solid;
    margin-top: 0px;
    margin-left: 10px;
    padding-left: 10px;
}
h2.top {
	border-left-width: 4px;
	border-left-color: #92AEEB;
	background-color: #D9E8F7;
	font-size: 15px;
	color: #000048;
	border-left-style: solid;
    margin-left: 0px;
}

.infobox {
   height: 5em;
   width : 440px;
   overflow: scroll;
   border: blue 1px dotted;
   margin: 5px 0px 5px 0px;
}
.topics_photo1 {
	width: 200px;
	float: left;
	background-color: #DDEEFF;
	font-size: 13px;
	line-height: 1.2em;
}
.topics_text1 {
	width: 230px;
	float: right;
	padding: 5px;
}
#contents_and_local_navi {
	width: 950px;
}
#local_navi {
	width: 200px;
	float: left;
}
#contents {
	width: 732px;
	float: right;
}
#local_navi_menu ul{
    list-style: none; 
    padding: 0;
    margin: 0;
}
#local_navi_menu li{
    padding: 0; 
    margin: 0;
}
#local_navi_menu li a{
    display:block;
    text-decoration: none;
    color: #555;
    padding: 2px 0px 3px 18px;
    font-size: 14px;
    border-bottom: 1px dotted blue;
    width: 200px;
    margin: 1px 0px;
    background: url(images/092.gif) no-repeat left 3px;
}
#local_navi_menu li a:hover {
    background: url(images/091.gif) no-repeat left 3px;
    color: blue;
}
#contents_text {
	width: 672px;
	padding-right: 30px;
	padding-left: 30px;
}


/* アコーディオンメニュー始まり */

#menu {
 	list-style:none;
	padding: 0px;
	margin: 0px;
}
#menu li {
	padding: 0px;
    margin: 0px;
}
#menu li a {
    display:block;
    text-decoration: none;
    color: #555;
    padding: 2px 0px 3px 18px;
    font-size: 14px;
    border-bottom: 1px dotted blue;
    width: 200px;
    margin: 1px 0px;
    background: url(images/092.gif) no-repeat left 3px;
}	
#menu li a:hover {
    background: url(images/091.gif) no-repeat left 3px;
    color: blue;	
}

.archive{	
	cursor:pointer;	
}
.subMenu {
	list-style: none;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}
.subMenu li {	
	padding: 0px;	
}
#menu li ul.subMenu li a {
	display:block;
	width: 170px;
    text-decoration: none;
    color: #555;
    padding: 2px 0px 3px 18px;
    font-size: 14px;
    border-bottom: 1px dotted blue;
    margin: 1px 0px;
    background: url(images/088.gif) no-repeat left 3px;
}
#menu li ul.subMenu li a:hover {
    background: url(images/087.gif) no-repeat left 3px;
    color: blue;
}
/* アコーディオンメニュー終わり */

.submenu_display {
	list-style: none;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	background-image: none;
}
.submenu_display li {	
	padding: 0px;	
    margin: 1px 0px;
    background: url(images/088.gif) no-repeat left 3px;
}
#menu li ul.submenu_display li a {
    width: 170px;
    background: url(images/088.gif) no-repeat left 3px;
}


#menu li ul.submenu_display li a:hover {
    background: url(images/087.gif) no-repeat left 3px;
    color: blue;
}


h3 {   
    background:#eee;   
    border-top:1px solid #ccc;   
    border-right:1px solid #ccc;   
    border-left:2px solid #66CCFF;   
    border-bottom:1px solid #ccc;   
    padding:.8em .9em;  
    font-size: 15px;
}  
h3.contents_h3 {   
    background:#eee;   
    border-top:1px solid #ccc;   
    border-right:1px solid #ccc;   
    border-left:2px solid #66CCFF;   
    border-bottom:1px solid #ccc;   
    padding:.8em .9em; 
    font-size: 15px;
    margin: 0px;
}  
h4 {   
    border-left:2px solid #99CCFF;   
    padding-left: 10px;
    font-size: 14px;
}
.table1 {
	border: 1px solid #99CCFF;
	background-color: #FFFFFF;
}
.table1 td {
	border: 1px dotted #99CCFF;
}

.ended_project_box {
	width: 231px;
	height: 400px;
	border: 1px solid #99CCFF;
	background-color: #F0FFFF;
}
#ended_project {
	list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#ended_project li {
	float:left;
	margin: 0px;
	padding: 10px 0px 0px 10px;
    display:inline;
}

#ended_project li img {
	padding: 7px 0px 0px 10px;
}
.present_project_box {
	width: 350px;
	height: 200px;
	border: 1px solid #99CCFF;
	background-color: #F0FFFF;
}
#present_project {
	list-style-type: none;
    margin: 0 0 0 6px;
    padding: 0px;
}
#present_project li {
	float:left;
	margin: 0px;
	padding: 6px 0px 0px 6px;
    display:inline;
}
#each_project_detail {
	width: 350px;
	float: right;
	padding-left: 20px;
}
#each_project_photo {
	float: left;
	width: 300px;
}
#present_each_project_detail {
	width: 350px;
	float: left;
}
#present_each_project_photo {
	float: right;
	width: 300px;
	padding-left: 20px;
}
#ended_project_ichiran_left {
	float: left;
	width: 350px;
    margin-left: 10px;
}
#ended_project_ichiran_right {
	float: right;
	width: 350px;
}
.region {
	font-size: 14px;
	color: #000080;
}
#ended_project_scroll_navi {
    position:fixed;	
}
#present_project_scroll_navi {
    position:fixed;	
}
#map_centering {
	width: 730px;
	text-align: center;
}
#present_project_disaster_summary {
	width: 330px;
	float: left;
}
#present_project_each_map {
	width: 330px;
	float: right;
}
#disaster_sammary_box {
	width: 300px;
	border: 1px solid #99CCFF;
	background-color: #F0FFFF;
    padding: 10px 0 0 10px;
}
#sitemap {
    width:950px;
    margin-left:auto;
    margin-right:auto;
	background-color: #c7eff9;
	color: #009999;
    padding: 20px 0 20px 0px;
    
}
#sitemap table {
    margin: 0 20px 0 20px;  
    float: right; 
}
#sitemap table a {
    text-decoration:none; 
    color: #009999;
    line-height: 120%;  
}
#footer {
	text-align:center;
	color: #009999;
	background-color: #FFFFFF;
	line-height: 180%;
}
#access_text {
	width: 605px;
	float: right;
}
#contact_centering {
	text-align:center;
}
#flash_division {
	width: 950px;
}
#flash {
	float: left;
}
#topics1 {
	width: 340px;
	height:300px;
	float: right;
	margin: 0 0 0 10px;
	background-color: #B5DAFF;
}
#bxslider{
    width:600px;
    height:460px;
    float:left;
    z-index:0;
}
#bxslider ul{
    height:460px;
}
#bxslider_and_topbanner {
	width:950px;
        height:460px;
}
#topbanner {
	width:330px;
	float:right;
}
.contents1 {
	padding: 20px;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}