@charset "UTF-8";

/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */

#hpb-headerMain {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

/* フッター内パーツ */

#hpb-footer-outer {
  width: 100%;
  background: url(../images/footerBg_6F.png) repeat-x;
  background-color: #f1f1f1;
  padding-bottom: 10px;
}

#hpb-footerTop {
  width: 200px;
  background: #FFF;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
}

#hpb-footerTop #tdb-logo {
  width: 180px;
  margin: 0 auto;
}

#hpb-footerTop #tdb-logo img {
  width: 100%;
}

#hpb-footerTop #tdb-no {
  font-size: 0.8rem;
  color: #11237c;
}

#hpb-footerMain {
  width: 400px;
  float: right;
}

#hpb-footerMain p {
  /* コピーライト文字設定 */
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  line-height: 1.2;
  text-align: right;
}

#hpb-footerLogo {}

#hpb-footerExtra1 {
  width: 400px;
  float: left;
}

#hpb-footerExtra1 ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  text-align: left;
}

#hpb-footerExtra1 li {
  /* フッターナビ設定 */
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

#hpb-footerExtra1 li a {
  padding-left: 12px;
  padding-right: 15px;
  background-image: url(../images/point_6F.png);
  background-position: left center;
  background-repeat: no-repeat;
}

#hpb-footerExtra1 a:link {
  color: #333;
  text-decoration: none;
}

#hpb-footerExtra1 a:visited {
  color: #333;
  text-decoration: none;
}

#hpb-footerExtra1 a:hover {
  color: #333;
  text-decoration: none;
}

#hpb-footerExtra1 a:active {
  color: #333;
  text-decoration: none;
}



/* サイドブロック内パーツ */

/* バナー */
#banner {
  /*
  border: 1px solid #d9d8d8;
  background-color: #eeeded;
  padding-top: 6px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
  */
}

#banner ul {
  width: 267px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#banner li {
  display: block;
  margin-bottom: 5px;
  text-align: left;
}

#banner li a {
  display: block;
  width: 267px;
  height: 136px;
  text-indent: -9999px;
  overflow: hidden;
  color: #fff;
}

#banner a#banner-pet {
  /* ペット物件バナー */
  background-image: url(../images/banner_6F_01.png);
  background-position: center center;
  background-repeat: no-repeat;
}

#banner a#banner-resort {
  /* リゾート物件バナー */
  background-image: url(../images/banner_6F_02.png);
  background-position: center center;
  background-repeat: no-repeat;
}

#banner a#banner-special {
  /* 注目物件バナー */
  background-image: url(../images/banner_6F_03.png);
  background-position: center center;
  background-repeat: no-repeat;
}

#banner a#banner-owned {
  /* 自社所有物件バナー */
  background-image: url(../images/banner_6F_04.png);
  background-position: center center;
  background-repeat: no-repeat;
}

#banner li#banner-sdgs {
  /* SDGsバナー */
  display: block;
  width: 267px;
  height: 136px;
  text-indent: -9999px;
  overflow: hidden;
  color: #fff;

  background-image: url(../images/sdgs.png);
  background-position: center center;
  background-repeat: no-repeat;
}

/*--------------------------------------------------------
  ナビゲーション設定
--------------------------------------------------------*/

#hpb-nav a:link {
  color: #333;
  text-decoration: none;
}

#hpb-nav a:visited {
  color: #333;
  text-decoration: none;
}

#hpb-nav a:hover {
  text-decoration: none;
}

#hpb-nav a:active {
  text-decoration: none;
}

/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/

/* リンク文字色 */
a:link {
  color: #9c6b20;
  text-decoration: underline;
}

a:visited {
  color: #9c6b20;
  text-decoration: underline;
}

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

a:active {
  color: #d1891a;
  text-decoration: none;
}

#hpb-skip {
  /* ヘッダースキップの非表示 */
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
}

p {
  margin-top: 0.5em;
  margin-bottom: 2em;
  padding-right: 0.1em;
  padding-left: 0.1em;
  line-height: 1.4;
  text-align: left;
  overflow: visible;
}

p.large {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
  margin-top: 5px;
}

p.indent {
  padding-left: 15px;
}

.price {
  color: #ff0000;
}

.left {
  float: left;
}

.right {
  float: right;
}

hr {
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  clear: both;
  border-top-width: 1px;
  border-top-style: none;
  border-right-width: 1px;
  border-right-style: none;
  border-left-width: 1px;
  border-left-style: none;
  color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: none;
}

.hpb-layoutset-02 h2 {
  line-height: 42px;
  text-align: left;
  background-image: url(../images/indexBg_6F_01.png);
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 1.7em;
  letter-spacing: 0.1em;
  font-weight: normal;
  margin-left: -10px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-top: 0;
  padding-left: 25px;
}

.hpb-layoutset-02 h2 span.ja {}

.hpb-layoutset-02 h2 span.en {
  display: none;
}

#hpb-wrapper h3 {
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 0;
  padding-left: 25px;
  padding-bottom: 0;
  font-size: 1.4em;
  line-height: 25px;
  text-align: left;
  font-weight: normal;
}

.hpb-layoutset-02 #hpb-wrapper h3 {
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 8px;
  padding-left: 25px;
  padding-bottom: 0;
  font-size: 1.1em;
  line-height: 25px;
  text-align: left;
  background-image: url(../images/indexBg_6F_03.png);
  background-position: top left;
  background-repeat: no-repeat;
  font-weight: normal;
}

#hpb-wrapper h3 span.en {
  text-transform: capitalize;
}

h3.hpb-c-index {
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  background: none;
}

h4 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 2px;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.2;
  font-weight: bold;
  color: #333;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.5;
  font-weight: bold;
}

table {
  width: 100%;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: 0;
  border-collapse: collapse;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #d9d8d8;
}

table th {
  padding-top: 5px;
  padding-right: 16px;
  padding-bottom: 5px;
  padding-left: 9px;
  text-align: left;
  background-color: #eeeded;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #d9d8d8;
  white-space: nowrap;
}

table td {
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 8px;
  text-align: left;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #d9d8d8;
}

td p {
  margin-bottom: 0.5em;
}

/* フォームパーツ設定 */
input.button {
  margin-top: 10px;
  margin-bottom: 15px;
}

textarea {
  width: 430px;
  height: 200px;
}

input.l {
  width: 430px;
}

input.m {
  width: 250px;
}

input.s {
  width: 50px;
}

/* メインコンテンツ内基本パーツ */

#hpb-main ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

#hpb-main ul li {
  text-align: left;
  line-height: 1.4;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #422b0f;
  background-image: url(../images/point_6F.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#hpb-main dl {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#hpb-main dt {
  float: left;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: left;
  line-height: 19px;
  min-height: 19px;
  width: 170px !important;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 15px;
  background-image: url(../images/point_6F.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#hpb-main dd {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  text-align: left;
  line-height: 19px;
  min-height: 19px;
  padding-left: 185px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #dddddd;
  color: #333333;
}

*:first-child+html #hpb-main dd {
  /* for IE7 */
  padding-left: 10px;
  min-height: 20px;
}

* html #hpb-main dd {
  /* for IE6 */
  padding-left: 0px;
  height: 20px;
}

#hpb-main dl:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#hpb-main img.left {
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 10px;
  float: left;
}

#hpb-main img.right {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 20px;
  float: right;
}

#pagetop {
  margin-top: 15px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  text-align: right;
  padding-right: 10px;
}

#pagetop a {
  /* ページの先頭へのリンク設定 */
  display: block;
  margin-left: auto;
  margin-right: 0;
  width: 112px;
  height: 25px;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../images/returnTop_6F.png);
  background-position: center left;
  background-repeat: no-repeat;
}

/* トップページ デザイン定義 */

#toppage-news {
  width: 630px;
}

#toppage-news h3 {
  line-height: 42px;
  text-align: left;
  background-image: url(../images/indexBg_6F_01.png);
  background-position: top left;
  background-repeat: no-repeat;
  font-family: Century, HeiseiMincho, "Hiragino Mincho Pro", "MS Mincho",
    "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
  font-size: 1.7em;
  letter-spacing: 0.1em;
}

#toppage-news {
  padding-bottom: 15px;
}

#toppage-news span.ja {
  display: none;
}

/* 店舗情報 */
#toppage-info {
  width: 630px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #cfcfcf;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #cfcfcf;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cfcfcf;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #cfcfcf;
}

#toppage-info img.shopinfo {
  float: right;
  margin-top: 20px;
  margin-right: 20px;
}

#toppage-info h3 {
  line-height: 51px;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
  padding-top: 0;
  padding-left: 22px;
  padding-bottom: 0;
  text-align: left;
  background-image: url(../images/indexBg_6F_02.png);
  background-position: top left;
  background-repeat: repeat-x;
  font-family: Century, HeiseiMincho, "Hiragino Mincho Pro", "MS Mincho",
    "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
  font-size: 1.7em;
  letter-spacing: 0.1em;
}

#toppage-info span.ja {
  display: none;
}

#toppage-info h4 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
  font-size: 1.15em;
  padding-left: 22px;
}

#toppage-info h4 span.en {
  color: #000000;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 20px;
}

#toppage-info p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 22px;
  margin-right: auto;
  line-height: 1.5;
}

#toppage-info p.access {
  background-image: url(../images/accessButton_6F.png);
  background-position: top left;
  background-repeat: no-repeat;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
}

#toppage-info p.access a {
  line-height: 33px;
  width: 104px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

/* 物件詳細 デザイン定義 */
#detail h3 {
  color: #442c10;
  background-image: none;
  padding-left: 5px;
  font-size: 1.2em;
  font-weight: bold;
}

#detail-imgbox {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: center;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #cccccc;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #cccccc;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #cccccc;
}

#detail-imgbox img {
  margin-top: 4px;
  margin-right: 15px;
  margin-bottom: 4px;
  margin-left: 15px;
}