@charset "utf-8";
/* ------------------------------------------------------------ common */
.SP { display: none; }

#bread { padding: 20px 0 30px; }
/*------------------------------------------------------------------------------------------------- fv */

#fv { background: url(../images/sales/fv.jpg) no-repeat center center; }
#fv h2 { text-align: center; padding: 200px 0 240px; }
#fv h2 span { display: block; padding: 10px 0 0; }

/*------------------------------------------------------------------------------------------------- search */
#search{ width:100%;background-color:#f2f2f2; padding: 25px 0; text-align: center; }
#search .inner{ width:895px; background-color:#fff; padding: 60px 100px ;}
#search h2{ font-size: 22px; background: url(../images/sales/bdr.gif) left center no-repeat; margin-bottom: 30px;}
#search h2 span { background: url(../images/sales/bdr.gif) right center no-repeat; display: block; }
#search th { font-size: 18px; font-weight: bold; width: 100px; text-align: left; padding: 25px 0; border-bottom: 1px solid #f2f2f2; }
#search td { width: 795px; border-bottom: 1px solid #f2f2f2; }
#search .bottom th,
#search .bottom td { border: none; }
#search td p { float: left; padding: 0 35px 0 0; }
#search td p span { padding: 0 0 0 5px; font-size: 16px; }
#search input[type="submit"] { width: 340px; background: #042347; color: #fff; line-height: 60px; margin: 40px auto 0; font-size: 16px; }


/*------------------------------------------------------------------------------------------------- house */
#house { padding: 90px 0 50px 0;}
#house .sort{background: url(../images/sales/line_02.gif) bottom center repeat-x; padding-bottom: 10px; margin-bottom: 20px;}
#house .sort h3{ font-size: 16px;float: left;}
#house .sort span{ font-size: 38px; font-weight: bold; color:#1e629a;}
#house .sort dl{ font-size: 14px;float: right; margin-top: 20px;}
#house .sort dt{ background-color:#f2f2f2; float: left; padding: 0 20px;}
#house .sort dd{ font-size: 14px;color:#1e629a; float: right; padding: 0 0 0 25px; margin:5px 0 0 0; line-height: 1em;}
#house .sort .sort_line{border-right:1px solid #000; padding-right:15px;}
#house .list { margin: 0 0 0 -25px; }
#house .list li { float: left; width: 350px; margin: 0 0 25px 25px; position: relative; }
#house .list li .detail { margin: 20px 0 0 0;}
#house .list li .propose { position: absolute; display: inline-block; *display: inline; *zoom: 1; color: #fff; top: 0; left: 0; padding: 3px 15px; font-size: 14px; }
#house .list li .cat { background: #042347; text-align: center; color: #fff; font-size: 14px; line-height: 30px; }
#house .list li .detail_box { border: 1px solid #d3d3d3; border-top: none; padding: 20px 25px 60px 25px; text-align: center; height: 390px; overflow: scroll; }
#house .list li .detail_box .address { font-size: 16px; font-weight: bold; height: 54px; }
#house .list li .detail_box .price { font-size: 16px; border-bottom: 1px solid #d3d3d3; padding: 0 0 10px; margin: 0 0 20px; }
#house .list li .detail_box .price span { font-size: 27px; color: #c40000; }
#house .list li .detail_box th { font-size: 14px; font-weight: bold; text-align: left; padding: 5px 0; width: 90px; vertical-align: top; }
#house .list li .detail_box td { font-size: 14px; text-align: left; padding: 5px 0; }



/* ------------------------------------------------------------ footer */

#footer{ clear: both;}

/* ------------------------------------------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

.SP { display: block; }
.PC { display: none; }

#contents{padding:0}
.inner{ width: 94%;}
/*------------------------------------------------------------------------------------------------- header */
#header { width: 100%; margin: 0 auto; padding: 15px 0; text-align: center; position: fixed; }

/*------------------------------------------------------------------------------------------------- fv */

#fv h2 { text-align: center; padding: 100px 0; }
#fv h2 img { width: auto; height: 30px; }
#fv h2 span { display: block; padding: 10px 0 0; font-size: 14px; }
/*------------------------------------------------------------------------------------------------- search */
#search{width:100%;}
#search .inner{ width:96%;padding:20px 0;}
#search h2{ width: 96%; margin: 0 auto 20px; font-size: 18px; background-size: 15% 4px; }
#search h2 span { background-size: 15% 4px; }
#search table { width: 100%; }
#search th { font-size: 18px; font-weight: bold; width: 94%; text-align: left; padding: 10px 3%; border-bottom: none; display: block; }
#search td { width: 94%; border-bottom: none; display: block; padding: 0 3% 10px; }
#search .bottom th,
#search .bottom td { border: none; }
#search td p { float: left; padding: 0 35px 10px 0; }
#search td p span { padding: 0 0 0 5px; font-size: 16px; }
#search input[type="submit"] { width: 80%; background: #042347; color: #fff; line-height: 60px; margin: 40px auto 0; font-size: 16px; }

/*------------------------------------------------------------------------------------------------- house */
#house { padding: 30px 0;}
#house .sort h3{ float: none;}
#house .sort dl{ float: none; margin: 10px 0;}
#house .list { margin: 0; }
#house .list li { float: none; width: 100%; margin: 0 0 25px; }
#house .list li img { width: 100%; height: auto; }
#house .list li .cat { font-size: 14px; line-height: 30px; }
#house .list li .detail_box { border: 1px solid #d3d3d3; border-top: none; padding: 20px 6%; text-align: center; height: auto; }
#house .list li .detail_box .address { font-size: 16px; font-weight: bold; }
#house .list li .detail_box .price { font-size: 16px; border-bottom: 1px solid #d3d3d3; padding: 0 0 10px; margin: 0 0 10px; }
#house .list li .detail_box .price span { font-size: 27px; color: #c40000; }
#house .list li .detail_box th { font-size: 14px; font-weight: bold; text-align: left; padding: 5px 0; }
#house .list li .detail_box td { font-size: 14px; text-align: left; padding: 5px 0; }