@charset "UTF-8";

/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

マピオンウェザーCSS

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

#layout {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 980px;
  text-align: left;
}

#mapionWeather #mainAREA {
  float: left;
  width: 637px;
}

#catchCOPY {
  border-top-color: #469fe1 !important;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  overflow: hidden;
  min-height: 1em;
}


/*\*/

* html .clearfix {
  height: 1%;
  overflow: visible;
}

.clearfix {
  display: block;
}


/**/


/*//////////////////////////////////////////////////////////////////////////////

▼ mainAREA

//////////////////////////////////////////////////////////////////////////////*/

#mapionWeather #mainAREA h1,
#mapionWeather #mainAREA h2 {
  margin: 0;
  padding: 4px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  background: #4086c7;
  color: #FFF;
}

#mapionWeather p.alertTitle {
  margin: 0;
  padding: 0 10px;
  background: url(/f/weather/img/title_alert.gif) no-repeat 0 0;
  font-size: 14px;
  line-height: 29px;
  color: #FFF;
  font-weight: bold;
}

.sec-headline {
  font-size: 14px;
}

#mapionWeather .type-a-icon {
  display: inline-block;
  line-height: 24px;
}
/*スポット詳細 h1横のボタン*/
.headline-wrap.is-right-content .btn-detail-info a {
  display: block;
  border: 1px solid #a2cbd5;
  border-radius: 3px;
  line-height: 14px;
  color: #1155bb;
  font-weight: bold;
  padding: 7px 10px 5px 30px;
  background: #eaeef1, url(../img/icon_spot_info.png) no-repeat 10px center;
  background: url(../img/icon_spot_info.png) no-repeat 10px center,linear-gradient(to top, #eaeef1, #f0f4f7);
  text-decoration: none;
}


/*--------------------------------------
メインエリア最上部の画像エリア
--------------------------------------*/

#mapionWeather #weatherMap {
  margin: 0px 0 20px 0;
  padding: 0 25px;
  text-align: center;
}

#mapionWeather #weatherMap p.note {
  margin: 10px 0 15px;
  text-align: left;
}

#weatherMap p {
  font-size: 12px;
  margin: 5px 0 10px;
}

.map-canvas .figure img {
  display: block;
}


/*--------------------------------------
マピオン住まい探しのバナー
--------------------------------------*/

#mainAREA #homesBanner {
  text-align: center;
  margin: 15px 0 25px 0;
}

.article #homesBanner {
  text-align: center;
  margin: 15px 0 25px 0;
}


/*--------------------------------------
今日・明日の天気
--------------------------------------*/

#mapionWeather #chart table {
  margin: 0 0 40px 0;
  border: 1px solid #CCC;
  font-size: 12px;
}

#mapionWeather #chart table thead th {
  background: #DAF3FF;
  padding: 8px;
  border: 1px solid #CCC;
}

#mapionWeather #chart table thead th strong {
  float: left;
  font-size: 14px;
  font-weight: bold;
}

#mapionWeather #chart table thead th a {
  float: right;
}

#mapionWeather #chart table tbody th,
#mapionWeather #chart table tbody td {
  padding: 10px 0;
  text-align: center;
  border: 1px solid #CCC;
  border-collapse: collapse;
}

#mapionWeather #chart table tbody th {
  background: #F3F3EC;
}

#mapionWeather #chart table td {
  width: 11%;
}

#mapionWeather #chart table tbody tr:first-child td {
  background: #f3eceb;
}

#mapionWeather #chart .weather-day tbody .past {
  background: #f5f5f5;
  color: #999999;
}

#mapionWeather #chart th a {
  font-weight : normal;
}

#mapionWeather #chart p,
#mapionWeather #life p {
  font-size: 12px;
}

#mapionWeather .weather−unit {
  font-size: 10px;
}

#mapionWeather .wind-img-style {
  display: inline-block;
  margin-bottom: 5px;
}

#chart a,
#weekly a,
.index th a {
  font-weight: normal;
}

#chart table tbody tr:first-child td .unit-time {
  margin-left: 0.5em;
  display: inline-block;
}


/*--------------------------------------
週間天気
--------------------------------------*/

#mapionWeather #weekly table {
  margin: 0 0 10px 0;
  border: 1px solid #CCC;
  font-size: 12px;
}

#mapionWeather #weekly table tbody th,
#mapionWeather #weekly table tbody td {
  padding: 10px 0;
  text-align: center;
  border: 1px solid #CCC;
  border-collapse: collapse;
}

#mapionWeather #weekly table tbody th {
  background: #F3F3EC;
  font-weight: bold;
}

#mapionWeather #weekly table td {
  width: 14%;
}

#mapionWeather #weekly .max {
  color: #CC0000
}

#mapionWeather #weekly .min {
  color: #0066CC;
}

#mapionWeather #weekly td .sunday {
  color: #c00;
}

#mapionWeather #weekly td .saturday {
  color: #06c;
}


/*--------------------------------------
洗濯指数
--------------------------------------*/

#mapionWeather #wash dl {
  margin: 0 0 10px 0;
  border: 1px solid #CCC;
}

#mapionWeather #wash dl.today {
  float: left;
  width: 285px;
  height: 86px;
}

#mapionWeather #wash dl.tomorrow {
  float: right;
  width: 285px;
  height: 86px;
}

#mapionWeather #wash dl.other {
  clear: both;
}

#mapionWeather #wash dl dt,
#mapionWeather #wash dl dd {
  padding: 10px;
}

#mapionWeather #wash dl dt {
  background: #F3F3EC;
  font-weight: bold;
}

#mapionWeather #wash dl dd {
  text-align: center;
}

#mapionWeather #wash dl dd img {
  margin-right: 20px;
}

#mapionWeather #wash dl dd strong {
  position: relative;
  top: -10px;
  font-weight: normal;
}

#mapionWeather #wash dl.other dd a {
  margin: 0 15px;
}


/*--------------------------------------
生活指数
--------------------------------------*/

#mapionWeather #life table.index {
  margin: 0 0 10px 0;
  border: 1px solid #CCC;
  font-size: 12px;
}

#mapionWeather #life table.index thead th {
  background: #DAF3FF;
  padding: 8px;
  border: 1px solid #CCC;
}

#mapionWeather #life table.index thead th strong {
  float: left;
  font-size: 14px;
  font-weight: bold;
}

#mapionWeather #life table.index thead th a {
  float: right;
}

#mapionWeather #life table.index tbody th,
#mapionWeather #life table.index tbody td {
  padding: 10px 0;
  text-align: center;
  border: 1px solid #CCC;
  border-collapse: collapse;
}

#mapionWeather #life table.index tbody th {
  background: #F3F3EC;
  font-weight: normal;
}

#mapionWeather #life table.index td {
  width: 20%;
}

#mapionWeather #life table td strong {
  font-weight: normal;
}

#mapionWeather #life table.index td img {
  margin: 0 0 5px;
}

#mapionWeather #life table.sample {
  margin: 0;
  border-top: 1px dotted #999;
}

#mapionWeather #life table.sample th,
#mapionWeather #life table.sample td {
  padding: 5px 0;
  text-align: center;
  border-bottom: 1px dotted #999;
}

#mapionWeather #life table.sample th {
  width: 20%;
  background: #F3F3EC;
  font-weight: normal;
}

#mapionWeather #life table.sample td {
  width: 16%;
  font-size: 10px;
}

#mapionWeather #life table.sample td img {
  width: 20px;
  height: 20px;
  margin: 0 6px 0 0;
  vertical-align: middle;
}


/*--------------------------------------
スポットリスト
--------------------------------------*/

#mapionWeather #weatherList ul {
  margin: 0 0 10px 0;
  border-top: 1px dotted #999;
}

#mapionWeather #weatherList ul li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  border-bottom: 1px dotted #999;
}

#mapionWeather #weatherList ul li a {
  display: block;
  padding: 10px 0 10px 20px;
  background-image: url(/f/mapion/img/all/maps/arrow.gif);
  background-position: 5px center;
  background-repeat: no-repeat;
}

#mapionWeather #weatherList ul li a:hover {
  background-color: #FDF5D8
}

#mapionWeather #weatherList ol {
  text-align: center;
}

#mapionWeather #weatherList ol li {
  display: inline;
}

#mapionWeather #weatherList ol li span,
#mapionWeather #weatherList ol li a {
  padding: 0 10px;
}

.spot-noicon .type-b-inner li:first-of-type,
.spot-noicon .type-b-inner li:nth-of-type(2),
.spot-noicon .type-b-inner li:nth-of-type(3) {
  margin-top: 5px;
}

.categories-wrap {
  width: 595px;
  overflow: hidden;
}

.categories-wrap ul {
  width: 605px;
}

.spot-no-border .categories-wrap,
.spot-no-border .categories-wrap ul {
  width: auto;
}

.spot-no-border .list-2-inner {
  float: left;
  width: 307px;
  margin: 20px 10px 0 0;
  padding: 0 0 5px;
  border-bottom: 1px solid #e9edef;
  font-size: 13px;
}

.spot-no-border .categories-wrap ul .list-3-inner {
  display: inline-block;
  width: 198px;
  margin: 20px 0 0 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e9edef;
  font-size: 14px;
}

.spot-noicon .categories-wrap ul .list-3-inner {
  width: 191px;
}
/*スポットの都道府県リスト*/
.list-table {
    width: 100%;
    margin: 10px 0 20px;
    padding: 0;
    border-collapse: collapse;
    line-height: 1.1
}

.list-table td,.list-table th {
    margin: 0;
    padding: 20px 0 10px 10px;
    text-align: left;
    border-bottom: 1px solid #e9edef
}

.list-table a {
    margin: 0 10px 0 0
}

.list-table tbody th {
    padding-left: 0
}


/*--------------------------------------
スポットリスト2
--------------------------------------*/

#mapionWeather #weatherList2 ul li a {
  display: block;
  padding: 0 0 0 20px;
  background-image: url(/f/mapion/img/all/maps/arrow.gif);
  background-position: 5px center;
  background-repeat: no-repeat;
}

#mapionWeather #weatherList2 ol {
  text-align: center;
}

#mapionWeather #weatherList2 ol li {
  display: inline;
}

#mapionWeather #weatherList2 ol li span,
#mapionWeather #weatherList2 ol li a {
  padding: 0 10px;
}

.weatherList2 {
  margin-bottom: 20px;
}

#mainAREA .pref-lead {
  margin-top: 10px;
}

.article .pref-lead {
  margin: 10px auto 40px;
}

.lists.spot {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  line-height: 1.1;
  font-size: 0;
}

.lists.spot .list-3 {
  display: inline-block;
  width: 198px;
  margin: 20px 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #e9edef;
  font-size: 14px;
  vertical-align: top;
}

.lists.spot .list-num {
  margin: 0 0 0 2px;
  font-size: 10px;
  color: #999;
}


/*--------------------------------------
スポット天気
--------------------------------------*/

#mapionWeather #spot {
  padding: 0;
}

#mapionWeather #spot.frame ul li {
  float: left;
  width: 33%;
  margin: 0 0 8px 0;
}

.spot-list {
  letter-spacing: -.4em;
}

.spot-list li {
  margin-bottom: 8px;
  padding-right: 1px;
  width: 33%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  letter-spacing: normal;
}

#mapionWeather #spot ul li a {
  display: block;
  line-height: 40px;
}


/* じゃらんゴルフ用 Task-Id: Redmine 15636 */

#mapionWeather .golf-wrap .internal-link-phonebook {
  margin: 5px 0 0 0;
  text-align: right;
}

#mapionWeather .golf-wrap .internal-link-phonebook a {
  display: inline-block;
}

.golf-wrap .type-golf-headline {
  margin: 0 0 10px 10px;
  padding: 0;
  font-size: 12px;
}

#mapionWeather .article h2 .golf_title_text {
  display: block;
  float: left;
}

#mapionWeather .article h2 .golf_credit {
  float: right;
  font-weight: normal;
}

#mapionWeather .article h2 .golf_logo {
  vertical-align: middle;
}


/*--------------------------------------
人気のキーワード
--------------------------------------*/

#mapionWeather #hotword {
  margin-top: 0;
}


/*--------------------------------------
イベントナビ
--------------------------------------*/

#mapionWeather #navi_event li {
  float: left;
  width: 146px;
  line-height: 160%;
}


/*--------------------------------------
住所から絞り込む
--------------------------------------*/

#mapionWeather #address table {
  width: 100%;
  border-top: 1px dotted #999;
}

#mapionWeather #address table th,
#mapionWeather #address table td {
  border-bottom: 1px dotted #999;
}

#mapionWeather #address table th {
  width: 120px;
  padding: 8px 0;
  background: #F3F3EC;
  font-weight: bold;
  text-align: center;
  vertical-align: meddle;
  font-size: 14px;
}

#mapionWeather #address table td {
  padding: 8px 0 0;
  font-size: 14px;
}

#mapionWeather #address table td li {
  float: left;
  margin: 0;
  padding: 0 0 8px 9px;
  white-space: nowrap;
}

#mapionWeather #address table td li a {
  display: block;
  padding: 4px 8px;
  border: 1px solid #FFF;
}

#mapionWeather #address table td li a.alert {
  background: #FFF1F1;
  border: 1px solid #eb5353;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#mapionWeather #address p.note {
  padding: 10px 0 0 0;
}

#mapionWeather #address p.note em {
  margin: 0 4px;
  padding: 4px 8px;
  background: #FFF1F1;
  border: 1px solid #eb5353;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.weather-warn ul {
  list-style: none;
  padding: 0 10px 0 0;
  margin: 0;
}

.weather-warn ul::after {
  content: '';
  clear: both;
  display: block;
}

.weather-address .list-ken {
  background-image: none;
  padding-left: 13px;
}

.weather-address .list-48 {
  font-size: 14px;
}


/*--------------------------------------
五十音リスト
--------------------------------------*/

#mapionWeather .nav-a-z {
  margin-bottom: 20px;
}


/*--------------------------------------
災害情報
--------------------------------------*/

#mapionWeather #Disaster {
  margin: 0 0 10px;
  border: 2px solid #eb5353;
  background: #fff1f1;
  padding: 10px;
}

#Disaster div:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#Disaster div {
  overflow: hidden;
  min-height: 1em;
}


/*\*/

* html #Disaster div {
  height: 1%;
  overflow: visible;
}

#Disaster div {
  display: block;
}


/**/

#mapionWeather #Disaster p {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

#mapionWeather #Disaster p.Info {
  padding-top: 2px;
  font-size: 14px;
}

#mapionWeather #Disaster p.Time {
  padding: 0px 10px 6px 0;
  font-size: 14px;
}

#mapionWeather #Disaster em {
  color: #eb1d1d;
  font-weight: bold;
}

#mapionWeather #Disaster .Textlink {
  padding: 0px 10px 8px 25px;
  border: none;
}

#mapionWeather #Disaster .Textlink::after {
  content:'';
  clear: both;
  display: block;
}

#mapionWeather #Disaster .Textlink p.DisasterText {
  float: left;
  font-size: 14px;
}

#mapionWeather #Disaster .Textlink p.DisasterLink {
  float: right;
  position: relative;
  top: 5px;
  font-size: 10px;
}

#mapionWeather #Disaster .Textlink a {
  text-decoration: none;
}

#mapionWeather #Disaster .Textlink a img {
  vertical-align: middle;
}

#mapionWeather #Disaster .Disastar_second {
  border-top: 1px dotted #999;
}

#mapionWeather #warningArea table {
  width: 100%;
  border-top: 1px dotted #999;
}

#mapionWeather #warningArea table th,
#mapionWeather #warningArea table td {
  border-bottom: 1px dotted #999;
}

#mapionWeather #warningArea table th {
  width: 220px;
  padding: 8px 0;
  background: #F3F3EC;
  font-weight: bold;
  text-align: center;
  vertical-align: meddle;
  font-size: 14px;
}

#mapionWeather #warningArea table td {
  padding: 8px;
  font-size: 14px;
  text-align: left;
}

#warningArea td > span {
  display: inline-block;
  margin-right: 1em;
}

#warningArea .text-emergency-warning {
  color: #6a40cd;
  font-weight: bold;
}

#warningArea .text-warning {
  color: #ff0000;
  font-weight: bold;
}

#warningArea .text-alert {
  color: #392a26;
}

#Earthquake,
#Tsunami {
  background: url(/f/weather/img/icon_weather_warn.png) no-repeat left top;
  padding-left: 25px;
}

#mapionWeather #Disaster .Disastar_second#Tsunami {
  background: url(/f/weather/img/icon_weather_warn.png) no-repeat left 8px;
  padding-top: 8px;
}

#mapionWeather #Disaster .Textlink.warn-twitter-wrap {
  padding: 0;
  min-height: inherit;
}

.Textlink.warn-twitter-wrap #DisasterTwitter {
  padding: 0px 10px 8px 25px;
  display: inline-block;
}

#mapionWeather #Disaster #Tsunami + .Textlink {
  position: relative;
}
#mapionWeather #Disaster #Tsunami + .Textlink .DisasterLink {
  height: 14px;
  position: absolute;
  right: 10px;
  top: auto;
  bottom: 8px;
}

/*h1下の警報リンク表示*/
.ptn-alert {
  margin: 0 0 16px 0;
  padding: 0;
  box-sizing: border-box;
}

.ptn-alert-inner {
  margin: 0;
  background: url(/f/weather/img/bg_texture_01.png) left top repeat;
  background-size: 320px 44px
}

.ptn-alert a {
  display: block;
  margin: 0;
  padding: 12px 15px 12px 45px;
  background: url(/f/mapion_smartphone/img/common/icon_exclamation.png) no-repeat 15px center;
  background-size: 20px 20px;
  color: #e41201
}

.ptn-alert span {
  display: block;
  margin: 0;
  margin: 0;
  padding: 0 10px 0 0;
  background: url(/f/smp_weather/img/icon_arrow_01.png) no-repeat right center;
  -webkit-background-size: 7px 12px;
  background-size: 7px 12px
}

/*//////////////////////////////////////////////////////////////////////////////

▼ sideAREA

//////////////////////////////////////////////////////////////////////////////*/

#mapionWeather .frame {
  border: 1px solid #9fcce1;
  margin: 0 0 10px 0;
}

#mapionWeather .frame dt {
  background: none repeat 0 0 #daf3ff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

#mapionWeather .frame dd {
  padding: 10px;
}


/*===================================================
▽セクション：季節特集
===================================================*/

#Season {
  margin: 0 0 13px 0;
  padding: 0;
  border: 1px solid #C2B58E;
}

#Season .SecDT {
  padding: 5px;
  font-weight: bold;
  text-align: center;
  border: none;
  background-image: none;
  background-color: #F0F0E6;
}

#Season .SecDD {
  padding: 5px;
}

#Season .SecDD ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#Season .SecDD ul li {
  overflow: hidden;
  min-height: 1em;
}


/*\*/

* html #Season .SecDD ul li {
  height: 1%;
  overflow: visible;
}

#Season .SecDD ul li {
  display: block;
}


/**/

#Season .SecDD ul li {
  margin: 0 0 5px 0;
  padding: 0 0 6px 0;
  background: url(/f/mapion/img/tell/bg_dot.gif) 0 100% repeat-x;
}

#Season .SecDD ul li.last {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

#Season .SecDD ul li dl {
  float: right;
  width: 225px;
  line-height: 1.2;
}

#Season .SecDD ul li dt {
  margin: 5px 0 4px 0;
  padding: 0 0 0 13px;
  background: url(/f/mapion/img/tell/ico_arrow_sq.gif) 0 1px no-repeat;
}

#Season .SecDD ul li dd {
  padding: 0 0 0 13px;
}

#Season .SecDD ul li p {
  float: left;
  width: 57px;
}


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

#guide li {
  display: block;
  float: left;
  line-height: 1.1;
  margin: 0 5px 6px;
  border-right: 1px solid #000000;
  padding: 0 5px 0 0;
  position: relative;
}

#guide li a {
  white-space: nowrap;
  color: #1155BB;
  text-decoration: none;
}


/*--------------------------------------
スポット天気
--------------------------------------*/

#m_spot li {
  display: block;
  float: left;
  line-height: 1.1;
  margin: 0 5px 6px;
  border-right: 1px solid #000000;
  padding: 0 5px 0 0;
  position: relative;
}

#m_spot li a {
  white-space: nowrap;
  color: #1155BB;
  text-decoration: none;
}


/*--------------------------------------
お天気用語
--------------------------------------*/

#term li {
  margin: 0 0 10px 0;
  line-height: 1.5;
}

#term li a {
  margin: 0 5px 0 0;
}


/*--------------------------------------
雲の様子
--------------------------------------*/

#cloud dd {
  text-align: center;
}

#cloud a {
  text-decoration: none;
}

#cloud a:hover span {
  text-decoration: underline;
}

#cloud img {
  margin: 0 0 5px 0;
}


/*--------------------------------------
インターナルリンク追加
--------------------------------------*/

.internal-link {
  margin: 5px 0 15px;
  padding: 0;
}

.internal-link a {
  display: block;
  float: right;
  margin: 0;
  padding: 2px 0 2px 18px;
  background: url(/f/mapion/img/admi/bg_a_more.gif) no-repeat left 3px;
  line-height: 1.3em;
}

.internal-link.pref {
  padding: 0 53px 0 0;
}

.internal-link.station-pref,
.internal-link.category {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

#mapionWeather .station-pref,
#mapionWeather .category {
  margin: 5px 0 20px;
}

.sec-internal-link {
  margin: 0 0 20px;
  padding: 0;
}

.sec-internal-link ul {
  margin: 10px 0 0;
  padding: 0 25px;
}

.sec-internal-link li {
  float: left;
  width: 146px;
  margin: 0 0 8px;
}

#mapionWeather #spot .phonebook-cat-ttl {
  height: 40px;
  margin: 0;
  padding: 0 0 0 42px;
  background: url(/f/mapion/img/sprite/phonebook_ttl_sprite.png?date=201505) no-repeat;
  font-size: 13px;
  line-height: 40px
}

#mapionWeather #spot .phonebook-cat2,
.phonebook-cat3 {
  margin: 0;
  padding: 0 5px 10px 1px;
  list-style: none
}

#mapionWeather #spot .phonebook-cat-list {
  float: left;
  padding: 5px 10px 0 0;
  font-size: 13px;
}

#mapionWeather #spot .phonebook-cat-link {
  padding: 0 0 0 12px;
  background: url(/f/mapion/img/sprite/arrow.gif) left center no-repeat;
  white-space: nowrap
}

#mapionWeather #spot .phonebook-cat-M01 .phonebook-cat-ttl {
  background-position: -5px -5px
}

#mapionWeather #spot .phonebook-cat-M02 .phonebook-cat-ttl {
  background-position: -5px -52px
}

#mapionWeather #spot .phonebook-cat-M03 .phonebook-cat-ttl {
  background-position: -5px -99px
}

#mapionWeather #spot .phonebook-cat-M04 .phonebook-cat-ttl {
  background-position: -5px -146px
}

#mapionWeather #spot .phonebook-cat-M05 .phonebook-cat-ttl {
  background-position: -5px -193px
}

#mapionWeather #spot .phonebook-cat-M06 .phonebook-cat-ttl {
  background-position: -5px -240px
}

#mapionWeather #spot .phonebook-cat-M08 .phonebook-cat-ttl {
  background-position: -5px -334px
}

#mapionWeather #spot .phonebook-cat-M09 .phonebook-cat-ttl {
  background-position: -5px -381px
}

#mapionWeather #spot .phonebook-cat-M18 .phonebook-cat-ttl {
  background-position: -5px -710px
}

#mapionWeather #spot .phonebook-cat-M21 .phonebook-cat-ttl {
  background-position: -5px -757px
}

#mapionWeather #spot .phonebook-cat-M10 .phonebook-cat-ttl {
  background-position: -5px -428px
}

#mapionWeather #spot .phonebook-cat-M11 .phonebook-cat-ttl {
  background-position: -5px -475px
}

#mapionWeather #spot .phonebook-cat-M12 .phonebook-cat-ttl {
  background-position: -5px -522px
}

#mapionWeather #spot .phonebook-cat-M31 .phonebook-cat-ttl {
  background-position: -5px -851px
}

#mapionWeather #spot .phonebook-cat-M07 .phonebook-cat-ttl {
  background-position: -5px -287px
}

#mapionWeather #spot .phonebook-cat-M13 .phonebook-cat-ttl {
  background-position: -5px -569px
}

#mapionWeather #spot .phonebook-cat-M14 .phonebook-cat-ttl {
  background-position: -5px -616px
}

#mapionWeather #spot .phonebook-cat-M16 .phonebook-cat-ttl {
  background-position: -5px -663px
}

#mapionWeather #spot .phonebook-cat-M26 .phonebook-cat-ttl {
  background-position: -5px -804px
}

#mapionWeather #spot .phonebook-cat-M41 .phonebook-cat-ttl {
  background-position: -5px -898px
}

#mapionWeather #spot .phonebook-cat-M51 .phonebook-cat-ttl {
  background-position: -5px -1085px
}

#mapionWeather #spot .phonebook-cat-M99 .phonebook-cat-ttl {
  background-position: -5px -945px
}

#mapionWeather #spot.spot-noicon .phonebook-cat-ttl {
  height: auto;
  padding: 0 0 0 0;
  background: none;
  line-height: 1;
}

#mapionWeather #spot.spot-noicon ul li a {
  line-height: 1;
}

.internal-link-phonebook {
  margin: 5px 0 15px;
  padding: 0;
}

.internal-link-phonebook a {
  display: block;
  margin: 0;
  padding: 2px 0 2px 18px;
  background: url(/f/mapion/img/admi/bg_a_more.gif) no-repeat left 3px;
  line-height: 1.3em;
}


/* リストテーブル */

.list-table thead th,
.list-table thead td {
  padding-left: 0px;
  background: #fff9e2;
  font-weight: bold;
}

.table-name {
  width: 245px;
}

.table-name-around {
  width: 280px;
}

.table-num {
  width: 35px;
}

.table-addr {
  width: 230px;
}

.table-tel {
  width: 160px;
}

.table-distance {
  width: 120px;
}

.table-num-bg {
  display: block;
  height: 21px;
  overflow: hidden;
  line-height: 21px;
  margin: 0 auto;
  background: url(../img/sprite/num-bg.gif) center center repeat-x;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}

.table-distance .thead-span {
  padding-left: 0px;
}

.list-table td.tbody-distance {
  text-align: center;
}

.thead-span {
  padding-left: 10px;
}

.list-table tbody th {
  padding-left: 10px;
  font-weight: normal;
}

.list-table tbody .table-area {
  font-weight: bold;
}

.list-table tbody th.table-area {
  padding-left: 10px;
}

.list-table th.table-realestate,
.list-table td.table-realestate {
  width: 5em;
  text-align: center;
}

.list-table td.table-realestate {
  padding: 5px 0;
}

.list-num {
  margin: 0 0 0 2px;
  font-size: 10px;
  color: #999;
}


/*--------------------------------------
 衛星画像・雨雲レーダー
--------------------------------------*/

#satellite {
  background: #f1f1f1;
  border: solid 1px #cfcfcf;
  width: 480px;
  height: 406px;
  margin: 0;
  padding: 5px;
}

#satellite #button_group {
  line-height: 1.3;
}

#satellite img {
  margin: 0 1px 0 0;
  vertical-align: baseline;
}

#satellite img:hover {
  opacity: 0.5;
}

#radar {
  background: #f1f1f1;
  border: solid 1px #cfcfcf;
  width: 585px;
  height: 360px;
  margin: 0;
  padding: 5px;
}

#radar #radar_canvas {
  float: left;
}

#radar #button_group {
  width: 98px;
  float: left;
  margin: 0 0 0 5px;
  line-height: 0;
}

#radar img {
  padding: 0 0 1px 0;
}

#radar img:hover {
  opacity: 0.5;
}

.image_canvas {
  position: relative;
  display: inline-block;
}

.image_area {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.button_group_img {
  display: inline-block;
  text-align: left;
  position: relative;
  z-index: 1;
  font-size: 0;
}

.o_img_general {
  float: left;
}

.o_img_index {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  margin: auto;
}

.b_img_detail {
  float: left;
}

.b_img_index {
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  margin: auto;
}

#image_general {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

#image_detail {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

#image_area_map img {
  float: left;
}

#weatherMap .map-canvas .nav-btn-group {
  height: 30px;
  background-color: #B6CCF4;
  width: 480px;
  margin: 0px auto;
  position: relative;
  z-index: 10;
}

#weatherMap .map-canvas .nav-btn-group .button-wrapper {
  position: absolute;
  bottom: 0px;
  left: 15px;
  height: 25px;
  margin-top: 5px;
}

#weatherMap .map-canvas .nav-btn-group .button-wrapper .single-btn {
  float: left;
  position: relative;
  height: 26px;
}

#weatherMap .map-canvas .nav-btn-group .button-wrapper .single-btn:hover {
  cursor: pointer;
}

#weatherMap .map-canvas .nav-btn-group .button-wrapper .single-btn img:last-child {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

#weatherMap .map-canvas .figure {
  display: inline-block;
  position: relative;
}

#weatherMap .map-canvas .map-layer {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

[hidden] {
  display: none !important;
}

.pgtop-link strong {
  font-weight: bold;
}