/* -- warn -- */
@charset "utf-8";

a.more-link-right {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAA1VBMVEUBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIFdXVxAAAARnRSTlMA+egCAdv8PvNJymIDISiJP2PrzIrDwkZH9sVcxIvs4NwxJx3hM0AWcmH+5i7e/TBTb0rt8kJI+O73EiDLshhY9TRe4yJgSmPRSQAAAQdJREFUeF5d09duwzAMhtFfHrHjmdhJM+q0abr33nvp/R+psExQYr874QACQUigEERl4ynlNaMogMxPQ82Fqe9anmhRklvbqwi4KgI1UQycmna2uiEQxavWsoQg2d0/6FlNMgAp2dE2gHVHh0AQEnqA1DDAgA+fRr+sDlAyfv8Y/WUtMdbcTm708IxwDZ62bXZ6yVMo7epzi8Fxh0pidYK2U0Jx7ca5sQu+duzYlrErxQON2K476/MUpbOEW2N393YJdn0PxqaPbKEPDAl7TwAmM7F4ZC+kr2/++4e1OgOAItbUTNviAs58MtUHSOP/FrMBRS2tLuSjXlpa8qNmjhbz9jvMFxHTH/eOg07IL9mfAAAAAElFTkSuQmCC");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  font-size: 0.875em;
  color: #0b5daa;
  display: inline-block;
  line-height: 1.2;
  padding-left: 17px;
}

.common-list-entries a img {
  vertical-align: middle;
  margin-left: 2px;
}

/* -------------------------------------------- */
/* 警報・注意報                                 */
/* -------------------------------------------- */

#contents-reload-button {
  margin-top: -3px;
  float: right;
}

#wrap-disasterVarious,
#wrap-warn-announced-table {
  padding: 0;
  border: 0;
}

table.warn-announced-table {
  width: 100%;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}


table.warn-announced-table th {
  width: 15%;
  background-color: #F4F4EE;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  text-align: left;
}

table.warn-announced-table td {
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

table.warn-announced-table th.warning {
  width: 15%;
}

table.warn-announced-table th.heavy-rain-first,
table.warn-announced-table th.heavy-rain, 
table.warn-announced-table th.special-heavy-rain-first, 
table.warn-announced-table th.special-heavy-rain {
  width: 10%;
  padding-left: 10px;
}

table.warn-announced-table th,
table.warn-announced-table td {
  padding: 5px 5px 5px 10px;
}

table.warn-announced-table td {
  padding-left: 15px;
}

table.warn-announced-table td a,
table.warn-announced-table td span {
  display: block;
  float: left;
  margin: 2px 1px 2px 1px;
  
}

table.warn-announced-table td a {
  color: #0b5daa;
  width: 80px;
}

table.warn-announced-table th,
table.warn-announced-table td {
  vertical-align: middle;
}

table.warn-announced-table td a img {
  margin-top: -5px;
  margin-left: 2px;
  vertical-align: middle;
}

table.warn-announced-table td span {
  font-size: 85%;
  color: #CCC;
}

table.warn-announced-table th span.warn-icon-area img {
  margin-top: -5px;
  margin-right: 2px;
  vertical-align: middle;

}

.warn-sidemenu-recent-entries li {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: dotted 1px #CCC;
}
.warn-sidemenu-recent-entries li:first-child {
  padding-top: 0;
}
.warn-sidemenu-recent-entries li a {
  position: relative;
  display: block;
}
.warn-sidemenu-recent-entries li a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: -4px;
  right: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid #0160c2;
  border-bottom: 4px solid #0160c2;
  border-left: 4px solid transparent;
}
.warn-sidemenu-recent-entries li .pref-name {
  font-weight: bold;
  margin: 3px 3px 7px 0;
  color: #0B5DAA;
}
.warn-sidemenu-recent-entries li .datetime {
  margin: 3px 3px 7px 3px;
  font-size: 0.875em;
}
.warn-sidemenu-recent-entries li .warn-kind-entries {
  margin: 5px 0px 5px 12px;
  display: block;
}
.warn-sidemenu-recent-entries li .warn-kind-entries span {
  font-size: 0.875em;
  padding: 1px 4px;
}
.warn-sidemenu-recent-entries li .warn-map-area-entries-warn-fuken-body {
  margin-left: 15px;
  font-size: 0.875em;
  line-height: 1.4;
}

#warn-map {
  /*width: 605px;*/
  height: 439px;
  background-color: #9ac8e2;
  position: relative;
}

#warn-map-image {
  position: absolute;
  top: 0;
  left: 0;
}

ul#warn-map-link li {
  width: 41px;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
}

ul#warn-map-link li { background-color: #FFFFFF; }
ul#warn-map-link li.yellow { background-color: #FFFF09; }
ul#warn-map-link li.red { background-color: #FF0909; }
ul#warn-map-link li.purple { background-color: #C800FF; }

ul#warn-map-link li a {
  width: 41px:
  height: 18px;
  display: block;
  text-decoration: none;
}

ul#warn-map-link li a:hover {
  text-decoration: underline;
}

ul#warn-map-link li a { color: #444444; }
ul#warn-map-link li.yellow a { color: #444444; }
ul#warn-map-link li.red a { color: #FFFFFF; }
ul#warn-map-link li.purple a { color: #FFFFFF; }

ul#warn-map-link li.text-pref1 { top: 120px; left: 505px; }
ul#warn-map-link li.text-pref2 { top: 141px; left: 505px; }
ul#warn-map-link li.text-pref3 { top: 120px; left: 549px; }
ul#warn-map-link li.text-pref4 { top: 141px; left: 549px; }
ul#warn-map-link li.text-pref5 { top: 179px; left: 505px; }
ul#warn-map-link li.text-pref6 { top: 179px; left: 549px; }
ul#warn-map-link li.text-pref7 { top: 200px; left: 505px; }
ul#warn-map-link li.text-pref8 { top: 200px; left: 549px; }
ul#warn-map-link li.text-pref9 { top: 221px; left: 505px; }
ul#warn-map-link li.text-pref10 { top: 221px; left: 549px; }
ul#warn-map-link li.text-pref11 { top: 280px; left: 505px; }
ul#warn-map-link li.text-pref12 { top: 280px; left: 549px; }
ul#warn-map-link li.text-pref13 { top: 301px; left: 461px; }
ul#warn-map-link li.text-pref14 { top: 259px; left: 549px; }
ul#warn-map-link li.text-pref15 { top: 280px; left: 461px; }
ul#warn-map-link li.text-pref16 { top: 259px; left: 461px; }
ul#warn-map-link li.text-pref17 { top: 259px; left: 505px; }
ul#warn-map-link li.text-pref18 { top: 15px; left: 293px; }
ul#warn-map-link li.text-pref19 { top: 15px; left: 337px; }
ul#warn-map-link li.text-pref20 { top: 36px; left: 293px; }
ul#warn-map-link li.text-pref21 { top: 36px; left: 337px; }
ul#warn-map-link li.text-pref22 { top: 301px; left: 505px; }
ul#warn-map-link li.text-pref23 { top: 301px; left: 549px; }
ul#warn-map-link li.text-pref24 { top: 385px; left: 388px; }
ul#warn-map-link li.text-pref25 { top: 406px; left: 344px; }
ul#warn-map-link li.text-pref26 { top: 385px; left: 344px; }
ul#warn-map-link li.text-pref27 { top: 406px; left: 388px; }
ul#warn-map-link li.text-pref28 { top: 385px; left: 283px; }
ul#warn-map-link li.text-pref29 { top: 385px; left: 239px; }
ul#warn-map-link li.text-pref30 { top: 364px; left: 239px; }
ul#warn-map-link li.text-pref31 { top: 364px; left: 283px; }
ul#warn-map-link li.text-pref32 { top: 406px; left: 239px; }
ul#warn-map-link li.text-pref33 { top: 406px; left: 283px; }
ul#warn-map-link li.text-pref34 { top: 71px; left: 15px; }
ul#warn-map-link li.text-pref35 { top: 71px; left: 59px; }
ul#warn-map-link li.text-pref36 { top: 92px; left: 15px; }
ul#warn-map-link li.text-pref37 { top: 92px; left: 59px; }
ul#warn-map-link li.text-pref38 { top: 113px; left: 15px; }
ul#warn-map-link li.text-pref39 { top: 385px; left: 134px; }
ul#warn-map-link li.text-pref40 { top: 385px; left: 178px; }
ul#warn-map-link li.text-pref41 { top: 406px; left: 134px; }
ul#warn-map-link li.text-pref42 { top: 406px; left: 178px; }
ul#warn-map-link li.text-pref43 { top: 151px; left: 15px; }
ul#warn-map-link li.text-pref44 { top: 151px; left: 59px; }
ul#warn-map-link li.text-pref45 { top: 172px; left: 15px; }
ul#warn-map-link li.text-pref46 { top: 172px; left: 59px; }
ul#warn-map-link li.text-pref47 { top: 193px; left: 15px; }
ul#warn-map-link li.text-pref48 { top: 193px; left: 59px; }
ul#warn-map-link li.text-pref49 { top: 214px; left: 15px; }
ul#warn-map-link li.text-pref50 { top: 15px; left: 210px; }

.warn-map-area-entries .warn-map-area-entries-warn-fuken-name {
  margin-bottom: 5px;
  padding-left: 10px;
  padding-top: 10px;
  border-top: 1px dotted #CCC;
}

.warn-map-area-entries .warn-map-area-entries-warn-fuken-name-first {
  padding-top: 0;
  border-top: none;
}

.warn-map-area-entries table,
 .warn-map-area-entries .warn-map-area-entries-warn-fuken-body {
  margin-left: 15px;
}

.warn-map-area-entries table {
  margin-top: 5px;
  margin-bottom: 10px;
}

.warn-map-area-entries table td {
  width: 144px;
  white-space: nowrap;
}

.warn-map-area-entries table td img {
  margin-bottom: -1px;
}

.warn-kind-entries {
  margin: 6px 0 -4px 12px;
  display: inline-block;
}

.warn-kind-entries span {
  display: block;
  float: left;
}

.map-warn-pref-entries {
  margin-bottom: 40px;
  padding: 10px 15px;
  background-color: #edf6ff;
}
.map-warn-pref-entries p {
  margin-bottom: 10px;
}
.map-warn-pref-entries p:last-child {
  margin-bottom: 0;
}
.map-warn-pref-entries .name {
  font-weight: bold;
}

.map-warn-first-entries-table {
  margin-bottom: 30px;
  width: 100%;
  border-left: #CCC 1px solid;
  border-bottom: #CCC 1px solid;
}

.map-warn-first-entries-table th {
  width: 20%;
  border-top: #CCC 1px solid;
  border-right: #CCC 1px solid;
  background: #F4F4EE;
}

.map-warn-first-entries-table th.map-warn-point {
  background: #FFFFFF;
}

.map-warn-first-entries-table th.map-warn-point a {
  display: block;
  padding: 7px;
}

.map-warn-first-entries-table td {
  width: 60%;
  border-top: #CCC 1px solid;
  border-right: #CCC 1px solid;
}

.map-warn-first-entries-table a {
  color: #0b5daa;
}

.map-warn-second-entries-table td.map-warn-second-entries-table-warn-kind-entries {
  padding-top:7px;
}

.map-warn-second-entries-table-map-warn-point-entries {
  border-bottom: 2px solid #FFF
}

.map-warn-second-entries-table-map-warn-point-entries a {
  display: block;
  float: left;
  padding: 4px;
}

.warn-kind-entries .is-special-warn,
.map-warn-second-entries-table-warn-kind-entries .is-special-warn,
.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table .is-special-warn,
.map-warn-point-recent-entry .is-special-warn,
.map-warn-point-recent-entries-table .is-special-warn,
.map-warn-point-recent-entries-index-box .index .is-special-warn {
  margin: 0px 4px 4px 0;
  padding: 2px 4px;
  background-color: #C800FF;
  color: #FFF;
  border: 1px solid #CCC;
  font-weight: normal;
}

.warn-kind-entries .is-warn,
.map-warn-second-entries-table-warn-kind-entries .is-warn,
.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table .is-warn,
.map-warn-point-recent-entry .is-warn,
.map-warn-point-recent-entries-table .is-warn,
.map-warn-point-recent-entries-index-box .index .is-warn {
  margin: 0px 4px 4px 0;
  padding: 2px 4px;
  background-color: #FF0909;
  color: #FFF;
  border: 1px solid #CCC;
  font-weight: normal;
}

.warn-kind-entries .is-alert,
.map-warn-second-entries-table-warn-kind-entries .is-alert,
.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table .is-alert,
.map-warn-point-recent-entry .is-alert,
.map-warn-point-recent-entries-table .is-alert,
.map-warn-point-recent-entries-index-box .index .is-alert {
  margin: 0px 4px 4px 0;
  padding: 2px 4px;
  background-color: #FFFF09;
  border: 1px solid #CCC;
  font-weight: normal;
}

.warn-kind-entries .is-normal,
.map-warn-second-entries-table-warn-kind-entries .is-normal,
.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table .is-normal,
.map-warn-point-recent-entry .is-normal,
.map-warn-point-recent-entries-table .is-normal,
.map-warn-point-recent-entries-index-box .index .is-normal {
  margin: 0px 4px 4px 0;
  padding: 2px 4px;
  background-color: #FFFFFF;
  border: 1px solid #CCC;
  font-weight: normal;
}

.map-warn-second-entries-table-warn-kind-Entries .is-no-warn-alert {
  margin: 1px;
  padding: 5px;
}

.map-warn-second-entries-table-map-warn-point-entries-table td {
  width: 115px;
  margin: 1px;
  padding: 0;
}

.map-warn-second-entries-table-map-warn-point-entries-table td a {
  padding: 1px 2px;
  white-space: nowrap;
}

.map-warn-second-entries-table-map-warn-point-entries-table td img {
    margin-bottom: -3px;
    margin-left: 2px;
}

.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table {
  margin-bottom: 15px;
}

.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table th {
  width: 120px;
  padding: 10px 5px;
  background-color: #F4F4EE;
  border-bottom: 2px solid #FFF;
}

.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table td {
  padding: 10px 5px;
  clear:both;
  border-bottom: 2px solid #F4F4EE;
}

.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table td.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table-td-detail {
  width: 426px;
}

.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table td.map-warn-first-map-warn-second-entries-table-map-warn-point-entries-table-td-link {
  width: 30px;
  text-align: center;
}

.map-warn-second-entries-table-name {
  width: 150px;
  float: left;
  text-align: left;
}

.map-warn-second-entries-table-warn-kind-entries {
  width: 400px;
  float: left;
  text-align: left;
}

.map-warn-second-link-entries {
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
}

.map-warn-second-link-entries span {
  font-size: 85%;
  color: #CCC;
}

.map-warn-index {
  text-align: right;
  margin: 10px 0;
}

.map-warn-index span {
  margin-right: 5px;
  padding: 5px;
}

.map-warn-index .map-warn-index-special-warn {
  color: #FFF !important;
  background-color: #C800FF;
  border: 1px solid #CCC;
}

.map-warn-index .map-warn-index-warn {
  color: #FFF !important;
  background-color: #FF0909;
  border: 1px solid #CCC;
}

.map-warn-index .map-warn-index-alert {
  background-color: #FFFF09;
  border: 1px solid #CCC;
}

.map-warn-index .map-warn-index-no-warn-no-alert {
  background-color: #FFF;
  border: 1px solid #CCC;
}

.map-warn-point-recent-entry-box {
  padding: 10px 15px;
  background-color: #edf6ff;
  margin-bottom: 40px;
}
.map-warn-point-recent-entry {
  margin: 5px 0;
}
.map-warn-point-recent-entry-warn-fuken-body {
  margin: 10px 0 0;
}
.map-warn-point-recent-entry-warn-fuken-body span {
  padding: 3px;
  display: inline-block;
  font-weight: bold;
}

.map-warn-point-recent-entry-table {
  margin-bottom: 10px;
}

.map-warn-point-recent-entry-table th {
  background-color: #F4F4EE;
  border-bottom: 2px solid #FFFFFF;
  width: 200px;
}

.map-warn-point-recent-entry-table td {
    clear: both;
    padding: 5px;
    width: 456px;
}

.map-warn-point-recent-entry-table .warn-icon-area img,
.map-warn-point-recent-entries-table .warn-icon-area img {
  margin-top: 3px;
  margin-right: 2px;
}

.map-warn-point-recent-entries-wrap {
  padding: 0;
  border: none;
}

.map-warn-point-recent-entries-note {
  float: right;
}

.map-warn-point-recent-entries-index-box {
  font-size: 0.875em;
  margin-bottom: 40px;
}
.map-warn-point-recent-entries-index-box .info {
  float: right;
}

.map-warn-point-recent-entries-index-box .index {
  padding: 5px 0;
  float: left;
}

.map-warn-point-recent-entries-index-box .index li {
  float:left;
  margin: 1px 4px 1px 5px !important;
  padding: 4px;
}

.map-warn-point-recent-entries-table {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

.map-warn-point-recent-entries-table th {
  padding: 5px 3px;
  background-color: #F4F4EE;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-weight: normal;
}

.map-warn-point-recent-entries-table th.thHead {
  line-height: 1.3;
  width: 20px;
}

.map-warn-point-recent-entries-table td {
  padding: 3px 3px;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.map-warn-point-recent-entries-table td.is_special_warn {
  background-color: #C800FF;
  color: #FFF;
}

.map-warn-point-recent-entries-table td.is_warn {
  background-color: #FF0909;
  color: #FFF;
}

.map-warn-point-recent-entries-table td.is_alert {
  background-color: #FFFF09;
}

.map-warn-point-entries-table {
  width: 100%;
  margin-bottom: 30px;
}

.map-warn-point-entries-table th {
  background-color: #F4F4EE;
  padding: 3px;
  text-align: left;
}

.map-warn-point-entries-table td {
  width: 25%;
  padding: 10px 3px 0px 9px;
}

.map-warn-point-entries-table td img {
  margin-left: 2px;
  vertical-align: middle;
}

.map-warn-point-entries-table td a {
  color: #0b5daa;
  display: block;
}

.map-warn-point-entries-table td a.selected {
  color: #333333;
  font-weight: bold;
}

.sidemenu-warn-announce-table {
  margin-bottom: 7px;
}

.sidemenu-warn-announce-table td {
  padding-bottom: 3px;
}

.sidemenu-warn-announce-table-icon {
  margin-right: 3px;
  margin-top: -4px;
  vertical-align: middle;
}

.sidemenu-warn-announce-table-entries {
  margin-left: 5px;
}

.sidemenu-warn-announce-notice {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.forecast-point-six-hours-swf-sidemenu .gadget-forecast-point-flash {
  margin-left: 3px;
}

.warn-notice-wrap {
  margin: 10px 0;
  font-size: 0.875em;
}

 span.warn-icon-notice {
  margin-right: 20px;
}

 span.warn-icon-notice img {
  margin-top: 4px;
}

.warn-notice-wrap .warn-notice-right {
  float: right;
}

.warn-notice-wrap .warn-notice-right a {
  color: #0b5daa;
}

/* 今日・明日の天気 */
.menu-recommendation {
  margin-top: 10px;
}