@charset "Shift_JIS";

/* 空室検索外枠の設定 */
.con_search {
    width: 645px;          /* メイン画像と同じ幅に設定 */
    margin: -20px auto;     /* 上下に余白を作り中央寄せ */
    padding: 0;
    font-family: "MS Pゴシック", "MS PGothic", sans-serif;
}

/* 「空室検索」タイトル部分の装飾 */
.search_title {
    background-color: #f0f0f0; /* 薄いグレーの背景 */
    padding: 10px 0;
    margin-bottom: -5px;
}

.jp_title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    letter-spacing: 0.1em;
}


/* 各コンテンツボックス縦枠調整 */
@charset "Shift_JIS";

/* 親コンテナのフロートを解除し、高さを揃えるための設定 */
#menu {
    display: flex !important;      /* 横並びかつ高さを揃える最新の手法 */
    align-items: stretch !important; /* 子要素の高さを一番高いものに強制一致させる */
    width: 645px;
    background: url(../../img/top/bg-menu-wrapper.gif) repeat-x left bottom;
    padding-bottom: 7px;
    margin-bottom: 4px;
    float: none !important;        /* 既存のfloatを無効化 */
}

/* 子要素（L, C, R）の共通設定 */
#menuL, #menuC, #menuR {
    float: none !important;        /* 既存のfloatを解除 */
    display: flex !important;      /* 中のコンテンツも高さ一杯に広げるため */
    flex-direction: column !important;
    margin-right: 1px !important;
    height: auto !important;       /* 固定高さを解除 */
}

/* 枠線や背景色が付いている「inner」部分を一番下まで伸ばす */
#menu .inner-type01, 
#menu .inner-type02 {
    flex-grow: 1 !important;       /* これで余白を埋めて高さを揃える */
    display: flex !important;
    flex-direction: column !important;
}

/* テキストが入っているボックスの設定 */
#menu p.heightLine {
    flex-grow: 1 !important;       /* テキストエリアを伸ばして高さを統一 */
}

/* ボタン（詳しくはこちら）が常に一番下にくるように調整 */
div.bt-detail {
    margin-top: auto !important;
    padding-top: 10px;
}
}