@charset "utf-8";

/* ==========================================================

title : 地図から検索　共通
scope : 
作成日：2013/11/19 156_goto

last modify : 2020/02/21 230_inagaki アイコン説明ボックスを縦方向に変更 #17976

memo :
2019/12/27 322_aragane 高級賃貸説明ポップアップ文言修正に伴い、css調整
2019/12/24 322_aragane 高級賃貸説明ポップアップ「詳細ボタン」css調整
2019/09/10 322_aragane iPadOS対応
2019/08/02 322_aragane 暫定対応 #16908
2019/07/02 322_aragane 高級賃貸家賃基準の見直しに伴い、高級賃貸popupの修正 #16660
2019/05/21 156_goto Googleの仕様変更による詳細ボックスのスクロールバーのカラー変更
2018/08/29_09/26 156_goto　高級賃貸 popup表示
2018/07/19 230_inagaki「地図から検索／カテゴリを選択するボタン」追加 #14303 
2018/06/18 322_aragane 「賃貸物件・周辺施設検索」アラート修正 #14422
2018/06/15 322_aragane 「周辺に施設はありません」モーダル修正 #14418
2018/06/08 230_inagaki 拡大_縮小ボタンの影修正
2018/06/06 156_goto #14178 物件・施設一覧に所在地を表示
2018/05/24 156_goto サイドメニューの更新を繰り返す表示不具合の修正 css追加
2018/05/16 156_goto サイド ボックスのライン　物件詳細 グレー表示変更
2018/04/19 156_goto サイド こだわり条件カラー変更
2018/03/30 334_tanaka 物件／施設検索数0の場合の通知モーダルスタイル追加
2018/03/16 156_goto 物件を一覧で表示するボタン 追加
2018/03/13 156_goto バス停から検索 アラート追加
2018/2/27 319_shimizu グレー削除対応
2017_11_08 156_goto 検索条件のフォームパーツ修正
2017_08_22 156_goto リサーチ カテゴリ再編 #12280
2017_08_22 リサーチ カテゴリ再編に伴いCSS整理

========================================================== */

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


/* ----------------------------------------------------------
 初期化
---------------------------------------------------------- */

html,
body {
  height: 100%;
  width: 100%;
}

html {
  background: #FFFFFF;
  color: #333333;
  display: block;
  margin: 0;
  padding: 0;
}

body {
  display: block;
  font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  min-width: 920px;
}

a {
  text-decoration: none;
}

table {
  font-size: inherit;
  font: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ul,
ol,
dl,
address {
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

form {
  margin: 0;
  padding: 0;
}

ul,
li {
  list-style: none;
}



/* ------------------------------------
 HTML5用
------------------------------------ */

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}



/* ----------------------------------------------------------
 標準スタイル定義
---------------------------------------------------------- */

body {
  background: #ffffff;
  color: #333333;
  line-height: 1.25;
  letter-spacing: 0.05em;
  margin: 0;
  overflow-y: hidden;
  padding: 0;
  text-align: center;
}


/* MACサファリ用文字サイズ */

.mac body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 85%;
}


/* 事業所ページ物件検索画面用 */

a:link {
  color: #0000ff;
}

a:visited {
  color: #0000ff;
}

a:hover {
  color: #ff0000;
  text-decoration: none;
}

a:active {
  text-decoration: none;
}


/* ----------------------------------------------------------
 汎用クラス
---------------------------------------------------------- */

.clear {
  clear: both;
  font-size: 0%;
  height: 0;
  line-height: 0%;
  margin: 0;
  padding: 0;
}

.dispnon {
  display: none;
}

.red {
  color: #ff0000;
}

#wrap {
  background: #f0f8ff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  clear: both;
  height: 100%;
  position: relative;
  -webkit-text-size-adjust: none !important;
  width: 100%;
}

#header {
  background: linear-gradient(to top, rgb(245, 245, 245) 0%, rgb(223, 220, 220) 8%, rgb(255, 255, 255) 16%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(223, 220, 220) 8%, rgb(255, 255, 255) 16%, rgb(255, 255, 255) 100%);
  border-top: 5px solid #e24a79;
  box-shadow: 0 6px 6px 0.7px rgba(0, 0, 0, 0.2);
  clear: both;
  height: 60px;
  margin: 0 0 0;
  min-width: 920px;
  position: relative;
  width: 100%;
  z-index: 5000;
}

#header:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#header h1 {
  float: left;
  height: 44px;
  margin: 4px 0 0;
  padding: 0;
}

#header .ttl_srch_type {
  background: #0068b5;
  border-left: 5px solid #00599a;
}

#header .ttl_srch_type:after {
  border-width: 15px 5px;
  border-style: solid;
  border-color: #0068b5;
  border-right-color: transparent;
  content: " ";
  height: 0;
  left: 100%;
  position: absolute;
  top: 0;
  width: 0;
}

#pref_name_area {
  display: none;
}

.rtn_areabox {
  float: left;
  margin: 6px 0 0 8px;
}

.rtn_areabox dt {
  float: left;
}

.rtn_areabox dd {
  border: 1px solid #191970;
  border-radius: 6px;
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 84%, #8182d3 84%, #8182d3 100%);
  background-image: -webkit-linear-gradient(bottom, #8182d3 0%, #8182d3 14%, #ffffff 14%, #ffffff 84%);
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 15px;
  font-weight: 600;
  height: 31px;
  letter-spacing: 0.01em;
  line-height: 28px;
  margin: 4px 0 0 10px;
  padding: 0 8px 0 24px;
  position: relative;
  vertical-align: middle;
}

.rtn_areabox dd:nth-child(2) {
  margin-left: 5px;
}

.rtn_areabox dd:after {
  background: url("/image_cmn/mrk_area_arrow.png?data=20180622") no-repeat 0 0;
  background-size: 15px 11px;
  content: "";
  display: block;
  height: 11px;
  left: 5px;
  position: absolute;
  top: 9px;
  width: 15px;
  z-index: 5;
}

.rtn_areabox dd:hover {
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  opacity: 0.7;
  -moz-opacity: 0.7;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .rtn_areabox dd:hover {
    opacity: 1;
  }
}

.btn_srch_areaname,
.btn_def_area {
  display: inline-block;
  float: left;
  margin: 10px 0 0 10px;
}

.btn_srch_areaname:hover,
.btn_def_area:hover:hover {
  cursor: pointer;
  opacity: 0.7;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  .btn_srch_areaname:hover,
  .btn_def_area:hover {
    opacity: 1;
  }
}

.btn_lnk_help {
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: 5500;
}

.btn_lnk_help a img:hover {
  cursor: pointer;
  opacity: 0.7;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .btn_lnk_help a img:hover {
    opacity: 1;
  }
}

.scale {
  background: #d1d1e2;
  border-radius: 4px;
  display: inline-block;
  float: right;
  margin: 6px 12px 0 0;
  padding: 4px;
  position: relative;
  z-index: 5500;
}

.scale li {
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 84%, #8182d3 84%, #8182d3 100%);
  background-image: -webkit-linear-gradient(bottom, #8182d3 0%, #8182d3 14%, #ffffff 14%, #ffffff 84%);
  border: 2px solid #19196f;
  border-radius: 5px;
  box-shadow: inset 0 4px 3.2px 0.8px rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  height: 30px;
  line-height: 26px;
  margin: 0 2px;
  width: 60px;
}

.scale li:hover {
  opacity: 0.7;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .scale li:hover {
    opacity: 1;
  }
}

.scale li:nth-child(1) span {
  background: url("/image_cmn/mrk_scale_p.png?data=20180622") no-repeat right center;
  background-size: 17px 17px;
  padding-right: 18px;
}

.scale li:nth-child(2) span {
  background: url("/image_cmn/mrk_scale_m.png?data=20180622") no-repeat right center;
  background-size: 17px 17px;
  padding-right: 18px;
}

#nmsrchbox {
  margin: 8px auto 5px;
  position: relative;
  width: 210px;
  z-index: 30;
}

#nmsrchbox:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#nmsrchbox h2 {
  height: 26px;
  margin: 0;
  padding: 0;
  text-align: left;
}

#nmsrchbox input {
  border: 1px solid #6f9fdd;
  color: #274a7b;
  font-size: 15px;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px;
  width: 196px;
}

#header #default_area {
  position: absolute;
  right: 158px;
  top: 14px;
}

.btn_def_area img:hover {
  cursor: pointer;
  opacity: 0.7;
}

.btn_def_area img.btn_on {
  opacity: 0.5;
}

.btn_areaname_srch img:hover {
  cursor: pointer;
  -moz-opacity: 0.7;
}

.btn_areaname_srch img.btn_on {
  opacity: 0.5;
}

.btn_menubox {
  background: url("/image_cmn/header_bg_line.gif") no-repeat left center;
  height: 20px;
  padding: 5px 0 5px 10px;
  position: absolute;
  right: 120px;
  top: 15px;
  z-index: 10000;
}

.btn_menubox img:hover {
  cursor: pointer;
  opacity: 0.5;
}

.btn_help {
  height: 20px;
  padding: 5px 0 5px 5px;
  position: absolute;
  right: 10px;
  top: 15px;
  z-index: 5500;
}

.btn_help a img:hover {
  cursor: pointer;
  opacity: 0.5;
}


/* ----------------------------------------------------------
 メニュー
---------------------------------------------------------- */

#menubox {
  background: #ffd6e3;
  border: 2px solid #ff387b;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, .4) 0 2px 5px;
  display: none;
  padding: 8px 10px 10px;
  position: absolute;
  right: 10px;
  top: 50px;
  width: 120px;
  z-index: 5200;
}

#menubox ul#menu_btn_bkn {
  background: #ffffff;
  border-radius: 5px;
  margin: 5px auto 0;
  padding: 10px;
  position: relative;
  text-align: center;
  z-index: 5250;
}

#menubox ul#menu_btn_bkn:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#menubox ul#menu_btn_bkn li {
  border-top: 1px dotted #ff387b;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  width: 100px;
  z-index: 5500;
}

#menubox ul#menu_btn_bkn li:first-child {
  border-top: none;
}

#menubox ul#menu_btn_bkn li a {
  display: block;
}

#menubox ul#menu_btn_bkn li:hover {
  cursor: pointer;
}

#menubox ul#menu_btn_bkn li span {
  display: block;
  font-size: 12px;
  letter-spacing: -0.01em;
}

#menubox ul#menu_btn_bkn li:hover a img {
  cursor: pointer;
  opacity: 0.7;
}

.rpt_txt {
  display: inline-block;
  outline: none;
  position: relative;
  text-decoration: none;
}

.rpt_txt span.rpt_jk {
  background: #f8f8f8;
  color: #006;
  border: 1px solid #039;
  font-size: 12px;
  line-height: 1.4;
  margin: 0 15px 0 0;
  padding: 8px;
  position: absolute;
  right: 80px;
  text-align: left;
  top: 0;
  visibility: hidden;
  width: 150px;
  z-index: 6000;
}

.rpt_txt:hover span.rpt_jk {
  visibility: visible;
}

#bg_menubox {
  display: none;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  z-index: 5000;
}

#container {
  box-sizing: border-box;
  clear: both;
  height: 100%;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}

#container:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.flex {
  border-collapse: collapse;
  display: table;
  overflow-y: hidden;
  overflow-x: hidden;
  table-layout: fixed;
  width: 100%;
}

.side_menu_btn {
  bottom: 50px;
  height: 114px;
  left: 0;
  position: absolute;
  width: 42px;
  z-index: 300;
}

.side_menu_btn.side_on {
  left: -9px;
  height: 360px;
  position: absolute;
}

.side_menu_btn.side_off {
  height: 360px;
  margin-left: -9px;
}

.side_menu_btn.side_on .btn_opn_side {
  margin-left: 9px;
}

.side_menu_btn.side_off .btn_opn_side {
  display: none;
}

.btn_opn_side {
  bottom: 0;
  cursor: pointer;
  display: block;
  left: -3px;
  position: absolute;
  z-index: 100;
}

.btn_opn_side img {
  vertical-align: bottom;
}

.side_tab {
  display: none;
  list-style: none;
  width: 42px;
}

.side_menu_btn.side_off .side_tab {
  display: block;
}

.side_tab li.set2 {
  display: none;
}

.side_tab li.set3 {
  display: none;
}

.side_tab li {
  margin: 0 0 4px;
}

.side_menu_btn.side_on .side_tab {
  display: block;
}

.side_tab li.l_open {
  display: none;
}

.side_tab li.l_close {
  display: none;
}

.side_tab li.s_open_fa {
  display: none;
}

.side_tab li.s_open_bkn {
  display: none;
}

.side_tab li.s_close {
  display: none;
}

#container .flex #main {
  box-sizing: border-box;
  display: table-cell;
  width: 100%;
  z-index: 500;
}

#container #main #map_area {
  border: solid 3px #ccc;
  box-sizing: border-box;
  clear: both;
  position: relative;
  z-index: 1;
}

#container #main #map_area #center_cross {
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
}

#container #main #map_area #center_cross img {
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 90;
}

#container #main #map_area #loading {
  background-color: rgba(255, 255, 255, 0.0);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#00FFFFFF, EndColorStr=#00FFFFFF);
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 100;
}

#container #main #map_area #loading img {
  left: 50%;
  position: absolute;
  top: 50%;
}

#container #main #map_area #map_remarks {
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 50;
}

#container #main #map_area #map_remarks p {
  background: #fff;
  background-color: #fff;
  color: #000;
  font-size: 10px;
  margin: 0;
  opacity: 0.85;
  padding: 3px 5px;
  text-shadow: 0 1px 1px #fff;
}

#container #main #map_area .off {
  display: none;
}

#container #main #map_area #map {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#container #main #map_sample {
  clear: both;
  background: #069;
  position: relative;
}

#container #main #map_sample #dtlbox_bkn {
  background: url("/image_cmn/dtlbox_on_map_btm.png?data=20180622") no-repeat center bottom;
  left: 50px;
  padding-bottom: 85px;
  position: absolute;
  top: 200px;
  width: 525px;
  z-index: 100;
}

#container #main #map_sample #dtlbox_bkn .data_in {
  background: url("/image_cmn/dtlbox_on_map_top.png?data=20180622") no-repeat left top,
  url("/image_cmn/dtlbox_on_map_mid.png?data=20180622") repeat-y left 44px;
}

.flex #side_con {
  display: table-cell;
  display: none;
  position: absolute;
  top: 0;
  width: 310px;
}

.flex #side_con .side_menu {
  border-top: 3px solid #ccc;
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 270px;
}

.sidebox_ttl {
  height: 37px;
}

.sidebox_ttl img {
  vertical-align: top;
}

#container .side_menu.side_bkn {
  background: url("/image_cmn/bg_side_top_bkn.gif") no-repeat left top,
  url("/image_cmn/bg_side_btm_bkn.gif") no-repeat left bottom,
  url("/image_cmn/bg_side_m_bkn.gif") repeat-y left top;
  position: relative;
}

#container .side_menu.side_fa {
  background: url("/image_cmn/bg_side_top_fa.gif") no-repeat left top,
  url("/image_cmn/bg_side_btm_fa.gif") no-repeat left bottom,
  url("/image_cmn/bg_side_m_fa.gif") repeat-y left top;
  position: relative;
}

#container .side_menu .tab_box {
  height: 48px;
  margin: 0 8px 0;
}

#container .side_menu.bkn .tab_box {
  height: 48px;
  margin: 0 8px 0;
}

#container .side_menu .tab_box:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#container .side_menu .tab_box img {
  vertical-align: bottom;
}

#container .side_menu.side_bkn .tab_bkn {
  float: left;
  padding-top: 8px;
}

#container .side_menu.side_bkn .tab_fa {
  float: right;
}

#container .side_menu.side_bkn .tab_fa.disable {
  margin-top: 12px;
}

#container .side_menu.side_bkn .tab_fa a {
  cursor: pointer !important;
  display: block;
  height: 32px;
  margin-top: 12px;
  outline: none;
  width: 121px;
}

#container .side_menu.side_bkn .tab_fa a:hover {
  background: #fff;
  border-radius: 6px;
}

#container .side_menu.side_bkn .tab_fa a:hover img {
  border: none;
  opacity: 0.7;
  outline: none;
}

#container .side_menu.side_fa .tab_fa {
  float: right;
  padding-top: 8px;
}

#container .side_menu.side_fa .tab_bkn {
  float: left;
}

#container .side_menu.side_fa .tab_bkn a {
  cursor: pointer !important;
  display: block;
  height: 32px;
  margin-top: 12px;
  width: 121px;
}

#container .side_menu.side_fa .tab_bkn a:hover {
  background: #fff;
  border-radius: 6px;
}

#container .side_menu.side_fa .tab_bkn a:hover img {
  border: none;
  opacity: 0.7;
  outline: none;
}

#container .side_menu .side_frame {
  background: #fff;
  border: 2px solid #ccc;
  clear: both;
  font-size: 14px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 0;
  width: 250px;
}

#container .side_menu .side_frame:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#container .side_menu .side_frame .lead_map {
  font-size: 12px;
  line-height: 1.6;
  margin: 8px 5px;
  text-align: left;
}

#container .side_menu .side_frame .lead_map .ico_plus {
  background: url("/image_icon/mrk_plus_s.png?data=20180622") no-repeat left center;
  padding: 10px 0 10px 30px;
}

#container .side_menu .side_in {
  background: #fff url("/image_cmn/bg_side_in_top.gif") no-repeat left top;
  clear: both;
  letter-spacing: -0.01em;
  margin: 0;
  overflow-y: scroll;
  text-align: center;
  width: 250px;
  z-index: 25;
}

#container .side_menu .side_in:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#container .side_menu .side_in2 {
  clear: both;
  letter-spacing: -0.01em;
  margin: 0;
  overflow: hidden !important;
  overflow-y: scroll;
  position: relative;
  width: 250px;
  z-index: 25;
}

#container .side_menu .side_in2:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#container .side_menu .side_in p#fa_headline,
#container .side_menu .side_in2 p#fa_headline {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 14px;
  margin: 10px 8px 6px;
  padding: 3px 0;
  text-align: center;
}

#container .side_menu .side_in p#fa_headline.rent,
#container .side_menu .side_in2 p#fa_headline.rent {
  background: #E2395F;
}

#container .side_menu .side_in p#fa_headline.facilities,
#container .side_menu .side_in2 p#fa_headline.facilities {
  background: #0068B5;
}

#container .side_menu p.lead {
  background: #cecee5;
  font-weight: 600;
  font-size: 13px;
  margin: 0 8px 10px;
  padding: 3px 0;
  text-align: center;
}

#container .side_menu .side_frame .pulltabbox {
  background: #fff url("/image_cmn/bg_side_frame_pulltab.gif") no-repeat center top;
  box-sizing: border-box;
  height: 74px;
  padding-top: 23px;
  width: 250px;
  z-index: 100;
}

#container .side_menu .side_frame .pulltabbox a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
}

#container .side_menu .side_frame .pulltabbox dt {
  height: 28px;
  margin: 0 auto 0;
  padding: 0;
  width: 64px;
}

#container .side_menu .side_frame .pulltabbox dt a:hover img {
  opacity: 0.7;
}

#container .side_menu .side_frame .pulltabbox dd {
  color: #515074;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  margin: 6px 0 0;
  padding: 0;
}

#container .side_menu .side_frame .pulltabbox dd span.ico {
  background: url("/image_cmn/ico_pulltab_shibori.gif") no-repeat left center;
  padding: 2px 0 2px 18px;
}

#container .side_menu .side_frame .pulltabbox dd span.ico.bkn {
  background: url("/image_cmn/ico_pulltab_bkn.gif") no-repeat left top;
  padding: 2px 0 2px 20px;
}

#container .side_menu .side_frame .side_dtlbox {
  clear: both;
  letter-spacing: -0.01em;
  margin: 0;
  overflow-y: scroll;
  padding: 0;
  text-align: center;
  width: 250px;
  z-index: 25;
  zoom: 1;
}

#container .side_menu .side_frame .side_dtlbox h3 {
  background: #fe397a url("/image_cmn/bg_slash01.png?data=20180622") repeat 0 0;
  color: #fff;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  margin: 8px auto 10px;
  padding: 0;
  width: 218px;
}

#container .side_menu .side_frame .side_dtlbox.fa h3 {
  background: #0068b6 url("/image_cmn/bg_slash01.png?data=20180622") repeat 0 0;
}

#container .side_menu .side_frame .side_dtlbox .hitbox {
  background: #fde2e8;
  height: 28px;
  font-size: 13px;
  line-height: 28px;
  margin: 0 auto 8px;
  padding: 0;
  width: 218px;
}

#container .side_menu.side_fa .side_frame .side_dtlbox .hitbox {
  background: #cce5ff;
}

#container .side_menu .side_frame .side_dtlbox .hit_count span {
  color: #ff3333;
  font-size: 13px;
}

#container .side_menu .side_frame .side_dtlbox .btn_bknlst {
  margin: 0 auto;
  text-align: right;
  width: 218px;
}

#container .side_menu .side_frame .side_dtlbox .btn_bknlst a:hover img {
  opacity: 0.7;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #container .side_menu .side_frame .side_dtlbox .btn_bknlst a:hover img {
    opacity: 1;
  }
}



/* ------------------------
 不動産会社名
------------------------ */

.name_srchshop {
  background: #ffeff7;
  border-top: 3px double #aaa;
  border-bottom: 3px double #aaa;
  color: #444;
  font-weight: 600;
  line-height: 1.4;
  margin: 8px;
  padding: 5px;
  text-align: left;
}

.name_srchshop.hmc {
  background: #efffef;
}

.name_srchshop:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#fa_headline .name_srchshop {
  margin: 8px;
}

.name_srchshop .shop {
  color: #f95f86;
  display: inline;
  font-size: 14px;
}

.name_srchshop.hmc .shop {
  color: #24b061;
}

.name_srchshop .s_txt {
  color: #444;
  font-size: 12px;
  padding: 0 3px;
}

.name_srchshop .srchtxt {
  display: inline-block;
  font-size: 13px;
  white-space: nowrap;
}



/* ------------------------
 物件一覧
------------------------ */

#container .side_menu .side_frame .side_dtlbox .bkn_lst {
  background: #fff;
  border: 1px solid #f3b0c6;
  box-sizing: border-box;
  border-radius: 3px;
  clear: both;
  margin: 10px auto;
  padding: 0;
  position: relative;
  width: 218px;
}

#container .side_menu .side_frame .side_dtlbox a .bkn_lst {
  color: #333;
}

#container .side_menu .side_frame .side_dtlbox a:hover .bkn_lst {
  background: #fde2e8;
  cursor: pointer;
  opacity: 0.9;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst .photo {
  border: 1px solid #ccc;
  float: left;
  height: 66px;
  margin: 10px 0 0 10px;
  width: 88px;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst > dl {
  float: right;
  font-size: 13px;
  margin: 10px 0 0;
  width: 116px;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst > dl dt {
  font-weight: 600;
  letter-spacing: -0.15em;
  margin: 0;
  padding: 0;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst > dl dd {
  margin: 0;
  padding: 0;
  text-align: center;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst > dl dd.payments span {
  color: #ff0000;
  font-size: 18px;
  font-weight: 600;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst > dl dd.madori,
#container .side_menu .side_frame .side_dtlbox .bkn_lst > dl dd.build {
  font-size: 14px;
  height: 15px;
  letter-spacing: 0.05em;
  line-height: 15px;
  text-align: left;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst > dl dd.madori {
  font-size: 15px;
  font-weight: 600;
  height: 16px;
  line-height: 16px;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst > dl dd.madori img,
#container .side_menu .side_frame .side_dtlbox .bkn_lst > dl dd.build img {
  margin: 0 4px 0 5px;
}

#container .side_menu .side_frame .side_dtlbox .bkn_lst .lnkbox {
  border-top: 1px solid #f3b0c6;
  clear: both;
  color: #000099;
  font-size: 13px;
  margin: 0 auto 0;
  padding: 5px 5px 5px;
  text-align: left;
  width: 190px;
}

#container .side_menu .side_frame .side_dtlbox a .bkn_lst .add {
  clear: both;
  font-size: 12px;
  text-align: left;
  margin: 0;
  padding: 0.75em 1em;
  word-break: break-all;
}

/* ------------------------
 施設一覧
------------------------ */

#container .side_menu .side_frame .side_dtlbox .fa_lst {
  background: #fff;
  border: 1px solid #68a3d8;
  box-sizing: border-box;
  border-radius: 3px;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin: 10px auto;
  min-height: 100px;
  padding: 0;
  position: relative;
  width: 218px;
}

#container .side_menu .side_frame .side_dtlbox a .fa_lst {
  color: #333;
}

#container .side_menu .side_frame .side_dtlbox a:hover .fa_lst {
  background: #ddeff0;
  cursor: pointer;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #container .side_menu .side_frame .side_dtlbox a:hover .fa_lst {
    background: #fff;
    opacity: 1;
  }
}

#container .side_menu .side_frame .side_dtlbox .fa_lst:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#container .side_menu .side_frame .side_dtlbox .fa_lst .photo {
  border: 1px solid #ccc;
  height: 58px;
  margin: 8px 0 0 8px;
  width: 58px;
}

#container .side_menu .side_frame .side_dtlbox .fa_lst .photo:empty {
  border: 1px solid #ccc;
  height: 58px;
  margin: 10px 0 0 10px;
  width: 58px;
}

#container .side_menu .side_frame .side_dtlbox .fa_lst .inbox_r {
  box-sizing: border-box;
  padding: 5px 8px 0 5px;
  width: 148px;
}

/* ------------------------
 ページカウント
------------------------ */

#container .side_menu .side_frame .side_dtlbox .page_count {
  display: block;
  margin: 8px auto 8px;
  overflow: hidden;
  padding-bottom: 8px;
  text-align: center;
}

#container .side_menu .side_frame .side_dtlbox .page_count.under {
  margin-bottom: 25px;
  margin-top: 3px;
}

#container .side_menu .side_frame .side_dtlbox .page_count li {
  display: inline;
  padding: 3px;
  text-align: center;
}

#container .side_menu .side_frame .side_dtlbox .page_count li {
  font-size: 17px;
  font-weight: 600;
}

#container .side_menu .side_frame .side_dtlbox .page_count li a {
  font-size: 13px;
  font-weight: normal;
}

#container .side_menu .side_frame .side_dtlbox .page_count li.pageback {
  border-right: 1px solid #aaa;
  font-size: 13px;
  font-weight: normal;
  margin-right: 3px;
  padding-right: 5px;
}

#container .side_menu .side_frame .side_dtlbox .page_count li.pagenext {
  border-left: 1px solid #aaa;
  font-size: 13px;
  font-weight: normal;
  margin-left: 3px;
  padding-left: 5px;
}



/*--------------
 srch_joken 
 --------------*/

#srch_joken {
  box-sizing: border-box;
  clear: both;
  margin: 4px auto 17px;
  position: relative;
  text-align: center;
  width: 216px;
}

*html #srch_joken {
  margin: 17px 17px 17px;
  padding-bottom: 2px;
}

#srch_joken p#ttl_shibori {
  border-top: 4px solid #f24677;
  height: 30px;
  margin: 0 auto;
}

/*-- 条件を絞り込み --*/
#srch_joken p#ttl_shibori {
  border-top: 4px solid #f24677;
  height: 30px;
  margin: 0 auto;
}

/*-- 検索パターン --*/
#srch_joken #ttl_joken {
  display: block;
  margin: 0;
  padding: 0;
}

#srch_joken .joken {
  border: 3px solid #666;
  margin-bottom: 4px;
  padding: 0 0 4px;
  text-align: left;
}

#srch_joken .joken.chiiki {
  border-color: #f84782;
}

#srch_joken .joken.madori {
  border-color: #dfae03;
}

#srch_joken .joken.yachin {
  border-color: #92b700;
}

#srch_joken .joken.kino {
  border-color: #1d82ff;
}

#srch_joken .joken.hiyo {
  border-color: #d64744;
}

#srch_joken .joken.kdwr {
  border-color: #cc753b;
}

#srch_joken .joken.blog {
  border-color: #996633;
}

#srch_joken .joken.facility {
  border-color: #9a329a;
}

#srch_joken .joken.rosen {
  border-color: #cc3366;
}

#srch_joken .joken.station {
  border-color: #0c8080;
}

#srch_joken .joken dt {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  background-color: #eee;
  text-align: left;
  font-size: 15px;
  padding: 5px 0 8px;
}

#srch_joken .joken dt strong {
  background: #fff;
  border-radius: 12px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  height: 24px;
  line-height: 1;
  margin: 0 0.4em 0 10px;
  padding-top: 5px;
  text-align: center;
  width: 24px;
  vertical-align: middle;
}

#srch_joken dl.joken.kino dd {
  font-size: 13px;
  margin-bottom: 0;
  padding-left: 2px;
}

#srch_joken dl.joken.kino dd dl {
  padding-left: 5px;
}

#srch_joken .joken dd p.j_text {
  line-height: 1.4;
  margin-bottom: 5px;
}

/*-- 番号表示カラー --*/
#srch_joken .joken.chiiki > dt {
  background-color: #f84782;
}

#srch_joken .joken.chiiki > dt .joken_change {
  color: #333;
}

#srch_joken .joken.madori > dt {
  background-color: #dfae03;
}

#srch_joken .joken.yachin > dt {
  background-color: #92b700;
}

#srch_joken .joken.kino > dt {
  background-color: #1d82ff;
}

#srch_joken .joken.hiyo > dt {
  background-color: #d64744;
}

#srch_joken .joken.kdwr > dt {
  background-color: #cc753b;
}

#srch_joken .joken.blog > dt {
  background-color: #996633;
}

#srch_joken .joken.facility > dt {
  background-color: #9a329a;
}

#srch_joken .joken.shosai > dt {
  background-color: #dfae03;
}

#srch_joken .joken.chiiki > dt,
#srch_joken .joken.madori > dt,
#srch_joken .joken.yachin > dt,
#srch_joken .joken.kino > dt,
#srch_joken .joken.hiyo > dt,
#srch_joken .joken.kdwr > dt,
#srch_joken .joken.blog > dt,
#srch_joken .joken.facility > dt,
#srch_joken .joken.rosen > dt,
#srch_joken .joken.station > dt {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
}

#srch_joken .joken.rosen > dt span,
#srch_joken .joken.station > dt span {
  color: #333333;
  font-weight: normal;
}

#srch_joken .joken.chiiki > dt strong {
  color: #f84782;
}

#srch_joken .joken.madori > dt strong {
  color: #d3b641;
}

#srch_joken .joken.yachin > dt strong {
  color: #92b700;
}

#srch_joken .joken.kino > dt strong {
  color: #1d82ff;
}

#srch_joken .joken.hiyo > dt strong {
  color: #cd3333;
}

#srch_joken .joken.kdwr > dt strong {
  color: #cc6600;
}

#srch_joken .joken.blog > dt strong {
  color: #996633;
}

#srch_joken .joken.facility > dt strong {
  color: #6600a4;
}

#srch_joken .joken.rosen > dt strong {
  color: #cc3366;
}

#srch_joken .joken.station > dt strong {
  color: #0c8080;
}

srch_user .userbx dt {
  color: #007878;
  font-weight: 600;
}

#srch_joken .select_data {
  padding: 0 10px 0 0;
}

#srch_joken .select_data > .select_l {
  display: block;
}

#srch_joken .select_data > .select_r {
  display: block;
  text-align: right;
}

/*-- 地域リスト --*/
#srch_joken .joken .j_list {
  margin-bottom: 5px;
  margin-top: 5px;
}

#srch_joken .joken .j_list:first-child {
  margin-top: 0;
}

#srch_joken .joken .j_list dt {
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 3px;
  position: relative;
}

#srch_joken .joken ul.li_disc {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

#srch_joken .joken ul li {
  line-height: 1.3;
  vertical-align: middle;
}

#srch_joken .joken ul.li_disc li {
  background: url("/image/lst/j_li_disc.png?data=20180622") no-repeat 2px 4px;
  margin: 2px 0 4px;
  padding-left: 15px;
}

#srch_joken .joken ul.li_disc li:last-child {
  margin-bottom: 3px;
}

/*-- 地域を表示 --*/
#srch_joken .joken .li_more_area {
  cursor: pointer;
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  text-indent: -10000px;
  width: 204px;
}

#srch_joken .chiiki .li_more_area {
  background: url("/image/lst/li_more_area.gif") no-repeat 0 0;
}

#srch_joken .chiiki .li_more_area:hover {
  background: url("/image/lst/li_more_area.gif") no-repeat 0 -20px;
}

#srch_joken .chiiki .li_more_area.active {
  background: url("/image/lst/li_more_area.gif") no-repeat 0 -40px;
}

#srch_joken .chiiki .li_more_area.active:hover {
  background: url("/image/lst/li_more_area.gif") no-repeat 0 bottom;
}

/*-- 詳細地域を表示 --*/
#srch_joken .shosai .li_more_area {
  background: url("/image/lst/li_more_area_s.gif") no-repeat 0 0;
}

#srch_joken .shosai .li_more_area:hover {
  background: url("/image/lst/li_more_area_s.gif") no-repeat 0 -20px;
}

#srch_joken .shosai .li_more_area.active {
  background: url("/image/lst/li_more_area_s.gif") no-repeat 0 -40px;
}

#srch_joken .shosai .li_more_area.active:hover {
  background: url("/image/lst/li_more_area_s.gif") no-repeat 0 bottom;
}

/*-- 全路線を表示 --*/
#srch_joken .rosen .li_more_area {
  background: url("/image/lst/li_more_rosen.gif") no-repeat 0 0;
}

#srch_joken .rosen .li_more_area:hover {
  background: url("/image/lst/li_more_rosen.gif") no-repeat 0 -20px;
}

#srch_joken .rosen .li_more_area.active {
  background: url("/image/lst/li_more_rosen.gif") no-repeat 0 -40px;
}

#srch_joken .rosen .li_more_area.active:hover {
  background: url("/image/lst/li_more_rosen.gif") no-repeat 0 bottom;
}

/*-- 詳細駅を表示 --*/
#srch_joken .station .li_more_area {
  background: url("/image/lst/li_more_station.gif") no-repeat 0 0;
}

#srch_joken .station .li_more_area:hover {
  background: url("/image/lst/li_more_station.gif") no-repeat 0 -20px;
}

#srch_joken .station .li_more_area.active {
  background: url("/image/lst/li_more_station.gif") no-repeat 0 -40px;
}

#srch_joken .station .li_more_area.active:hover {
  background: url("/image/lst/li_more_station.gif") no-repeat 0 bottom;
}

/*-- input --*/
#srch_joken .joken ul.li_input {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

#srch_joken dl.joken.kino ul.li_input li input[type="radio"] {
  margin: 0;
}

#srch_joken .joken ul.li_input li {
  margin: 3px 0 5px;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

#srch_joken .joken ul.li_input li input {}

#srch_joken .joken ul.li_input li label {
  cursor: pointer;
  letter-spacing: 0.05em;
}

#srch_joken .joken ul.li_input li label .k_txt_s {
  font-size: 12px;
}

#srch_joken .joken .ninkikdj dl ul.li_input li {
  white-space: normal;
}

#srch_joken .joken ul.li_input.half li {
  float: left;
  font-size: 13px;
  padding: 0;
  width: 94px;
}

#srch_joken .joken ul.li_input.half li.long {
  clear: both;
  width: 98%;
}

#srch_joken .joken ul.li_input.half li.long label {
  letter-spacing: -0.01em;
}

#srch_joken .joken ul.li_input.half li.s_room {
  border-top: 1px solid #b1a51a;
  clear: both;
  margin: 4px 0 0;
  padding: 6px 0 0;
  width: 98%;
}

#srch_joken .joken ul.li_input.half li.s_room label {
  letter-spacing: 0.02em;
}

#srch_joken .joken ul.li_input.half li.s_room label span {
  font-size: 12px;
  padding-left: 2px;
}

#srch_joken .joken ul.li_input.half li.disable {
  color: #aaa;
}

#srch_joken .joken input {
  height: 16px;
  line-height: 16px;
  margin: 0 4px 2px 0;
  *margin-right: 2px;
  margin-right: 2px\0/;
  padding: 0;
  vertical-align: middle;
}

#srch_joken .joken select {
  border: 1px solid #6f9fdd;
  box-sizing: border-box;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin: 3px 5px 0 0;
  padding: 2px;
  vertical-align: middle;
}

#srch_joken .joken select.price,
#srch_joken .joken select.area {
  margin: 0 5px 5px 0;
  vertical-align: middle;
}

/*-- チェックボックスとラジオボタンの設定 --*/
#srch_joken .joken label {
  cursor: pointer;
  padding: 5px 10px 5px 24px;
}

#srch_joken .joken input[type=text] {
  background: #fff;
  border: 1px solid #666;
  box-shadow: inset 0 3px 1px 0 rgba(155, 155, 150, 0.5);
}

#srch_joken .joken input[type=checkbox] {
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  min-width: 25px;
}

#srch_joken .joken input[type=checkbox] + label {
  background: rgba(0, 0, 0, 0) url("/image_cmn/bg_checkbox_off.png?data=20180622") no-repeat scroll left center;
  background-size: 18px 18px;
  box-sizing: border-box;
  display: inline-block;
}

#srch_joken .joken input[type=checkbox]:disabled + label {
  background: rgba(0, 0, 0, 0) url("/image_cmn/bg_checkbox_disabled.png?data=20180622") no-repeat scroll left center;
  background-size: 18px 18px;
}

#srch_joken .joken input[type=checkbox]:checked + label {
  background: rgba(0, 0, 0, 0) url("/image_cmn/bg_checkbox_on.png?data=20180622") no-repeat scroll left center;
  background-size: 18px 18px;
}

/*--radio--*/
input[type="radio"] {
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  min-width: 20px;
}

input[type="radio"] + label {
  background-image: url("/image_cmn/radio_off.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  box-sizing: border-box;
  display: inline-block;
}

input[type=radio]:checked + label {
  background-image: url("/image_cmn/radio_on.svg");
}

input[type="radio"]:disabled + label {
  background-image: url("/image_cmn/radio_off.svg");
  opacity: 0.8;
  color: #aaa;
  cursor: default;
}

/*-- 個別 --*/
#srch_joken .joken.chiiki dt,
#srch_joken .joken.rosen dt {
  background-image: url("/image/lst/j_menu_chiiki.gif");
}

#srch_joken .joken.chiiki dd,
#srch_joken .joken.rosen dd {
  background: #ffeaf1;
}

#srch_joken .joken.chiiki dd .joken_list dt,
#srch_joken .joken.rosen dd .joken_list dt {
  font-weight: 600;
  margin: 3px 0 3px 2px;
}

#srch_joken .joken.all_bkn dt,
#srch_joken .joken.all_bkn dt {
  background-image: url("/image/lst/j_menu_shosai.gif");
}

#srch_joken .joken.all_bkn dd {
  text-align: right;
  padding-bottom: 8px;
}

#srch_joken .joken.all_bkn dd input {
  border-radius: 3px;
  box-shadow: 0 0 4px 0 #ccc;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  height: 28px;
  line-height: 26px;
  margin: 0 auto;
  text-decoration: none;
  background: #fe397a;
  border: solid 1px #FB2B75;
  position: relative;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  width: 120px;
}

#srch_joken .joken.all_bkn dd input:hover {
  background: #fe6094;
  border: solid 1px #fe6094;
}

#srch_joken .joken.all_bkn dd input[type="button"]:disabled {
  background: #ccc !important;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  color: #999;
  cursor: default;
  text-shadow: none;
}

#srch_joken .joken.all_bkn dd p.btn_lnk_bknlst {
  float: right;
}

#srch_joken .joken.all_bkn dd p.btn_lnk_bknlst a {
  background: #eee url("../image/ico_other_lnk.png?data=20180622") no-repeat 5px center;
  border: 1px outset #ccc;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0 0 0 18px;
  text-align: center;
  width: 120px;
}

#srch_joken .joken.all_bkn dd p.btn_lnk_bknlst a:hover {
  color: #fff;
  background: #aaa url("../image/ico_other_lnk_gray.png?data=20180622") no-repeat 5px center;
}

#srch_joken .joken.all_bkn dd p.btn_lnk_bknlst.off {
  background: #ccc url("../image/ico_other_lnk_gray.png?data=20180622") no-repeat 5px center;
  border: none;
  color: #999;
  cursor: default;
  display: block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0 0 0 18px;
  text-align: center;
  width: 120px;
}

/*-- 詳細地域もっとみる --*/
#srch_joken .joken dd.more_box {
  background: #fff;
  display: block;
  margin: -2px 0 2px;
  overflow: hidden;
  padding: 0;
}

/*-- こだわり条件表示非表示 --*/
#srch_joken .joken dd {
  display: block;
  margin: 2px 0;
  overflow: hidden;
  padding: 7px 2px 3px 7px;
}

#srch_joken .tgl_kodawari,
#srch_joken .tgl_kodawari_b {
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 3px 0 #1852b7;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 34px;
  letter-spacing: 0.05em;
  line-height: 35px;
  margin: 5px 0 12px 10px;
  padding: 0 8px 0 28px;
  text-align: center;
}

#srch_joken .tgl_kodawari:hover,
#srch_joken .tgl_kodawari_b:hover {
  opacity: 0.8;
}

#srch_joken .tgl_kodawari {
  background: #007ef4 url(/image/lst/limrk_more_joken.gif) no-repeat 6px center;
  background-size: 18px auto;
}

#srch_joken .tgl_kodawari.active,
#srch_joken .tgl_kodawari_b {
  background: #007ef4 url(/image/lst/limrk_more_joken2.gif) no-repeat 6px center;
  background-size: 18px auto;
}

#srch_joken .j_othr {
  display: none;
  padding-top: 10px;
}

#srch_joken .joken.kino dd {
  padding-bottom: 0;
}

#srch_joken .joken.kino dd dl {
  border-bottom: 1px solid #AAAAAA;
  margin: 0 0 10px;
  padding: 0 0 5px;
}

.type_j #srch_joken .joken.kino dd dl:last-child {
  border-bottom: none;
  margin: 0 0 0;
}

#srch_joken .joken.kino dd dl dt {
  border-left: 5px solid #1a74e4;
  font-size: 13px;
  font-weight: 600;
  height: auto;
  line-height: normal;
  margin: 0 0 3px 0;
  padding: 2px 0 2px 5px;
}

#srch_joken .joken.kino > dd dl > dd {
  padding: 2px 0 2px 0;
}

#srch_joken .joken.hiyo dd ul li {
  font-size: 12px;
}

#srch_joken dd ul li .txt_s {
  font-size: 11px;
}

#srch_joken .joken.kowdawari dt {
  background-image: url("/image/lst/j_menu_kodawari.gif");
}

#srch_joken .joken.kdwr dd {
  background: #ffeddb;
  padding-left: 4px;
}

#srch_joken .joken.kdwr dd ul.li_k_opn li {
  background: url("/image/lst/j_kodawari_li.gif") no-repeat 0 top;
  cursor: pointer;
  display: block;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  margin-bottom: 3px;
  position: relative;
  width: 204px;
}

#srch_joken .joken.kdwr dd ul.li_k_opn li span {
  display: block;
  height: 25px;
  padding-left: 4px;
  padding: 0;
  text-align: left;
  width: 180px;
}

#srch_joken .joken.kdwr dd ul.li_k_opn li:hover {
  background: url("/image/lst/j_kodawari_li.gif") no-repeat 0 bottom;
}

#srch_joken .joken.facility dt {
  background-image: url("/image/lst/j_menu_facility.gif");
}

#srch_joken .joken.facility dd {
  background: #fcdffc;
  padding-right: 7px;
}

#srch_joken .joken.facility dd ul li {
  color: #777;
}

#srch_joken .joken.facility dd p.j_text {
  border-bottom: 1px solid #fff;
  line-height: 1.4;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

#srch_joken dl.joken.chiiki dl.j_list dt,
#srch_joken dl.joken.rosen dl.j_list dt,
#srch_joken dl.joken.shosai dl.j_list dt,
#srch_joken dl.joken.station dl.j_list dt,
#srch_joken dl.joken.kino dl dt {
  background: none;
  font-size: 12px;
  height: auto;
  width: 180px;
}

#srch_joken dl.joken.chiiki dl.j_list dd,
#srch_joken dl.joken.rosen dl.j_list dd,
#srch_joken dl.joken.shosai dl.j_list dd,
#srch_joken dl.joken.station dl.j_list dd {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

/*-- 条件変更 --*/
#srch_joken .joken.chiiki .joken_change,
#srch_joken .joken.rosen .joken_change,
#srch_joken .joken.shosai .joken_change,
#srch_joken .joken.station .joken_change {
  background: #eee;
  border: 1px outset #ccc;
  cursor: pointer;
  display: block;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding: 0;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 6px;
  width: 62px;
  z-index: 100;
}

#srch_joken .joken.chiiki .joken_change:hover,
#srch_joken .joken.rosen .joken_change:hover,
#srch_joken .joken.shosai .joken_change:hover,
#srch_joken .joken.station .joken_change:hover {
  background: #aaa;
  color: #fff;
}


/* -----------------------------------
 検索main
----------------------------------- */
/* ------------------------
 ヒット件数
------------------------ */

#container #main .hit_box {
  background: #eee;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0 5px 10px;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}

#container #main .hit_box .hit_count {
  float: left;
}

#container #main .hit_box .hit_count span {
  color: #F00;
  font-size: 18px;
  font-weight: 600;
  margin: 0 2px;
}

#container #main .hit_box .hit_count span.empty_room {
  color: #F00;
  font-size: 16px;
  font-weight: 600;
}

#container #main .hit_box .hit_view {
  float: right;
  height: 20px;
  line-height: 20px;
  margin: 5px 0;
  padding: 0;
}

#container #main .hit_box .hit_view .view_count {
  margin: 0 5px 0 0;
  padding: 0;
}

#container #main .hit_box .hit_view select#dn {
  margin: 0;
  padding: 0;
  z-index: 1;
}


/* ------------------------
 ページカウント
------------------------ */

#container #main .page_count {
  display: block;
  margin: 8px 5px 8px auto;
  overflow: hidden;
  text-align: right;
}

#container #main .page_count.under {
  margin-bottom: 25px;
  margin-top: 3px;
}

#container #main .page_count li {
  display: inline;
  padding: 3px;
  text-align: center;
}

#container #main .page_count li {
  font-size: 17px;
  font-weight: 600;
}

#container #main .page_count li a {
  font-size: 13px;
  font-weight: normal;
}

#container #main .page_count li.p_back {
  border-right: 1px solid #aaa;
  font-size: 13px;
  font-weight: normal;
  margin-right: 3px;
  padding-right: 5px;
}

#container #main .page_count li.p_next {
  border-left: 1px solid #aaa;
  font-size: 13px;
  font-weight: normal;
  margin-left: 3px;
  padding-left: 5px;
}


/*-------------------------------------
 スライダー jquery.sliderkit.js
-------------------------------------*/

.joken_station {
  display: block;
  margin: 5px 0 0;
  overflow: hidden;
  width: 100%;
}

.joken_station dd {
  background: white;
  border: 1px solid #C8C8E8;
  display: block;
  margin: 0 auto 0;
  overflow: hidden;
  padding: 6px 6px 0;
}

.joken_station dt {
  margin-bottom: 4px;
}

.station_box {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.station_box dt {
  color: #006b6b;
  display: block;
  font-weight: 600;
  margin: 0 0 4px 0;
  overflow: hidden;
}

.station_box dd.rosen_box {
  background: #fff;
  border: 1px solid #666;
  height: 37px;
  margin: 0 0 7px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 683px;
}

.station_box dd.rosen_box .sc_box {
  display: block;
  margin: 0 21px;
  overflow: hidden;
  padding: 0;
  width: 641px;
}

.station_box dd ul.station {
  background: url("/image/hm/lst/sta_bg_stationline.gif") repeat-x center center;
  display: inline;
  height: 37px;
  margin: 0 0 0 5px;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  zoom: 1;
}

.station_box dd ul.station:not(:target) {
  padding-top: 4px\9;
  /* IE9 */
}

.station_box dd ul.station li {
  background: #fff;
  border: 1px solid #999;
  display: inline;
  height: 17px;
  line-height: 37px;
  margin: 0 0 0 5px;
  overflow: hidden;
  padding: 5px;
}

.station_box dd ul.station li:not(:target) {
  padding: 3px\9;
  /* IE9 */
}

.station_box dd ul.station li:first-child {
  margin-left: 0;
}

.station_box dd ul.station li:last-child {
  margin-right: 0;
}

.station_box dd ul.station li input {
  border: 0;
  height: 17px;
  vertical-align: middle;
}

.station_box dd ul.station li.li_select {
  background: #dcf8f8;
  border: 1px solid #006b6b;
}

.station_box dd ul.station li.active {
  background: #d3f5f5;
  border: 1px solid #2fc5c5;
}

.station_box dd.rosen_box .nav-btn {
  display: block;
  height: 37px;
  position: absolute;
  text-indent: -10000px;
  top: 0;
  width: 21px;
  z-index: 100;
}

.station_box dd.rosen_box .nav-btn a {
  display: block;
  height: 37px;
  width: 21px;
}

.station_box dd.rosen_box .nav-prev {
  background: url("/image/hm/lst/sta_btn_prev.gif") no-repeat center 0;
  left: 0;
}

.station_box dd.rosen_box .nav-next {
  background: url("/image/hm/lst/sta_btn_next.gif") no-repeat center 0;
  right: 0;
}


/*-- スライドナビゲーション --*/
ul.flex-direction-nav {
  margin: 0;
  padding: 0;
}

ul.flex-direction-nav li a {
  height: 37px;
  position: absolute;
  text-indent: -10000px;
  top: 0;
  width: 21px;
}

ul.flex-direction-nav li a.flex-prev {
  background: url("/image/hm/lst/sta_btn_prev.gif") no-repeat 0 0;
  left: 0;
}

ul.flex-direction-nav li a.flex-next {
  background: url("/image/hm/lst/sta_btn_next.gif") no-repeat 0 0;
  right: 0;
}


/* ------------------------
  テーブル
------------------------ */
/*-- 共通 --*/
#container #main #ta_name {}

#container #main #ta_name .td_photo,
#container #main .ta_bkn_lst .td_photo {
  margin: 0 auto;
  padding: 6px 0;
  text-align: center;
  width: 102px;
}

/*-- 見出し --*/
#container #main #ta_name {
  background: #f08ead;
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 12px;
  margin: 0 0 5px;
  text-align: center;
  width: 735px;
}

#container #main #ta_name td {
  border-left: 1px solid #fff;
  color: #fff;
  line-height: 1.4;
  padding: 3px 0;
  text-align: center;
  width: 78px;
}

#container #main #ta_name td:first-child {
  border-left: none;
}

#container #main #ta_name td.td_photo {
  width: 100px;
}

#container #main #ta_name td.td_access {
  width: 215px;
}

#container #main #ta_name td.td_build {
  width: 85px;
}

#container #main #ta_name td a {
  display: inline-block;
  margin: 0 0 3px 2px;
  *margin: 3px 0 3px 2px;
  margin: 3px 0 3px 2px\9;
  padding: 0;
  vertical-align: middle;
  width: 13px;
}

#container #main #ta_name img.sort {
  height: 13px;
  margin: 0;
  padding: 0;
  width: 13px;
}

/*-- 物件 --*/
#container #main #bkn_lst {
  margin: 0;
  padding: 0;
}

#container #main #bkn_lst li {
  border: 1px solid #d5d5d5;
  display: block;
  margin: 0 0 6px;
  padding: 0;
  width: 733px;
}

#container #main .ta_bkn_lst {
  border: 1px solid #a5a5a5;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  width: 733px;
}

#container #main .ta_bkn_info td .pic_b {
  font-size: 15px;
  font-weight: 600;
}

#container #main .ta_bkn_info td .pic_r {
  color: #F00;
  font-size: 15px;
  font-weight: 600;
}

#container #main .ta_bkn_lst .td_lead {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  width: 720px;
}

#container #main .ta_bkn_lst .td_lead img.pick_ico {
  float: left;
  height: 18px;
  margin: 3px 3px 3px 0;
  padding: 0;
  vertical-align: middle;
}

#container #main .ta_bkn_lst .td_lead .pr_sentence {
  clear: both;
  font-weight: 600;
  font-size: 14px;
  margin: 4px;
  padding: 0;
}

#container #main .ta_bkn_lst .td_lead .pr_sentence a {
  color: #FE397A;
  margin: 0;
  padding: 0;
}

#container #main .ta_bkn_lst .td_photo {
  border-right: 1px solid #ccc;
  vertical-align: top;
  width: 100px;
}

#container #main .ta_bkn_lst .td_photo .def {
  border: 1px solid #ccc;
  height: 66px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 88px;
  z-index: 980;
}

#container #main .ta_bkn_lst .td_photo .def a {
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1000;
}

#container #main .ta_bkn_lst .td_photo .btn_allroom a {
  background: url("/image/hm/lst/btn_allroom.gif") no-repeat 0 center;
  color: #fff;
  font-size: 12px;
  display: block;
  height: 17px;
  line-height: 17px;
  margin: 3px auto 0;
  text-align: center;
  text-indent: -10000px;
  width: 88px;
}

#container #main .ta_bkn_lst .td_info {
  margin: 0;
  padding: 0;
}

#container #main .ta_bkn_lst .td_info p {
  margin: 3px 0;
}

#container #main .ta_bkn_info {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 0;
  padding: 0;
  width: 630px;
}

#container #main .ta_bkn_info tr,
#container #main .ta_bkn_info td {
  margin: 0;
  padding: 0;
}

#container #main .ta_bkn_info td {
  padding: 6px 0;
}

#container #main .ta_bkn_info .td_info_td {
  border: none;
  border-left: 1px solid #ccc;
  padding: 0;
  text-align: center;
  width: 78px;
}

#container #main .ta_bkn_info .td_access {
  border-left: none;
  padding: 6px 0;
  text-align: left;
  width: 215px;
}

#container #main .ta_bkn_info .td_access p {
  margin: 0 2px 0 6px;
}

#container #main .ta_bkn_info .td_info_td.build {
  width: 85px;
}

#container #main .ta_bkn_info .bkn_dtl {
  background: #e3ecf6;
  border-top: 1px solid #ccc;
  border-left: none;
  height: 42px;
  line-height: 42px;
  margin: 0;
  padding: 0 7px;
  text-align: right;
}

/*-- お気に入り＆詳細ボタン --*/
#container #main .ta_bkn_info .bkn_dtl .btn_fav {
  background-image: url("/image/hm/lst/bkn_btn_fav.gif");
  background-repeat: no-repeat;
  background-position: 0 top;
  cursor: pointer;
  float: right;
  height: 28px;
  overflow: hidden;
  text-align: center;
  text-indent: 12px;
  text-indent: -10000px;
  width: 166px;
}

#container #main .ta_bkn_info .bkn_dtl .btn_fav.active {
  background: url("/image/hm/lst/bkn_btn_fav.gif") no-repeat 0 -56px !important;
}

#container #main .ta_bkn_info .bkn_dtl .btn_fav.active:hover {
  background: url("/image/hm/lst/bkn_btn_fav.gif") no-repeat 0 -84px !important;
}

#container #main .ta_bkn_info .bkn_dtl .btn_dtl {
  float: right;
  height: 28px;
  margin-left: 10px;
  text-align: center;
  width: 113px;
}

#container #main .ta_bkn_info .bkn_dtl .btn_dtl a {
  background: url("/image/hm/lst/bkn_btn_dtl.gif") no-repeat center top;
  color: #fff;
  display: block;
  font-size: 15px;
  height: 28px;
  line-height: 28px;
  text-indent: 10px;
  width: 113px;
}

#container #main .ta_bkn_info .bkn_dtl .btn_dtl a:hover {
  background: url("/image/hm/lst/bkn_btn_dtl.gif") no-repeat center bottom;
}

/*-- その他の空室 --*/
#container #main .ta_bkn_info .bkn_othr {
  border-top: 1px solid #ccc;
  border-left: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#container #main .ta_bkn_info .bkn_othr dl {
  display: block;
  margin: 6px 4px 4px 7px;
  overflow: hidden;
  padding: 0;
}

#container #main .ta_bkn_info .bkn_othr dl dt {
  margin: 0 0 3px 0;
  padding: 0;
  text-align: left;
}

#container #main .ta_bkn_info .bkn_othr dl dd {
  display: block;
  margin: 0;
  margin-bottom: 1px\9;
  padding: 0;
}

#container #main #bkn_lst .ta_bkn_info .bkn_othr dl dd ul {
  overflow: hidden;
}

#container #main #bkn_lst .ta_bkn_info .bkn_othr dl dd ul li {
  border: 1px solid #f774b6;
  float: left;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  margin: 2px 5px 2px 0;
  text-align: center;
  white-space: nowrap;
  width: 116px;
}

#container #main #bkn_lst .ta_bkn_info .bkn_othr dl dd ul li a {
  background: #ffeff9;
  color: #e63580;
  display: block;
  height: 18px;
  padding: 0;
  width: 116px;
}

#container #main #bkn_lst .ta_bkn_info .bkn_othr dl dd ul li a:hover {
  background: #F69;
  color: #fff;
}

#container #main .ta_bkn_info .bkn_othr dl dd .bkn_all {
  float: right;
  margin-top: 7px;
}

.slidebox {
  height: auto;
  max-height: 1000px;
  position: relative;
  z-index: 2;
}

.slidebox:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.slidebox .arrow_prev {
  display: block;
  left: 0;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  z-index: 8000;
}

.slidebox .arrow_next {
  display: block;
  margin-top: -16px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 8000;
}

.slidebox .arrow_prev img:hover,
.slidebox .arrow_next img:hover {
  cursor: pointer;
}

.infobox {
  background: #f7eaed;
  border-radius: 8px;
  color: #333;
  float: left;
  height: auto;
  position: relative;
  text-align: left;
  padding: 6px 12px;
  min-height: 291px;
  margin: 6px 0 0 6px;
}

.infobox.lst_over {
  overflow: hidden;
}

.infobox .bkn_name {
  background: url("/image_cmn/infobox_ttl_bkn.png?data=20180622") no-repeat left top;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  font-weight: 600;
  height: 30px;
  letter-spacing: -0.01em;
  line-height: 30px;
  margin: 0 0 0;
  overflow: hidden;
  padding: 0 0 0 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 470px;
}

.infobox .bkn_name span {
  font-size: 15px;
  letter-spacing: normal;
  padding-right: 5px;
}

.infobox > p.lead {
  color: #fe397a;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  margin: 6px 0 0;
  overflow: hidden;
  padding: 0 10px 0;
  text-overflow: ellipsis;
  text-shadow: 3px 4px 4px rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  width: 480px;
  word-wrap: normal;
}

.infobox .main_data {
  margin: 4px auto 0;
  width: 480px;
}

.infobox .main_data:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.infobox .main_data .photo {
  background: #fff;
  border: 1px solid #ccc;
  float: left;
  height: 89px;
  text-align: center;
  width: 89px;
}

.infobox.bkn .main_data .photo {
  width: 85px;
  height: 85px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .infobox .main_data .photo {
    width: 92px;
    height: 92px;
  }

  .infobox.bkn .main_data .photo {
    width: 89px;
    height: 89px;
  }
}

.infobox .bkn_estate {
  font-size: 12px;
  line-height: 1;
  margin: 4px auto 0;
  text-align: center;
}

div.countbox {
  float: left;
  font-size: 12px;
  margin: 0 0 0 10px;
  text-align: left;
  padding: 0;
}

div.countbox span.shop {
  font-size: 12px;
}

div.countbox span.shop img {
  line-height: 1;
  padding: 6px 2px 0 0;
  vertical-align: top;
}

div.countbox span.now {
  font-size: 15px;
  font-weight: 600;
}

div.countbox span.total {
  font-size: 14px;
  font-weight: 600;
}

/* -----------------------------------------------
 テーブル
----------------------------------------------- */
.infobox .main_data > table {
  background: #fff;
  border-collapse: collapse;
  float: right;
  font-size: 13px;
  padding: 0;
  text-align: left;
}

.infobox .main_data > table th {
  background: #0168b5;
  border: #78b4d8 solid 1px;
  color: #fff;
  font-weight: normal;
  margin: 0;
  padding: 4px 0;
  table-layout: fixed !important;
  text-align: center;
  white-space: nowrap;
  width: 70px !important;
  vertical-align: middle;
}

.infobox .main_data > table td {
  border: #78b4d8 solid 1px;
  margin: 0;
  padding: 4px 10px;
  table-layout: fixed;
  vertical-align: middle;
  width: auto;
}

.infobox .main_data > table td.add span,
.infobox .main_data > table td.acc span {
  display: inline-block;
  letter-spacing: 0.05em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  vertical-align: text-bottom;
  white-space: nowrap;
  width: 290px;
  word-wrap: normal;
}

.infobox .main_data > table td.none {
  text-align: center;
}

.infobox .main_data > table th.floor + td {
  text-align: center;
  width: 66px !important;
}

.roomvacancy {
  background: #fff;
  border: 1px solid #78b4d8;
  float: right;
  font-size: 13px;
  height: 22px;
  line-height: 23px;
  padding: 0;
  width: 110px;
  margin-top: 4px;
}

.roomvacancy:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.roomvacancy dt {
  float: left;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0 0 0 10px;
  text-align: rihgt;
  width: 50px;
}

.roomvacancy dd {
  float: right;
  margin: 0;
  padding: 0 10px 0 0;
  text-align: center;
  width: 40px;
}

.infobox table.ttl_roomlst {
  background: #ff84ad;
  border: #ff84ad solid 1px;
  border-collapse: collapse;
  font-size: 13px;
  margin: 5px auto 0;
  padding: 0;
  text-align: center;
  width: 479px;
  z-index: 500;
}

.infobox table.ttl_roomlst th {
  color: #fff;
  border-right: 1px solid #fff;
  font-weight: normal;
  height: 20px;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  vertical-align: middle;
}

.infobox table.ttl_roomlst th.payments {
  width: 116px;
}

.infobox table.ttl_roomlst th.madori {
  width: 126px;
}

.infobox table.ttl_roomlst th.floor {
  width: 80px !important;
}

.infobox table.ttl_roomlst th.fav {
  letter-spacing: -1px;
  width: 117px;
}

.infobox table.ttl_roomlst th:last-child {
  border-right: none;
}

.infobox .scroll_box {
  background: #fff;
  border: #ff84ad solid 1px;
  font-size: 16px;
  margin: 1px auto 0;
  position: relative;
  width: 478px;
}

.infobox.lst_over .scroll_box {
  height: 77px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.infobox table.roomlst {
  border-collapse: collapse;
}

.infobox.lst_over table.roomlst {
  border-collapse: collapse;
}

.infobox .scroll_box table.roomlst tbody {
  display: block;
}

.infobox .scroll_box table.roomlst tbody tr {
  width: 478px;
}

.infobox .scroll_box table.roomlst td {
  border-top: 1px solid #ff84ad;
  font-weight: 600;
  font-size: 14px;
  height: 36px;
  margin: 0;
  position: relative;
  text-align: center;
  table-layout: fixed;
  vertical-align: middle;
}

.infobox .scroll_box table.roomlst .first td {
  border-top: none;
}

.infobox .scroll_box table.roomlst td.payments::after,
.infobox .scroll_box table.roomlst td.madori::after,
.infobox .scroll_box table.roomlst td.floor::after {
  background: #fe397a;
  content: "";
  display: block;
  height: 18px;
  position: absolute;
  top: 11px;
  right: 0;
  width: 1px;
}

.infobox .scroll_box table.roomlst td.payments span {
  color: #ff0000;
  font-size: 18px;
}

.infobox .scroll_box table.roomlst td.payments {
  width: 116px;
}

.infobox .scroll_box table.roomlst td.madori {
  font-weight: 600;
  font-size: 18px;
  width: 126px;
}

.infobox .scroll_box table.roomlst td.floor {
  width: 80px;
}

.infobox .scroll_box table.roomlst td.link {
  width: 136px;
}

.infobox .scroll_box table.roomlst td.floor span {
  font-size: 18px;
  padding-right: 2px;
}

.infobox .scroll_box table.roomlst td.fav p {
  margin: 0;
  padding: 0;
}

.infobox .scroll_box table.roomlst td.fav p a {
  display: block;
  filter: alpha(opacity=0);
  height: 26px;
  line-height: 26px;
  margin: 0;
  opacity: 0;
  padding: 0;
  width: 117px;
}

.infobox .scroll_box table.roomlst td.fav p.fav_on {
  background: url("/image_cmn/btn_fav_off.png?data=20180622") no-repeat center center;
}

.infobox .scroll_box table.roomlst td.fav p.fav_off {
  background: url("/image_cmn/btn_fav_on.png?data=20180622") no-repeat center center;
}

.infobox .scroll_box table.roomlst td.lnk {
  text-align: center;
  width: 148px;
}

/*-- 詳細情報を見るbtn --*/
.roomlst .lnk a {
  border-radius: 4px;
  background-color: #ee316b;
  box-shadow: 0px 2px 0px 0px #aa0236;
  color: #fff;
  display: block;
  font-size: 13px;
  height: 25px;
  line-height: 27px;
  margin: 0 auto;
  padding: 0 0 0 12px;
  position: relative;
  text-align: left;
  width: 120px;
}

.roomlst .lnk a::after {
  background: url(/image_cmn/arrow-btn_lnk_dtl.svg) no-repeat 0 0 / cover;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 10px;
  z-index: 2;
}

.roomlst .lnk a::after {
  height: 14px;
  right: 8px;
  width: 14px;
}

.infobox .scroll_box table.roomlst td.lnk p {
  margin: 4px auto 0;
  padding: 0;
}

.infobox .scroll_box table.roomlst td.lnk p a {
  border-radius: 4px;
  background-color: #ee316b;
  box-shadow: 0px 2px 0px 0px #aa0236;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 25px;
  line-height: 27px;
  padding: 0 0 0 12px;
  position: relative;
  width: 130px;
}

.infobox .scroll_box table.roomlst td p a:hover img {
  border: none;
  opacity: 0.7;
  outline: none;
}


/* -----------------------------------------------
 テーブル
----------------------------------------------- */

.infobox.fa {
  background: #d9e8f4;
  min-height: auto;
  margin: 8px 0 0 8px;
}

.infobox.estate {
  background: #d9e8f4;
  min-height: 168px;
  padding: 12px 12px;
}

.infobox.fa div.photo,
.infobox.estate div.photo {
  background: #fff;
  border: 1px solid #ccc;
  float: left;
  height: 88px;
  overflow: hidden;
  padding: 1px;
  width: 88px;
}

.infobox.estate:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.infobox.fa .main_data,
.infobox.estate .main_data {
  float: left;
  margin: 0 0 10px 10px;
  width: 410px;
}

.infobox.fa .main_data .category,
.infobox.estate .main_data .category {
  background: #fff;
  border: 1px solid #ff3366;
  display: inline-block;
  float: left;
  margin: 0 0 8px;
  overflow: hidden;
  padding: 0;
  padding: 2px;
  text-align: left;
  width: auto;
}

.infobox.fa .main_data .category span,
.infobox.estate .main_data .category span {
  background: #ff3366;
  color: #fff;
  display: block;
  float: left;
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
}

.infobox.fa .main_data h3.fa_name {
  clear: both;
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 10px 24px;
}

.infobox.estate .main_data h3.fa_name {
  clear: both;
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 10px 30px;
}

.infobox.fa .main_data h3.fa_name a,
.infobox.estate .main_data h3.fa_name a {
  font-size: 16px;
  font-weight: 600;
}

.infobox.fa .main_data h3.fa_01 {
  background: url("../image_icon/ico_fa_01_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_02 {
  background: url("../image_icon/ico_fa_02_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_03 {
  background: url("../image_icon/ico_fa_03_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_04 {
  background: url("../image_icon/ico_fa_04_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_05 {
  background: url("../image_icon/ico_fa_05_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_06 {
  background: url("../image_icon/ico_fa_06_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_07 {
  background: url("../image_icon/ico_fa_07_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_08 {
  background: url("../image_icon/ico_fa_08_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_09 {
  background: url("../image_icon/ico_fa_09_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_10 {
  background: url("../image_icon/ico_fa_10_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_11 {
  background: url("../image_icon/ico_fa_11_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_12 {
  background: url("../image_icon/ico_fa_12_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_13 {
  background: url("../image_icon/ico_fa_13_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_14 {
  background: url("../image_icon/ico_fa_14_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_15 {
  background: url("../image_icon/ico_fa_15_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_16 {
  background: url("../image_icon/ico_fa_16_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_17 {
  background: url("../image_icon/ico_fa_17_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_18 {
  background: url("../image_icon/ico_fa_18_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_19 {
  background: url("../image_icon/ico_fa_19_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_20 {
  background: url("../image_icon/ico_fa_20_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_21 {
  background: url("../image_icon/ico_fa_21_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_22 {
  background: url("../image_icon/ico_fa_22_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.fa .main_data h3.fa_23 {
  background: url("../image_icon/ico_fa_23_info.png?data=20180622") no-repeat left 3px;
  background-size: 20px 30px;
}

.infobox.estate .main_data h3.hm {
  background: url("../image_icon/ico_hm_info.png?data=20180622") no-repeat left top;
  background-size: 20px 36px;
}

.infobox.estate .main_data h3.hmc {
  background: url("../image_icon/ico_hmc_info.png?data=20180622") no-repeat left top;
  background-size: 20px 36px;
}

.infobox.fa .main_data p.tel,
.infobox.estate .main_data p.tel {
  float: left;
  font-size: 16px;
  font-weight: 600;
  margin: 3px 0 0 0;
}

.infobox.fa .main_data p.tel.free,
.infobox.estate .main_data p.tel.free {
  color: #006634;
}

.infobox.fa .main_data p.tel span,
.infobox.estate .main_data p.tel span {
  background: #00a73c;
  border-radius: 4px;
  color: #fff;
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 60px;
}

.infobox.fa .main_data p.tel.free span,
.infobox.estate .main_data p.tel.free span {
  background: url("/image_cmn/bg_data_ttl_telfree.gif") no-repeat center top;
}

.infobox.estate .main_data p.btn_lnk_dtl {
  display: block;
  float: right;
  margin: 0 0 0;
}

.infobox.fa .data,
.infobox.estate .data {
  background: #f8fcfe;
  border-radius: 4px;
  clear: both;
  font-size: 12px;
  margin: 10px auto 0;
  padding: 0 8px 8px;
  position: relative;
  text-align: left;
  max-width: 496px;
}

#detail_box_fa .infobox.estate .data {
  width: 464px;
}

.infobox.estate div.data:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.infobox.fa div.data:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.data dl {
  margin-top: 8px;
}

.data dl:first-child {
  margin-top: 0;
  padding-top: 8px;
}

.infobox.fa div.data dl dt,
.infobox.estate div.data dl dt {
  background: #00a73c;
  border-radius: 2px;
  color: #fff;
  float: left;
  text-align: center;
  width: 60px;
  height: 20px;
  line-height: 20px;
}

.infobox.estate div.data dl dt.time {
  letter-spacing: -0.1px;
}

.infobox.fa div.data dl dd,
.infobox.estate div.data dl dd {
  font-size: 13px;
  margin: 0 0 0 65px;
  padding: 0 10px 0 5px;
  word-break: break-all;
}

.infobox.fa div.data dl.half,
.infobox.estate div.data dl.half {
  float: left;
}

.infobox table.estate {
  background: #fff;
  border: #ccc solid 1px;
  border-collapse: collapse;
  clear: both;
  font-size: 13px;
  margin: 10px auto 0;
  padding: 0;
  width: 458px;
}

.infobox table.estate th {
  background: #7e7e7e;
  border: #ccc solid 1px;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  padding: 3px 0;
  text-align: center;
  table-layout: fixed;
  vertical-align: middle;
  white-space: nowrap;
  width: 60px;
}

.infobox table.estate td {
  border: #ccc solid 1px;
  font-size: 13px;
  padding: 3px 5px;
  table-layout: fixed;
  vertical-align: middle;
}

.tip {
  display: inline-block;
  outline: none;
  position: relative;
  text-decoration: none;
}

.tip img:hover {
  cursor: pointer;
}

.tip span {
  background-color: #1a77bd;
  border-radius: 4px;
  bottom: 44px;
  color: #fff;
  font-size: 13px;
  left: 50%;
  line-height: 1.2;
  margin-left: -110px;
  padding: 4px 0;
  position: absolute;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  visibility: hidden;
  width: 220px;
  z-index: 999;
}

.estate .tip span {
  bottom: 45px;
}

.tip.long span {
  margin-left: -140px;
  width: 280px;
}

.tip:hover span {
  visibility: visible;
}

.tip span:before,
.tip span:after {
  border-top: 6px solid #1a77bd;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0;
  bottom: -6px;
  content: "";
  left: 50%;
  margin-left: -6px;
  position: absolute;
  z-index: 1000;
}

/*-- グレー表示 --*/
#container #main #map_header dl.select_fa_icon.disable .tip span {
  display: none;
  visibility: hidden;
}

#container #main #map_header dl.select_fa_icon.disable a.tip,
#container #main #map_header dl.select_fa_icon.disable .tip img:hover {
  cursor: default;
}

/* -----------------------------------------------
 ストリートビューを見る
----------------------------------------------- */

.streetview {
  clear: both;
  padding: 10px 0 0;
  z-index: 1;
  margin: 0 auto;
}

.streetview:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.streetview .map_btnbox li {
  display: inline-block;
  float: right;
  margin: 1px 3px 0 10px;
}

.streetview .map_btnbox li:first-child {
  margin-right: 0;
}

.streetview .map_btnbox li a {
  margin: 0;
  padding: 0;
}

.streetview .map_btnbox li img {
  vertical-align: middle;
}

.streetview .map_btnbox li a:hover img {
  cursor: pointer;
  opacity: 0.5;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .streetview .map_btnbox li a:hover img {
    opacity: 1;
  }
}

/* 閉じるボタン */
#container #main #map_area #close_view {
  cursor: pointer;
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 40;
}

.alert_msg01 {
  background: #fff;
  font-size: 13px;
  display: none;
  left: 105px;
  position: absolute;
  top: 30px;
  z-index: 6000;
}

.alert_msg01 p {
  background: #191970;
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  min-width: 160px;
  padding: 0 15px;
  position: relative;
  text-align: center;
  width: auto;
}

.alert_msg01 p:after {
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #191970 transparent transparent transparent;
  bottom: -10px;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 0;
}

/* MAPリード文アラート */
.alert_leadbox {
  color: #fff;
  display: none;
  font-size: 13px;
  left: 50px;
  position: absolute;
  top: 20px;
  z-index: 6000;
}

.alert_leadbox p {
  background: #191970;
  border-radius: 4px 4px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 6px 8px 6px 10px;
  position: relative;
  white-space: nowrap;
}

.alert_leadbox p.lead.ico_plus_s {
  background: #191970 url("/image_cmn/mrk_lead_plus_s.png?data=20180622") no-repeat 12px center;
  padding-left: 36px;
}

/*	検索メニューアラート */
.alert_msg_menu {
  bottom: 340px;
  color: #fff;
  font-size: 13px;
  display: none;
  left: 47px;
  position: absolute;
  z-index: 6000;
}

.alert_msg_menu p {
  background: #ff6060;
  min-width: 160px;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  position: relative;
}

.alert_msg_menu {
  position: absolute;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .alert_msg_menu {
    bottom: 410px;
    display: none;
    left: 47px;
    position: absolute;
  }
}

.alert_msg_menu p:after {
  border: 6px solid transparent;
  border-right-color: #ff6060;
  content: ' ';
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}

/*	賃貸検索開始アラート */
.alert_msg_rent {
  bottom: 220px;
  color: #fff;
  font-size: 13px;
  display: none;
  left: 47px;
  position: absolute;
  z-index: 6000;
}

.alert_msg_rent p {
  background: #e8617f;
  height: 30px;
  line-height: 30px;
  min-width: 160px;
  padding: 0 20px;
  position: relative;
}

.alert_msg_rent p:after {
  border: 6px solid transparent;
  border-right-color: #e8617f;
  content: ' ';
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}

.alert_msg_rent_disabled {
  bottom: 220px;
  color: #fff;
  display: none;
  font-size: 13px;
  left: 47px;
  position: absolute;
  z-index: 6000;
}

.alert_msg_rent_disabled p {
  background: #e8617f;
  height: 30px;
  line-height: 30px;
  min-width: 160px;
  padding: 0 20px;
  position: relative;
}

.alert_msg_rent_disabled p:after {
  border: 6px solid transparent;
  border-right-color: #e8617f;
  content: ' ';
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}

/*	賃貸検索開始アラート #14422 追加  */
.alert_msg_rent_fa_hmr {
  bottom: 242px;
  font-size: 14px;
  font-weight: 600;
  left: 47px;
  position: absolute;
  z-index: 6000;
  background: #fff;
  border: 2px solid #191970;
  border-radius: 4px;
  padding: 14px 20px;
  letter-spacing: -0.5px;
  width: 394px;
}

.alert_msg_rent_fa_hmr .shisetsu dt {
  color: #106eb8;
  border: 2px solid #68a4d9;
  border-radius: 4px;
  display: inline;
  font-size: 16px;
  font-weight: 600;
  padding: 2px 4px;
}

.alert_msg_rent_fa_hmr dd {
  line-height: 2;
  margin: 0 0 0 10px;
}

.alert_msg_rent_fa_hmr dl {
  display: flex;
}

.alert_msg_rent_fa_hmr dl:nth-of-type(2) {
  margin-top: 10px;
}

.alert_msg_rent_fa_hmr .bukken dt {
  color: #e2395f;
  border: 2px solid #f4b2c7;
  border-radius: 4px;
  display: inline;
  font-size: 16px;
  font-weight: 600;
  padding: 2px 4px;
}

.alert_msg_rent_fa_hmr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -14px;
  margin-top: -10px;
  border: 6px solid transparent;
  border-right: 10px solid #FFF;
  z-index: 2;
}

.alert_msg_rent_fa_hmr:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  margin-top: -12px;
  border: 8px solid transparent;
  border-right: 11px solid #191970;
  z-index: 1;
}

.alert_msg_rent_disabled {
  bottom: 220px;
  color: #fff;
  display: none;
  font-size: 13px;
  left: 47px;
  position: absolute;
  z-index: 6000;
}

.alert_msg_rent_disabled p {
  background: #e8617f;
  height: 30px;
  line-height: 30px;
  min-width: 160px;
  padding: 0 20px;
  position: relative;
}

.alert_msg_rent_disabled p:after {
  border: 6px solid transparent;
  border-right-color: #e8617f;
  content: ' ';
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}

.close_batsu {
  cursor: pointer;
  font-size: 0;
  margin: -12px 3px;
  position: absolute;
  right: 0;
}

.alert_msg_rent_fa_hm {
  bottom: 364px;
  font-size: 14px;
  font-weight: 600;
  left: 47px;
  position: absolute;
  z-index: 6000;
  background: #fff;
  border: 2px solid #191970;
  border-radius: 4px;
  padding: 14px 20px;
  width: 394px;
}

.alert_msg_rent_fa_hm .shisetsu dt {
  color: #106eb8;
  border: 2px solid #68a4d9;
  border-radius: 4px;
  display: inline;
  font-size: 16px;
  font-weight: 600;
  padding: 2px 4px;
}

.alert_msg_rent_fa_hm dd {
  line-height: 2;
  margin: 0 0 0 10px;
}

.alert_msg_rent_fa_hm dl {
  display: flex;
}

.alert_msg_rent_fa_hm dl:nth-of-type(2) {
  margin-top: 10px;
}

.alert_msg_rent_fa_hm .bukken dt {
  color: #e2395f;
  border: 2px solid #f4b2c7;
  border-radius: 4px;
  display: inline;
  font-size: 16px;
  font-weight: 600;
  padding: 2px 4px;
}

.alert_msg_rent_fa_hm:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -14px;
  margin-top: -10px;
  border: 6px solid transparent;
  border-right: 10px solid #FFF;
  z-index: 2;
}

.alert_msg_rent_fa_hm:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  margin-top: -12px;
  border: 8px solid transparent;
  border-right: 11px solid #191970;
  z-index: 1;
}

.alert_msg_rent_fa_bus {
  bottom: 344px;
  font-size: 14px;
  font-weight: 600;
  left: 47px;
  position: absolute;
  z-index: 6000;
  background: #fff;
  border: 2px solid #191970;
  border-radius: 4px;
  padding: 14px 20px;
  width: 394px;
}

.alert_msg_rent_fa_bus .shisetsu dt {
  color: #106eb8;
  border: 2px solid #68a4d9;
  border-radius: 4px;
  display: inline;
  font-size: 16px;
  font-weight: 600;
  padding: 2px 4px;
}

.alert_msg_rent_fa_bus dd {
  line-height: 2;
  margin: 0 0 0 10px;
}

.alert_msg_rent_fa_bus dl {
  display: flex;
}

.alert_msg_rent_fa_bus dl:nth-of-type(2) {
  margin-top: 10px;
}

.alert_msg_rent_fa_bus .bukken dt {
  color: #e2395f;
  border: 2px solid #f4b2c7;
  border-radius: 4px;
  display: inline;
  font-size: 16px;
  font-weight: 600;
  padding: 2px 4px;
}

.alert_msg_rent_fa_bus:before {
  content: "";
  position: absolute;
  top: 30%;
  left: -14px;
  margin-top: -10px;
  border: 6px solid transparent;
  border-right: 10px solid #FFF;
  z-index: 2;
}

.alert_msg_rent_fa_bus:after {
  content: "";
  position: absolute;
  top: 30%;
  left: -19px;
  margin-top: -12px;
  border: 8px solid transparent;
  border-right: 11px solid #191970;
  z-index: 1;
}

.alert_msg_rent_fa_hm,
.alert_msg_rent_fa_bus,
.alert_msg_rent_fa_hmr {
  display: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .alert_msg_rent_fa_hmr {
    bottom: 312px;
  }

  .alert_msg_rent_fa_hm {
    bottom: 364px;
  }
}

/*	施設検索開始アラート */
.alert_msg_fa {
  bottom: 220px;
  color: #fff;
  display: none;
  font-size: 13px;
  left: 47px;
  position: absolute;
  z-index: 6000;
}

.alert_msg_fa p {
  background: #0068b5;
  height: 30px;
  line-height: 30px;
  min-width: 160px;
  padding: 0 20px;
  position: relative;
}

.alert_msg_fa p:after {
  border: 6px solid transparent;
  border-right-color: #0068b5;
  content: ' ';
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}

.alert_msg_fa_disabled {
  bottom: 220px;
  color: #fff;
  display: none;
  font-size: 13px;
  left: 47px;
  position: absolute;
  z-index: 6000;
}

.alert_msg_fa_disabled p {
  background: #0068b5;
  height: 30px;
  line-height: 30px;
  min-width: 160px;
  padding: 0 20px;
  position: relative;
}

.alert_msg_fa_disabled p:after {
  content: ' ';
  border: 6px solid transparent;
  border-right-color: #0068b5;
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}

/*	バス停検索開始アラート */
.alert_msg_bus {
  bottom: 220px;
  color: #fff;
  display: none;
  font-size: 13px;
  left: 47px;
  position: absolute;
  z-index: 6000;
}

.alert_msg_bus p {
  background: #007f5e;
  height: 30px;
  line-height: 30px;
  min-width: 160px;
  padding: 0 20px;
  position: relative;
}

.alert_msg_bus p:after {
  border: 6px solid transparent;
  border-right-color: #007f5e;
  content: ' ';
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}

.alert_msg_bus_disabled {
  bottom: 220px;
  color: #fff;
  display: none;
  font-size: 13px;
  left: 47px;
  position: absolute;
  z-index: 6000;
}

.alert_msg_bus_disabled p {
  background: #007f5e;
  height: 30px;
  line-height: 30px;
  min-width: 160px;
  padding: 0 20px;
  position: relative;
}

.alert_msg_bus_disabled p:after {
  content: ' ';
  border: 6px solid transparent;
  border-right-color: #007f5e;
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}


/* -----------------------------------------------
 都道府県選択
----------------------------------------------- */

#bg_select_pref {
  background: #fffff9;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 6000;
}

/*ホームメイト用 */
.select_pref_box {
  background: #fff;
  border: 2px solid #0068b5;
  border-radius: 5px;
  display: none;
  left: 50px;
  margin: 0 42px 0 0;
  position: absolute;
  top: 20px;
  z-index: 6000;
}

.select_pref_box .ttl_box {
  background: #0068b5;
  overflow: hidden;
  padding: 5px 0 4px 5px;
}

.select_pref_box .menu_pref {
  padding: 2px 10px;
}

.select_pref_box .area_box {
  border-bottom: dotted 1px #b8c3c5;
  width: 485px;
}

.select_pref_box .area_box:last-child {
  border-bottom: 0;
}

.select_pref_box .area {
  background: url("/image_cmn/bg_select_pref_area.png?data=20180622") no-repeat center;
  display: table-cell;
  font-size: 15px;
  font-weight: 600;
  height: 48px;
  padding: 10px 12px 10px 7px;
  vertical-align: middle;
  width: 85px;
}

.select_pref_box .area_box:nth-child(4) .area,
.select_pref_box .area_box:nth-child(6) .area,
.select_pref_box .area_box:nth-child(7) .area {
  background: url("/image_cmn/bg_select_pref_area_s.png?data=20180622") no-repeat center;
  height: 27px;
}

.select_pref_box .pref_box {
  display: table-cell;
  vertical-align: middle;
}

.select_pref_box .pref {
  padding-top: 8px;
  text-align: left;
}

.select_pref_box .pref li {
  background: url("/image_cmn/ico_pref_list.png?data=20180622") no-repeat left 1px;
  display: inline-block;
  float: left;
  line-height: 1;
  margin: 2px 4px 10px 0;
  min-width: 56px;
  padding: 0 0 0 12px;
}

.select_pref_box .pref li:nth-child(2),
.select_pref_box .pref li:nth-child(7) {
  min-width: 62px;
}

.select_pref_box .pref li a {
  font-size: 15px;
  font-weight: 600;
}

/*リサーチ用 */
.select_pref_box_rsch {
  background: #fff;
  border: 2px solid #0068b5;
  border-radius: 5px;
  display: none;
  left: 50px;
  margin: 0 42px 0 0;
  position: absolute;
  top: 90px;
  z-index: 6000;
}

.select_pref_box_rsch .ttl_box {
  background: #0068b5;
  overflow: hidden;
  padding: 5px 0 4px 5px;
}

.select_pref_box_rsch .menu_pref {
  padding: 2px 10px;
}

.select_pref_box_rsch .area_box {
  border-bottom: dotted 1px #b8c3c5;
  width: 485px;
}

.select_pref_box_rsch .area_box:last-child {
  border-bottom: 0;
}

.select_pref_box_rsch .area {
  background: url("/image_cmn/bg_select_pref_area.png?data=20180622") no-repeat center;
  display: table-cell;
  font-size: 15px;
  font-weight: 600;
  height: 48px;
  padding: 10px 12px 10px 7px;
  vertical-align: middle;
  width: 85px;
}

.select_pref_box_rsch .area_box:nth-child(4) .area,
.select_pref_box_rsch .area_box:nth-child(6) .area,
.select_pref_box_rsch .area_box:nth-child(7) .area {
  background: url("/image_cmn/bg_select_pref_area_s.png?data=20180622") no-repeat center;
  height: 27px;
}

.select_pref_box_rsch .pref_box {
  display: table-cell;
  vertical-align: middle;
}

.select_pref_box_rsch .pref {
  padding-top: 8px;
  /* リスト上下中央寄せのため */
  text-align: left;
}

.select_pref_box_rsch .pref li {
  background: url("/image_cmn/ico_pref_list.png?data=20180622") no-repeat left 1px;
  display: inline-block;
  float: left;
  line-height: 1;
  margin: 2px 4px 10px 0;
  min-width: 56px;
  padding: 0 0 0 12px;
}

.select_pref_box_rsch .pref li:nth-child(2),
.select_pref_box_rsch .pref li:nth-child(7) {
  min-width: 62px;
}

.select_pref_box_rsch .pref li a {
  font-size: 15px;
  font-weight: 600;
}


/* -----------------------------------------------
 説明表示
----------------------------------------------- */

div#glayLayer {
  background: #fff;
  display: none;
  filter: alpha(opacity=10);
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

* html div#glayLayer {
  position: absolute;
}

#overLayer {
  background: #fff;
  border: 3px solid #f12e61;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, .4) 0 2px 5px;
  font-size: 14px;
  display: none;
  left: 50%;
  padding: 15px 15px 10px;
  position: relative;
  position: fixed;
  top: 50%;
  width: 580px;
  z-index: 11000;
}

#overLayer2 {
  background: #fff;
  border-radius: 10px;
  display: none;
  font-size: 14px;
  left: 50%;
  padding: 15px 15px 15px;
  position: fixed;
  position: relative;
  top: 50%;
  width: 580px;
  z-index: 11000;
}

#help_info {
  display: none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 10px;
}

#ttl_help_info {
  background: #fcd5df;
  margin: 0 auto 15px;
  line-height: 30px;
  height: 30px;
  padding: 5px 0;
  text-align: center;
}

#help_info .lead {
  line-height: 2;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 0;
}

#help_info .btnbox {
  padding: 20px 0 20px;
}

#help_info .btnbox a:hover img {
  opacity: 0.7;
}

#help_info div.close_box {
  cursor: pointer;
  font-size: 12px;
  height: 25px;
  margin: 15px auto 0;
  position: relative;
  text-align: center;
  width: 136px;
}

#help_info div.close_box span {
  color: #000099;
  cursor: pointer;
  display: block;
  height: 25px;
  left: 0;
  line-height: 25px;
  position: absolute;
  top: 0;
  width: 136px;
}

#help_info div.close_box:hover img {
  border: none;
  color: #fd4b4b;
  opacity: 0.7;
  outline: none;
}

#help_info div.close_box:hover span {
  color: #fd4b4b;
}

#help_info div.close_box_l {
  cursor: pointer;
  font-size: 12px;
  height: 26px;
  margin: 15px auto 0;
  position: relative;
  text-align: center;
  width: 170px;
}

#help_info div.close_box_l span {
  color: #000099;
  cursor: pointer;
  display: block;
  height: 26px;
  left: 0;
  line-height: 26px;
  padding-left: 20px;
  position: absolute;
  top: 0;
  width: 150px;
}

#help_info div.close_box_l:hover img {
  border: none;
  color: #fd4b4b;
  opacity: 0.7;
  outline: none;
}

#help_info div.close_box_l:hover span {
  color: #fd4b4b;
}

#map_area .alert_areaname {
  background: #17184b;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, .4) 0 2px 5px;
  color: #fff;
  display: none;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  left: 50%;
  line-height: 40px;
  margin-left: -100px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 200px;
  z-index: 6000;
}

.ttl_dtl {
  color: #fe397a;
  font-weight: 600;
  font-size: 20px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  text-align: center;
  top: 3px;
  width: 550px;
  z-index: 100;
}

.ttl_dtl.long {
  margin-left: 20px;
  width: 550px !important;
}

.ttl_dtl img {
  margin: 0 auto;
  vertical-align: bottom;
}

.ttl_dtl.fa {
  color: #ff3838;
}

#bg_def_area {
  display: none;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  z-index: 5000;
}

#def_areabox {
  background: #fff;
  border: #666 1px solid;
  border-radius: 4px;
  display: none;
  margin: 0;
  padding: 5px 20px 5px 10px;
  position: absolute;
  right: 158px;
  top: 50px;
  z-index: 6000;
}

#def_areabox li {
  background: url("/image_cmn/mrk_lst_def_area.png?data=20180622") no-repeat left center;
  font-size: 16px;
  margin: 15px 0;
  min-width: 88px;
  padding: 0 0 0 20px;
  text-align: left;
}

/* エリアアイコンの説明 */
#sample_area_icon {
  background: #fff;
  border-radius: 8px;
  border: 3px solid #191970;
  box-sizing: border-box;
  left: 50px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 5%;
  width: 120px;
  z-index: 4;
}

#sample_area_icon dt {
  box-sizing: border-box;
  background: #191970;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 15px;
  height: 42px;
  line-height: 1.25;
  padding: 2px;
  text-align: center;
}

#sample_area_icon dd {
  margin: 0;
  padding: 4%;
}

 #sample_area_icon figure {
  margin: 4px;
  padding: 0;
}

#sample_area_icon dd img {
  width: 100%;
  height: auto;
}

#sample_area_icon dd button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 5px auto 0;
  padding: 3px 4px;
  border: none;
  border-radius: 3px;
  background: #191970;
  color: #fff;
  line-height: 1.5;
  text-indent: 34px;
  font-size: 14px;
}

#sample_area_icon dd button::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background: url(/image_cmn/ico_btn_close.png) #fff no-repeat center /68%;
  color: #333;
  text-align: center;
  text-indent: 0;
}


/* -----------------------------------------------
 地域名から検索
 （通知メッセージモーダル含む）
----------------------------------------------- */

.modal-overlay {
  background: #ffffff;
  display: none;
  filter: alpha(opacity=80);
  height: 120%;
  left: 0;
  opacity: 0.8;
  -moz-opacity: 0.8;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.areaname_srchbox,
.box {
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 2px solid #004cae;
  box-sizing: border-box;
  display: none;
  height: 520px;
  left: 50%;
  margin: -260px 0 0 -450px;
  position: fixed;
  top: 50%;
  width: 900px;
  z-index: 11000;
}

.box .message {
  padding-left: 0;
  margin: 20px 30px;
  text-align: left;
  font-size: 16px;
}

.box.not_found_box {
  height: 148px;
  margin: -64px 0 0 -292px;
  width: 584px;
  z-index: 21000;
}

.areaname_srchbox.type_area {
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 2px solid #004cae;
  box-sizing: border-box;
  display: none;
  height: 300px;
  left: 50%;
  margin: -150px 0 0 -450px;
  position: fixed;
  top: 50%;
  width: 900px;
  z-index: 11000;
}


.areaname_srchbox .ttl_areaname_srch,
.box .ttl_box {
  background: #004cae;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  box-sizing: border-box;
  color: #fff;
  height: 44px;
  text-align: left;
  width: 896px;
}

.box .ttl_box.ttl_not_found_box {
  width: 580px;
}

.areaname_srchbox .ttl_areaname_srch .ttl,
.box .ttl_box .ttl {
  float: left;
  font-size: 20px;
  line-height: 42px;
  padding: 0 0 0 20px;
}

.areaname_srchbox .ttl_areaname_srch .btn_close,
.box .ttl_box .btn_close {
  float: right;
  margin: 12px 12px 0 0;
}

.areaname_srchbox .ttl_areaname_srch .btn_close img,
.box .ttl_box .btn_close img {
  vertical-align: middle;
}

.areaname_srchbox .ttl_areaname_srch .btn_close img:hover,
.box .ttl_box .btn_close img:hover {
  cursor: pointer;
  opacity: 0.8;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  .areaname_srchbox .ttl_areaname_srch .btn_close img:hover,
  .box .ttl_box .btn_close img:hover {
    opacity: 1;
  }
}

.transitions {
  background: #e1edfd url("/image_cmn/bg_transitions.png?data=20180622") no-repeat left center;
  border-radius: 6px;
  box-shadow: 3px 3px 3px;
  box-sizing: border-box;
  color: #004cae;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin: 10px auto;
  padding: 0 0 0 90px;
  width: 860px;
}

.transitions:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.transitions li.area_def img {
  vertical-align: middle;
}

.transitions li.area_def a {
  color: #004cae;
}

.transitions li.area_def a:hover {
  color: #004cae;
  cursor: pointer;
  opacity: 0.7;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .transitions li.area_def a:hover {
    opacity: 1;
  }
}

.transitions li.area_def:after,
.transitions li.end:after {
  background: none;
}

.transitions li.area_def img {
  margin-top: 2px;
  vertical-align: top;
}

.transitions li {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #004cae;
  box-sizing: border-box;
  display: block;
  float: left;
  height: 28px;
  line-height: 26px;
  margin: 6px 30px 0 0;
  padding: 0 12px;
  position: relative;
}

.transitions li:after {
  background: url("/image_cmn/mrk_transitions_arrow.gif") no-repeat 0 0;
  content: "";
  display: block;
  height: 13px;
  position: absolute;
  right: -20px;
  top: 8px;
  width: 8px;
  z-index: 10000;
}

.areaname_srchbox .lead {
  background: url("/image_cmn/mrk_areaname_lead_arrow.gif") no-repeat left center;
  font-size: 16px;
  margin: 10px 30px;
  padding-left: 20px;
  text-align: left;
}

.areaname_scrollbox {
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: inline-block;
  height: 360px;
  margin: 0 auto;
  overflow-y: auto;
  padding: 10px 10px 0;
  position: relative;
  text-align: left;
  vertical-align: top;
  width: 860px;
}

.areaname_srchbox.type_area .areaname_scrollbox {
  height: 145px;
}

/* スクロールバー設定 */
.areaname_scrollbox:-webkit-scrollbar-thumb {
  background: #191970;
  border-radius: 5px;
}

.areaname_scrollbox:-webkit-scrollbar {
  width: 5px;
}

.areaname_scrollbox:-webkit-scrollbar-track {
  background: #eee;
  border-radius: 5px;
}

.areaname_scrollbox .main_area {
  background: url("/image_cmn/bg_main_area.gif") repeat center center;
  box-sizing: content-box;
  color: #fff;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto 10px;
  padding-left: 20px;
  text-align: left;
  width: 810px;
}

.areaname_data {
  margin: 0 auto 10px;
  width: 800px;
}

.areaname_data dt {
  background: url("/image_cmn/bg_areaname_data_dt.gif") no-repeat left bottom;
  box-sizing: content-box;
  clear: both;
  font-size: 16px;
  height: 25px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  padding-left: 16px;
}

.areaname_data dd {
  margin: 0;
  padding: 10px 0 10px 20px;
}

.areaname_data dd:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.areaname_data > .areaname_lst {
  margin-left: 20px;
}

.areaname_lst li {
  background: url("/image_cmn/mrk_lst_areaname.gif") no-repeat left center;
  float: left;
  font-size: 15px;
  margin: 8px 0 8px 0;
  padding-left: 15px;
  width: 180px;
}

/* ---------------------------------------
 物件数カウント
---------------------------------------- */
#map_area .map_hit_count {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  border: 2px solid #005c9f;
  border-radius: 6px;
  border-collapse: collapse;
  bottom: 23px;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  right: 60px;
  z-index: 4;
  height: 40px;
}

#map_area .map_hit_count dt {
  background: #0068b5;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  float: left;
  height: 36px;
  line-height: 36px;
  padding: 0 0 0 15px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

#map_area .map_hit_count dt:after {
  border-width: 18px 10px;
  border-style: solid;
  border-color: #0068b5;
  border-right-color: transparent;
  content: " ";
  height: 0;
  left: 100%;
  position: absolute;
  top: 0;
  width: 0;
}

#map_area .map_hit_count dd {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0 5px 5px 0;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  padding: 0 20px 0 0;
  vertical-align: middle;
}

#map_area .map_hit_count dd span {
  color: #ff0000;
  font-size: 16px;
  padding-right: 5px;
}

/* ---------------------------------------
 物件を一覧で表示する ボタン
---------------------------------------- */

.display_changebox {
  background-color: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  border: 2px solid #176f6e;
  border-radius: 6px;
  border-collapse: collapse;
  bottom: 23px;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  right: 60px;
  z-index: 4;
}

.display_changebox dt {
  background: #176f6e;
  border-radius: 4px 4px 0 0;
  color: #fff;
  box-sizing: border-box;
  display: block;
  float: none;
  height: 28px;
  line-height: 25px;
  padding: 0 0 3px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.display_changebox .btn_lnk_bknlist {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0 0 6px 6px;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 12px 10px;
  vertical-align: middle;
}

.btn_lnk_bknlist img:hover {
  cursor: pointer;
  opacity: 0.8;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .btn_lnk_bknlist img:hover {
    cursor: default;
    opacity: 1;
  }
}

.btn_lnk_bknlist img:hover {
  cursor: pointer;
  opacity: 0.8;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .btn_lnk_bknlist img:hover {
    cursor: default;
    opacity: 1;
  }
}

/*---------------------------------------------------
  高級賃貸 popup
-----------------------------------------------------*/
/*-- 詳細ボタン --*/
.btn_popup_on {
  background: #FE4683;
  color: #FFF;
  font-size: 13px;
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  border-radius: 3px 3px 3px 3px;
}

.btn_popup_on:hover {
  opacity: .7;
  cursor: pointer;
}

.btn_popup_on img {
  cursor: pointer;
  height: 16px;
  pointer-events: none;
  width: 16px;
}

.btn_popup_cls {
  background: url("/image/lst/btn-popup-cls.png") no-repeat center center / 25px 25px;
  cursor: pointer;
  height: 30px;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
}

.popupbox {
  box-shadow: 1px 1px 4px grey;
  display: none;
  background: #f7f1ed;
  border-radius: 1.5em;
  border: 3px solid #3c2514;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 24px 0;
  position: absolute;
  width: 584px;
  z-index: 20000;
}

.ex_dl {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: center;
}

.ex_dl .nobr {
  display: inline-block;
  white-space: nowrap;
}

.ex_dl dt,
.ex_dl dd {
  margin: 0 auto;
}

.ttl_ex {
  font-size: 14px;
  font-weight: 600;
  padding-top: 20px;
  text-align: center;
}

.ex_tbl {
  background: none;
  border-collapse: collapse;
  border: none;
  box-sizing: border-box;
  display: table;
  margin: 10px auto 0;
  width: 100%;
}

.ex_tbl tbody {
  background: #fff;
}

.ex_tbl th,
.ex_tbl td {
  background: none;
  border-color: #846220;
  color: #333;
  font-size: 15px !important;
  font-weight: normal !important;
  line-height: 1.4;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
}

.ex_tbl thead th {
  background: #faffed;
  border: none;
  width: 18%;
}

.ex_tbl tbody th:nth-child(1) {
  letter-spacing: normal;
  text-indent: 0.2em;
  text-align: left;
  padding-left: .45em;
}

.ex_tbl th + th {
  border-left: 1px solid #846220;
  border-top: 2px solid #846220;
  padding: 5px;
}

.ex_tbl th + td,
.ex_tbl td + td {
  border-left: 1px solid #846220;
}

.att_ex_tbl {
  font-size: 14px;
  letter-spacing: 0.5px;
  margin: 10px 0 0 26px;
  padding: 0 10px 0 4.5em;
  text-indent: -4.5em;
  text-align: left;
}

.ex_tbl > th {
  background: #faffed;
}

.ex_tbl th.none_cell {
  background: none;
}

.ex_tbl thead tr th:nth-child(2),
.ex_tbl tbody tr th:first-child {
  border-left: 2px solid #846220;
}

.ex_tbl thead tr th:last-child,
.ex_tbl tbody tr td:last-child {
  border-right: 2px solid #846220;
}

.ex_tbl tbody tr {
  border: 1px solid #846220;
}

.ex_tbl tbody tr:last-child {
  border-bottom: 2px solid #846220;
}

.ex_tbl tbody tr:first-child th {
  border-top: 2px solid #846220;
  width: 24%;
}

.cell_price {
  color: #fa3338;
  font-size: 1.2em;
  font-weight: 600;
}

.ex_tbl_box {
  padding: 0 26px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .att_ex_tbl {
    font-size: .75rem;
  }
}

/*-- スクロールバー --*/
.gm-style .gm-style-iw-d::-webkit-scrollbar-thumb {
  background-color: #8182d3 !important;
}

/*-- タブレット高さ調整 --*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .gm-style-iw-d {
    max-height: 496px !important;
  }
}