@charset "shift_jis";

body {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  font-size: 75%;
  line-height: 2;
  color: #333333;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-image: url(images/bg.gif);
  background-repeat: repeat-x;
  background-position: top;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form {
  margin: 0px;
  padding: 0px;
}

ul {
  list-style-type: none;
}

img {
  border: none;
}

input,
textarea,
select {
  font-size: 1em;
}

form {
  margin: 0px;
}

table {
  border-collapse: collapse;
  font-size: 100%;
  border-spacing: 0;
}

/*リンク設定
---------------------------------------------------------------------------*/
a {
  color: #333333;
}
a:hover {
  color: #055723;
  text-decoration: none;
}

/*コンテナー（HPを囲むボックス）
---------------------------------------------------------------------------*/
#container {
  text-align: left;
  width: 1078px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 5px;
  padding-left: 5px;
  background-image: url(images/container_bg.gif); /*HP最上段にある色のついたボーダー*/
  background-repeat: repeat-y;
  padding-top: 1px;
  clear: left;
}

/*ヘッダー（サイト名ロゴとかが入っている上段のブロック）
---------------------------------------------------------------------------*/
#header {
  text-align: left;
  width: 1080px;
  margin-right: auto;
  margin-left: auto;
  height: 80px;
  position: relative;
}

/*h1タグ設定*/
#header h1 {
  font-size: 11px; /*文字サイズ*/
  line-height: 14px;
  font-weight: normal;
  position: absolute;
  left: 10px; /*ヘッダーのブロックに対して左から10pxに配置*/
  top: 10px; /*ヘッダーのブロックに対して上から10pxに配置*/
}

/*サイト名ロゴ画像設定*/
#logo {
  position: absolute;
  left: 0px; /*ヘッダーのブロックに対して左から0pxに配置*/
  bottom: 0px; /*ヘッダーのブロックに対して下から0pxに配置*/
}

/*電話番号画像設定*/
#tel {
  position: absolute;
  right: 0px; /*ヘッダーのブロックに対して右から0pxに配置*/
  bottom: 0px; /*ヘッダーのブロックに対して下から0pxに配置*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu {
  background-image: url(images/menu_bg.gif);
  height: 67px;
  width: 1069px;
  padding-left: 19px;
  margin-right: auto;
  margin-left: auto;
}

ul#menu li {
  float: left;
}

ul#menu img {
  vertical-align: bottom;
}
.menu_icon {
  height: 67px;
  width: 150px;
}

#menu_index {
  background-image: url(images/menu_02.gif);
}

#menu_baibai {
  height: 67px;
  width: 150px;
  background-image: url(images/menu_03.gif);
}
#menu_chintai {
  background-image: url(images/menu_04.gif);
}
#menu_company {
  background-image: url(images/menu_05.gif);
}

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
  background-image: url(images/mainimg_bg.gif); /*スライドショー下の影*/
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 10px;
  position: relative;
  height: 250px;
  width: 1078px;
}

#mainimg .slide_file {
  display: none;
}

#slide_image {
  position: absolute;
  left: 0px;
  top: 0px;
}

#slide_image2 {
  position: absolute;
  left: 0px;
  top: 0px;
}

/*メインコンテンツ（右側）
---------------------------------------------------------------------------*/
#main {
  float: right;
  width: 710px;
  padding-top: 10px;
  padding-bottom: 50px;
  display: inline;
  margin-right: 10px;
}
#main-chintai {
  padding-top: 10px;
  padding-bottom: 50px;
  display: inline;
  margin-right: 10px;
}



#main h2,#main-chintai h2 {
  font-size: 100%;
  line-height: 40px;
  color: #ffffff;
  /*background-image: url(images/h2bg.gif);	h2背景画像設定*/
  background-repeat: no-repeat;
  height: 40px;
  overflow: hidden;
  padding-left: 10px;
  background-color: #1b5931;
  clear: both;
}

/*仮*/
#main h2 a {
  color: #ffffff;
}

#main p {
  padding: 0.5em 10px 1em;
}

/*サイドコンテンツ（左側）
---------------------------------------------------------------------------*/
#side {
  float: left;
  width: 330px;
  padding-top: 10px;
  padding-bottom: 50px;
  display: inline;
  margin-left: 10px;
}

#side h3 {
  font-size: 100%;
  border: 3px double #bfbfbf; /*２重線*/
  text-align: center; /*文字をセンタリング*/
  background-image: url(images/h3bg.gif); /*h3背景画像設定*/
  background-repeat: repeat-x;
  background-position: bottom;
  padding-top: 5px;
  padding-bottom: 5px;
}

#side p {
  padding-top: 0.5em;
  padding-bottom: 1em;
}

/*サイドメニュー
---------------------------------------------------------------------------*/
#side .sidemenu {
  margin-bottom: 1em;
}

#side .sidemenu li {
  background-image: url(images/sidemenu_bg.gif); /*左側のアクセント画像*/
  background-repeat: no-repeat;
  background-position: left center;
}

#side .sidemenu a {
  display: block;
  width: 300px;
  border-bottom: 1px solid #bfbfbf; /*下線*/
  text-decoration: none;
  padding: 5px 10px 5px 20px;
}

#side .sidemenu a:hover {
  background-color: #d9e3dd; /*カーソルオーバー時の背景色*/
}

/*フッターメニュー
---------------------------------------------------------------------------*/
ul#footermenu {
  clear: both;
  text-align: center;
  width: 100%;
}

ul#footermenu li {
  display: inline;
  padding-right: 5px;
  padding-left: 5px;
}

/*フッター（コピーライトとか入っている最下部ブロック）
---------------------------------------------------------------------------*/
#footer {
  text-align: center;
  background-image: url(images/footer_bg.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  padding: 40px 4px 20px;
}

/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#main dl.new {
  width: 700px; /*What's Newボックスの幅*/
  height: 140px; /*What's Newボックスの高さ*/
  overflow: auto;
  padding: 10px 0px 10px 10px;
  margin-right: auto;
  margin-left: auto;
}

#main dl.new dt {
  font-weight: bold; /*日付の色を太字にする*/
}

#main dl.new dd {
  border-bottom: 1px solid #bfbfbf; /*日付ごとの下線*/
}

/*物件一覧（横長）ボックス
---------------------------------------------------------------------------*/
.box {
  overflow: hidden;
  padding: 5px; /*ボックス内の余白*/
  border-top: 1px solid #bfbfbf; /*ボックスの上の線*/
  border-right: 1px solid #bfbfbf; /*ボックスの右の線*/
  border-bottom: 1px solid #bfbfbf; /*ボックスの下の線*/
  border-left: 5px solid #055723; /*ボックスの左の線*/
  margin-bottom: 1em;
  width: 674px;
  margin-right: auto;
  margin-left: auto;
}

/*写真の配置設定*/
.box img {
  float: left;
  width: 150px; /*配置する写真に合わせてここは変更する*/
}

/*h3見出し設定*/
.box h3 {
  font-size: 100%;
  color: #055723; /*文字色*/
  padding-left: 160px; /*左の写真サイズに合わせてここは調整*/
}
.box h3 a {
  color: #055723; /*リンクにした際に色が黒に戻らないように設定*/
}

.box p {
  padding: 0px 0px 0px 160px !important; /*左の写真サイズに合わせてここは調整*/
}

.box.osusume {
  background-image: url(images/boxbg_osusume.gif); /*「おすすめ物件」画像指定*/
  background-repeat: no-repeat; /*画像をリピートしない*/
  background-position: right bottom; /*画像を右下に配置*/
}

.box.sumi {
  background-image: url(images/boxbg_sumi.gif); /*「ご契約済み」画像指定*/
  background-repeat: no-repeat; /*画像をリピートしない*/
  background-position: right bottom; /*画像を右下に配置*/
}

/*物件一覧（大サイズ）ボックス
---------------------------------------------------------------------------*/
.boxmax {
  overflow: auto;
  padding: 5px; /*ボックスの左の線*/
  margin-bottom: 1em;
  border: 1px solid #bfbfbf;
  width: 338px;
  height: 230px;
  float: left;
  margin-left: 10px;
  margin-right: 2px;
  display: inline;
  text-align: center;
}

/*h3見出し設定*/
.boxmax h3 {
  font-size: 100%;
  color: #055723; /*文字色*/
}
.boxmax h3 a {
  color: #055723; /*リンクにした際に色が黒に戻らないように設定*/
}

.boxmax p {
  padding: 0px !important;
  font-size: 12px;
  line-height: 1.6;
}

.boxmax img {
  width: 150px;
  height: 112px;
}
.boxmax.osusume {
  background-image: url(images/boxbg_osusume.gif); /*「おすすめ物件」画像指定*/
  background-repeat: no-repeat; /*画像をリピートしない*/
  background-position: right bottom; /*画像を右下に配置*/
}

.boxmax.sumi {
  background-image: url(images/boxbg_sumi.gif); /*「ご契約済み」画像指定*/
  background-repeat: no-repeat; /*画像をリピートしない*/
  background-position: right bottom; /*画像を右下に配置*/
}

/*物件一覧（ミニサイズ）ボックス
---------------------------------------------------------------------------*/

.boxmini {
  overflow: auto;
  padding: 5px; /*ボックスの左の線*/
  margin-bottom: 1em;
  border: 1px solid #bfbfbf;
  width: 164px;
  height: 230px;
  float: left;
  margin-left: 10px;
  margin-right: 2px;
  display: inline;
}

/*h3見出し設定*/
.boxmini h3 {
  font-size: 100%;
  color: #055723; /*文字色*/
}
.boxmini h3 a {
  color: #055723; /*リンクにした際に色が黒に戻らないように設定*/
}

.boxmini p {
  padding: 0px !important;
  font-size: 12px;
  line-height: 1.6;
}

.boxmini img {
  width: 150px;
  height: 112px;
}

.boxmini.osusume {
  background-image: url(images/boxbg_osusume.gif); /*「おすすめ物件」画像指定*/
  background-repeat: no-repeat; /*画像をリピートしない*/
  background-position: right bottom; /*画像を右下に配置*/
}

.boxmini.sumi {
  background-image: url(images/boxbg_sumi.gif); /*「ご契約済み」画像指定*/
  background-repeat: no-repeat; /*画像をリピートしない*/
  background-position: right bottom; /*画像を右下に配置*/
}

/*テーブル（物件詳細ページや会社概要で使っているテーブル）
---------------------------------------------------------------------------*/
.ta1 {
  width: 710px;

}
.ta2{width: 80%;
margin: auto;}

.ta1 ,.ta2,
.ta1 td,.ta2 td,
.ta1 th,.ta2 th {
  border: 1px solid #055723; /*枠線の色*/
}

.ta1 td, .ta2 td,
.ta1 td, .ta2 th {
  padding: 5px; /*テーブル内の余白*/
}

.ta1 th , .ta2 th {
  background-color: #d9e3dd; /*左側thタグの背景色*/
  width: 150px; /*左側thタグの幅*/
  text-align: center;
}

/*その他
---------------------------------------------------------------------------*/
.color1 {
  color: #ff0000;
}

.look {
  background-color: #e4e4e4;
}

.mb1em {
  margin-bottom: 1em;
}

.clear {
  clear: both;
}

/* ポップアップ 
-------------------------------------------------------------------------------*/

/* 全体設定 */
* {
  box-sizing: border-box;
}

/* ポップアップウインドウの設定 */
.popup {
  background-color: #efefef;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70vw;
  height: 55vw;
  overflow-y: scroll;
}
/* チェックボックスの初期設定 */
#popup-on {
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup {
  display: block;
}

/* 閉じるアイコン（右上） */
.icon-close {
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

/* 閉じるボタン */
.btn-close {
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* 開くボタン */
.btn-open {
  background: #fff;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* ポップアップの内容 */
.popup-content {
  margin: 40px auto 40px auto;
  width: 80%;
}

/* 物件indexページ
-------------------------------------------------------------------------------*/

/* エリアボックス */
table.index_area {
}
table.index_area td {
  height: 30px;
  width: 70px;
  text-align: center;
}

.index_head {
  text-align: center;
  margin-bottom: 30px;
}
.cle {
  margin: 20px;
}
.index_area_contents table,
.index_head table {
  margin: 0 auto;
}
.index_area_contents {
  margin: 90px;
  text-align: left;
}
.index_area_contents h2 {
  margin-left: 120px;
}
table.index_table_container td {
  padding-left: 7px;
}

table.index_table_container tr:nth-child(1) {
  background-color: #055723;
  color: #fff;
}
.index_no {
  width: 30px;
  height: 15px;
  padding: 10px 40px;
  text-align: center;
}

.index_name {
  width: 180px;
  height: 15px;
}
.index_address {
  width: 150px;
  height: 15px;
}
.index_type {
  width: 130px;
  height: 15px;
}
.index_price {
  width: 120px;
  height: 15px;
}
.index_vacant {
  width: 90px;
  height: 15px;
}
.index_note {
  width: 150px;
  height: 15px;
}

/*上に戻るボタン20210304追加*/
#page_top {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #055723;
  opacity: 0.6;
}
#page_top a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f106";
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 45px;
  height: 45px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}