.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #eb2b6f}
.f-blue { color: #0053c4}

html { _filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body {
  font-family:
      'Helvetica',
      'Arial',
      'Verdana',
      'sans-serif';
}
p,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,td {
  margin:0;
  padding:0;
  color:#000;
  text-decoration:none;
  line-height: 1.2em;
  font-size:12px;
}
img {
    border:0;
}
ul,ol {
  list-style:none;
}
a {
  overflow: hidden;
}
a:hover {
  color:#F00;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height: 0;
}
.clearfix {
  display: inline-table;
  min-height: 1%;
}
/* for macIE \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* end of for macIE */
.clearfix {
  overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

.pageTop {
  clear:both;
  width: 900px;
  margin-top: 5px;
  text-align: right;
}
.pageTop a {
  text-decoration:underline;
}

/*-----------------------------------------------------
CONTAINER
-------------------------------------------------------*/
div#container_jto {
  width: 100%;
  text-align: left;
}

div#container_jto .map:nth-of-type(2){
/*  margin-top: 20px;*/
}

div#container {
  width:960px;
  margin: 0 auto;
  text-align: left;
}
p.back{
  float:left;
/*   position:relative;
  margin:3px 0 0 -150px; */
  margin:3px 0 0 0;
}


#box_left_jto{
  width:250px;
  float:left;
}

#box_left_jto area{
  outline: none;
}

#box_left{
  width:405px;
  float:left;
}



#box_right{
  width:250px;
  margin-left:5px;
  float:left;
}

#box_right .bnr {
  margin-top:10px;
}

#box_right .bnr:first-child {
  margin-top:0;
}

#box_right .bnr__btn:hover {
  transition-duration: 0.3s;
  filter: alpha(opacity=80);        /* ie 6 7 */
  -ms-filter: "alpha(opacity=80)";  /* ie 8 */
  -moz-opacity: 0.80;
  opacity: 0.80;
  zoom:1;/*IE7*/
}
#box_right .bnr img {
 vertical-align: bottom;
}

#box_right .bnr__btn {
  cursor: pointer;
}
#box_right .bnr__cont {
  display: none;
  flex-direction: column;
  position: fixed;
  top: calc(50% - 420px / 2);
  left: calc(50% - 400px / 2);
  width: 400px;
  height: 420px;
  padding: 10px;
  border-radius: 6px;
  background: #2b639e;
  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, .5);
  box-sizing: border-box;
}
#box_right .bnr__btn.-active + .bnr__cont {
  display: flex;
}
#box_right .bnr__close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#box_right .bnr__close::before,
#box_right .bnr__close::after {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 18px;
  height: 2px;
  background: #fff;
  content: '';
}
#box_right .bnr__close::before {
  transform: rotate(45deg);
}
#box_right .bnr__close::after {
  transform: rotate(-45deg);
}
#box_right .bnr__contTtl {
  display: block;
  padding: 2px 0 8px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
#box_right .bnr__contInner {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  padding: 5px;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
}
#box_right .bnr__list {
  flex-basis: 100px;
  flex-shrink: 0;
  flex-grow: 2;
  padding: 5px 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#box_right .bnr__list::-webkit-scrollbar {
  width: 14px;
}
#box_right .bnr__list::-webkit-scrollbar-track {
  border: 1px solid #dbeaf9;
  border-radius: 50px;
  background: #e8f1fa;
}
#box_right .bnr__list::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background: #c3d6ea;
}
#box_right .bnr__item {
  display: flex;
  counter-increment: num;
}
#box_right .bnr__item:not(:last-child) {
  margin-bottom: 15px;
}
#box_right .bnr__rank {
  display: block;
  position: relative;
  width: 45px;
  height: 45px;
}
#box_right .bnr__rank:after {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  content: counter(num);
}
#box_right .bnr__item:first-child .bnr__rank:before {
  display: block;
  position: absolute;
  top: calc(50% - 20px / 2);
  left: calc(50% - 30px / 2);
  width: 30px;
  height: 20px;
  background: url(../imgs/bnr_top20_rank1.png) no-repeat center center;
  content: '';
}
#box_right .bnr__item:nth-child(2) .bnr__rank:before {
  display: block;
  position: absolute;
  top: calc(50% - 20px / 2);
  left: calc(50% - 30px / 2);
  width: 30px;
  height: 20px;
  background: url(../imgs/bnr_top20_rank2.png) no-repeat center center;
  content: '';
}
#box_right .bnr__item:nth-child(3) .bnr__rank:before {
  display: block;
  position: absolute;
  top: calc(50% - 20px / 2);
  left: calc(50% - 30px / 2);
  width: 30px;
  height: 20px;
  background: url(../imgs/bnr_top20_rank3.png) no-repeat center center;
  content: '';
}
#box_right .bnr__imgWrapper {
  margin-right: 10px;
}
#box_right .bnr__txtWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#box_right .bnr__ttl {
  margin-top: 3px;
  font-size: 13px;
  color: #3724d7;
}
#box_right .bnr__btns {
  display: flex;
}
#box_right .bnr__more {
  margin-right: 8px;
}

/*============================
#tab_area1
============================*/
#tab_area1 {
}
#tab_area1 .tab_btn {
 margin-bottom: -1px;
}
#tab_area1 .tab_btn:after {
 display: block;
 content: "";
 clear: both;
}
#tab_area1 .tab_btn>li {
 width: 131px;
 display: table;
 margin-left: 2px;
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
 float: left;
 position: relative;
 cursor: pointer;
 transition-duration: 0.2em;
 filter: alpha(opacity=80);        /* ie 6 7 */
 -ms-filter: "alpha(opacity=80)";  /* ie 8 */
 -moz-opacity: 0.80;
 opacity: 0.80;
 min-height: 54px;
}
#tab_area1 .tab_btn>li.tab__active {
 filter: alpha(opacity=100);        /* ie 6 7 */
 -ms-filter: "alpha(opacity=100)";  /* ie 8 */
 -moz-opacity: 1;
 opacity: 1;
}
#tab_area1 .tab_btn>li:first-child {
 margin-left: 0;
 padding-left: 2px;
}
#tab_area1 .tab_btn .btn_hot_keyword {
 background: #e8b8d9; /* Old browsers */
 background: -moz-linear-gradient(top, hsl(319,51%,82%) 0%, hsl(317,36%,56%) 55%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, hsl(319,51%,82%) 0%, hsl(317,36%,56%) 55%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, hsl(319,51%,82%) 0%, hsl(317,36%,56%) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8b8d9', endColorstr='#b7649f', GradientType=0 ); /* IE6-9 */
 border-top: 1px solid #cfabc5;
 border-left: 1px solid #cfabc5;
 border-right: 1px solid #cfabc5;
}
#tab_area1 .tab_btn .btn_map_sarch {
 background: #c5e9b9; /* Old browsers */
 background: -moz-linear-gradient(top, hsl(105,52%,82%) 0%, hsl(105,29%,56%) 55%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, hsl(105,52%,82%) 0%, hsl(105,29%,56%) 55%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, hsl(105,52%,82%) 0%, hsl(105,29%,56%) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5e9b9', endColorstr='#80b070', GradientType=0 ); /* IE6-9 */
 border-top: 1px solid #b5cfab;
 border-left: 1px solid #b5cfab;
 border-right: 1px solid #b5cfab;
}
#tab_area1 .tab_btn .btn_ranking {
 background: #b0cce8; /* Old browsers */
 background: -moz-linear-gradient(top, hsl(210,55%,80%) 0%, hsl(211,42%,55%) 55%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, hsl(210,55%,80%) 0%, hsl(211,42%,55%) 55%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, hsl(210,55%,80%) 0%, hsl(211,42%,55%) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0cce8', endColorstr='#5d8cbd', GradientType=0 ); /* IE6-9 */
 border-top: 1px solid #abbdcf;
 border-left: 1px solid #abbdcf;
 border-right: 1px solid #abbdcf;
}
#tab_area1 .tab_btn .tab_name {
 display: table-cell;
 *display:block;/*IE7*/
 vertical-align: middle;
 text-align: center;
 height: 54px;
 font-size: 18px;
 font-weight: bold;
 color: #fff;
 line-height: 22px;
}
#tab_area1 .tab_btn .new_icon {
 position: absolute;
 top: -6px;
 right: -6px;
 *top: -14px;
 *right: -13px;
}
#tab_area1 .tab_btn .new_icon>span {
 position: relative;
 display: block;
 height: 100%;
}
#tab_area1 .tab_btn .new_icon .on {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 filter: alpha(opacity=0);        /* ie 6 7 */
 -ms-filter: "alpha(opacity=0)";  /* ie 8 */
 -moz-opacity: 0;
 opacity: 0;
}
.ranking_data{
color:#FFF;
font-size:12px;
padding:0 2px;
background-color:#ea3f11;
display:inline-block;
font-weight:bold;

}

/*============================
#tab_contents
============================*/
#tab_area1 #tab_contents {
  min-width: 355px;
}
#tab_area1 #tab_contents .tab_content {
 padding: 7px;
 border-radius: 2px;
 display: none;
}
/*Hot keyword*/

#tab_area1 #tab_contents .tab_content.hot_keyword {
 background-color: #b7649f;
 border: 1px solid #cfabc5;
}
#tab_area1 #tab_contents .tab_content.hot_keyword .tab_content_inner .key_word_list a {
 display: inline-block;
 margin-right: 5px;
 padding: 5px 20px 5px 10px;
 color: #873a71;
 font-size: 16px;
 background: url(../imgs/icon_arrow1_p.png) #eac4de right center no-repeat;
 text-decoration: none;
 border-radius: 4px;
 margin-bottom: 14px;
 transition-duration: 0.2s;
}
#tab_area1 #tab_contents .tab_content.hot_keyword .tab_content_inner .key_word_list a:hover {
 filter: alpha(opacity=65);        /* ie 6 7 */
 -ms-filter: "alpha(opacity=65)";  /* ie 8 */
 -moz-opacity: 0.65;
 opacity: 0.65;
}
/*Map sarch*/

#tab_area1 #tab_contents .tab_content.map_sarch {
 position: relative;
 height: 393px;
 background-color: #80b070;
 border: 1px solid #b5cfab;
}
#tab_area1 #tab_contents .tab_content.map_sarch #box_left_jto {
  transform-origin: left top;
  transform: scale(1.55);
  float: none;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner {
 background: url(../imgs/bg_map.png) top left repeat;
 position: relative;
 padding: 5px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index:9999;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner {
 position: relative;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div {
 position: absolute;
 font-size: 12px;
 font-weight: bold;
 z-index: 100;
}



#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div a {
 text-decoration: none;
 cursor: pointer;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div a:hover {
 filter: alpha(opacity=65);        /* ie 6 7 */
 -ms-filter: "alpha(opacity=65)";  /* ie 8 */
 -moz-opacity: 0.65;
 opacity: 0.65;
 zoom:1;/*IE7*/
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div a span {
 padding-right: 10px;
 display: inline-block;
 font-weight: bold;
 line-height: 14px;
}

#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.area1 a span {
 background: url(../imgs/icon_area1.png) right 60% no-repeat;
 color: #61a00f;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.area2 a span {
 background: url(../imgs/icon_area2.png) right 60% no-repeat;
 color: #2f9cc7;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.area3 a span {
 background: url(../imgs/icon_area3.png) right 60% no-repeat;
 color: #df5ba3;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.area4 a span {
 background: url(../imgs/icon_area4.png) right 60% no-repeat;
 color: #ec9413;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.area5 a span {
 background: url(../imgs/icon_area5.png) right 60% no-repeat;
 color: #00ac7e;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.area6 a span {
 background: url(../imgs/icon_area6.png) right 60% no-repeat;
 color: #b1a800;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.area7 a span {
 background: url(../imgs/icon_area7.png) right 60% no-repeat;
 color: #c12314;
}

#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.areaname a span {
 background:none;
 font-size: 14px;
}

#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p01 {
  left: 210px;
  top: 39px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p02 {
  left: 273px;
  top: 207px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p03 {
  left: 251px;
  top: 262px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p04 {
  left: 110px;
  top: 166px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p05 {
  left: 110px;
  top: 182px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p06 {
  left: 121px;
  top: 297px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p07 {
  left: 10px;
  top: 205px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p08 {
  left: 45px;
  top: 315px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p09 {
  left: 211px;
  top: 22px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p10 {
  left: 193px;
  top: 106px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p11 {
  left: 273px;
  top: 190px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p12 {
  left: 251px;
  top: 243px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p13 {
  left: 110px;
  top: 149px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p14 {
  left: 121px;
  top: 279px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p15 {
  left: 10px;
  top: 186px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner>div.p16 {
  left: 45px;
  top: 297px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .map_list_inner {
 position: relative;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .tab_content_inner {
 position: relative;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .tab_content_inner .area1 {
 position: absolute;
 top: 10px;
 left: 10px;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_list .tab_content_inner .area2 {
 position: relative;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_image {
 position: relative;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_image img {
 position: absolute;
 top: 0;
 left: 0;
}
#tab_area1 #tab_contents .tab_content.map_sarch .tab_content_inner .map_image img.area1 {
 position: relative;
}
/*Ranking*/

#tab_area1 #tab_contents .tab_content.ranking {
 background-color: #5d8cbd;
 border: 1px solid #abbdcf;
}
#tab_area1 #tab_contents .tab_content .tab_content_inner {
 background-color: #fff;
 border-radius: 2px;
 padding: 10px;
 min-height: 319px;
 position: relative;
}
#tab_area1 #tab_contents .tab_content.ranking {
}
#tab_area1 #tab_contents .tab_content.ranking .headding {
 height: 39px;
 overflow: hidden;
}
#tab_area1 #tab_contents .tab_content.ranking .headding p {
 display: table;
 /* font-size: 24px; */
 font-size: 14px;
 color: #2b639e;
 font-weight: bold;
 width: 100%;
}
#tab_area1 #tab_contents .tab_content.ranking .headding p span {
 display: table-cell;
 *display:block;/*IE7*/
 text-align: center;
 vertical-align: middle;

}
#tab_area1 #tab_contents .tab_content.ranking .box {
 background-color: #b7cee6;
 border-radius: 4px;
 padding: 6px;
 margin-left: 10px;
 float: left;
 cursor: pointer;
 transition-duration: 0.2s;
 z-index: 30;
}
#tab_area1 #tab_contents .tab_content.ranking .box:hover {
 filter: alpha(opacity=65);        /* ie 6 7 */
 -ms-filter: "alpha(opacity=65)";  /* ie 8 */
 -moz-opacity: 0.65;
 opacity: 0.65;
}
#tab_area1 #tab_contents .tab_content.ranking .box:first-child {
 margin-left: 0;
}
#tab_area1 #tab_contents .tab_content.ranking .box p {
 font-size: 18px;
 color: #2b639e;
 text-align: center;
 font-weight: bold;
 padding-bottom: 8px;
 padding-top: 2px;
}
#tab_area1 #tab_contents .tab_content.ranking .box .rank_btn {
 background: url(../imgs/icon_arrow2_b_b.png) no-repeat bottom center #fff;
 border-radius: 4px;
 padding: 5px 5px 12px;
 text-align: center;
 font-size: 12px;
 color: #2b639e;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list {
 background-color: #2b639e;
 border-radius: 4px;
 padding: 8px;
 position: absolute;
 z-index: 10;
 width: 100%;
 /* box-shadow */
 box-shadow: 0px 15px 38px 0px #000000;
 -moz-box-shadow: 0px 15px 38px 0px #000000;
 -webkit-box-shadow: 0px 15px 38px 0px #000000;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list .ranking_list_name {
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 padding-right: 25px;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list .ranking_list_close_btn {
 background: url(../imgs/close_btn.png) top left no-repeat;
 width: 15px;
 height: 15px;
 margin-left: auto;
 margin-bottom: 10px;
 cursor: pointer;
 margin-top: -20px;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner {
 background-color: #fff;
 border-radius: 4px;
 padding: 10px;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank {
 padding-left: 40px;
 margin-top: 10px;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank:first-child {
 margin-top: 0;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank1 {
 background: url(../imgs/icon_rank1.png) left center no-repeat;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank2 {
 background: url(../imgs/icon_rank2.png) left center no-repeat;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank3 {
 background: url(../imgs/icon_rank3.png) left center no-repeat;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank4 {
  position: relative;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank4::before {
  position: absolute;
  top: -2px;
  left: 9px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  content: '4';
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank5 {
  position: relative;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank5::before {
  position: absolute;
  top: -2px;
  left: 9px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  content: '5';
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank6 {
  position: relative;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank6::before {
  position: absolute;
  top: -2px;
  left: 9px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  content: '6';
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank7 {
  position: relative;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank7::before {
  position: absolute;
  top: -2px;
  left: 9px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  content: '7';
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank8 {
  position: relative;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank8::before {
  position: absolute;
  top: -2px;
  left: 9px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  content: '8';
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank9 {
  position: relative;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank9::before {
  position: absolute;
  top: -2px;
  left: 9px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  content: '9';
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank10 {
  position: relative;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank10::before {
  position: absolute;
  top: -2px;
  left: 9px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  content: '10';
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner::after {
  display: block;
  content: '';
  clear: both;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank a {
 padding-right: 15px;
 background: url(../imgs/icon_arrow_2_r_b.png) right center no-repeat;
}
#tab_area1 #tab_contents .tab_content.ranking .ranking_list_inner .rank__moreLink {
  float: right;
  margin-top: 5px;
}
#tab_area1 #tab_contents .tab_content.ranking .box .rank_data {
 display: none;
}
#tab_area1 #tab_contents .tab_content.ranking .col_3 {
 margin-top: 11px;
 position: relative;
 zoom: 1;
}
#tab_area1 #tab_contents .tab_content.ranking .col_3:first-child {
 margin-top: 0;
}
#tab_area1 #tab_contents .tab_content.ranking .col_3:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#tab_area1 #tab_contents .tab_content.ranking .col_3 .box {
 width: 104px;
}
#tab_area1 #tab_contents .tab_content.ranking .col_3 .box .area_name {
}
#tab_area1 #tab_contents .tab_content.ranking .col_3 .box .rank_btn {
}
#tab_area1 #tab_contents .tab_content.ranking .col_2 {
 margin-top: 11px;
 position: relative;
 zoom:1;
}
#tab_area1 #tab_contents .tab_content.ranking .col_2 .box {
 width: 167px;
}
#tab_area1 #tab_contents .tab_content.ranking .col_2:first-child {
 margin-top: 0;
}
#tab_area1 #tab_contents .tab_content.ranking .col_2:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#tab_area1 #tab_contents .tab_content.ranking .col_2 .box {
}
#tab_area1 #tab_contents .tab_content.ranking .col_2 .box .area_name {
}
#tab_area1 #tab_contents .tab_content.ranking .col_2 .box .rank_btn {
}

#allarea{
  display: none;
  position: fixed;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1100px;
  height: 600px;
  z-index: 10;
  padding: 20px;
  background: #fff url(../imgs/j.map.png) no-repeat right 20px bottom 20px;
  background-size: 300px;
}
#allarea h4{
  font-size: 24px;
  background: url(../imgs/pt.gif);
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 15px;
}
#allarea .section{
  width: 220px;
  margin-left: 25px;
  float: left;
}
#allarea dl{
  margin-bottom: 15px;
}
#allarea dl dt{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 6px;
  padding-bottom: 3px;
  border-bottom: 2px solid #000;
}
#allarea dl.hokkaido dt{
  color: #528d00;
  border-bottom: 2px solid #528d00;
}
#allarea dl.tohoku dt{
  color: #59c3eb;
  border-bottom: 2px solid #59c3eb;
}
#allarea dl.koshinetsu dt{
  color: #ac5cea;
  border-bottom: 2px solid #ac5cea;
}
#allarea dl.kanto dt{
  color: #f78ec7;
  border-bottom: 2px solid #f78ec7;
}
#allarea dl.chubu dt{
  color: #ffb945;
  border-bottom: 2px solid #ffb945;
}
#allarea dl.kansai dt{
  color: #21d6a9;
  border-bottom: 2px solid #21d6a9;
}
#allarea dl.chugoku dt{
  color: #dbd637;
  border-bottom: 2px solid #dbd637;
}
#allarea dl.kyushu dt{
  color: #fa8272;
  border-bottom: 2px solid #fa8272;
}
#allarea dl.okinawa dt{
  color: #fa8272;
  border-bottom: 2px solid #fa8272;
}
#allarea dl dd{
  font-size: 14px;
  margin-bottom: 3px;
  margin-left: 3px;
  font-weight: bold;
}
#allarea dl dd:before{
  font-family: "Font Awesome 5 Free";
  content: '\f138';
  font-weight: 900;
  margin-right: 3px;
}
#allarea dl.hokkaido dd:before{
  color: #528d00;
}
#allarea dl.tohoku dd:before{
  color: #59c3eb;
}
#allarea dl.koshinetsu dd:before{
  color: #ac5cea;
}
#allarea dl.kanto dd:before{
  color: #f78ec7;
}
#allarea dl.chubu dd:before{
  color: #ffb945;
}
#allarea dl.kansai dd:before{
  color: #21d6a9;
}
#allarea dl.chugoku dd:before{
  color: #dbd637;
}
#allarea dl.kyushu dd:before{
  color: #fa8272;
}
#allarea dl.okinawa dd:before{
  color: #fa8272;
}
#allarea dl dd a{
  text-decoration: none;
  color: #000;
}
#allarea dl dd a:hover{
  color: #f00;
}
#allarea .btn-close{
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 45px;
  color: #646464;
  cursor: pointer;
}
.back-layer {
  display: none;
  width: 100%;
  height: 100%;
  position:fixed;
  top:0;
  left:0;
  background: rgba( 0, 0, 0, 0.7);
}

.j_area{
  display: none;
  position: fixed;
  top: 50%;
  left:  50%;
  transform: translate(-50%, -50%);
  margin: auto;
  width: 570px;
  z-index: 10;
  padding: 40px;
  background: #fff;
}
.j_area dl{
  display: inline-block;
  width: 350px;
}
.j_area .ph{
  float: right;
  width: 200px;
}
.j_area .ph img{
  width: 100%;
}
.j_area dl dt{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 3px;
  border-bottom: 2px solid #000;
}
.j_area dl.hokkaido dt{
  color: #528d00;
  border-bottom: 2px solid #528d00;
}
.j_area dl.tohoku dt{
  color: #59c3eb;
  border-bottom: 2px solid #59c3eb;
}
.j_area dl.koshinetsu dt{
  color: #ac5cea;
  border-bottom: 2px solid #ac5cea;
}
.j_area dl.kanto dt{
  color: #f78ec7;
  border-bottom: 2px solid #f78ec7;
}
.j_area dl.chubu dt{
  color: #ffb945;
  border-bottom: 2px solid #ffb945;
}
.j_area dl.kansai dt{
  color: #21d6a9;
  border-bottom: 2px solid #21d6a9;
}
.j_area dl.chugoku dt,
.j_area dl.shikoku dt{
  color: #dbd637;
  border-bottom: 2px solid #dbd637;
}
.j_area dl.kyushu dt{
  color: #fa8272;
  border-bottom: 2px solid #fa8272;
}
.j_area dl.okinawa dt{
  color: #fa8272;
  border-bottom: 2px solid #fa8272;
}
.j_area dl dd{
  font-size: 16px;
  margin-bottom: 8px;
  margin-left: 5px;
  font-weight: bold;
  float: left;
  width: 45%;
}
.j_area dl dd:before{
  font-family: "Font Awesome 5 Free";
  content: '\f138';
  font-weight: 900;
  margin-right: 5px;
}
.j_area dl.hokkaido dd:before{
  color: #528d00;
}
.j_area dl.tohoku dd:before{
  color: #59c3eb;
}
.j_area dl.koshinetsu dd:before{
  color: #ac5cea;
}
.j_area dl.kanto dd:before{
  color: #f78ec7;
}
.j_area dl.chubu dd:before{
  color: #ffb945;
}
.j_area dl.kansai dd:before{
  color: #21d6a9;
}
.j_area dl.chugoku dd:before{
  color: #dbd637;
}
.j_area dl.kyushu dd:before{
  color: #fa8272;
}
.j_area dl.okinawa dd:before{
  color: #fa8272;
}
.j_area dl dd a{
  text-decoration: none;
  color: #000;
}
.j_area dl dd a:hover{
  color: #f00;
}
.j_area .btn-close{
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 35px;
  color: #646464;
  cursor: pointer;
}

/*20180827*/
.allarea_btn_wrap{
  width:960px;
  height:1px;
  margin:0 auto;
  position: absolute;
  top:0px;
}
a#allarea_btn2 {
  display: block;
  width: 184px;
  margin: 10px auto 0;
  padding: 10px 0;
  text-align: center;
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  background: #ed7d31;
  border-bottom: 1px solid #d5671c;
  border-radius: 8px;
  position: absolute;
  top:206px;
  left:31px;
}
a#allarea_btn2:hover {
  cursor: pointer;
  opacity: .7;
}
.allarea_btn_wrap{display:none;}

/*バナー非表示*/
#form + a.mt05{display: none;}
div#contentLeft #form + h3.mt05{display:none;}

/* オリジナルMAP */
.dev01 {
  display: block;
}
.dev02 {
  display: none;
}
#hotelMapSearch > h3 {
  display: none;
}
#IbtnSiteMapHoteTop {
  display: none;
}
div.btn-search-HotelName {
  padding: 0;
}
.in_map01 img {
  width: 100px;
  position: absolute;
  top: 10px;
  left: 10px;
}