@charset "utf-8";

/************************************************
* ナビ関連のCSS
*************************************************/
div#global_nav img {
    float: left;
}

#second_nav {
    float: left;
    width: 160px;
    margin-top: 0;
    margin-right: 20px;
    display: inline;
}

#second_nav img.title {
    margin-bottom: 0;
}

#second_nav img {
    margin: 0 0 5px 0;
    padding: 0 0;
}

#second_nav #buy_search {
    margin: 0 0 5px 0;
    padding: 0 0 3px 0;
    background-image: url(/files/live/img/common/sub_nav/buy_bk.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    text-align: center;
}

#second_nav #detail_search {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    width: 158px;
    border: 1px solid #CCCCCC;
    background-color: #EFEFEF;
    text-align: center;
}

/************************************************
* サイトデザイン関連のCSS
*************************************************/
#content {
//    width: 980px;
//    background-color: #FFFFFF;
//    margin-left: auto;
//    margin-right: auto;
//    padding-bottom: 36px;
//    text-align: left;
}

table th {
//    padding: 5px;
}

table td {
//    padding: 5px;
}

td.large {
    background: lavender;
}

.file {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: .5em;
  border: 1px solid #999;
  background-color: #eee;
}

.file input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}

.sub_title {
    color: #333333;
    font-size: 22px;
    line-height: 1.1;
    border-left: 5px solid #479C47;
    margin: 16px 0;
    padding: 0 0 0 8px;
    font-weight: bold;
}

ul.status_icon {
    margin-bottom: 3px;
    width: 100%;
}

ul.status_icon.clearfix img {
    width: 100%;
    height: auto;
}

ul.status_icon li {
    margin-right: 5px;
    float: left;
}

.pr_comment_main {
    float: left;
    padding: 10px;
}

.left {
    float: left;
}

.table {
    display: table;
}

.cell {
    display: table-cell;
}

.pr_info {
    font-size: 14px;
}

.pr {
    padding: 10px;
}


.pr_img {
    vertical-align: top;
}

.pr_comment {
    border: 2px solid #333333;
    padding: 8px 0;
    float: left;
    display: inline;
    margin-right: 6px;
    margin-bottom: 24px;
    margin-left: 15px;
    width: 915px;
    font-size: 18px;
}

.pr_comment	p.pr {
    margin-left: 84px;
    text-indent: -64px;
    font-size: 14px;
}

.pr_comment	p {
    margin-bottom: 7px;
    margin: 0 24px 16px 24px;
}

.notice {
    color: #FF0000;
    font-weight: bold;
}

.detai_sub_title {
    clear: both;
    font-size: 15px;
    background-color: #D5ECF9;
    border: 1px solid #006599;
    margin: 0 0 16px 0;
    padding: 2px 8px 2px 8px;
    font-weight: normal;
    line-height: 1.2;
}

.to_toiawase {
    clear: both;
    text-align: center;
    margin-top: 30px;
}

.detail {
    margin-top: 25px;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.detai_image {
    width: 470px;
    margin: 0 0;
    float: left;
    display: inline;
}

.img_list {
    margin: 0 0;
    position: relative;
}

.img_list dl {
    float: left;
    display: inline;
}

.img_list dt {
    min-width: 200px;
    text-align: center;
}

.img_list dt	img {
    margin-left:  10px;
    margin-right:  5px;
    margin-bottom: 6px;
}

.img_list dd {
    margin-left:  10px;
    margin-right:  5px;
    margin-bottom: 6px;
}

.movie {
    margin-left:  10px;
    margin-right:  5px;
    margin-bottom:15px;
}

.detail_comment	table {
    width: 460px;
    margin-left: 10px;
}

.detail_comment {
    width: 460px;
    float: right;
    display: inline;
    margin-right: 10px;
}

.detai_img {
    margin-left: 15px;
    margin-right: 15px;
}

table.detail {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    font-size: 100%;
    line-height: 1.2;
    margin: 0 24px 16px 10px;
}


table.detail th {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    font-weight: normal;
//    padding: 3px 6px;
    text-align: center;
    background-color: #D2FBD2;
    font-size: 100%;
    width: 30%;
    text-align: left;
    min-width: 140px;
}

#main_column.colnum1 {
    width: 100%;
}

ul.azukari_setumei {
    padding-left: 10px;
    padding-bottom: 20px;
    color: black;
}

.item-box-moyori {
    color: #5A5A5A;
}





/********** 戸建アイコン **************/
ul.icon_style1 li {
    margin-right: 5px;
    float: left;
}

ul.icon_style1 li {
    color: #FFF;
    background: #794CFE;
    display: inline;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 2px 5px;
    font-size: 11px;
    text-shadow: none;
}

/********** 土地アイコン **************/
ul.icon_style2 li {
    margin-right: 5px;
    float: left;
}

ul.icon_style2 li {
    color: #FFF;
    background: #2489CE;
    display: inline;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 2px 5px;
    font-size: 11px;
    text-shadow: none;
}

/********** マンションアイコン **************/
ul.icon_style3 li {
    margin-right: 5px;
    float: left;
}

ul.icon_style3 li {
    color: #FFF;
    background: #FEA94C;
    display: inline;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 2px 5px;
    font-size: 11px;
    text-shadow: none;
}

/********** 賃貸アイコン **************/
ul.icon_style4 li {
    margin-right: 5px;
    float: left;
}

ul.icon_style4 li {
    color: #FFF;
    background: #009933;
    display: inline;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 2px 5px;
    font-size: 11px;
    text-shadow: none;
}

/********** 収益アイコン **************/
ul.icon_style5 li {
    margin-right: 5px;
    float: left;
}

ul.icon_style5 li {
    color: #FFF;
    background: #F886F9;
    display: inline;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 2px 5px;
    font-size: 11px;
    text-shadow: none;
}


/************************************************
* 地図表示サイズ
*************************************************/
#map-canvas {
}
#map-canvas iframe {
    width: 100% !important;
    height: 100% !important;
}
.smallMap {
    width: 345px;
    height: 315px;
    float: right;
    margin-right: 10px;
}
.largeMap {
    width: 600px;
    height: 315px;
    float: none;
    margin-left: 15px
}


.bg-blue {
    background-color: #8DDDE9;
    border: 1px solid #ccc;
}

.guide-blue {
    color: blue;
}

.test {
    background-color: #8DDDE9;
    border: 1px solid #ccc;
}



.sep_b {
    border-bottom-color: darkblue;
}

.sep_b_none {
    border-bottom: none;
}

.sep_t {
    border-top-color: darkblue; 
}

.LC_Page_Products_List h2 a {
    float: right;
}

a.top_link {
    font-size: 12px;
}



/************************************************
* おすすめ物件用
*************************************************/

.item-line {
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    width: 700px;
}
.item-box-wrap {
    width: 205px;
    margin: 0 8px 8px 0;
    padding: 10px;
    float: left;
    overflow: hidden;
    min-height: 260px;
    max-height: 260px;
}
.item-box-wrap-end {
    width: 130px;
    margin: 0 0 8px 0;
    padding: 10px;
    float: right;
    overflow: hidden;
}
.item-box-icon {
    margin: 0;
    padding: 0;
    min-height : 30px;
    text-align: left;
}

.item-box-icon img {
    padding-right: 5px;
    padding-bottom: 2px;
}

.item-box-photo {
    margin: 0;
    padding: 0;
    text-align: center;
}
.item-box-name {
    margin: 0;
    text-align: center;
    padding: 5px 0 5px;
    font-size: 12px;
    font-weight: bold;
}
.item-box-photo img {
    vertical-align: bottom;
}
.item-box-wrap h3,
.item-box-wrap-end h3 {
    margin: 0;
    padding: 5px 0 3px;
    font-size: 85%;
    text-align: center;
}
.item-box-price, .item-box-soldout {
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-align: center;
    color: #FF6C00;
    font-weight: bold;
}
.item-box-comment {
    margin: 0;
    padding: 3px 0 0;
    font-size: 80%;
    line-height: 1.4;
}


a:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}

span.guide {
    color: blue;
}

/******************************************************
* 管理画面 物件登録
*******************************************************/
.area_map {
    float: right;
    margin-top: 5px;
}

.info-area {
    margin: 0 0 20px 0;
    padding: 10px 0 10px 5px;
    clear: both;
    width: 100%;
    background: #f5f5f5;
    text-align: left;
}

td .product-info {
    text-align: left;
}



/******************************************************
* topページデザイン
*******************************************************/

.item-box-photo img {
    max-width: 200px;
    max-height: 150px;
}