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

/*-----------------------------
  天気ガイド共通
-----------------------------*/

/* タブ表示切り替え */

.toggle_show {
  display: block;
}
.toggle_hide {
  display: none;
}


/*-----------------------------
  雨雲の動き(実況)CSS
-----------------------------*/
.radar-box {
  background-color: #edf6ff;
  padding-bottom: 20px;
}

.section-radar a {
  color: #0b5daa;
}

.radar-top-tab-box {
  text-align: center;
  /*background-color: #edf6ff;*/
  /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABaCAAAAABcN2NhAAAAHklEQVQIW2P4z8SAFf5HodHJ/1h56JgUWWwkgkaBAIiLHZafb77tAAAAAElFTkSuQmCC");
  background-repeat: repeat;
  background-size: 692px 65px;*/
  background: #e3e3e3;
  background: -moz-linear-gradient(top, #fff 0%, #eee 95%, #cccbcb 100%);
  background: -webkit-linear-gradient(top, #fff 0%,#eee 95%,#cccbcb 100%);
  background: linear-gradient(to bottom, #fff 0%,#eee 95%,#cccbcb 100%);
}

.radar-top-tab-box map area {
  border: none;
  outline: none;
}

.radar-top-tab-list li {
  width: 345px;
  margin-top: 10px;
  background-color: #d9d9d4;
  text-align: center;
  font-weight: bold;
  float: left;
  margin-right: 2px;
}
.radar-top-tab-list li.selected {
  margin-top: 0;
  padding: 20px 0 0 0;
  background-color: #1d53a4;
  color: #FFFFFF;
}
.radar-top-tab-list li:last-child {
  margin-right: 0;
}
.radar-top-tab-list li a {
  padding: 10px 0;
  color: #1d53a4;
  display: block;
}
.radar-top-tab-list li img {
  border: 1px solid #FFF;
  float: left;
  margin: 0 0 10px 10px;
}
.radar-top-tab-list li p {
  font-size: 1.125em;
  margin-top: 8px;
}
.radar-top-tab-list li p time {
  font-size: 0.875em;
}

/* 雨雲の動き(実況)地図画像 */

#radar_map {
  width: 586px;
  height: 439px;
  background-color: #CCCCCC;
}

/* スライダー 雨雲の動き(実況) */

#radar-slider {
  width: 586px;
  height: 64px;
  margin: 1px auto 0 auto;
  position: relative;
  background: url("/images/icon/radar/radar-slider.png") no-repeat top left;
}

#radar-range-max {
  width :480px;
  position: absolute;
  top: 19px;
  left: 71px;
  display:inline-block;
}

/* スライダー 雨雲の動き(予報) */
#rainmesh-slider {
  width: 586px;
  height: 64px;
  margin: 1px auto 0 auto;
  background: url("/images/icon/radar/rainmesh-slider.png") no-repeat top left;
  position: relative;
}

/* 各地の雨雲の動き(実況) */

.radar-thumb-list {
  padding: 20px 20px 10px 20px;
  background-color: #edf6ff;
}
.radar-thumb-list li {
  margin: 0 10px 10px 0;
  text-align: center;
  float: left;
  width: 18.7%;
}
.radar-thumb-list li.last {
  margin-right: 0;
}
.radar-thumb-list li a {
  display: block;
  background-color: #FFF;
  border: 1px solid #EEE;
  border-radius: 4px;
  color: #0B5DAA;
}
.radar-thumb-list li a img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
}
.radar-thumb-list li a p {
  padding: 5px 0;
}
.radar-thumb-list li a p.long {
  line-height: 1.6;
  font-size: 0.687em;
  padding: 0;
}

.radar-list-entries-box {
  margin: 0 20px;
}
.radar-list-entries-box td {
  background-color: #FFF;
}
.radar-list-entries-box td li.long {
  width: 249px;
}


.radar-area-pref-entries-table {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

.radar-area-pref-entries-table th {
  width: 115px;
  padding: 5px 8px;
  text-align: left;
  background-color: #ECECE3;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.radar-area-pref-entries-table td {
  padding: 5px 8px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.radar-area-pref-entries-table td a {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.radar-area-pref-entries-table td a.long {
  width: 310px;
}

/* 過去の雨雲の動き */
.radar-past-image-entries {
  margin-bottom: 20px;
}
.radar-past-image-entries li {
  margin-right: 20px;
  text-align: center;
  float: left;
  width: 22.6%
}
.radar-past-image-entries li.last {
  margin-right: 0;
}
.radar-past-image-entries li a {
  display: block;
  border: 1px solid #EEE;
  border-radius: 4px;
}
.radar-past-image-entries li a img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
}
.radar-past-image-entries li a p {
  padding: 5px 0;
}

.radar-more-link {
  text-align: right;
  font-weight: bold;
}

.radar-more-link a {
  padding-left: 17px;
  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 4px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  display: inline-block;
}