@charset "utf-8";
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
base
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#search_box {
width: 960px;
height: 100%;
margin: 40px auto 0;
padding: 0;
}
h2 {
margin: 0 0 40px;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
物件検索（路線&エリア）
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div.train {
margin: 0 0 40px;
}
div.train div.wrapper {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.area div.wrapper {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.condition div.wrapper {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.train div.inner,
div.area div.inner,
div.condition div.inner {
width: 958px;
margin: 0;
padding: 20px 0 0;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
border-bottom: #CCC solid 1px;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
}
div.condition div.inner {
padding: 20px 0;
}

/* 路線から検索 */
div.railway {
width: 876px;
height: 100%;
overflow: hidden;
margin: 0 auto 20px;
padding: 15px 20px 0;
background: #f7f7f7;
border: #CCC solid 1px;
}
div.railway p.heading {
margin: 0 0 15px;
padding: 0 0 0 23px;
color: #0072a4;
font-size: 18px;
font-weight: bold;
background: url(../img/common/mkr_04.gif) left no-repeat;
}
div.railway ul {
margin: 0;
padding: 0;
list-style: none;
}
div.railway ul li {
margin: 0 40px 15px 0;
padding: 0;
display: inline;
float: left;
white-space: nowrap;
}
div.railway ul li input {
float: left;
}
div.railway ul li span {
margin: 0 0 0 5px;
float: left;
}
div.railway ul li:hover {
color: #F00;
}
div.railway ul li label {
cursor: pointer;
}
div.train div.btn {
width: 412px;
height: 34px;
overflow: hidden;
margin: 20px auto 0;
padding: 0;
text-align: center;
}
div.train div.btn input {
margin: 0 10px;
padding: 0;
float: left;
}
div.train div.btn p {
width: 246px;
height: 34px;
margin: 0 10px;
padding: 0;
display: inline;
float: left;
position: relative;
}
div.train div.btn p:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
div.train div.btn input:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
div.train div.btn p input.noterms {
width: 246px;
height: 34px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";
cursor: pointer;
}
div.train div.btn p img {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
div.train div.btn img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/* エリアから検索 */
div.map_img {
width: 388px;
height: 636px;
margin: 20px 0 0 82px;
padding: 0 0 30px;
display: inline;
float: left;
background: url(../img/rent/map_img.gif) top no-repeat;
position: relative;
}
div.map_img img {position:absolute;}
div.map_img a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
img#p_01 {left:163px;top:68px;}
img#p_02 {left:79px;top:40px;}
img#p_03 {left:105px;top:94px;}
img#p_04 {left:152px;top:125px;}
img#p_05 {left:115px;top:191px;}
img#p_06 {left:18px;top:204px;}
img#p_07 {left:88px;top:171px;}
img#p_08 {left:61px;top:193px;}
img#p_09 {left:73px;top:232px;}
img#p_10 {left:158px;top:174px;}
img#p_11 {left:237px;top:170px;}
img#p_12 {left:-44px;top:98px;}
img#p_13 {left:-43px;top:78px;}
img#p_14 {left:-43px;top:138px;}
img#p_15 {left:-43px;top:118px;}
img#p_16 {left:-43px;top:164px;}
img#p_17 {left:79px;top:153px;}
img#p_18 {left:-44px;top:184px;}
img#p_19 {left:-44px;top:204px;}
img#p_20 {left:122px;top:153px;}
img#p_21 {left:113px;top:138px;}
img#p_22 {left:108px;top:124px;}
img#p_23 {left:126px;top:223px;}
img#p_24 {left:316px;top:193px;}
img#p_25 {left:255px;top:76px;}
img#p_26 {left:76px;top:309px;}
img#p_27 {left:213px;top:330px;}
img#bou_01 {left:-1px;top:86px;}
img#bou_02 {left:-2px;top:105px;}
img#bou_03 {left:-3px;top:119px;}
img#bou_04 {left:-3px;top:126px;}
img#bou_05 {left:-3px;top:130px;}
img#bou_06 {left:-4px;top:132px;}
img#bou_07 {left:-3px;top:146px;}
img#bou_08 {left:43px;top:165px;}

div.area_name {
width: 387px;
height: 100%;
margin: 0 0 0 70px;
padding: 20px 0 0;
display: inline;
float: left;
}
div.area_name ul {
width: 170px;
height: 100%;
overflow: hidden;
margin: 0 20px 20px 0;
padding: 0;
display: inline;
float: left;
list-style: none;
}
div.area_name ul li {
width: 170px;
height: 100%;
overflow: hidden;
margin: 0 0 10px;
padding: 0 0 0 23px;
font-size: 14px;
display: inline;
float: left;
background: url(../img/common/mkr_05.gif) left no-repeat;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
物件検索（詳細）
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div.condition p.btn {
height: 34px;
overflow: hidden;
margin: 20px auto 0;
padding: 0;
text-align: center;
}
div.condition p.btn input:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* 駅を選ぶ */
dl.railway {
width: 876px;
height: 100%;
overflow: hidden;
margin: 0 auto 20px;
padding: 20px 20px 0;
background: #f7f7f7;
border: #CCC solid 1px;
}
dl.railway dt {
overflow: hidden;
margin: 0;
padding: 0;
font-size: 16px;
}
dl.railway dt img,
dl.railway dt span {
float: left;
}
dl.railway dt span {
margin: 7px 0 0 20px;
}
dl.railway dd {
overflow: hidden;
margin: 0 0 20px;
padding: 0 0 2px;
background: url(../img/common/line_05.gif) bottom repeat-x;
}
dl.railway dd:last-child {
overflow: hidden;
margin: 0;
padding: 0;
background: none;
}
dl.railway dd p {
margin: 20px 0 15px;
padding: 0;
}
dl.railway dd ul {
margin: 0;
padding: 0;
list-style: none;
}
dl.railway dd ul li {
margin: 0 40px 15px 0;
padding: 0;
display: inline;
float: left;
white-space: nowrap;
}
dl.railway dd ul li input {
float: left;
}
dl.railway dd ul li span {
margin: 0 0 0 5px;
float: left;
}
dl.railway dd ul li:hover {
color: #F00;
}
dl.railway dd ul li label {
cursor: pointer;
}

/* エリアの場合 */
div.selected_area {
margin: 0 0 40px;
}
div.selected_area div.wrapper {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.selected_area div.inner {
width: 958px;
margin: 0;
padding: 20px 0 0;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
border-bottom: #CCC solid 1px;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
}
div.selected_area p.heading {
width: 876px;
height: 100%;
overflow: hidden;
margin: 0 auto 20px;
padding: 20px;
font-size: 16px;
background: #f7f7f7;
border: #CCC solid 1px;
}
div.selected_area p.heading img,
div.selected_area p.heading span {
float: left;
}
div.selected_area p.heading span {
margin: 5px 0 0 20px;
}

/* 詳細な条件 */
div.condition table {
width: 916px;
margin: 0 auto;
padding: 0;
border-collapse: collapse;
}
div.condition table td {
padding: 15px 20px 0;
background: #f7f7f7;
border: #CCC solid 1px;
}
div.condition table td.td_01 {
width: 158px;
padding: 15px 20px;
color: #FFF;
background: #0072a4;
}
div.condition table td select {
margin: 0 0 15px;
}
div.condition table td ul {
margin: 0;
padding: 0;
list-style: none;
}
div.condition table td ul li {
margin: 0 40px 15px 0;
padding: 0;
display: inline;
float: left;
white-space: nowrap;
}
div.condition table td dl dt {
margin: 0 0 10px;
padding: 0 0 0 23px;
color: #0072a4;
font-size: 14px;
font-weight: bold;
background: url(../img/common/mkr_06.gif) left no-repeat;
}
div.condition table td dl dd {
overflow: hidden;
margin: 0;
padding: 0;
}
div.condition table td ul li:hover {
color: #F00;
}
div.condition table td ul li label {
cursor: pointer;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
検索結果一覧
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#result_box {
width: 960px;
height: 100%;
margin: 40px auto 0;
padding: 0;
}

/* ソート、ページ遷移 */
#result_box .upper {
padding: 10px;
overflow: hidden;
background: #F7F7F7;
}
#result_box .upper p {
display: inline;
float: left;
}
#result_box .upper p span {
color: #e60012;
font-size: 20px;
}
#result_box .upper .control {
display: inline;
float: right;
}
#result_box .upper .control div {
margin: 0 0 0 20px;
display: inline;
float: left;
}
ol.transition {
margin: 20px 0 0;
}
ol.tr_02 {
margin: 40px 0 0;
}
ol.transition li {
color: #AAA;
border: #AAA solid 1px;
}
ol.transition li a {
color: #AAA;
}
ol.transition li span {
}
ol.transition li a:hover,
ol.transition li.current {
color: #FFF;
background: #AAA;
}

/* 物件 */
ul.object {
margin: 0;
padding: 0;
list-style: none;
}
ul.object li {
height: 100%;
margin: 20px 0;
padding: 0;
}
ul.object li div.data {
height: 100%;
overflow: hidden;
margin: 0;
padding: 10px;
background: #f7f7f7;
border: #CCC solid 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
ul.object li div.data h3 {
margin: 0 0 10px;
font-weight: normal;
line-height: 1.4;
}
ul.object li div.data h3 span {
margin: 0 10px 0 0;
padding: 2px 10px 3px;
color: #FFF;
background: #004665;
}
ul.object li div.data .photo {
width: 232px;
height: 156px;
overflow: hidden;
margin: 0;
padding: 0;
display: inline;
float: left;
text-align: center;
}
ul.object li div.data .photo a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
ul.object li div.data table {
width: 696px;
margin: 0 0 0 10px;
display: inline;
float: left;
border-collapse: collapse;
background: #FFF;
}
ul.object li div.data table th,
ul.object li div.data table td {
padding: 8px 10px;
font-size: 13px;
text-align: center;
border: #CCC solid 1px;
}
ul.object li div.data table th {
font-weight: normal;
background: #f2f1df;
}
ul.object li div.data table td.td_01 {width:318px;}
ul.object li div.data table td.td_02 {width:196px;}
ul.object li div.data table td.td_03 {width:120px;}
ul.object li div.data table td.left {
text-align: left;
}
ul.object li div.data table td.left {text-align:left;}

ul.object li div.data table td.td_01 span {
color: #e60012;
font-size: 16px;
font-weight: bold;
}
ul.object li p {
min-height: 31px;
margin: 10px 10px 0;
padding: 0 0 0 40px;
line-height: 1.4;
background: url(../img/rent/pr.gif) top left no-repeat;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
物件詳細
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#detail_box {
width: 960px;
height: 100%;
margin: 40px auto 0;
padding: 0;
}
#detail_box .data {
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background: #F7F7F7;
border: #CCC solid 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#detail_box .data h3 {
overflow: hidden;
margin: 0;
padding: 10px;
font-size: 18px;
font-weight: normal;
line-height: 1.3;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dfdfdf), color-stop(0.00, #f8f8f8));
background: -webkit-linear-gradient(#f8f8f8, #dfdfdf);
background: -moz-linear-gradient(#f8f8f8, #dfdfdf);
background: -o-linear-gradient(#f8f8f8, #dfdfdf);
background: -ms-linear-gradient(#f8f8f8, #dfdfdf);
background: linear-gradient(#f8f8f8, #dfdfdf);
border-bottom: #CCC solid 1px;
}
#detail_box .data h3 span {
float: left;
}
#detail_box .data h3 span.cate {
margin: 2px 10px 0 0;
padding: 2px 10px 3px;
color: #FFF;
font-size: 13px;
background: #004665;
}
#detail_box .data dl.line {
overflow: hidden;
margin: 10px 10px 0;
padding: 0 0 12px;
background: url(../img/common/line_05.gif) bottom repeat-x;
}
#detail_box .data dl:last-child {
padding: 0 0 10px;
background: none;
}
#detail_box .data dl.line dt {
margin: 0 10px 0 0;
padding: 5px 15px;
display: inline;
float: left;
background: #f2f1df;
border: #CCC solid 1px;
}
#detail_box .data dl.line dd {
margin: 9px 30px 0 0;
padding: 0;
font-size: 13px;
line-height: 1.3;
display: inline;
float: left;
}
#detail_box .data dl.line dd.extra_01 {
margin: 6px 30px 0 0;
}
#detail_box .data dl.line dd.extra_02 {
margin: 5px 30px 0 0;
}
#detail_box .data dl.line dt span {
font-size: 13px;
}
#detail_box .data dl.line dd span {
color: #E60012;
font-size: 16px;
font-weight: bold;
}
#detail_box .pr {
margin: 20px 0 0;
padding: 10px;
background: #ffffdb;
border: #dede9e solid 1px;
}
#detail_box .pr span {
min-height: 31px;
padding: 0 0 0 40px;
line-height: 1.4;
display: block;
background: url(../img/rent/pr.gif) top left no-repeat;
}
#detail_box .btns {
height: 51px;
overflow: hidden;
margin: 32px 0 0;
padding: 0;
text-align: center;
position: relative;
}
#detail_box .btns img.contact {
margin: 8px 0 0;
}
#detail_box .btns img.print {
width: 138px;
height: 51px;
position: absolute;
top: 0;
right: 0;
}
#photo_container {
width: 960px;
height: 100%;
overflow: hidden;
margin: 32px 0 0;
padding: 0;
}
#photo_container .main {
width: 598px;
height: 100%;
orphans: inherit;
margin: 0;
padding: 0;
display: inline;
float: left;
}
#photo_container ul.sub {
width: 360px;
height: 100%;
orphans: inherit;
margin: 0;
padding: 0;
display: inline;
float: left;
background: #FFF;
list-style: none;
}
#photo_container .main .control {
height: 23px;
overflow: hidden;
margin: 0 0 10px;
padding: 0;
position: relative;
}
#photo_container .main .control img.prev {
position: absolute;
top: 0;
left: 201px;
}
#photo_container .main .control img.next {
position: absolute;
top: 0;
right: 200px;
}
#photo_container .main .inner {
text-align: center;
}
#photo_container .main .inner img {
padding: 10px;
border: #CCC solid 1px;
background: #FFF;
}
#photo_container .main p.comment {
margin: 7px 0 0;
padding: 0 0 0 25px;
background: url(../img/common/mkr_07.gif) top left no-repeat;
}
#photo_container ul.sub li {
width: 100px;
height: 100px;
overflow: hidden;
margin: 0 0 20px 20px;
padding: 0;
display: inline;
float: left;
background: url(../img/common/bg_06.gif);
position: relative;
}
#photo_container ul.sub li img {
position: absolute;
}
#photo_container ul.sub li a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
#detail_box table {
width: 960px;
margin: 40px 0 0;
padding: 0;
border-collapse: collapse;
}
#detail_box table td {
padding: 7px 20px;
border: #CCC solid 1px;
}
#detail_box table td.td_01,
#detail_box table td.td_03 {
width: 110px;
background: #f2f1df;
}
#detail_box table td.td_02,
#detail_box table td.td_04 {
width: 291px;
background: #FFF;
}
p.excuse {
margin: 10px 0 0;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
お問い合わせ
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#detail_box .contact_box {
width: 754px;
overflow: hidden;
margin: 40px auto 0;
padding: 0 0 20px;
background: #FFF;
border: #CCC solid 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#detail_box .contact_box p.headline {
margin: 0 0 20px;
border-bottom: #CCC solid 1px;
}
#detail_box .contact_box p.contact {
margin: 0 0 0 20px;
display: inline;
float: left;
}
#detail_box .contact_box p.btn {
margin: 60px 20px 0 0;
display: inline;
float: right;
}