@charset "utf-8";
/*search-select*/
#key {
	display: none;
}
#search-select select {
	width: 200px;
	font-size: 100%;
	margin-bottom: 20px;
}
#search-select p,#result #area p.subtit{
	margin-bottom: 10px;
}
#search-select p.select_map {
	background: #ebebeb;
	padding: 5px 12px 5px 10px;
}
#search-select p.select_map span {
	display: block;
	background: url('/biz/set/data/mobile/network/img/p/icn_arrow_r.png') no-repeat right center;
}
#search-select p.subtit,#result #area p.subtit{
	background: #f4f5f6;
	padding: 8px 15px 7px;
}
p.select_map a{
	margin-top: 30px;
}
/*result*/
#result {
	margin-top: 20px;
	width: 710px;
	margin: 0 auto;
}
#result .flt_l {
	float: left;
	width: 200px;
}
#result #area {
	float: right;
}
#result .flt_r {
	float: right;
	width: 490px;
	height: 390px;
	position: relative;
	background: url('/biz/set/data/mobile/network/img/p/bg_service-area-box.png') repeat-x 0 0;
}
/* area-map
------------------------ */
#result .flt_r div.ttl {
	position: absolute;
	left: 19px;
	top: 14px;
	width: 158px;
	height: 15px;
	z-index: 100;
	font-size: 0;
	line-height: 0;
}
#result .flt_r div.info {
	position: absolute;
	left: 19px;
	top: 35px;
	width: 230px;
	z-index: 100;
}
#result .flt_r div.products,
#result .flt_r div.areas {
	border: 1px solid #d8dadc;
	padding: 8px 15px 5px;
	background: #ffffff;
}
#result .flt_r div.products h3,
#result .flt_r div.areas h3 {
	font-weight: bold;
	font-size: 100%;
}
#result .flt_r div.areas {
	margin-top: 10px;
}
#result .flt_r .result-info {
  position: absolute;
  left: 19px;
  top: 19px;
  z-index: 100;
  padding: 14px;
  font-size: 14px;
  line-height: 1;
  background: #fff;
}

#result .flt_r .result-info div.ttl {
  position: static;
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: 1.4;
}

#result .flt_r .result-info div.info {
  position: static;
  width: 220px;
  height: auto;
  margin-top: 13px;
}

#result .flt_r .result-info div.info .products {
  display: none;
}

#result .flt_r .result-info div.info .areas {
  background-color: #f4f5f6;
  border: none;
}

#result .flt_r .result-info div.info>div>h3 {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#result-area{
	margin:0;
}

ul#area-map {
	text-indent: -9999px;
	width: 480px;
	height: 390px;
}

/*3G 3GH ULTRA SPEED 4G*/
#area-map {
	position: absolute;
	left: 20px;
	top: 0;
}
#area-map li a { overflow: hidden; }
#area-map li,#mt-4g-type li{ position:absolute; display:block;}

#area-map li a{
	display:block;
	background-image:url('https://www.softbank.jp/biz/set/data/mobile/network/img/p/bg_map.png');
	background-repeat: no-repeat;
}

#area-map li#pref01 { left: 330px; top:15px;}
#area-map li#pref01 a{ width: 120px; height: 100px; background-position: -335px -25px; }
#area-map li#pref01 a:hover{background-position: -335px -435px; }

#area-map li#pref02 { left: 329px; top: 115px;}
#area-map li#pref02 a{ width: 80px; height: 27px; background-position: -334px -125px; }
#area-map li#pref02 a:hover{ background-position: -334px -535px; }

#area-map li#pref03 { left: 369px; top:143px;}
#area-map li#pref03 a{ width: 40px; height: 29px; background-position: -374px -153px; }
#area-map li#pref03 a:hover{ background-position: -374px -563px; }

#area-map li#pref04 { left: 369px; top:173px;}
#area-map li#pref04 a{ width: 40px; height: 29px; background-position: -374px -183px; }
#area-map li#pref04 a:hover{ background-position: -374px -593px; }

#area-map li#pref05 { left: 329px; top:143px;}
#area-map li#pref05 a{ width: 39px; height: 29px; background-position: -334px -153px; }
#area-map li#pref05 a:hover{ background-position: -334px -563px; }

#area-map li#pref06 { left: 329px; top:173px;}
#area-map li#pref06 a{ width: 39px; height: 29px; background-position: -334px -183px; }
#area-map li#pref06 a:hover{ background-position: -334px -593px; }

#area-map li#pref07 { left: 359px; top:203px;}
#area-map li#pref07 a{ width: 50px; height: 30px; background-position: -364px -213px; }
#area-map li#pref07 a:hover{ background-position: -364px -623px; }

#area-map li#pref08 { left: 378px; top:235px;}
#area-map li#pref08 a{ width: 30px; height: 53px; background-position: -383px -245px; }
#area-map li#pref08 a:hover{ background-position: -383px -655px; }

#area-map li#pref09 { left: 346px; top:235px;}
#area-map li#pref09 a{ width: 32px; height: 27px; background-position: -351px -245px; }
#area-map li#pref09 a:hover{ background-position: -351px -655px; }

#area-map li#pref10 { left: 321px; top:235px;}
#area-map li#pref10 a{ width: 24px; height: 52px; background-position: -326px -245px; }
#area-map li#pref10 a:hover{ background-position: -326px -655px; }

#area-map li#pref11 { left: 346px; top:263px;}
#area-map li#pref11 a{ width: 33px; height: 24px; background-position: -351px -273px; }
#area-map li#pref11 a:hover{ background-position: -351px -683px; }

#area-map li#pref12 { left: 379px; top:288px;}
#area-map li#pref12 a{ width: 30px; height: 47px; background-position: -384px -298px; }
#area-map li#pref12 a:hover{ background-position: -384px -708px; }

#area-map li#pref13 { left: 339px; top:288px; z-index:1; }
#area-map li#pref13 a{ width: 39px; height: 16px; background-position: -344px -298px; }
#area-map li#pref13 a:hover{ background-position: -344px -708px; }

#area-map li#pref14 { left: 318px; top:297px; }
#area-map li#pref14 a{ width: 51px; height: 38px; background-position: -323px -307px;}
#area-map li#pref14 a:hover{ background-position: -323px -717px; }

#area-map li#pref15 { left: 310px; top:205px; }
#area-map li#pref15 a{ width: 47px; height: 27px; background-position: -315px -215px; }
#area-map li#pref15 a:hover{ background-position: -315px -625px; }

#area-map li#pref16 { left: 269px; top:205px; }
#area-map li#pref16 a{ width: 40px; height: 27px; background-position: -274px -215px; }
#area-map li#pref16 a:hover{ background-position: -274px -625px; }

#area-map li#pref17 { left: 239px; top:185px;  }
#area-map li#pref17 a{ width: 29px; height: 33px; background-position: -244px -195px; }
#area-map li#pref17 a:hover{ background-position: -244px -605px; }

#area-map li#pref18 { left: 239px; top:219px;}
#area-map li#pref18 a{ width: 29px; height: 36px; background-position: -244px -229px;}
#area-map li#pref18 a:hover{ background-position: -244px -639px;}

#area-map li#pref19 { left: 291px; top:264px; }
#area-map li#pref19 a{ width: 46px; height: 31px; background-position: -296px -274px; }
#area-map li#pref19 a:hover{ background-position: -296px -684px; }

#area-map li#pref20 { left: 291px; top:233px; }
#area-map li#pref20 a{ width: 29px; height: 40px; background-position: -296px -243px; }
#area-map li#pref20 a:hover{ background-position: -296px -653px; }

#area-map li#pref21 { left: 268px; top:235px;}
#area-map li#pref21 a{ width: 21px; height: 38px; background-position: -273px -245px; }
#area-map li#pref21 a:hover{ background-position: -273px -655px; }

#area-map li#pref22 { left: 278px; top:297px; }
#area-map li#pref22 a{ width: 39px; height: 38px; background-position: -283px -307px; }
#area-map li#pref22 a:hover{ background-position: -283px -717px; }

#area-map li#pref23 { left: 260px; top:274px; }
#area-map li#pref23 a{ width: 29px; height: 51px; background-position: -265px -284px; }
#area-map li#pref23 a:hover{ background-position: -265px -694px; }

#area-map li#pref24 { left: 229px; top:286px; }
#area-map li#pref24 a{ width: 30px; height: 39px; background-position: -234px -296px; }
#area-map li#pref24 a:hover{ background-position: -234px -706px; }

#area-map li#pref25 { left: 222px; top:257px; }
#area-map li#pref25 a{ width: 45px; height: 28px; background-position: -227px -267px; }
#area-map li#pref25 a:hover{ background-position: -227px -677px; }

#area-map li#pref26 { left: 208px; top:235px; }
#area-map li#pref26 a{ width: 29px; height: 21px; background-position: -213px -245px; }
#area-map li#pref26 a:hover{ background-position: -213px -655px; }

#area-map li#pref27 { left: 178px; top:257px; }
#area-map li#pref27 a{ width: 43px; height: 28px; background-position: -183px -267px;}
#area-map li#pref27 a:hover{ left: 183px; top:267px; background-position: -183px -677px; }

#area-map li#pref28 { left: 178px; top:235px; }
#area-map li#pref28 a{ width: 29px; height: 21px; background-position: -183px -245px;}
#area-map li#pref28 a:hover{ background-position: -183px -655px; }

#area-map li#pref29 { left: 208px; top:285px; }
#area-map li#pref29 a{ width: 19px; height: 60px; background-position: -213px -295px;}
#area-map li#pref29 a:hover{ background-position: -213px -705px; }

#area-map li#pref30 { left: 189px; top:285px; }
#area-map li#pref30 a{ width: 18px; height: 60px; background-position: -194px -295px;}
#area-map li#pref30 a:hover{ background-position: -194px -705px; }

#area-map li#pref31 { left: 147px; top:255px; }
#area-map li#pref31 a{ width: 29px; height: 20px; background-position: -152px -265px; }
#area-map li#pref31 a:hover{ background-position: -152px -675px; }

#area-map li#pref32 { left: 117px; top:255px; }
#area-map li#pref32 a{ width: 29px; height: 20px; background-position: -122px -265px; }
#area-map li#pref32 a:hover{ background-position: -122px -675px; }

#area-map li#pref33 { left: 147px; top:276px; }
#area-map li#pref33 a{ width: 29px; height: 19px; background-position: -152px -286px; }
#area-map li#pref33 a:hover{ background-position: -152px -696px; }

#area-map li#pref34 { left: 117px; top:276px; }
#area-map li#pref34 a{ width: 29px; height: 19px; background-position: -122px -286px; }
#area-map li#pref34 a:hover{ background-position: -122px -696px; }

#area-map li#pref35 { left: 98px; top:255px; }
#area-map li#pref35 a{ width: 18px; height: 40px; background-position: -103px -265px; }
#area-map li#pref35 a:hover{ background-position: -103px -675px; }

#area-map li#pref36 { left: 143px; top:326px; }
#area-map li#pref36 a{ width: 34px; height: 20px; background-position: -148px -336px; }
#area-map li#pref36 a:hover{ background-position: -148px -746px; }

#area-map li#pref37 { left: 143px; top:305px; }
#area-map li#pref37 a{ width: 34px; height: 20px; background-position: -148px -315px; }
#area-map li#pref37 a:hover{ background-position: -148px -725px; }

#area-map li#pref38 { left: 107px; top:305px; }
#area-map li#pref38 a{ width: 35px; height: 20px; background-position: -112px -315px; }
#area-map li#pref38 a:hover{ background-position: -112px -725px; }

#area-map li#pref39 { left: 107px; top:326px; }
#area-map li#pref39 a{ width: 35px; height: 19px; background-position: -112px -336px; }
#area-map li#pref39 a:hover{ background-position: -112px -746px; }

#area-map li#pref40 { left: 61px; top:264px; }
#area-map li#pref40 a{ width: 29px; height: 27px; background-position: -66px -274px; }
#area-map li#pref40 a:hover{ background-position: -66px -684px; }

#area-map li#pref41 { left: 40px; top:265px; }
#area-map li#pref41 a{ width: 20px; height: 57px; background-position: -45px -275px; }
#area-map li#pref41 a:hover{ background-position: -45px -685px; }

#area-map li#pref42 { left: 20px; top:265px; }
#area-map li#pref42 a{ width: 19px; height: 50px; background-position: -25px -275px; }
#area-map li#pref42 a:hover{ background-position: -25px -685px; }

#area-map li#pref43 { left: 50px; top:323px; }
#area-map li#pref43 a{ width: 24px; height: 31px; background-position: -55px -333px; }
#area-map li#pref43 a:hover{ background-position: -55px -743px; }

#area-map li#pref44 { left: 61px; top:292px; }
#area-map li#pref44 a{ width: 39px; height: 30px; background-position: -66px -302px; }
#area-map li#pref44 a:hover{ background-position: -66px -712px; }

#area-map li#pref45 { left: 75px; top:323px; }
#area-map li#pref45 a{ width: 25px; height: 31px; background-position: -80px -333px; }
#area-map li#pref45 a:hover{ background-position: -80px -743px; }

#area-map li#pref46 { left: 50px; top:355px; }
#area-map li#pref46 a{ width: 50px; height: 20px; background-position: -55px -365px; }
#area-map li#pref46 a:hover{ background-position: -55px -775px; }

#area-map li#pref47 { left: 20px; top:324px; }
#area-map li#pref47 a{ width: 20px; height: 51px; background-position: -25px -334px; }
#area-map li#pref47 a:hover{ background-position: -25px -744px; }

/* clearfix */
#result:after {
  content: "";
  clear: both;
  display: block;
}