@charset "shift_jis";
/* CSS Document */

/****************************
トップページ専用cssです

※新規制作の際は下記cssを全て消してから制作してください

****************************/
p {
 margin: 0px;
}

/*リスト共通関連項目*/

/*リスト共通関連項目*/
.pager {
 margin: 0;
 padding: 0;
}

.pager ul {
 margin: 0;
 padding: 0;
 display: inline;
}

.pager li {
 float: left;
 list-style: none;
 margin: 2px;
 background-color: #EEE;
 white-space: nowrap;
 /*追記*/
}

.pager li a,
pager li a:link,
pager li a:visited {
 padding: 3px 10px;
 color: #333;
 text-decoration: none;
}

.pager li a:hover,
pager li a:active {
 padding: 3px 10px;
 color: #EEE;
 background-color: #666;
 text-decoration: none;
}


/*リスト表示方法104029追加*/
ul.show {
 float: right;
 font-style: normal;
 list-style: none;
}

ul.show li {
 float: left;
 margin-right: 5px;
 border: 1px #3366FF solid;
 /*枠の色*/
 font-weight: bold;
}

ul.show li a {
 display: block;
 padding: 2px 5px;
 color: #3366FF;
 /*フォントの色*/
 background-color: #FFFFFF;
 /*背景色*/
}

ul.show li a:link,
ul.show li a:visited {
 text-decoration: none;
}

ul.show li a:hover,
ul.show li a:active {
 background-color: #ffff99;
 /*オンマウス時背景色*/
 text-decoration: none;
}

/*リストのこだわり条件・条件検索項目のタイトル部分の色*/
.list_menu {
 font-size: 12px;
 line-height: 18px;
 color: #000000;
 background-color: #F5F5F5;
}

/*リスト、お気に入り、物件詳細の項目タイトル1段目のカラー*/
.list_headr {
 font-size: 12px;
 font-weight: bold;
 color: #333333;
 background-color: #F5F0E7;
 text-align: center;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #000000;
}

/*リスト、お気に入り、物件詳細の項目タイトル1段目のリンクカラー*/
.list_headr a:link {
 color: #FFF;
 text-decoration: none;
}

/*リスト、お気に入り、物件詳細の項目タイトル2段目のカラー*/
.list_headr2 {
 font-size: 12px;
 font-weight: bold;
 color: #333333;
 background-color: #F0FFF0;
 text-align: center;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #000000;
}

/*リスト、お気に入り、物件詳細の項目タイトル2段目のリンクカラー*/
.list_headr2 a:link {
 color: #FFF;
 text-decoration: none;
}

/*リストの一覧部分の項目（ｂは家賃部分の色）*/
.list_row_data {
 background-color: #FFF;
 font-size: 12px;
 line-height: 18px;
 color: #000;
 text-align: center;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px dotted #000000;
}

.list_row_data2 {
 background-color: #F2F2F2;
 font-size: 12px;
 line-height: 18px;
 color: #000;
 text-align: center;
 border-bottom: 1px dotted #000000;
}

.list_row_data b {
 color: #F00;
}

/*リスト一覧項目の線色*/
#list_row_data_margin {
 width: 100%;
 background-color: #CCCCCC;
}

#list_row_data_margin td {
 background-color: #FFF;
}

/*リスト一覧画像オンマウスの色*/
.list_room_link {
 color: #3333FF;
 background-color: #FFFFFF;
 /*背景色*/
 border: 2px #FFFFFF solid;
 /*枠の色*/
}

.list_room_link a {
 display: block;
}

.list_room_link a:link,
.list_room_link a:visited {
 display: block;
 text-decoration: none;
 border: 2px #FFFFFF solid;
 /*枠の色*/
}

.list_room_link a:hover,
.list_room_link a:active {
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 border: 2px #3366FF solid;
 /*枠の色*/
}

/*リスト写真一覧・間取り一覧の物件背景*/
.list_p_picture_bg {
 font-size: 12px;
 line-height: 18px;
 background-color: #FFFFFF;
 text-align: center;
}

/*リスト写真一覧・間取り一覧の項目背景*/
.list_p_koumoku_bg {
 font-size: 12px;
 line-height: 18px;
 background-color: #F2F2F2;
 text-align: center;
}

/*リスト写真一覧・間取り一覧の物件背景の線の色*/
.list_madori_picture_bg {
 background-color: #CCCCCC;
 margin: 10px 0 10px 0;
}


/*リスト一覧背景（線の色）*/
.list_itiran_bg {
 border-top: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

/*リスト関連項目ここまで*/


/*詳細関連項目*/
.sho_title {
 padding-left: 20px;
 font-weight: bold;
 font-size: 14px;
 text-align: left;
}

.sho_h3 {
 padding-left: 16px;
 font-weight: bold;
 font-size: 14px;
 color: #000000;
 text-align: left;
}

.title_bg {
 background: url(img/sho_title.gif) no-repeat;
}

.title_bg2 {
 background: url(img/title_bk.gif) no-repeat;
}

.sho_staffcom {
 background: url(img/staff_com.jpg) no-repeat;
 padding-left: 110px;
 padding-right: 20px;
 font-weight: bold;
 font-size: 14px;
 text-align: left;
}

.sho_koumoku {
 border-collapse: collapse;
 border: 1px solid #CCCCCC;
}

.sho_koumoku td {
 border: 1px solid #CCCCCC;
}

.sho_koumoku td table td {
 border: 0px none;
}

.sho_mainimg {
 border: 2px solid #EEEEEE;
}

th {
 background-color: #F7F7F7;
 font-weight: normal;
 border: 1px solid #CCCCCC;

}

.tel {
 font-size: 30px;
 line-height: 34px;
 font-weight: bold;
 color: #F00;
}

.bo {
 border: 1px solid #CCC;
}

/*リスト一覧の家賃も併用*/

/*詳細テンプレ項目*/



/*メールフォーム関連項目*/

/*色をつける*/

.mail_red {
 color: #FF0000;
}

.mailform {
 border-top: dotted 1px #333333;
 border-right: dotted 1px #333333;
}

.mailform_menu {
 color: #333333;
 font-size: 12px;
 font-weight: normal;
 line-height: 18px;
 padding: 5px;
 text-align: left;
 background-color: #F2F2F2;
 border-left: dotted 1px #333333;
 border-right: dotted 1px #333333;
 border-bottom: dotted 1px #333333;
}

.mailform_koumoku {
 background-color: #FFF;
 color: #000;
 font-size: 12px;
 line-height: 18px;
 padding: 5px;
 border-bottom: dotted 1px #333333;
}

.mailform_data {
 background-color: #F2F2F2;
 text-align: center;
}

.mailform_data2 {
 text-align: center;
}


/*お気に入り関連項目*/

/*項目の線の色*/
.favorite_koumoku {
 background-color: #000;
 margin: 15px 15px 15px 5px;
}

.favorite_koumoku a:link {
 color: #FFF;
 text-decoration: none;
 margin: 15px 15px 15px 5px;
}

.favorite_block {
 background-color: #FFF;
 margin: 10px 0px;
}

/*物件を囲っている枠*/
.favorite_border {
 border: 1px solid #000000;
}

/*基本編集しない部分*/
.favorite_row_bg1 {
 background-color: #FFF;
 font-size: 12px;
 line-height: 18px;
}

.favorite_row_bg2 {
 background-color: #FFF;
 font-size: 12px;
 line-height: 18px;
}

.favorite_block_padding {
 padding: 10px 5px 10px 15px;
}

.favorite_block_checkbox_bg {
 background-color: #FFF;
}

.favorite_checkbox_bg {
 background-color: #FFF;
}

/*ここまで*/
/*お気に入り関連項目ここまで*/




/*検索関連項目*/
.search_koumoku {
 font-size: 12px;
 line-height: 18px;
}

.search_eki_border {
 border: #FFF 1px solid;
}

/* 検索画面の地域・エリア検索関連 */

.search_set {
 margin: 3;
 margin-left: 20;
 float: left;
 width: 150;
 line-height: 30px;
 background-image: url("img/search_bg.jpg");
 cursor: pointer;
 text-align: center;
}

.search_area_bar {
 background-color: #DDDDDD;
}

.search_block_area {
 margin-top: 5px;
 background-color: #AAA;
}

.search_block_area tr {
 background-color: #FFFFFF;
}

.search_block_station {
 margin-top: 5px;
 background-color: #AAA;
}

.search_block_station tr {
 background-color: #FFFFFF;
}

.search_list {
 margin-top: 5px;
 background-color: #AAA;
}

.search_list tr {
 background-color: #FFF;
}

/*ここまで*/


/*ＴＯＰ特選カラー（bは家賃部分の色）*/
.toku-bg {
 padding-left: 15px;
 padding-top: 8px;
 font-size: 20px;
 line-height: 24px;
 font-weight: bold;
 height: 35px;
 color: #000;
 font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}


.bukken_img {
 margin-top: 4px;
 width: 150px;
 text-align: center;
}

.tokusen_komoku {
 background-color: #FFF;
 padding: 5px;
 font-size: 12px;
 line-height: 18px;
}

.tokusen_komoku2 {
 background-color: #FFF;
 padding: 5px;
 font-size: 12px;
 line-height: 18px;
}

.tokusen_komoku3 {
 background-color: #FFF;
 padding: 5px;
 font-size: 12px;
 line-height: 18px;
}

.tokusen_komoku4 {
 background-color: #FFF;
 padding: 5px;
 font-size: 12px;
 line-height: 18px;
}

.tokusen_komoku b {
 color: #F00;
}

.tokusen_komoku2 b {
 color: #F00;
}

.tokusen_komoku3 b {
 color: #F00;
}

.tokusen_komoku4 b {
 color: #F00;
}

/*ＴＯＰ特選カラーここまで*/

.lpo_bg {
 background-image: url(../img/coment2.jpg);
 background-repeat: no-repeat;
}

.m_bg {
 background: url(../img/menu_bg.gif) no-repeat left;
}

.yachin {
 color: #FF0000;
 font-size: 16px;
 font-weight: bold;
}

.f14_blackb {
 font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 font-size: 14px;
 font-weight: bold;
}

/* 20110825 追加 */

.search_list2 {
 margin-left: 15px;
}

.search_listbody {
 margin-right: 20px;
 float: right;
}

.search_list_main {
 margin: 0px;
 padding: 0px;
 background-image: url(img/search_main.gif);
}

.search_list_bk {
 background-image: url(img/bar_1.gif);
 background-repeat: no-repeat;
}

.search_listmain_bk {
 background-image: url(img/h2_list.gif);
 background-repeat: no-repeat;
}

.list_h {
 margin: 0px;
 padding: 0px;
 margin-left: 22px;
 font-size: 14px;
 color: #333;
 font-weight: bold;
}

.list_body_h {
 margin: 0px;
 padding: 0px;
 margin-left: 20px;
 font-size: 14px;
 color: #333;
 font-weight: bold;
}

.list_body_h a,
list_body_h a:link,
list_body_h a:visited {
 margin: 0px;
 color: #333;
 text-decoration: none;
 font-weight: bold;
}

.list_body_h a:hover,
list_body_h a:active {
 color: #666;
 text-decoration: underline;
 font-weight: bold;
}

.search_li {
 text-align: left;
 list-style: none;
}

.search_li ul {
 display: inline;
 list-style: none;
}

.search_li ul li {
 list-style: none;
 float: left;
 padding: 0 4px;
 white-space: nowrap;
 /*追記*/
}

ul.tabmenu {
 position: relative;
 display: inline-block;
 list-style: none;
 border: none;
 width: 720px;
 height: 27px;
 margin: 0px;
 padding: 0px;
}

ul.tabmenu li {
 text-align: center;
 position: relative;
 display: inline-block;
 font-size: 12px;
 font-weight: bold;
 width: 150px;
 line-height: 27px;
 white-space: nowrap;
 float: left;
 color: #000000;
 background: transparent url(img/list_off.jpg) no-repeat 0px 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

ul.tabmenu li.act {
 color: #000000;
 background: transparent url(img/list_on.jpg) no-repeat 0px 0px;
}

ul.tabmenu li a {
 width: 150px;
 position: relative;
 display: inline-block;
 text-decoration: none;
 color: #000000;
 background: transparent url(img/list_off.jpg) no-repeat 100% 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

ul.tabmenu li.act a {
 color: #000000;
 background: transparent url(img/list_on.jpg) no-repeat 100% 0px;
}

ul.tabmenu li a:visited {
 color: #000000;
}

ul.tabmenu li:hover {
 color: #000000;
 background: transparent url(img/list_on.jpg) no-repeat 0px 0px;
}

ul.tabmenu li:hover a,
* ul.tabmenu li a:hover {
 color: #000000;
 background: transparent url(img/list_on.jpg) no-repeat 100% 0px;
}

div.tabbody {
 border: #777777 1px solid;
 width: 100%;
 margin-top: -1px;
}

.sort_bk {
 background-image: url(img/list_sort.jpg);
 background-repeat: no-repeat;
}

.sort_li {
 text-align: left;
 list-style: none;
}

.sort_li ul {
 display: inline;
 list-style: none;
}

.sort_li ul li {
 list-style: none;
 margin-top: 3px;
 float: left;
 padding: 0 14px;
 white-space: nowrap;
 /*追記*/
}

.list_body {
 float: right;
}

.list_body_title {
 background-image: url(img/list_title.gif);
 background-repeat: no-repeat;
}

.list_koumoku {
 padding: 5px;
 border-collapse: collapse;
 border: 1px solid #CCCCCC;
}

.f12_b {
 font-size: 12px;
 font-weight: bold;
}

.list_com {
 background-image: url(img/com_listmain.gif);
}


.tabheader {
 margin-left: 10px;
}

.tabheader table tr td {
 margin: 0;
 padding: 0;
 border-width: 0
}

.tabheader a,
tabheader a:link,
tabheader a:visited {
 color: #333;
 text-decoration: none;
}

.tabheader a:hover,
tabheader a:active {
 color: #333;
 text-decoration: underline;
}

.tabheader .close {
 background-color: #E3E3E3;
 margin: 0;
 padding: 0.5em;
 white-space: nowrap;
}

.tabheader .open {
 background-color: #F2F2F2;
 margin: 0;
 padding: 0.5em;
 white-space: nowrap;
}

.tabheader .spc {
 margin: 0;
 padding: 0.5em;
 white-space: nowrap;
}

.tabbody2 {
 margin-left: 12px;
 width: 194px;
 background-color: #F2F2F2;
 padding: 0em;
}


.under {
 text-decoration: underline;
}


/*特選物件*/

.tokusen {
 background-image: url(/img/tokusen.jpg);
 background-repeat: no-repeat;
 background-position: left;

 width: 437px;
 padding-left: 43px;
}

.tokusen_1 {
 background-image: url(/img/tokusen_1.jpg);
 background-repeat: no-repeat;
 background-position: left;

 width: 437px;
 padding-left: 43px;
}

/*TOP店舗*/

.tenpo_bg {
 background-image: url(/img/tenpo_bg.jpg);
 background-repeat: no-repeat;
 background-position: top;
}


/*特選　追加項目 20120720*/
.com2 {
 /*font-size: 12px;
 line-height: 15px;
 padding-right: 6px:;
 width: 160px;
 padding-top: 10px;
 height: 50px;
 margin: 0 auto;
 display: block;*/
 background-color: #efefef;
 height: 65px;
}

.tok2 {
 /*background:url(img/bbs.jpg);*/
 height: 250px;
 border: #D2D2D2 1px dotted;
}

.tok2 a {
 color: #000;
 text-decoration: none;
}

.toku_p {
 margin-top: 5px;
}

/*特選　追加項目 20120727*/

.owner_bg {
 background-position: center;
 background-repeat: no-repeat;
 font-size: 12px;
 color: #000;
 height: 300px;
 padding-top: 10px;
 padding-left: 20px;
 padding-right: 20px;
 padding-bottom: 15px;
}

.owner_bg_1 {
 background-position: center;
 background-repeat: no-repeat;
 font-size: 12px;
 color: #000;
 height: 230px;
 padding-top: 70px;
 padding-left: 60px;
 padding-right: 20px;
 padding-bottom: 15px;
}


.owner_bg_2 {
 background-position: center;
 background-repeat: no-repeat;
 font-size: 12px;
 color: #000;
 height: 230px;
 padding-top: 70px;
 padding-left: 60px;
 padding-right: 20px;
 padding-bottom: 15px;
}

.owner_title {
 margin-left: 30px;
 font-size: 18px;
 font-weight: bold;
}

.owner_site {
 background-position: right;
 background-repeat: no-repeat;
 font-size: 14px;
 padding-top: 15px;
 padding-left: 10px;
}

.owner_text {
 font-size: 14px;
 margin-top: 25px;
 margin-left: 15px;
 margin-right: 15px;
 line-height: 23px;
}

.owner_text_1 {
 font-size: 18px;
 margin-top: 25px;
 margin-left: 15px;
 margin-right: 15px;
 line-height: 23px;
}

/*20121030 追加　サイドバー*/
.side_bar {
 margin-bottom: 5px;
}



.reform {
 border: dashed 1px #999;
 position: absolute;
 width: 723px !important;
 height: 408px;
 padding: 5px;
}

#fot-menu ul li {
 list-style: none;

}

/******************* プライバシーポリシー*******************/
.inq_privacy {
 text-align: center;
 margin: 10px;
}

.inq_privacy a {
 color: -webkit-link !important;
 cursor: pointer;
 text-decoration: underline !important;
}


.blog_backnum ul {
 margin: 0;
 padding: 10px;
}

.blog_backnum ul li {
 list-style: none;
 text-align: left;
 border-bottom: 1px solid #ccc;
 margin-bottom: 15px;
 padding-bottom: 15px;
 line-height: 25px;
}

.pc_bnr {
 margin: 30px auto;
}

/******************* 削除物件　検索誘導*******************/
.shosai_deleted {
 width: 900px;
 margin: 30px auto;
 border: 2px solid #ccc;
 box-sizing: border-box;
 border-radius: 5px;
}

.shosai_deleted span {
 display: block;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 line-height: 50px;
 background: #ccc;
 font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
 color: #fff;
}

.shosai_deleted ul {
 display: flex;
 justify-content: space-between;
 width: 600px;
 margin: 25px auto;
 list-style: none;

}

.shosai_deleted ul li a {
 display: block;
 background: #fe9900;
 width: 290px;
 line-height: 60px;
 text-align: center;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 position: relative;
 font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
 color: #fff;
 border-radius: 5px;
}

.shosai_deleted ul li a:hover {
 background: #d78509;

}

/* ----------------------------------------
privacy
---------------------------------------- */
h2.conts_h2 {
 font-size: 20px;
 line-height: 1.5rem;
 padding: 15px;
 background: #f5f5f5;
 text-align: left;
 margin: 10px 0 20px 0;
}

.privacy {
 text-align: left;
}

.privacy span {
 display: block;
 font-weight: bold;
 font-size: 15px;
 margin-bottom: 10px;
 padding-bottom: 5px;
 border-bottom: 3px solid #eee;
}

.privacy p {
 margin-bottom: 20px;
 font-size: 14px;
 line-height: 24px;
}

/* ----------------------------------------
2022/12/13 verup追記
---------------------------------------- */
.top_db {
 display: block;
}

.top_con_wrap {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
}

form {
 margin: 0;
 width: 740px;
}

.tokusen_img img {
 width: 160px;
 height: 120px;
 object-fit: cover;
}

.top_con_wrap iframe {
 display: block;
 width: 720px;
 height: 290px;
}

.cms_b {
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.cms_b ul {
 display: flex;
 justify-content: flex-start;
 margin: 0px;
 padding: 0;
}

.cms_b ul li {
 width: 235px;
 overflow: hidden;
 margin-right: 15px;
}

.cms_b ul li:last-child {
 margin-right: 0px;
}

.cms_b ul li a {
 display: block;
 position: relative;
 border-radius: 10px 10px 0 10px;
 transition: .3s;
}

.cms_b ul li a:hover {
 background: #f5f5f5;
 transition: .3s;
}

.cms_b ul li a img {
 height: 170px;
 width: 100%;
 border-radius: 5px;
 display: block;
 margin: auto;
 object-fit: cover;
}

.pick_up_txt {
 text-align: right;
}

.pick_up_txt p {
 margin: 10px 0;
 font-size: 14px;
 line-height: 24px;
 font-weight: bold;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 2;
 overflow: hidden;
 text-align: left;
 height: 50px;
}

.pick_up_txt span {
 display: inline-block;
 text-align: right;
 font-size: 12px;
 font-weight: bold;
 background: #aaa;
 color: #fff;
 padding: 0 8px;
 line-height: 30px;
 border-radius: 3px;
 letter-spacing: 0.05em;
}

.pick_up_ti {
 font-size: 12px;
 text-align: center;
 color: #fff;
 font-weight: bold;
 position: absolute;
 line-height: 30px;
 top: 130px;
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
 padding: 0 10px;
 background: rgba(0, 0, 0, 0.6);
 box-sizing: border-box;
}

.info_cms_btn a {
 display: block;
 width: 260px;
 background-color: #00CC99;
 font-size: 15px;
 line-height: 50px;
 text-align: center;
 border-radius: 40px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 margin: 10px auto;
 box-shadow: 0 4px 1px #2ca687;
}

.info_cms_btn a:hover {
 box-shadow: none;
 transform: translateY(5px);
}

.info_cms_ti {
 margin-bottom: 20px;
}

.top_eki_search {
 display: block;
 margin: 20px 0;
}

.info_cms_wrap {
 margin-bottom: 30px;
 border-bottom: 1px dashed #aaa;
 display: block;
}

.info_cms_bg {
 width: 100%;
}

.info_cms_ti h2 {
 font-size: 24px;
 font-weight: bold;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 align-items: center;
 padding-bottom: 10px;
 border-bottom: 1px dashed #00CC99;
 font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.info_cms_ti h2::before {
 content: "";
 display: block;
 background: url(../img/info_ti_icon.png);
 width: 39px;
 height: 46px;
 margin-right: 15px;

}
