@charset "utf-8";
/* ------------------------------
トップページ用 形関連
------------------------------ */
 /* ==========================================================================
 お客様ごとのオリジナル設定
========================================================================== */

/* ------------------------------
 トップメッセージ
------------------------------ */
#hdinfo {
    text-align: left;
    font-size: 12px;
    margin-left: 55px;
}

/* ------------------------------
 ごあいさつ（トップページ）
------------------------------ */
#intro {
    width: 100%;
    float:left;
    text-align:left;
}

/* 下の表とつながるタイプのタイトルバー */
#intro div.boxtitle {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* 上の角だけ丸くする */
    /* ▼CSS3 */
    border-top-left-radius: 5px;  /* 左上 */
    border-top-right-radius: 5px; /* 右上 */
    /* ▼Safari,Chrome */
    -webkit-border-top-left-radius: 5px;  /* 左上 */
    -webkit-border-top-right-radius: 5px; /* 右上 */
    /* ▼Firefox */
    -moz-border-radius-topleft: 5px;  /* 左上 */
    -moz-border-radius-topright: 5px; /* 右上 */
    position: relative;
    behavior: url(css/PIE.htc);   /* for IE */
}

#intro div.boxtext {
    line-height: 19px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    /* 下の角だけ丸くする */
    /* ▼CSS3 */
    border-bottom-left-radius: 5px;  /* 左下 */
    border-bottom-right-radius: 5px; /* 右下 */
    /* ▼Safari,Chrome */
    -webkit-border-bottom-left-radius: 5px;  /* 左下 */
    -webkit-border-bottom-right-radius: 5px; /* 右下 */
    /* ▼Firefox */
    -moz-border-radius-bottomleft: 5px;  /* 左下 */
    -moz-border-radius-bottomright: 5px; /* 右下 */
    position: relative;
    behavior: url(css/PIE.htc);   /* for IE */
}

/* ------------------------------
 ごあいさつとお知らせ（左列）
------------------------------ */
#infospace {
    width: 31%;
    float:left;
}

/* ------------------------------
 おすすめ（右列）
------------------------------ */
#osusume {
    width: 67%;
    float:right;
}

/* --------------------------------------
枠（おすすめ物件情報）
----------------------------------------- */
/* 単独のタイトルバー */
#osusume div.boxtitle {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* 角を丸くする */
    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    position: relative;
    behavior: url(css/PIE.htc);   /* for IE */
}

/* ------------------------------
 お知らせ（トップページ）
------------------------------ */
#info {
    clear: both;    
    width: 100%;
    float:left;
}

/* 下の表とつながるタイプのタイトルバー */
#info div.boxtitle {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* 上の角だけ丸くする */
    /* ▼CSS3 */
    border-top-left-radius: 5px;  /* 左上 */
    border-top-right-radius: 5px; /* 右上 */
    /* ▼Safari,Chrome */
    -webkit-border-top-left-radius: 5px;  /* 左上 */
    -webkit-border-top-right-radius: 5px; /* 右上 */
    /* ▼Firefox */
    -moz-border-radius-topleft: 5px;  /* 左上 */
    -moz-border-radius-topright: 5px; /* 右上 */
    position: relative;
    behavior: url(css/PIE.htc);   /* for IE */
}

#info div.boxtext {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    /* 下の角だけ丸くする */
    /* ▼CSS3 */
    border-bottom-left-radius: 5px;  /* 左下 */
    border-bottom-right-radius: 5px; /* 右下 */
    /* ▼Safari,Chrome */
    -webkit-border-bottom-left-radius: 5px;  /* 左下 */
    -webkit-border-bottom-right-radius: 5px; /* 右下 */
    /* ▼Firefox */
    -moz-border-radius-bottomleft: 5px;  /* 左下 */
    -moz-border-radius-bottomright: 5px; /* 右下 */
    position: relative;
    behavior: url(css/PIE.htc);   /* for IE */
}
#info .inforow {
    line-height: 19px;
    text-align: left;
    margin-bottom: 5px;
}
#info .infodate {
    /*float: left;*/
    width: 80px;
    text-align: left;
}
#info .infotitle {
    /*float: left;*/
    text-align: left;
    margin-left:0.5em;
}

/* ------------------------------
 お知らせ（infoページ内容）
------------------------------ */
.ifd {
    width: 100%;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    /* 下の角だけ丸くする */
    /* ▼CSS3 */
    /* 角を丸くする */
    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    position: relative;
    behavior: url(css/PIE.htc);   /* for IE */
}

.ifd .row {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin:10px 15px 10px 15px;       /* [上][右][下][左] */
    font-size: 15px;
}

.ifd .date {
    float: left;
    margin-left: 15px;
    margin-right:20px
}

.ifd .title {
}

.ifd .naiyo {
    clear: both;    
    padding: 10px 30px 10px 30px;      /* [上][右][下][左] */
}

/* ------------------------------
 おすすめ物件情報
------------------------------ */
div.estate {
/*    height: 330px;*/
}

div.minbox.s {
    width: 140px;/*140px;*/
    height: 260px;
}

div.minbox.m {
    width: 190px; /*※既定値？は215pxなので注意*/
    height: 320px;
}

div.minbox.l {
    width: 290px;
    height: 380px;
}

/* フレームの中に枠を表示 */
div.minbox {
    margin: 5px;
    border: solid 1px gray;/*#0D3880;*/
    float:left;
    /* 角を丸くする */
    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    position: relative;
    behavior: url(css/PIE.htc);   /* for IE */
}

/* 物件画像 */
div.minbox img {
  margin: 5px;
  border: solid 1px gray;
}

/* NO IMAGE */
div.minbox img.no {
  margin: 5px;
  border: none;
}

/* 物件情報 共通 */
div.minbox p {
  margin: 0.3em 10px 0.3em 10px;
  text-align: left;
}

/* 物件情報 共通(S) */
div.minbox.s p {
  margin-left: 5px;
  margin-right: 5px;
}

/* 物件種別 */
div.minbox p.shbt {
    font-size:1.2em;
    font-weight:bold;
    text-align: center;
    text-decoration: underline;
}

/* 物件種別 (S) */
div.minbox.s p.shbt {
    font-size:1em;
}

/* 所在地 */
div.minbox p.shzic {
    text-align: center;
}

/* 価格・賃料 */
div.minbox p.kkk {
    color: red;
    font-weight:bold;
    text-align: center;
}

/* その他項目 */
div.minbox p.item {
}

/* ------------------------------
 その他の情報（トップページ）
------------------------------ */
.topbox {
    clear: both;
    width: 100%;
    float:left;
}

/* 下の表とつながるタイプのタイトルバー */
.topbox div.boxtitle {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* 上の角だけ丸くする */
    /* ▼CSS3 */
    border-top-left-radius: 5px;  /* 左上 */
    border-top-right-radius: 5px; /* 右上 */
    /* ▼Safari,Chrome */
    -webkit-border-top-left-radius: 5px;  /* 左上 */
    -webkit-border-top-right-radius: 5px; /* 右上 */
    /* ▼Firefox */
    -moz-border-radius-topleft: 5px;  /* 左上 */
    -moz-border-radius-topright: 5px; /* 右上 */
    position: relative;
    behavior: url(css/PIE.htc);   /* for IE */
}

.topbox div.boxtext {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    /* 下の角だけ丸くする */
    /* ▼CSS3 */
    border-bottom-left-radius: 5px;  /* 左下 */
    border-bottom-right-radius: 5px; /* 右下 */
    /* ▼Safari,Chrome */
    -webkit-border-bottom-left-radius: 5px;  /* 左下 */
    -webkit-border-bottom-right-radius: 5px; /* 右下 */
    /* ▼Firefox */
    -moz-border-radius-bottomleft: 5px;  /* 左下 */
    -moz-border-radius-bottomright: 5px; /* 右下 */
    position: relative;
    behavior: url(css/PIE.htc);   /* for IE */
}
.topbox .inforow {
    line-height: 19px;
    text-align: left;
    margin-bottom: 5px;
}
.topbox .infodate {
    /*float: left;*/
    width: 80px;
    text-align: left;
}
.topbox .infotitle {
    /*float: left;*/
    text-align: left;
    margin-left:0.5em;
}