/*  ▼▼▼common▼▼▼  */
body {  color: #000000; background-color: #F1F1F1;
margin:0px;
padding:0px;
}
img { border: 0;
}
td {  vertical-align: top;
margin:0px;
padding:0px;
}
 
 h1 {
margin:0px;
padding:10px 0px 0px 20px;
font-size:14px;
font-weight:bold;
float: left;
}

h2 {
margin: 0px;
padding: 0px;
font-size:12px;
font-weight: normal;
}

h3 {
margin: 0px 0px 0px 15px;
padding: 10px 0px 0px 0px;
font-size:12px;
font-weight: normal;
}
 
#body {
width: 760px;
background-color: #FFFEDF;
border: #666600 solid;
border-width: 0px 1px 0px 0px;
}
#contents { 
 width: 720px;
 margin: 15px 20px 0px 20px;
 padding: 0px;
}
#contents p{ 
 font-size:12px;
 line-height: 150%;
}
#contents_l_top { 
width: 400px;
margin: 0px 10px 0px 0px;
float: left;
}
#contents_r_top { 
width: 310px;
float: right;
}

/*▼▼▼hedder▼▼▼*/
#header { width: 760px; height: 70px; background: url('../images/common/header.gif') no-repeat;
}

h1 {
margin:0px;
padding:10px 0px 0px 22px;
font-size:14px;
font-weight:bold;
float: left;
}

#top_button {
 margin:0px;
 padding:8px 20px 0px 0px;
 font-size:14px;
 float: right;
 }

#head_menu{
 width: 700px;
 height: 15px;
 margin: 0px;
 padding : 0px;
 position:absolute;
 top: 50px;
 left: 53px;
}
#head_menu ul{
 margin: 0px;
 padding : 0px;
 list-style: none;
}
#head_menu img{
 margin:0px 3px 0px 0px;
 padding : 0px;
}
#head_menu li{
 margin : 0px 7px 0px 0px;
 padding: 0px;
 float: left;
  }
 
 #head_menu a{
 font-size: 12px;
 color: #FFFFFF;
 text-decoration: none;
 }

 #head_menu a:hover{
 font-size: 12px;
 color: #FF9900;
  }
/*▼▼▼contents▼▼▼*/
.cel {
 margin : 0px 0px 10px 0px;
 padding: 0px;
}

.attention {
 margin: 10px 0px 0px 0px;
 font-size: 12px;
 color: #FF0000;
 }

.explanation {
 height: 170px;
 margin : 0px;
 padding: 5px 155px 5px 15px;
 background-color: #FFFFFF;
 background-image: url('../images/top_page/google_image.gif');
 background-repeat: no-repeat;
 background-position: 251px 11px;
 border: #7C6453 solid;
 border-width: 0px 1px 0px 1px;
 font-size: 12px;
 line-height: 150%;
}

.explanation a{
 font-size: 10px;
 color: #0000FF;
 text-decoration: none;
}

.explanation a:hover{
 font-size: 10px;
 color: #FF9900;
 text-decoration: underline;
}

.explanation2 {
 height: 150px;
 margin : 0px;
 padding: 5px 155px 0px 15px;
 background-color: #FFFFFF;
 background-image: url('../images/top_page/map_image.gif');
 background-repeat: no-repeat;
 background-position: 248px 9px;
 border: #7C6453 solid;
 border-width: 0px 1px 0px 1px;
 font-size: 12px;
 line-height: 150%;
}

.explanation2 a {
 font-size: 10px;
 color: #0000FF;
 text-decoration: none;
}

.explanation2 a:hover{
 font-size: 10px;
 color: #FF9900;
 text-decoration: underline;
}

.corner_top {
 margin : 4px 0px 0px 0px;
 padding: 0px;
}

.corner_bottom {
 margin : 0px;
 padding: 0px;
}
.explanation3 {
 height: 170px;
 margin : 0px;
 padding: 5px 15px 5px 15px;
 background-color: #FFFFFF;
 border: #7C6453 solid;
 border-width: 0px 1px 0px 1px;
 font-size: 12px;
 line-height: 150%;
}

.explanation3 a{
 font-size: 10px;
 color: #0000FF;
 text-decoration: none;
}

.explanation3 a:hover{
 font-size: 10px;
 color: #FF9900;
 text-decoration: underline;
}

.info {
 margin : 0px;
 padding: 0px;
 background-color: #FFFFFF;
 border: #CCCCCC solid;
 border-width: 0px 1px 0px 1px;
}
/*▼▼▼トップページ用▼▼▼*/
.menu {
 width: 100px;
 margin : 0px 5px 4px 0px;
 padding: 0px 0px 4px 0px;
 float: left;
}
.menu_text{
 margin : 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 150%
 float: right;
}
 
.clear4 {
 margin : 4px 0px 0px 0px;
 padding: 0px;
 clear: both;
}
.clear {
 margin : 0px;
 padding: 0px;
 clear: both;
}

 /*▼▼▼全域地図▼▼▼*/
 #contents_l_map {
 width: 475px;
 margin: 10px 10px 15px 0px;
 float: left;
}

 .map {
 margin : 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
}

#contents_r_map { 
 width: 233px;
 margin : 10px 0px 15px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
 background-color: #FFFFFF;
 float: right;
}

#contents_r_map p { 
 margin : 0px 10px 10px 10px;
 padding: 0px;
 font-size: 10px;
 color: #666666;
 line-height: 150%;
}
 .right_title {
 margin : 0px 0px 10px 0px;
 padding: 0px;
 background-color: #330000;
}
.attention_map {
 margin: 10px 0px 0px 10px;
 font-size: 10px;
 color: #FF0000;
 }
#pdf_link {
 margin:20px;
 padding : 0px;
 list-style: none;
}

 #pdf_link a{
 font-size: 10px;
 color: #666666;
 line-height: 150%;
 text-decoration: none;
 }

 #pdf_link a:hover{
 font-size: 10px;
 color: #FF9900;
 line-height: 150%;
  } 
 /*▲▲▲全域地図▲▲▲*/

 /*▼▼▼分割地図▼▼▼*/
#contents_l_map2 {
 width: 570px;
 margin: 10px 10px 15px 0px;
 float: left;
}
#contents_r_map2 { 
 width: 138px;
 margin : 10px 0px 15px 0px;
 padding: 0px;
 float: right;
}
#contents_r_map2 h4 {
margin: 0px 0px 0px 0px;
padding: 0px;
font-size:14px;
 }
.map_button { 
 margin : 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
 background-color: #FFA800;
}
.notes_button { 
 margin : 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px 1px 0px 1px;
 background-color: #FFA800;
}
#contents_r_title {
 margin : 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
 background-color: #330000;
}
#contents_r_title2 {
 margin : 7px 0px 0px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
 background-color: #330000;
}
.hanrei_bg {
 margin : 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 0px 1px 1px 1px;
 background-color: #D9EBA6;
}
/*▲▲▲分割地図▲▲▲*/
 /*▼▼▼分割地図の移動矢印ボタン▼▼▼*/
#arrow_n { 
 width:11px;
 height:11px;
 z-index:1;
 margin : 0px;
 padding: 0px;
 position:absolute;
 left: 305px; top: 135px;
}
#arrow_e { 
 width:11px;
 height:11px;
 z-index:2;
 margin : 0px;
 padding: 0px;
 position:absolute;
 left: 567px; top: 345px;
}
#arrow_s { 
 width:11px;
 height:11px;
 z-index:3;
 margin : 0px;
 padding: 0px;
 position:absolute;
 left: 305px; top: 545px;
}
#arrow_w { 
 width:11px;
 height:11px;
 z-index:4;
 margin : 0px;
 padding: 0px;
 position:absolute;
 left: 30px; top: 345px;
}
/*▲▲▲分割地図の移動矢印ボタン▲▲▲*/
/*▼▼▼ハザードマップ説明ページ▼▼▼*/
#flood_zone{
 width: 128px;
 margin: 0px;
 padding: 5px;
 border: #330000 solid;
 border-width: 1px;
 background-color: #FFFFFF;
 }
#flood_rank img{
 margin: 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
 }
/*▲▲▲ハザードマップ説明ページ▲▲▲*/

/*▼▼▼学習ページ・外枠・標準レイアウト用▼▼▼*/
#content_bg {
 width: 550px;
 margin : 10px 5px 15px 0px;
 padding: 0px;
 float: left;
 }
 #content_bg img{
 margin : 0px;
 padding: 0px;
 }
#content_bg p{
 margin: 0px;
 padding: 3px 0px 5px 0px;
 font-size: 12px;
 line-height: 140%;
}
#content_bg ul{
 margin: 5px 0px 5px 30px;
 padding: 0px;
}
#content_bg li{
 margin: 0px;
 padding: 0px 0px 5px 0px;
 font-size: 12px;
 line-height: 140%;
}
 #aisatsu_bg {
 width: 540px;
 margin : 10px 10px 0px 0px;
 padding: 0px;
 float: left;
 }
#aisatsu_bg h4 {
margin: 0px 0px 10px 0px;
padding: 0px;
font-size:14px;
 }
#aisatsu_bg p{
 margin: 0px;
 padding: 0px 0px 15px 0px;
 font-size: 12px;
 line-height: 150%;
}
/*▼▼▼リンクページ　▼▼▼*/
 #link_bg {
 width: 690px;
 margin : 10px 5px 15px 0px;
 padding: 0px;
 }
#link_bg ul{
 margin: 0px 0px 15px 30px;
 padding: 0px;
}
#link_bg li{
 margin: 0px;
 padding: 0px 0px 5px 0px;
 font-size: 12px;
}
/*▼▼▼入れ子　li　▼▼▼*/
.box {
 margin:0px 0px 10px 10px;
 padding : 0px;
 list-style: none;
 }
 .box li{
 margin: 0px;
 padding: 0px 0px 5px 0px;
 font-size: 12px;
}
 /*▲▲▲入れ子　li　▲▲▲*/
/*▼▼▼コンテンツからのリンク　▼▼▼*/
#content_bg a{
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 }

 #content_bg a:hover{
 font-size: 12px;
 color: #FF9900;
  }
#link_bg a{
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 }
#link_bg a:hover{
 font-size: 12px;
 color: #FF9900;
  } 
#study_index li{
 margin : 0px;
 padding: 0px;
}
 /*▼▼▼学習ページ・トップページ　▼▼▼*/
 #top_left {
 width: 200px;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 float: left;
 } 
 #top_left img{
 margin: 0px 0px 15px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px; 
}  
#top_right {
 width: 320px;
 margin: 0px;
 padding: 0px;
 float: right;
 }
 /*▼▼▼学習ページ・情報の伝達系統レイアウト　▼▼▼*/
#dentatsu_img{
 margin : 5px 0px 15px 0px;
 padding: 0px;
}
 /*▼▼▼学習ページ・避難情報の種類テーブル用　▼▼▼*/
.td_hinan_yh {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FFFF66;
 white-space: nowrap;
}
.td_hinan_yh {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FFFF66;
 white-space: nowrap;
}
.td_hinan_y {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FFFFCC;
}
.td_hinan_oh {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FFCC66;
 white-space: nowrap;

}
.td_hinan_o {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FFCC99;
}

.td_hinan_rh {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FF6666;
 white-space: nowrap;

}
.td_hinan_r {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FFCCCC;
}
 /*▼▼▼学習ページ　テーブル標準用　▼▼▼*/
.td_bg{
 background-color: #330000
}
.caption{
 margin 5px 0px 2px 0px;
 padding: 0px;
 font-size: 12px;
 text-align: left;
}
.table100per {
 width: 100%;
}
.table100per2 {
 width: 100%;
}
 .table100per th {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 color: #FFFFFF;
 text-align: center;
 white-space: nowrap;
 background-color: #6A6007;
}
 .table100per2 th {
 margin: 0px;
 padding: 5px;
 font-size: 14px;
 color: #FFFFFF;
 text-align: center;
 white-space: nowrap;
 background-color: #6A6007;
}
.td_river {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #90883F;
}
.td_river2 {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #6A6007;
}
.td_earth {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #F4ECA4;
}
.table100per td {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FFFFFF;
}
 /*▼▼▼学習ページ　避難の目安となる情報のテープル用　▼▼▼*/
 .th_rain {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 color: #FFFFFF;
 text-align: center;
 white-space: nowrap;
 background-color: #6A6007;
}
.td_white {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FFFFFF;
}
.td_alarm {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: normal;
 text-align: center;
 background-color: #6C3F03;
}
 /*▼▼▼用語集　テーブル用　▼▼▼*/
.term_bg{
 margin 10px 0px 0px 0px;
 background-color: #330000
}
 .th_term1 {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #666666;
}
 .th_term2 {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 white-space: nowrap;
 background-color: #999999;
}
 .th_term3 {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #CCCCCC;
}
 .td_term4 {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 line-height: 130%;
 background-color: #FFFFFF;
}
 /*▼▼▼学習ページ・水防信号テーブル用　▼▼▼*/
.td_bg330px{
 width: 320px;
 background-color: #330000
}

.rank img{
 margin: 0px 0px 4px 0px;
 padding: 0px;
 border: #6A6007 solid;
 border-width: 1px;
}
.td_center {
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 background-color: #FFFFFF;
 text-align: center;
 vertical-align: middle;
 }
.td120 {
 width:120px;
 margin: 0px;
 padding: 5px;
 font-size: 12px;
 color: #FFFFFF;
 text-align: left;
 background-color: #6A6007;
}

h4 {
margin: 0px 0px 3px 0px;
padding: 0px;
font-size:14px;
}
h5 {
margin: 10px 0px 2px 0px;
padding: 0px;
font-size:12px;
color: #330000;
}
h6 {
margin: 5px 0px 2px 0px;
padding: 0px;
font-size:12px;
color: #663300;
}
.f10 {
margin: 2px 0px 0px 0px;
padding: 0px;
font-size:10px;
color: #6A6007;
}

 /*▼▼▼学習ページ　土砂災害イメージレイアウト用　▼▼▼*/
.dosya {
width: 170px;
 margin: 5px 10px 0px 0px;
 padding: 0px;
 font-size: 12px;
 }
 .dosya img {
 margin: 0px 10px 5px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
 }
#dosya_sign {
 }
#dosya_sign div{
 width: 130px;
 margin: 0px  3px 15px 0px;
 padding: 0px;
 font-size: 10px;
 }
#dosya_sign img {
 width: 130px;
 margin: 0px 3px 2px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
 }
#dosya_sign ul{
 margin: 0px 0px 0px 15px;
 padding : 0px;
 }
#dosya_sign  li{
 margin : 0px 3px 0px 0px;
 padding: 0px;
 font-size: 10px;
  }
 /*▼▼▼学習ページ　川の氾濫イメージレイアウト用　▼▼▼*/
 .river_l {
 width: 270px;
 margin: 3px 6px 10px 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 140%;
 float: left;
 }
 .river_l img {
 margin: 3px 0px 5px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px; 
 }
  .river_r {
 width: 270px;
 margin: 3px 0px 0px 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 140%;
 float: left;
 }
 .river_r img {
 margin: 3px 0px 5px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px; 
 }
/*▼▼▼学習ページ　避難時の心得レイアウト用　▼▼▼*/
.left200 {
width: 200px;
margin: 0px 10px 0px 0px;
padding: 0px;
float: left;
}
 .left200 img {
 margin: 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px; 
 }
.right {
width: 330px;
margin: 0px;
padding: 0px;
float: right;
}
.right h5 {
margin: 0px 0px 2px 0px;
padding: 0px;
font-size:12px;
color: #330000;
}

 /*▼▼▼学習ページ　地震への備えイメージレイアウト用　▼▼▼*/
#sonae_left {
 width: 382px;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 float: left;
 } 
#sonae_right {
 width: 158px;
 margin: 0px;
 padding: 0px;
 float: right;
 }
 .earthquake1 {
 width: 200px;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 140%;
 }
 .earthquake1 img {
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
 }
 .earthquake2 {
 width: 79px;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 140%;
 }
 .earthquake2 img {
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px;
 }
#earthquake_left {
 width: 270px;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 float: left;
 } 
#earthquake_right {
 width: 270px;
 margin: 0px;
 padding: 0px;
 float: right;
 }
 .earthquake3 {
 width: 90px;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px; 
 float: left;
 }
 .earthquake4 {
 width: 165px;
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 140%;
 float: right;
 }
.f12 {
margin: 0px;
padding: 0px;
font-size:12px;
color: #6A6007;
}
/*▼▼▼学習ページ　動画▼▼▼*/
#movie_bg{
 width: 536px;
 margin : 0px;
 padding: 0px;
 font-size:12px;
 }
#movie_bg h5 {
margin: 0px 0px 2px 0px;
padding: 0px;
font-size:12px;
color: #330000;
}
.movie_img{
 margin : 0px;
 padding: 0px;
 border: #330000 solid 1px;
}
.movie_bgl{
 width: 354px;
 margin : 0px 0px 10px 0px;
 padding: 0px;
 float: left;
}
.movie_bgr{
 width: 172px;
 margin : 0px 0px 0px 10px;
 padding: 0px;
 float: right;
}
.movie_l{
 width: 172px;
 margin : 0px 10px 0px 0px;
 padding: 0px;
 float: left;
}
.movie_c{
 width: 172px;
 margin : 0px 0px 0px 0px;
 padding: 0px;
 float: right;
}
.movie_r{
 width: 172px;
 margin : 0px;
 padding: 0px;
 float: right;
}
.movie_buttonl{
 margin : 3px 0px 0px 0px;
 padding: 0px;
 float: left;
}
.movie_buttonr{
 margin : 3px 0px 0px 0px;
 padding: 0px;
 text-align: right;
}

#movie_explanation{
 font-size: 12px;
 margin : 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 }
#media_link {
 margin : 0px 0px 0px 0px;
 padding: 5px;
 background-color: #FFF4BE;
 border: #B98C46 solid;
 border-width: 1px;
 font-size: 10px;
 line-height: 150%;
 clear: both;
}
#media_link img{
 margin : 5px 0px 0px 0px;
 padding: 0px;
}
#media_bgr{
}
.floot {
 width: 172px;
 margin : 0px 0px 10px 0px;
 padding: 0px;
}
.floot h5 {
margin: 0px 0px 2px 0px;
padding: 0px;
font-size:12px;
color: #330000;
}
/*▼▼▼シミュレーションの内容説明　▼▼▼*/
#explanation_bg {
 width: 514px;
 margin: 0px 0px 0px 10px ;
 }
#explanation_l {
 width: 245px;
 margin: 0px 20px 10px 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 140%;
 float: left;
 }
#explanation_l img {
 margin: 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px; 
 }
#explanation_r {
 width: 245px;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 140%;
 float: right;
 }
#explanation_r img {
 margin: 0px;
 padding: 0px;
 border: #330000 solid;
 border-width: 1px; 
 }
#diovista {
 margin: 0px 14px 0px 10px;
 padding: 5px;
 font-size: 10px;
 line-height: 140%;
 border: #BFBD75 solid;
 border-width: 1px;
 background-color: #FFFFFF;
}
/*▼▼▼学習ページ　目次▼▼▼*/
#study_index_bg{
 width: 160px;
 top: 0;
 right:0;
 margin: 10px 0px 0px 0px;
 padding : 0px;
 list-style: none;
 border: #330000 solid;
 border-width: 1px;
 background-color: #FFFFFF;
 float: right;
}

#study_index{
 margin: 0px;
 padding : 10px;
 list-style: none;
}

#study_index li{
 font-size: 12px;
 color: #330000;
 margin : 0px;
 padding: 0px;
}
 
 #study_index a{
 font-size: 12px;
 color: #666666;
 line-height: 150%;
 text-decoration: none;
 }

 #study_index a:hover{
 font-size: 12px;
 color: #FF9900;
 line-height: 150%;
  }
/*▲▲▲学習ページ用　ここまで▲▲▲*/

  /*▼▼▼footer▼▼▼*/
#footer { 
 height: 25px; width: 760px;
 margin: 15px 0px 0px 0px;
 padding : 0px;
 background-image: url('../images/common/footer_bg.gif');
 background-repeat: repeat-x; 
 border: #666600 solid;
 border-width: 0px 1px 0px 0px;
 clear: both;
}
#copyright {
 margin: 0px 0px 0px 10px;
 padding: 5px 0px 0px 0px;
 font-size: 10px;
 color: #FFFFFF;
 float: left;
}
#pagetop {
 margin: 0px 10px 0px 0px;
 padding: 5px 0px 0px 0px;
 font-size: 9px;
 color: #FFFFFF;
 float: right;
}
 #pagetop a{
 font-size: 10px;
 color: #FFFFFF;
 text-decoration: none;
 }