@charset "utf-8";

/***********************************
  hokkaido_Value_Scope
  /static/css/common/map.css
***********************************/


/*==================================
  Map Layout
==================================*/

/*--search_map--*/
dl#b1-map {height:395px; overflow:hidden; margin-top:5px;}
dl#b1-map dt {position:absolute; z-index:1;}
dl#b1-map dd {position:relative; z-index:2;}
dl#b1-map dd ol {list-style:none;}
dl#b1-map dd ol li {font-size:0; line-height:0; overflow:hidden; position:absolute;}
dl#b1-map dd ol li a {display:block;}
dl#b1-map dd ol li a:hover {background-color:transparent;}
dl#b1-map dd ol li a:hover img {visibility:hidden;}
dl#b1-map dd ol li#b1-sap {width:137px; height:28px; margin:114px 0 0 64px; background:url(/static/images/map/b1_sap_ov.png)}
dl#b1-map dd ol li#b1-joz {width:137px; height:28px; margin:146px 0 0 49px; background:url(/static/images/map/b1_joz_ov.png)}
dl#b1-map dd ol li#b1-ota {width:135px; height:28px; margin:178px 0 0 10px; background:url(/static/images/map/b1_ota_ov.png)}
dl#b1-map dd ol li#b1-ish {width:137px; height:28px; margin:82px 0 0 79px; background:url(/static/images/map/b1_ish_ov.png)}
dl#b1-map dd ol li#b1-chi {width:145px; height:29px; margin:330px 0 0 262px; background:url(/static/images/map/b1_chi_ov.png)}
dl#b1-map dd ol li#b1-nis {width:135px; height:28px; margin:210px 0 0 10px; background:url(/static/images/map/b1_nis_ov.png)}
dl#b1-map dd ol li#b1-nob {width:144px; height:27px; margin:362px 0 0 243px; background:url(/static/images/map/b1_nob_ov.png)}
dl#b1-map dd ol li#b1-toy {width:135px; height:28px; margin:242px 0 0 10px; background:url(/static/images/map/b1_toy_ov.png)}
dl#b1-map dd ol li#b1-hid {width:147px; height:29px; margin:307px 0 0 428px; background:url(/static/images/map/b1_hid_ov.png)}
dl#b1-map dd ol li#b1-hak {width:134px; height:27px; margin:362px 0 0 10px; background:url(/static/images/map/b1_hak_ov.png)}
dl#b1-map dd ol li#b1-oon {width:135px; height:28px; margin:362px 0 0 9px; background:url(/static/images/map/b1_oon_ov.png)}
dl#b1-map dd ol li#b1-kit {width:147px; height:29px; margin:106px 0 0 453px; background:url(/static/images/map/b1_kit_ov.png)}
dl#b1-map dd ol li#b1-aka {width:147px; height:44px; margin:230px 0 0 453px; background:url(/static/images/map/b1_aka_ov.png)}
dl#b1-map dd ol li#b1-obi {width:147px; height:29px; margin:276px 0 0 428px; background:url(/static/images/map/b1_obi_ov.png)}
dl#b1-map dd ol li#b1-wak {width:146px; height:29px; margin:11px 0 0 284px; background:url(/static/images/map/b1_wak_ov.png)}
dl#b1-map dd ol li#b1-asa {width:145px; height:29px; margin:42px 0 0 294px; background:url(/static/images/map/b1_asa_ov.png)}
dl#b1-map dd ol li#b1-sou {width:147px; height:29px; margin:74px 0 0 453px; background:url(/static/images/map/b1_sou_ov.png)}
dl#b1-map dd ol li#b1-fur {width:147px; height:29px; margin:74px 0 0 304px; background:url(/static/images/map/b1_fur_ov.png)}
dl#b1-map dd ol li#b1-ris {width:175px; height:29px; margin:11px 0 0 10px; background:url(/static/images/map/b1_ris_ov.png)}
dl#b1-map dd ol li#b1-oku {width:133px; height:27px; margin:274px 0 0 11px; background:url(/static/images/map/b1_oku_ov.png)}
dl#b1-map dd ol li#b1-mat {width:134px; height:27px; margin:330px 0 0 10px; background:url(/static/images/map/b1_mat_ov.png)}

/*--spot_map--*/
dl#b2-map {height:520px; overflow:hidden;}
dl#b2-map dt {position:absolute; z-index:1;}
dl#b2-map dd {position:relative; z-index:2;}
dl#b2-map dd h3 {position:absolute; margin:25px 0 0 20px;}
dl#b2-map dd h4 {position:absolute; margin:25px 0 0 400px; color:#fff; font-size:12px;}
dl#b2-map dd div.b-bottom02{background:url(/static/images/map/b_bottom02_bg.png) no-repeat; width:190px; height:70px; position:absolute; margin:10px 0 0 410px; padding:40px 0 0 8px;}
dl#b2-map dd div.b-bottom02 input{vertical-align:middle;}
dl#b2-map dd div.b-bottom02 input#spot-name-search{position:absolute; margin:6px 0 0; width:115px;}
dl#b2-map dd div.b-bottom02 input#spot-name-search-btn{position:absolute; margin:2px 0 0 125px;}
dl#b2-map dd ol {list-style:none;}
dl#b2-map dd ol li {font-size:0; line-height:0; overflow:hidden; position:absolute;}
dl#b2-map dd ol li a {display:block;}
dl#b2-map dd ol li a:hover {background-color:transparent;}
dl#b2-map dd ol li a:hover img {visibility:hidden;}
dl#b2-map dd ol li#b2-sap {width:137px; height:28px; margin:199px 0 0 64px; background:url(/static/images/map/b2_sap_ov.png)}
dl#b2-map dd ol li#b2-joz {width:137px; height:28px; margin:231px 0 0 49px; background:url(/static/images/map/b2_joz_ov.png)}
dl#b2-map dd ol li#b2-ota {width:136px; height:28px; margin:263px 0 0 9px; background:url(/static/images/map/b2_ota_ov.png)}
dl#b2-map dd ol li#b2-ish {width:137px; height:28px; margin:167px 0 0 79px; background:url(/static/images/map/b2_ish_ov.png)}
dl#b2-map dd ol li#b2-chi {width:145px; height:29px; margin:415px 0 0 262px; background:url(/static/images/map/b2_chi_ov.png)}
dl#b2-map dd ol li#b2-nis {width:136px; height:28px; margin:295px 0 0 9px; background:url(/static/images/map/b2_nis_ov.png)}
dl#b2-map dd ol li#b2-nob {width:146px; height:29px; margin:358px 0 0 9px; background:url(/static/images/map/b2_nob_ov.png)}
dl#b2-map dd ol li#b2-toy {width:136px; height:28px; margin:327px 0 0 9px; background:url(/static/images/map/b2_toy_ov.png)}
dl#b2-map dd ol li#b2-hid {width:146px; height:29px; margin:392px 0 0 429px; background:url(/static/images/map/b2_hid_ov.png)}
dl#b2-map dd ol li#b2-hak {width:135px; height:29px; margin:446px 0 0 242px; background:url(/static/images/map/b2_hak_ov.png)}
dl#b2-map dd ol li#b2-oon {width:135px; height:29px; margin:446px 0 0 9px; background:url(/static/images/map/b2_oon_ov.png)}
dl#b2-map dd ol li#b2-kit {width:147px; height:29px; margin:191px 0 0 453px; background:url(/static/images/map/b2_kit_ov.png)}
dl#b2-map dd ol li#b2-aka {width:147px; height:44px; margin:315px 0 0 453px; background:url(/static/images/map/b2_aka_ov.png)}
dl#b2-map dd ol li#b2-obi {width:147px; height:29px; margin:361px 0 0 428px; background:url(/static/images/map/b2_obi_ov.png)}
dl#b2-map dd ol li#b2-wak {width:146px; height:29px; margin:96px 0 0 284px; background:url(/static/images/map/b2_wak_ov.png)}
dl#b2-map dd ol li#b2-asa {width:145px; height:28px; margin:128px 0 0 294px; background:url(/static/images/map/b2_asa_ov.png)}
dl#b2-map dd ol li#b2-sou {width:147px; height:29px; margin:159px 0 0 453px; background:url(/static/images/map/b2_sou_ov.png)}
dl#b2-map dd ol li#b2-fur {width:147px; height:29px; margin:159px 0 0 304px; background:url(/static/images/map/b2_fur_ov.png)}
dl#b2-map dd ol li#b2-ris {width:175px; height:29px; margin:96px 0 0 10px; background:url(/static/images/map/b2_ris_ov.png)}
dl#b2-map dd ol li#b2-oku {width:136px; height:29px; margin:414px 0 0 9px; background:url(/static/images/map/b2_oku_ov.png)}
dl#b2-map dd ol li#b2-mat {width:135px; height:29px; margin:446px 0 0 9px; background:url(/static/images/map/b2_mat_ov.png)}

/*--spa_map--*/
div#spa-map {height:600px; background:url(/static/images/map/spa_map.gif);}
div#spa-map h3 {position:absolute; margin:21px 0 0 18px;}
div#spa-map dl#spa-doou {position:absolute; width:170px; margin:95px 0 0 18px;}
div#spa-map dl#spa-donan {position:absolute; width:170px; margin:473px 0 0 18px;}
div#spa-map dl#spa-doto {position:absolute; width:370px; margin:473px 0 0 227px;}
div#spa-map dl#spa-dohoku {position:absolute; width:240px; margin:95px 0 0 356px;}
div#spa-map dl dd li {list-style:none; line-height:1; margin-bottom:2px;}
div#spa-map dl dd li a {color:c06; font-size:10px; background:url(/static/images/common/lm08.gif) left no-repeat; padding-left:10px;}
div#spa-map dl#spa-doou dd,div#spa-map dl#spa-donan dd,div#spa-map dl#spa-dohoku dd {padding-left:5px;}
div#spa-map dl#spa-doto dt {position:absolute;}
div#spa-map dl#spa-doto dd ol#doto01 {position:absolute; width:105px; margin:28px 0 0 5px;}
div#spa-map dl#spa-doto dd ol#doto02 {position:absolute; width:125px; margin:28px 0 0 110px;}
div#spa-map dl#spa-doto dd ol#doto03 {position:absolute; width:145px; margin:16px 0 0 235px;}
div#spa-map dl#spa-dohoku dd ol {width:110px; float:left;}
div#spa-map dl#spa-dohoku dd ol.none {width:125px; float:right;}

/*--side_map--*/
dl#side-map {height:240px; overflow:hidden;}
dl#side-map dt {position:absolute; z-index:1;}
dl#side-map dd {position:relative; z-index:2;}
dl#side-map dd ol {list-style:none;}
dl#side-map dd ol li {font-size:0; line-height:0; height:19px; overflow:hidden; position:absolute;}
dl#side-map dd ol li a {display:block;}
dl#side-map dd ol li a:hover {background-color:transparent;}
dl#side-map dd ol li a:hover img {visibility:hidden;}
dl#side-map dd ol li#s-sap {width:40px; margin:111px 0 0 90px; background:url(/static/images/map/s_sap_ov.png)}
dl#side-map dd ol li#s-joz {width:50px; margin:133px 0 0 90px; background:url(/static/images/map/s_joz_ov.png)}
dl#side-map dd ol li#s-ota {width:100px; margin:89px 0 0 7px; background:url(/static/images/map/s_ota_ov.png)}
dl#side-map dd ol li#s-ish {width:67px; margin:67px 0 0 50px; background:url(/static/images/map/s_ish_ov.png)}
dl#side-map dd ol li#s-chi {width:109px; margin:190px 0 0 129px; background:url(/static/images/map/s_chi_ov.png)}
dl#side-map dd ol li#s-nis {width:78px; margin:125px 0 0 7px; background:url(/static/images/map/s_nis_ov.png)}
dl#side-map dd ol li#s-nob {width:75px; margin:212px 0 0 124px; background:url(/static/images/map/s_nob_ov.png)}
dl#side-map dd ol li#s-toy {width:66px; margin:147px 0 0 7px; background:url(/static/images/map/s_toy_ov.png)}
dl#side-map dd ol li#s-hid {width:66px; margin:168px 0 0 206px; background:url(/static/images/map/s_hid_ov.png)}
dl#side-map dd ol li#s-hak {width:113px; margin:212px 0 0 7px; background:url(/static/images/map/s_hak_ov.png)}
dl#side-map dd ol li#s-oon {width:116px; margin:190px 0 0 7px; background:url(/static/images/map/s_oon_ov.png)}
dl#side-map dd ol li#s-kit {width:116px; margin:102px 0 0 156px; background:url(/static/images/map/s_kit_ov.png)}
dl#side-map dd ol li#s-aka {width:127px; margin:124px 0 0 145px; background:url(/static/images/map/s_aka_ov.png)}
dl#side-map dd ol li#s-obi {width:66px; margin:146px 0 0 206px; background:url(/static/images/map/s_obi_ov.png)}
dl#side-map dd ol li#s-wak {width:63px; margin:8px 0 0 144px; background:url(/static/images/map/s_wak_ov.png)}
dl#side-map dd ol li#s-asa {width:39px; margin:45px 0 0 120px; background:url(/static/images/map/s_asa_ov.png)}
dl#side-map dd ol li#s-sou {width:110px; margin:45px 0 0 162px; background:url(/static/images/map/s_sou_ov.png)}
dl#side-map dd ol li#s-fur {width:110px; margin:67px 0 0 162px; background:url(/static/images/map/s_fur_ov.png)}
dl#side-map dd ol li#s-ris {width:134px; margin:8px 0 0 7px; background:url(/static/images/map/s_ris_ov.png)}
dl#side-map dd ol li#s-oku {width:66px; margin:169px 0 0 7px; background:url(/static/images/map/s_oku_ov.png)}
dl#side-map dd ol li#s-mat {width:66px; margin:190px 0 0 7px; background:url(/static/images/map/s_mat_ov.png)}