@charset "utf-8";

/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
main image
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#mainImage {
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
}
#mainImage ul.slides {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
#mainImage ul.slides li {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
#mainImage ul.slides li img {
width: 100%;
height: auto;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
絞り込み
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#narrowing {
margin: 30px 0 0;
padding: 20px 0;
}
#narrowing p.hl {
margin: 0 10px 15px;
padding: 0 0 10px;
}
#narrowing p.hl span {
min-height: 16px;
padding: 0 0 0 23px;
display: inline-block;
background-image: url(../img/common/ico/ico_glass.png);
background-size: 16px 16px;
background-position: left;
background-repeat: no-repeat;
box-sizing: border-box;
}
#narrowing form {
height: 44px;
margin: 0 5px;
display: inline-block;
}
#narrowing select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 300px;
height: 44px;
margin: 0;
padding: 0 0 0 10px;
background-color: #FFF;
background-image: url(../img/common/ico/ico01.png);
background-size: 44px 44px;
background-position: right;
background-repeat: no-repeat;
border: none;
box-sizing: border-box;
}
#narrowing select option {
padding: 0 43px 0 0;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
一覧
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#propertyList {
width: 100%;
height: 100%;
margin: -20px 0 0;
padding: 0 0 100px;
background-image: url(../img/common/bg01.png);
background-size: 189px 36px;
background-position: bottom;
background-repeat: repeat-x;
}
#propertyList h2 {
margin: 0 20px;
}
#propertyList h2 img {
margin: 0 auto 10px;
display: block;
}
#propertyList h2 span {
margin: 0 10px;
}
#propertyList h3 {
margin: 30px 0 0;
}
#propertyList h3 img {
margin: 0 10px 0 0;
}
#propertyList ul {
margin: 20px 0 0;
padding: 0;
list-style: none;
border-top: 2px solid #BBB;
}
#propertyList ul li {
overflow: hidden;
margin: 0;
padding: 15px 10px;
border-bottom: 2px solid #BBB;
}
#propertyList ul li h4 {
margin: 0 0 10px;
}
#propertyList ul li p.price {
margin: 5px 0 10px;
}
#propertyList ul li p.traffic img,
#propertyList ul li p.price img {
margin: 0 5px 0 0;
}
#propertyList ul li div.image {
width: 100px;
margin: 0 0 10px;
padding: 0;
}
#propertyList ul li div.image div {
width: 100px;
margin: 0;
padding: 0;
position: relative;
}
#propertyList ul li div.image img.end {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.2s linear;
}
#propertyList ul li div.image img.text {
margin: -12px 0 0 -37px;
position: absolute;
top: 50%;
left: 50%;
display: block;
}
#propertyList ul li div.image p.cate {
margin: 0;
padding: 5px 0;
}
#propertyList ul li div.data {
width: 60%;
margin: 0 0 10px 10px;
padding: 0;
}
#propertyList ul li dl {
overflow: hidden;
margin: 0;
padding: 0;
}
#propertyList ul li dl dt {
margin: 0 10px 0 0;
padding: 2px 5px;
display: inline-block;
}
#propertyList ul li dl dd {
margin: 0 0 3px;
padding: 0;
}
#propertyList ul li p.description {
margin: 0;
padding: 8px 10px;
clear: both;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
詳細
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#propertyDetail {
width: 100%;
height: 100%;
margin: -20px 0 0;
padding: 0 0 100px;
background-image: url(../img/common/bg01.png);
background-size: 189px 36px;
background-position: bottom;
background-repeat: repeat-x;
}
#propertyDetail h2 {
margin: 0 20px;
}
#propertyDetail h2 img {
margin: 0 auto 10px;
display: block;
}
#propertyDetail h2 span {
margin: 0 10px;
}
#propertyDetail article {
margin: 0 10px;
}
#propertyDetail h3 {
overflow: hidden;
margin: 30px 0 0;
padding: 0;
}
#propertyDetail h3 em {
min-width: 100px;
margin: 0;
padding: 5px 20px;
display: inline-block;
}
#propertyDetail h3 strong {
margin: 10px 0;
display: block;
}
#propertyDetail h3 span.price {
margin: 5px 0 0;
display: block;
}
#propertyDetail p.description {
margin: 20px 0 0;
padding: 8px 10px;
border: 1px solid #BBB;
}
#propertyDetail p.description span {
padding: 0 0 0 25px;
display: block;
background-image: url(../img/common/ico/ico_comment.png);
background-size: 16px 15px;
background-position: left;
background-repeat: no-repeat;
}
#slider {
margin: 15px 0 0;
padding: 0 0 30px;
position: relative;
}
#propertyDetail table {
width: 100%;
margin: 0;
border-collapse: collapse;
}
#propertyDetail table.baseInfo {
margin: 15px 0 0;
}
#propertyDetail table th,
#propertyDetail table td {
padding: 8px 10px;
border-bottom: 1px solid #FFF;
box-sizing: border-box;
}
#propertyDetail table th {
width: 30%;
}
#propertyDetail table td.td01 {
width: 20%;
}
#propertyDetail div.contact {
margin: 20px 0 0;
padding: 15px 10px;
border: 1px solid #0a50a1;
}
#propertyDetail div.contact p.text {
margin: 0 0 15px;
}
#propertyDetail img.tel {
margin: 0 auto;
display: block;
}
#propertyDetail div.mail {
margin: 0 30px;
display: inline-block;
}
#propertyDetail p.btn {
width: 200px;
height: 44px;
margin: 15px auto 10px;
padding: 0
}
#propertyDetail p.btn a {
width: 200px;
height: 44px;
padding: 13px 0 0;
}
#propertyDetail p.btn_back {
width: 200px;
height: 44px;
margin: 30px auto 0;
padding: 0
}
#propertyDetail p.btn_back a {
width: 200px;
height: 44px;
padding: 13px 0 0;
}