@charset "UTF-8";
/* CSS Document */
/* レイアウト : 640 px ～最大 1232 px*/
.novac {
  background: url(../images/search/check.png) #666666 no-repeat center center;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  -moz-opacity: 0.7;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;
  /* Safari 1.x */
}

/*備考*/
.note {
  display: none;
}

/*備考*/
.invite td {
  background: #ffffff;
}


@media only screen and (min-width: 769px) {
  .search_floor_map {
    width: 600px;
    margin: 30px auto 150px;
    border: 1px #ccc solid;
    padding: 30px;
  }
  #fmap area {
    border: 1px #ccc solid;
    background-color: blue;
  }
  .fmap_houi {
    background: url(../images/search/f_houi.png) no-repeat right top;
  }
  #fmap area {
    border: 1px #ccc solid;
    background-color: blue;
  }
  .floor_ul li {
    position: absolute;
  }
  .floor_ul li, .floor_ul a {
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
  }
  .floor_ul a {
    line-height: normal;
  }
  .floor_ul a:hover, .floor_ul a:active {
    background: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* ie lt 8 */
    -ms-filter: "alpha(opacity=50)";
    /* ie 8 */
    -moz-opacity: 0.5;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.5;
    /* Safari 1.x */
  }
  .spm_01 {
    width: 94px;
    height: 48px;
  }
  /*2階*/
  #search_h2_bg {
    background-image: url(../images/search/search_floormap01.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h201 {
    top: 347px;
    left: 327px;
  }
  #box_h202 {
    top: 395px;
    left: 327px;
  }
  #box_h203 {
    top: 443px;
    left: 327px;
  }
  #box_h204 {
    top: 491px;
    left: 327px;
  }
  /*3階*/
  #search_h3_bg {
    background-image: url(../images/search/search_floormap02.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h301 {
    top: 107px;
    left: 43px;
  }
  #box_h302 {
    top: 155px;
    left: 43px;
  }
  #box_h303 {
    top: 202px;
    left: 43px;
  }
  #box_h304 {
    top: 251px;
    left: 43px;
  }
  #box_h305 {
    top: 299px;
    left: 43px;
  }
  #box_h306 {
    top: 347px;
    left: 43px;
  }
  #box_h307 {
    top: 395px;
    left: 43px;
  }
  #box_h308 {
    top: 443px;
    left: 43px;
  }
  #box_h309 {
    top: 491px;
    left: 43px;
  }
  #box_h310 {
    top: 491px;
    left: 327px;
  }
  #box_h311 {
    top: 443px;
    left: 327px;
  }
  #box_h312 {
    top: 395px;
    left: 327px;
  }
  #box_h313 {
    top: 347px;
    left: 327px;
  }
  #box_h314 {
    top: 299px;
    left: 327px;
  }
  #box_h315 {
    top: 251px;
    left: 327px;
  }
  #box_h316 {
    top: 203px;
    left: 327px;
  }
  #box_h317 {
    top: 155px;
    left: 327px;
  }
  #box_h318 {
    top: 107px;
    left: 327px;
  }
  /*4階*/
  #search_h4_bg {
    background-image: url(../images/search/search_floormap03.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h401 {
    top: 107px;
    left: 43px;
  }
  #box_h402 {
    top: 155px;
    left: 43px;
  }
  #box_h403 {
    top: 202px;
    left: 43px;
  }
  #box_h404 {
    top: 251px;
    left: 43px;
  }
  #box_h405 {
    top: 299px;
    left: 43px;
  }
  #box_h406 {
    top: 347px;
    left: 43px;
  }
  #box_h407 {
    top: 395px;
    left: 43px;
  }
  #box_h408 {
    top: 443px;
    left: 43px;
  }
  #box_h409 {
    top: 491px;
    left: 43px;
  }
  #box_h410 {
    top: 491px;
    left: 327px;
  }
  #box_h411 {
    top: 443px;
    left: 327px;
  }
  #box_h412 {
    top: 395px;
    left: 327px;
  }
  #box_h413 {
    top: 347px;
    left: 327px;
  }
  #box_h414 {
    top: 299px;
    left: 327px;
  }
  #box_h415 {
    top: 251px;
    left: 327px;
  }
  #box_h416 {
    top: 203px;
    left: 327px;
  }
  #box_h417 {
    top: 155px;
    left: 327px;
  }
  #box_h418 {
    top: 107px;
    left: 327px;
  }
  /*5階*/
  #search_h5_bg {
    background-image: url(../images/search/search_floormap04.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h501 {
    top: 107px;
    left: 43px;
  }
  #box_h502 {
    top: 155px;
    left: 43px;
  }
  #box_h503 {
    top: 202px;
    left: 43px;
  }
  #box_h504 {
    top: 251px;
    left: 43px;
  }
  #box_h505 {
    top: 299px;
    left: 43px;
  }
  #box_h506 {
    top: 347px;
    left: 43px;
  }
  #box_h507 {
    top: 395px;
    left: 43px;
  }
  #box_h508 {
    top: 443px;
    left: 43px;
  }
  #box_h509 {
    top: 491px;
    left: 43px;
  }
  #box_h510 {
    top: 491px;
    left: 327px;
  }
  #box_h511 {
    top: 443px;
    left: 327px;
  }
  #box_h512 {
    top: 395px;
    left: 327px;
  }
  #box_h513 {
    top: 347px;
    left: 327px;
  }
  #box_h514 {
    top: 299px;
    left: 327px;
  }
  #box_h515 {
    top: 251px;
    left: 327px;
  }
  #box_h516 {
    top: 203px;
    left: 327px;
  }
  #box_h517 {
    top: 155px;
    left: 327px;
  }
  #box_h518 {
    top: 107px;
    left: 327px;
  }
  /*6階*/
  #search_h6_bg {
    background-image: url(../images/search/search_floormap05.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h601 {
    top: 107px;
    left: 43px;
  }
  #box_h602 {
    top: 155px;
    left: 43px;
  }
  #box_h603 {
    top: 202px;
    left: 43px;
  }
  #box_h604 {
    top: 251px;
    left: 43px;
  }
  #box_h605 {
    top: 299px;
    left: 43px;
  }
  #box_h606 {
    top: 347px;
    left: 43px;
  }
  #box_h607 {
    top: 395px;
    left: 43px;
  }
  #box_h608 {
    top: 443px;
    left: 43px;
  }
  #box_h609 {
    top: 491px;
    left: 43px;
  }
  #box_h610 {
    top: 491px;
    left: 327px;
  }
  #box_h611 {
    top: 443px;
    left: 327px;
  }
  #box_h612 {
    top: 395px;
    left: 327px;
  }
  #box_h613 {
    top: 347px;
    left: 327px;
  }
  #box_h614 {
    top: 299px;
    left: 327px;
  }
  #box_h615 {
    top: 251px;
    left: 327px;
  }
  #box_h616 {
    top: 203px;
    left: 327px;
  }
  #box_h617 {
    top: 155px;
    left: 327px;
  }
  #box_h618 {
    top: 107px;
    left: 327px;
  }
  /*7階*/
  #search_h7_bg {
    background-image: url(../images/search/search_floormap06.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h701 {
    top: 107px;
    left: 43px;
  }
  #box_h702 {
    top: 155px;
    left: 43px;
  }
  #box_h703 {
    top: 202px;
    left: 43px;
  }
  #box_h704 {
    top: 251px;
    left: 43px;
  }
  #box_h705 {
    top: 299px;
    left: 43px;
  }
  #box_h706 {
    top: 347px;
    left: 43px;
  }
  #box_h707 {
    top: 395px;
    left: 43px;
  }
  #box_h708 {
    top: 443px;
    left: 43px;
  }
  #box_h709 {
    top: 491px;
    left: 43px;
  }
  #box_h710 {
    top: 491px;
    left: 327px;
  }
  #box_h711 {
    top: 443px;
    left: 327px;
  }
  #box_h712 {
    top: 395px;
    left: 327px;
  }
  #box_h713 {
    top: 347px;
    left: 327px;
  }
  #box_h714 {
    top: 299px;
    left: 327px;
  }
  #box_h715 {
    top: 251px;
    left: 327px;
  }
  #box_h716 {
    top: 203px;
    left: 327px;
  }
  #box_h717 {
    top: 155px;
    left: 327px;
  }
  #box_h718 {
    top: 107px;
    left: 327px;
  }
  /*8階*/
  #search_h8_bg {
    background-image: url(../images/search/search_floormap07.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h801 {
    top: 107px;
    left: 43px;
  }
  #box_h802 {
    top: 155px;
    left: 43px;
  }
  #box_h803 {
    top: 202px;
    left: 43px;
  }
  #box_h804 {
    top: 251px;
    left: 43px;
  }
  #box_h805 {
    top: 299px;
    left: 43px;
  }
  #box_h806 {
    top: 347px;
    left: 43px;
  }
  #box_h807 {
    top: 395px;
    left: 43px;
  }
  #box_h808 {
    top: 443px;
    left: 43px;
  }
  #box_h809 {
    top: 491px;
    left: 43px;
  }
  #box_h810 {
    top: 491px;
    left: 327px;
  }
  #box_h811 {
    top: 443px;
    left: 327px;
  }
  #box_h812 {
    top: 395px;
    left: 327px;
  }
  #box_h813 {
    top: 347px;
    left: 327px;
  }
  #box_h814 {
    top: 299px;
    left: 327px;
  }
  #box_h815 {
    top: 251px;
    left: 327px;
  }
  #box_h816 {
    top: 203px;
    left: 327px;
  }
  #box_h817 {
    top: 155px;
    left: 327px;
  }
  #box_h818 {
    top: 107px;
    left: 327px;
  }
  /*9階*/
  #search_h9_bg {
    background-image: url(../images/search/search_floormap08.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h901 {
    top: 107px;
    left: 43px;
  }
  #box_h902 {
    top: 155px;
    left: 43px;
  }
  #box_h903 {
    top: 202px;
    left: 43px;
  }
  #box_h904 {
    top: 251px;
    left: 43px;
  }
  #box_h905 {
    top: 299px;
    left: 43px;
  }
  #box_h906 {
    top: 347px;
    left: 43px;
  }
  #box_h907 {
    top: 395px;
    left: 43px;
  }
  #box_h908 {
    top: 443px;
    left: 43px;
  }
  #box_h909 {
    top: 491px;
    left: 43px;
  }
  #box_h910 {
    top: 491px;
    left: 327px;
  }
  #box_h911 {
    top: 443px;
    left: 327px;
  }
  #box_h912 {
    top: 395px;
    left: 327px;
  }
  #box_h913 {
    top: 347px;
    left: 327px;
  }
  #box_h914 {
    top: 299px;
    left: 327px;
  }
  #box_h915 {
    top: 251px;
    left: 327px;
  }
  #box_h916 {
    top: 203px;
    left: 327px;
  }
  #box_h917 {
    top: 155px;
    left: 327px;
  }
  #box_h918 {
    top: 107px;
    left: 327px;
  }
  /*10階*/
  #search_h10_bg {
    background-image: url(../images/search/search_floormap09.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h1001 {
    top: 107px;
    left: 43px;
  }
  #box_h1002 {
    top: 155px;
    left: 43px;
  }
  #box_h1003 {
    top: 202px;
    left: 43px;
  }
  #box_h1004 {
    top: 251px;
    left: 43px;
  }
  #box_h1005 {
    top: 299px;
    left: 43px;
  }
  #box_h1006 {
    top: 347px;
    left: 43px;
  }
  #box_h1007 {
    top: 395px;
    left: 43px;
  }
  #box_h1008 {
    top: 443px;
    left: 43px;
  }
  #box_h1009 {
    top: 491px;
    left: 43px;
  }
  #box_h1010 {
    top: 491px;
    left: 327px;
  }
  #box_h1011 {
    top: 443px;
    left: 327px;
  }
  #box_h1012 {
    top: 395px;
    left: 327px;
  }
  #box_h1013 {
    top: 347px;
    left: 327px;
  }
  #box_h1014 {
    top: 299px;
    left: 327px;
  }
  #box_h1015 {
    top: 251px;
    left: 327px;
  }
  #box_h1016 {
    top: 203px;
    left: 327px;
  }
  #box_h1017 {
    top: 155px;
    left: 327px;
  }
  #box_h1018 {
    top: 107px;
    left: 327px;
  }
  /*11階*/
  #search_h11_bg {
    background-image: url(../images/search/search_floormap10.png);
    width: 459px;
    height: 658px;
    margin: 35px auto 0px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
  }
  #box_h1101 {
    top: 107px;
    left: 43px;
  }
  #box_h1102 {
    top: 155px;
    left: 43px;
  }
  #box_h1103 {
    top: 202px;
    left: 43px;
  }
  #box_h1104 {
    top: 251px;
    left: 43px;
  }
  #box_h1105 {
    top: 299px;
    left: 43px;
  }
  #box_h1106 {
    top: 347px;
    left: 43px;
  }
  #box_h1107 {
    top: 395px;
    left: 43px;
  }
  #box_h1108 {
    top: 443px;
    left: 43px;
  }
  #box_h1109 {
    top: 491px;
    left: 43px;
  }
  #box_h1110 {
    top: 491px;
    left: 327px;
  }
  #box_h1111 {
    top: 443px;
    left: 327px;
  }
  #box_h1112 {
    top: 395px;
    left: 327px;
  }
  #box_h1113 {
    top: 347px;
    left: 327px;
  }
  #box_h1114 {
    top: 299px;
    left: 327px;
  }
  #box_h1115 {
    top: 251px;
    left: 327px;
  }
  #box_h1116 {
    top: 203px;
    left: 327px;
  }
  #box_h1117 {
    top: 155px;
    left: 327px;
  }
  #box_h1118 {
    top: 107px;
    left: 327px;
  }
}

/* スマートフォンレイアウト : 320 px ～ 639 px*/
@media only screen and (max-width: 768px) {
  .floor_ul {
    margin: 0 auto 0px;
  }
  .floor_ul li, .floor_ul a {
    width: 19%;
    min-width: 63px;
    height: 32px;
  }
  .floor_ul li {
    float: left;
    border-bottom: #fff 1px solid;
    border-right: #fff 1px solid;
    text-align: center;
    color: #000;
  }
  .floor_ul li a {
    display: block;
    border-bottom: #fff 1px solid;
    border-right: #fff 1px solid;
    text-align: center;
    background: #f4cdd3;
    width: 100%;
  }
  .floor_ul li a {
    color: #bc4255;
  }
  .search_floor_map {
    overflow: hidden;
    margin: 0px auto 15%;
  }
  .mt20 {
    margin-top: 20px;
  }
}
/*# sourceMappingURL=floor.css.map */