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

/* 上部の表 */
table#top_graph {
  border:1px solid #000000;
  border-spacing: 0;
  border-collapse: collapse;
  empty-cells: show;
  margin: 15px 5% 0px 5%;
}
table#top_graph th, table#top_graph td {
  padding:3px;
  border:solid 1px #333333;
}
table#top_graph th {
    font-weight: normal;
    background-color:#ffc966;
}

/* 地図 */
blockquote{
  margin: 10px 0 0 0;
}

#map{
  max-width: 645px;
  width: 100%;
  height: auto;
}
#map_area{
    text-align:center;
    margin-top:15px;
    overflow:hidden;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    margin: 0 auto;
    max-width: 645px;
    width: 100%;
    height: auto;
}

@media only screen and (min-width : 600px) {
  #map_area{
      max-height: 610px;
      text-align:center;
  }
  #hanrei{
      position: relative;
      top:-210px;
      left:230px;
      z-index:200;
  }
}
@media only screen and (max-width : 600px) {
  #map_area{
      text-align:right;
  }
}

/* 下部の表 */
table#bottom_graph {
  border:1px solid #000000;
  border-spacing: 0;
  border-collapse: collapse;
  empty-cells: show;
  margin-top:15px;
  margin-bottom:15px;
  border-top:1px solid #333;
  border-right:1px solid #333;
  width: 100%;
}
table#bottom_graph th, table#bottom_graph td {
    padding:3px;
    border:solid 1px #333;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
}
table#bottom_graph th {
  font-weight: normal;
  background-color:palegoldenrod;
}

table#bottom_graph span{
    padding: 2px;
}

/*地域ごとの警報情報テーブル*/
.weather_area_info_table{
    max-width:900px;
    width:100%;
    border: 0;
}


/*テーブルtd＿1*/
.weather_area_info_table .td_1{
    max-width:140px;
    width: 15%;
    vertical-align: top;
    border: 0;
}

/*テーブルtd＿2*/
.weather_area_info_table .td_2{
    max-width:710px;
    width: 78%;
}

/*テーブルtd＿3*/
.weather_area_info_table .td_3{
    max-width:50px;
    width: 5%;

}
/*市町村情報テーブル*/
.weather_villege_info_table{
    border: 0;
    margin-left: 50px;
    max-width: 800px;
    width: 90%;
}


/*テーブルtd＿1*/
.weather_villege_info_table .td_1{
    max-width: 100px;
    width: 15%;
    vertical-align: top;
}
/*特記事項テーブル*/
@media only screen and (min-width : 768px) {
  .weather_tokki_table{
     margin-left:120px;
  }
}
@media only screen and (max-width : 767px) {
  .weather_tokki_table{
     margin-left:50px;
  }
}
.weather_tokki_table{
     border: 0;
     max-width:650px;
     width:80%;
}

/*テーブルtd＿1*/
.weather_tokki_table .td_1{
    max-width: 100px;
    width: 15%;
    vertical-align: top;
}