@charset "UTF-8";
/*******************************************
 * 条件検索ページcss
 *
 * menu
 * 1.レイアウト
 * 2.各コンテナ
 *  2-1 エリアで探す
 *  2-2 賃料
 *  2-3 間取りタイプ
 *  2-4 物件種別
 *  2-5 専有面積
 *  2-6 駅徒歩
 *  2-7 築年数
 *  2-8 こだわり条件
 *  2-9 「検索」・「戻る」・「さらに絞り込む」・「条件を絞り込む」各種ボタン
 * 3.サイドバー
 * 4.チェックボックス
 ******************************************/
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/******************************************
 1. レイアウト
    左サイドバー2カラム
 ******************************************/
body #layout-wrap-main {
  margin: 0 auto 50px;
  overflow: hidden;
}
body #layout-wrap-main h2 {
  width: 750px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  color: #6d6d6c;
  font-size: 18px;
  font-weight: bold;
  border-left: 5px solid #000;
  padding: 5px 0;
  padding-left: 5px;
  margin-bottom: 10px;
}
#layout-main {
  width: 750px;
  float: right;
  padding: 0 0 47px 0;
}
#layout-main h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  border-left: 3px solid #0D84C8;
  text-indent: 0.5em;
}
#layout-main .layout-main-inner {
  border: 1px solid #ccc;
}
#layout-sideBar {
  width: 200px;
  float: left;
}
/******************************************
 2. 各コンテナ
    2-1 エリアで探す
    2-2 賃料
    2-3 間取りタイプ
    2-4 物件種別
    2-5 専有面積
    2-6 駅徒歩
    2-7 築年数
    2-8 こだわり条件
    2-9 「検索」・「戻る」・「さらに絞り込む」・「条件を絞り込む」各種ボタン
 ******************************************/
.container-search {
  padding: 10px;
}
.container-search .block-search-input .box-search-input_child {
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px;
}
.container-search_area_ooaza .block-search-input {
  margin: -20px 0 0;
}
.container-search_area_ooaza .block-search-input .box-search-input_parent {
  margin: 20px 0 10px;
}
/******* 2-1 エリアで探す *************/
#box-search-input_area {
  margin: 10px 0 0;
  padding: 0 0 10px;
}
#box-search-input_area h3 a {
  border: 1px solid #0D84C8;
  color: #0D84C8;
  font-size: 12px;
  margin-left: 10px;
  padding: 3px 5px;
}
#box-search-input_area h3 a:hover {
  background: #0D84C8;
  color: #fff;
}
#box-search-input_area #box-search-input_area_inner,
#box-search-input_area #box-search-input_line_inner {
  margin-top: 10px;
  padding-bottom: 10px;
}
#box-search-input_area #box-search-input_area_inner .box-search-input_area_parent .box-search-input_area_parent_parent p,
#box-search-input_area #box-search-input_line_inner .box-search-input_area_parent .box-search-input_area_parent_parent p {
  font-size: 14px;
  font-weight: bold;
}
#box-search-input_area #box-search-input_area_inner .box-search-input_area_parent .box-search-input_area_parent_child,
#box-search-input_area #box-search-input_line_inner .box-search-input_area_parent .box-search-input_area_parent_child {
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px;
}
#box-search-input_area #box-search-input_area_inner .box-search-input_area_parent .box-search-input_area_parent_child input[type=checkbox] + label,
#box-search-input_area #box-search-input_line_inner .box-search-input_area_parent .box-search-input_area_parent_child input[type=checkbox] + label {
  width: 45%;
  font-size: 14px;
  font-weight: bold;
}
#box-search-input_area #box-search-input_area_inner .box-search-input_area_child .box-search-input_area_child_parent input[type=checkbox] + label,
#box-search-input_area #box-search-input_line_inner .box-search-input_area_child .box-search-input_area_child_parent input[type=checkbox] + label {
  font-size: 14px;
  font-weight: bold;
}
#box-search-input_area #box-search-input_area_inner .box-search-input_area_child .box-search-input_area_child_child,
#box-search-input_area #box-search-input_line_inner .box-search-input_area_child .box-search-input_area_child_child {
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px;
}
#box-search-input_area input[type=checkbox] + label {
  width: 29%;
  float: left;
}
/******* 2-2 賃料 *************/
#box-search-input_price {
  padding: 10px 0;
}
#box-search-input_price .box-search-input_plan {
  float: left;
  margin: 5px 0;
}
#box-search-input_price h3 {
  margin-bottom: 10px;
}
#box-search-input_price select {
  border: 1px solid #ccc;
  background: url("/assets/pegasus/pc/common/img/icon/selector.png") no-repeat center right 3px;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana;
  padding: 5px 15px 5px 5px;
  width: 140px;
}
#box-search-input_price .box-search-input-1 {
  margin-top: 8px;
  margin-bottom: 0;
}
#box-search-input_price .box-search-input-1.box-search-input-1-checkbox {
  display: inline-block;
  width: 140px;
}
#box-search-input_price input[type=checkbox] + label {
  width: 110px !important;
  margin: 0 10px 0 0;
}
/******* 2-3 間取りタイプ *************/
#box-search-input_plan {
  border-top: 1px solid #eee;
  padding: 10px 0;
}
#box-search-input_plan .box-search-input-2 {
  display: inline-block;
  width: 140px;
}
#box-search-input_plan .box-search-input-2 label {
  width: 75%;
}
/******* 2-4 物件種別 *************/
#box-search-input_type {
  border-top: 1px solid #eee;
  padding: 10px 0;
}
#box-search-input_type .box-search-input-3 {
  display: inline-block;
  width: 140px;
}
#box-search-input_type .box-search-input-3 label {
  width: 75%;
}
/******* 2-5 専有面積 *************/
#box-search-input_senyu {
  border-top: 1px solid #eee;
  padding: 10px 0 18px;
}
#box-search-input_senyu h3 {
  margin-bottom: 10px;
}
#box-search-input_senyu .box-search-input-4 select {
  border: 1px solid #ccc;
  background: url("/assets/pegasus/pc/common/img/icon/selector.png") no-repeat center right 3px;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana;
  padding: 5px 15px 5px 5px;
  width: 140px;
}
/******* 2-6 駅徒歩 *************/
#box-search-input_ekitoho {
  border-top: 1px solid #eee;
  padding: 10px 0;
}
#box-search-input_ekitoho .box-search-input-5 {
  display: inline-block;
  width: 140px;
}
#box-search-input_ekitoho .box-search-input-5 label {
  width: 75%;
}
/******* 2-7 築年数 *************/
#box-search-input_year {
  border-top: 1px solid #eee;
  padding: 10px 0;
}
#box-search-input_year .box-search-input-6 {
  display: inline-block;
  width: 140px;
}
#box-search-input_year .box-search-input-6 label {
  width: 75%;
}
/* 例外項目 */
#box-search-input_exception {
  display: none;
}
/* その他項目 */
#box-search-input_etc {
  border-top: 1px solid #eee;
  padding: 10px 0;
}
#box-search-input_etc .box-search-input-99 {
  display: inline-block;
  width: 140px;
}
#box-search-input_etc .box-search-input-99 label {
  width: 75%;
}
/******* 2-8 こだわり条件 *************/
#box-search-input_kodawari {
  border-top: 1px solid #eee;
  padding: 10px 0 0;
}
#box-search-input_kodawari table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-top: 5px;
}
#box-search-input_kodawari table tr th {
  background: #f2f2f2;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding: 10px;
}
#box-search-input_kodawari table tr td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
#box-search-input_kodawari table tr td input[type=checkbox] + label {
  width: 26%;
}
#box-search-input_kodawari table tr td .multiple {
  line-height: 28px;
  display: block;
  position: relative;
}
#box-search-input_kodawari table tr td .multiple input[type=checkbox] + label {
  width: 15%;
}
.layout-sideBar {
  width: 200px;
  float: left;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 10px 10px 18px 10px;
}
.layout-sideBar h3 {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0 5px;
}
.layout-sideBar ul[id^='area_block'] {
  display: none;
  margin-left: 20px;
}
/******* 2-9 「検索」・「戻る」・「さらに絞り込む」・「条件を絞り込む」各種ボタン *************/
.container-search_btn {
  width: 395px;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 45px 0;
  margin: 20px auto 0;
}
.container-search_btn .item-search_btn {
  display: table-cell;
  color: #fff;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}
.container-search_btn .item-search_btn:hover {
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  -webkit-opacity: 0.85;
  opacity: 0.85;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  filter: alpha(opacity=85);
}
.container-search_btn .item-search_btn input {
  width: 100%;
  border: none;
  color: #fff;
  font-size: 12px;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana;
  text-align: center;
  padding: 10px 0;
}
.container-search_btn #search {
  background: #000;
}
.container-search_btn #back {
  background: #000;
}
.container-search_btn #more_search {
  background: #000;
}
.container-search_btn #search_joken {
  background: #bcbcbc;
  color: #000;
}
/******************************************
 3.サイドバー
    左サイドバー2カラム
 ******************************************/
/*******************************************
 * サイドバーcss
 *
 * menu
 * 1.外枠
 * 2.エリア検索・沿線検索
 * 3.絞り込み条件を指定
 *
 ******************************************/
/******************************************
 1. 外枠
 ******************************************/
#layout-sideBar h2 {
  width: 200px;
  line-height: 20px;
  color: #6d6d6c;
  font-size: 18px;
  font-weight: bold;
  border-left: 5px solid #0D84C8;
  padding: 5px 0;
  padding-left: 5px;
}
#layout-sideBar .block-sideBar {
  padding: 0 9px;
  margin: 8px 0 30px;
}
/******************************************
 2.エリア検索・沿線検索
 ******************************************/
.block-sideBar_search {
  border: 1px solid #ccc;
}
.block-sideBar_search .box-search {
  padding: 5px 0 10px 0;
}
.block-sideBar_search .item-search-name {
  margin-top: 15px;
}
.block-sideBar_search .item-search-name em {
  font-size: 14px;
  font-weight: bold;
}
.block-sideBar_search .item-search-name:first-child {
  margin-top: 10px;
}
.block-sideBar_search .sideBar_search-btn {
  width: 180px;
  background: #fff;
  border: 2px solid #87888d;
  color: #6d6d6c;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana;
  display: block;
  text-align: center;
  margin: 10px auto 0;
  padding: 5px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.block-sideBar_search .sideBar_search-btn:hover {
  background: #0D84C8;
  border: 2px solid #0D84C8;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.block-sideBar_search .search-btn_thisSearch {
  width: 180px;
  line-height: 2.5em;
  background: #c80000;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin: 15px 0 15px 0;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.block-sideBar_search .search-btn_thisSearch:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
.block-sideBar_search .item-search-line {
  margin-top: 5px;
}
.block-sideBar_search .item-search-line label {
  width: 165px;
  font-weight: bold;
}
.block-sideBar_search .wrapper-input {
  margin-top: 10px;
}
.block-sideBar_search .inputChild {
  margin-left: 15px;
}
.block-sideBar_search .inputChild label {
  width: 145px;
}
/******************************************
 3.絞り込み条件を指定
 ******************************************/
body .item-search-input.item-search-input-2,
body .item-search-input.item-search-input-5,
body .item-search-input.item-search-input-6 {
  display: inline-block;
  width: 90px;
}
body .item-search-input.item-search-input-2 label,
body .item-search-input.item-search-input-5 label,
body .item-search-input.item-search-input-6 label {
  width: 78px;
  margin-right: 0;
}
.EachBlock-input-8 {
  display: none;
}
.block-sideBar_search-condition .box-search select {
  border: 1px solid #ccc;
  background: url("/assets/pegasus/pc/common/img/icon/selector.png") no-repeat center right 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana;
  padding: 5px 15px 5px 5px;
  margin: 5px 0 8px;
  width: 58px;
}
.block-sideBar_search-condition .box-search label {
  width: 165px;
}
.block-sideBar_search-condition .search-btn_add {
  width: 180px;
  line-height: 2.5em;
  background: #a7a7a7;
  color: #585252;
  display: block;
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.block-sideBar_search-condition .search-btn_add:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
/******************************************
 4.チェックボックス
 ******************************************/
/*# sourceMappingURL=joken.css.map */