@charset "utf-8";

.flt_l .hdg-l2 {
  margin-top: 75px !important;
}

h2.hdg-l2 {
  font-weight: bold;
}

/* news_ticker */
#news_ticker{
  background: url(/mobile/set/data/network/wifispot/search/img/p/bg_news_ticker.png) right top no-repeat;
  height: 35px;
  margin:20px 15px;
  position: relative;
  padding-left:85px;
}
#news_ticker dt{
  width: 85px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
}
#news_ticker_list{
  font-size: 14px;
  float: left;
  width: 470px;
  height:28px;
  overflow: hidden;
}
#news_ticker_list p{
  padding: 9px 0 0 15px;
  display: none;
  white-space:nowrap;
}
#news_ticker .more{
  width: 95px;
  padding: 3px 0 3px 12px;
  float: right;
  font-size: 12px;
  margin-top: 6px;
  border-left:  1px #c1c3c5 solid;
}
/* search_wi_fi */
div#search_wi_fi {
  margin-top:20px;
}
#wifi_spot{
  width:225px;
}
#wifi_app{
  width:375px;
  height:77px;
  background:#f5f5f5;
  padding:15px;
}
#wifi_app div.flt_l{
  width:240px;
}
#wifi_app div.flt_r{
  width:120px;
}
/* Prefecture Map */
#j_map_bg{
  background: url(/mobile/set/data/network/wifispot/search/img/p/bg_j_map.gif) repeat-y;
}


#by-area-map {
  position: relative;
  width: 645px;
  height: 410px;
  background: url(/mobile/set/data/network/wifispot/search/img/p/bg_top_map.gif) no-repeat;
}
#by-area-map h4, #by-area-map p{
  text-indent:-9999px;
}
ul#prefecture {
  position: absolute;
  left: 0px;
  top: 0px;
}
ul#prefecture li {
  position: absolute;
  text-indent: -9999px;
  background-image: url(/mobile/set/data/network/wifispot/search/img/p/bg_top_map.gif);
  background-repeat: no-repeat;
  outline: none!important;
  cursor: pointer;
}
ul#prefecture li.pref-hover {
  background-image: url(/mobile/set/data/network/wifispot/search/img/p/bg_top_map_on.gif);
}
/*+88 -1*/
#pref01 { width: 120px; height: 100px; left: 417px; top:  25px; background-position: -417px  -25px; }
#pref02 { width:  80px; height:  28px; left: 416px; top: 125px; background-position: -416px -125px; }
#pref03 { width: 40px; height: 30px; left: 456px; top:153px; background-position: -456px -153px; }
#pref04 { width: 40px; height: 30px; left: 456px; top:183px; background-position: -456px -183px; }
#pref05 { width: 40px; height: 30px; left: 416px; top:153px; background-position: -416px -153px; }
#pref06 { width: 40px; height: 30px; left: 416px; top:183px; background-position: -416px -183px; }
#pref07 { width: 50px; height: 30px; left: 446px; top:213px; background-position: -446px -213px; }
#pref08 { width: 30px; height: 53px; left: 467px; top:245px; background-position: -467px -245px; }
#pref09 { width: 33px; height: 28px; left: 433px; top:245px; background-position: -433px -245px; }
#pref10 { width: 26px; height: 53px; left: 408px; top:245px; background-position: -408px -245px; }
#pref11 { width: 33px; height: 25px; left: 433px; top:273px; background-position: -433px -273px; }
#pref12 { width: 30px; height: 47px; left: 467px; top:298px; background-position: -467px -298px; }
#pref13 { width: 41px; height: 17px; left: 427px; top:298px; z-index: 1; background-position: -427px -298px; }
#pref14 { width: 51px; height: 38px; left: 405px; top:307px; background-position: -405px -307px; }
#pref15 { width: 47px; height: 29px; left: 397px; top:214px; background-position: -397px -214px; }
#pref16 { width: 41px; height: 29px; left: 356px; top:214px; background-position: -356px -214px; }
#pref17 { width: 30px; height: 34px; left: 326px; top:195px; background-position: -326px -195px; }
#pref18 { width: 30px; height: 37px; left: 326px; top:229px; background-position: -326px -229px; }

#pref19 { width: 46px; height: 32px; left: 378px; top: 273px; background-position: -378px -273px; }
#pref20 { width: 30px; height: 41px; left: 380px; top: 243px; background-position: -380px -243px; }
#pref21 { width: 21px; height: 39px; left: 355px; top: 245px; background-position: -355px -245px; }
#pref22 { width: 39px; height: 38px; left: 365px; top: 307px; background-position: -365px -307px; }
#pref23 { width: 30px; height: 51px; left: 347px; top: 284px; background-position: -347px -284px; }
#pref24 { width: 31px; height: 39px; left: 316px; top: 296px; background-position: -316px -296px; }
#pref25 { width: 45px; height: 28px; left: 309px; top: 267px; background-position: -309px -267px; }
#pref26 { width: 30px; height: 22px; left: 295px; top: 245px; background-position: -295px -245px; }
#pref27 { width: 44px; height: 28px; left: 265px; top: 267px; background-position: -265px -267px; }
#pref28 { width: 30px; height: 22px; left: 265px; top: 245px; background-position: -265px -245px; }
#pref29 { width: 21px; height: 60px; left: 295px; top: 295px; background-position: -295px -295px; }
#pref30 { width: 19px; height: 60px; left: 276px; top: 295px; background-position: -276px -295px; }
#pref31 { width: 29px; height: 21px; left: 234px; top: 265px; background-position: -234px -265px; }
#pref32 { width: 30px; height: 21px; left: 204px; top: 265px; background-position: -204px -265px; }
#pref33 { width: 29px; height: 19px; left: 234px; top: 286px; background-position: -234px -286px; }
#pref34 { width: 30px; height: 19px; left: 204px; top: 286px; background-position: -204px -286px; }
#pref35 { width: 19px; height: 40px; left: 186px; top: 265px; background-position: -186px -265px; }
#pref36 { width: 34px; height: 19px; left: 230px; top: 336px; background-position: -230px -336px; }
#pref37 { width: 34px; height: 21px; left: 230px; top: 315px; background-position: -230px -315px; }
#pref38 { width: 36px; height: 21px; left: 194px; top: 315px; background-position: -194px -315px; }
#pref39 { width: 36px; height: 19px; left: 194px; top: 336px; background-position: -194px -336px; }
#pref40 { width: 30px; height: 27px; left: 148px; top: 275px; background-position: -148px -275px; }
#pref41 { width: 21px; height: 58px; left: 127px; top: 275px; background-position: -127px -275px; }
#pref42 { width: 20px; height: 50px; left: 107px; top: 275px; background-position: -107px -275px; }
#pref43 { width: 25px; height: 32px; left: 137px; top: 333px; background-position: -137px -333px; }
#pref44 { width: 39px; height: 31px; left: 148px; top: 302px; background-position: -148px -302px; }
#pref45 { width: 25px; height: 32px; left: 162px; top: 333px; background-position: -162px -333px; }
#pref46 { width: 50px; height: 20px; left: 137px; top: 365px; background-position: -137px -365px; }
#pref47 { width: 20px; height: 51px; left: 107px; top: 334px; background-position: -107px -334px; }


/* search_box */
#sws_search_box{
  position:relative;
}
#sws_search_radio{
  padding-top: 5px;
  width: 300px;
}
#text-input-box{
  width: 340px;
}
#text-input-box{
  width: 340px;
}
#sws_search_box div.input{
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  border-bottom: 1px solid #7c7c7c;
  border-right: 1px solid #7c7c7c;
}
#text-input-box input.keyword{
  width: 239px;
  border: none;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #d0d0d0;
  font-size: 16px;
  padding: 7px 0;
  color:#999;
}
#text-input-box input.btn{
  border: 0px;
  width: 70px;
  height: 34px;
  background: url(/mobile/set/data/network/wifispot/search/img/p/btn_search_deactive.gif) left top no-repeat;
}
#text-input-box input.active{
  background: url(/mobile/set/data/network/wifispot/search/img/p/btn_search.gif) left top no-repeat;
  cursor: pointer;
}
#text-input-box input.active:hover{
  background: url(/mobile/set/data/network/wifispot/search/img/p/btn_search_on.gif) left top no-repeat;
}
#sws_search_box span.radio{
  padding-left:10px;
}
#sws_search_box label{
  padding-left:5px;
}
#sws_search_box .gerne{
  padding-left: 17px;
}
#sws_search_box .deactive{
  text-decoration:none;
  color:#999;
  cursor:default;
}
div.genre-top{
  padding-top:3px;
  background: url(/mobile/set/data/network/wifispot/search/img/p/bg_genre_top.gif) left top no-repeat;
  position: relative;
  z-index: 5;
}
div.genre-bottom{
  padding-bottom: 3px;
  background: url(/mobile/set/data/network/wifispot/search/img/p/bg_genre_bottom.gif) left bottom no-repeat;
}
div.genre-contents{
  padding: 3px 0;
  background: url(/mobile/set/data/network/wifispot/search/img/p/bg_genre.gif) left top repeat-y;
}
h4.genre {
  padding: 5px 0 0 15px;
  font-weight: bold;
  font-size: 100%;
}
div#list-genre-box{
  margin:0 15px 0 12px;
  padding-top:4px;
  background: url(/mobile/set/data/network/wifispot/search/img/p/bg_dot_line.gif) left top repeat-x;
}
ul#list-genre li {
    float: left;
    width: 154px;
  margin-top: 3px;
}
ul#list-genre li.checked {
}

ul#list-genre li span {
    padding: 0 0 0 17px;
    cursor: pointer;
}

/* q */
div#search_box a.item_q{
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 288px;
    top: 2px !important;
  top: 0px;
}

div#search_box a.item_q .icon_q{
  display: block;
    width: 16px;
    height: 16px;
    background: url("/mobile/set/common/p/img/v11a/pdct_savoia/icon_question.gif") left center no-repeat;
    text-indent: -9999px;
  cursor: pointer;
}

div#search_box a.item_q:hover .icon_q {
    background-image: url("/mobile/set/common/p/img/v11a/pdct_savoia/icon_question_on.gif");
}

/*=== Box Item Details ===*/
#box_item-details {
    width: 262px;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 10 !important;
}

#box_item-details dt {
    padding: 35px 20px 0;
    background: url("/mobile/set/common/p/img/v11a/pdct_savoia/bg_box_item-details.png") left top no-repeat;
    font-weight: bold;
}
#box_item-details dd.item_a {
    padding: 10px 20px 22px;
    background: url("/mobile/set/common/p/img/v11a/pdct_savoia/bg_box_item-details.png") left bottom no-repeat;
  font-weight: bold;
}
#box_item-details dd.item_a span {
    display: block;
    margin-bottom: 8px;
}
#box_item-details .link-list_navy {
    display:none;
}
.btn_close {
    position: absolute;
    right: 15px;
    top: 12px;
    padding-left: 16px;
    background: url("/mobile/set/common/p/img/v11a/pdct_savoia/icn_bullet_list-close-win.gif") left center no-repeat;
}


/* map_area */
#map_area_box{
  position:relative;
  width:645px;
  background-color:#000;
}
#map_area{
  margin-top:10px;
  width:645px;
  height:287px;
}
.multi_spot{
  margin-right:10px;
  padding:5px;
  border-bottom:solid 1px #CCC;
}
#here_btn{
  position:absolute;
  top:3px;
  left:4px;
}
#loader{
  display:none;
  position:absolute;
  top:0px;
  width:100%;
  height:169px;
  padding-top:153px;
  background:rgba(0,0,0, 0.6);
  text-align:center;
}

.map_ex{
  margin-top:5px;
  padding: 3px 10px 4px;
  background-color:#f5f5f5;
}
.map_ex p{
  line-height:28px;
}
.icon_wifi_spot{
  padding-left: 25px;
  background: url(/mobile/set/data/network/wifispot/search/img/p/icon_wifi_spot.gif) no-repeat left bottom;
}
.icon_wifi_spots{
  padding-left: 31px;
  background: url(/mobile/set/data/network/wifispot/search/img/p/icon_wifi_spots.gif) no-repeat left bottom;
}

/* sws_content */

/* ========= .information_view ========= */
.news-list dt {
  float: left;
  width: 9em;
  text-align: left;
  padding: 7px 0 8px 0;
}
.news-list dd {
  background: url(/mobile/set/common/p/img/v11a/general/bg_info_dotted-hline.png) repeat-x left bottom;
  padding: 7px 0 8px 9em;
}
.news-list dd {
  margin-bottom: 10px;
}

.bnr_box{
  background: url(/mobile/set/data/network/wifispot/search/img/p/bg_bnrbox_btm.png) 0 bottom no-repeat;
  position: relative;
}
.bnr_box dl{
  float: left;
  margin-bottom: 15px;
  width: 315px;
}
.bnr_box dt{
  padding: 10px 15px;
  color: #006699;
  font-weight: bold;
  background: url(/mobile/set/data/network/wifispot/search/img/p/bg_bnrbox_top.png) 0 0 no-repeat;
}
.bnr_box dd.txt{
  padding: 10px 15px 0;
  font-size: 86%;
}
.bnr_box dd.fig_img{
  position: absolute;
}

#bnr_box_wifi-router dd.txt{
  width: 235px;
}

.mapboxgl-popup-content {
  font-family: "Hiragino Sans W3","ヒラギノ角ゴ ProN W3","WinGothic W3",sans-serif;
  padding:20px 15px 20px;
  font-size: 14px;
}

.mapboxgl-popup-close-button {
  margin-right:5px;
  margin-top:2px;
}

.mapBoxMarker {
  overflow-y:scroll;
  max-height:200px;
}