@charset "utf-8";

/**  sell/valuation/css/styles.css Menu **************************************
	sell/valuation/配下ページ用
*******************************************************************/

.content_left2 h2{font-size:0; line-height:1; padding:0 0 20px;}
/* 共通 */
.content_left2 .muryoSatei {background:url(/static/sell/images/mansion/muryo_satei_h3.jpg) left top no-repeat; min-height:53px; border-bottom:1px solid #d5d3cf; position:relative; padding:52px 0 0 19px;}
.content_left2 .muryoSatei h3 {position:absolute; left:0; top:0; width:100%; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden;}
.content_left2 .muryoSatei p{font-size:12px; line-height:18px;}
.content_left2 .muryoSatei p.btn {position:absolute; right:18px; bottom:13px;}
.content_left2 .muryoSatei p.btn a{display:block; background:url(/static/sell/images/mansion/muryo_satei_btn.png) left top no-repeat; width:229px; height:46px; overflow:hidden; white-space:nowrap; text-indent:100%;}
.content_left2 .muryoSatei p.btn a:hover {-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

/* valuation */
#valuation { position: relative; }
#valuation .mainVisual {position:relative; height:223px; overflow:hidden; margin-bottom:20px;}
#valuation .toForm {margin-bottom:20px;}
#valuation .toForm h3{margin-bottom:20px;}
#valuation .toForm .bg {background:url(/static/sell/images/valuation/satei_bg.png) 50% 100% no-repeat; position:relative; height:218px; border: solid 1px #e0e2e2;}
#valuation .toForm .stepTitle { position: absolute; top: 55px; left: 20px;}
#valuation .toForm .step {position:absolute; left:190px; top:74px; width:300px; height:100px; font-size:12px; line-height:20px;}
#valuation .toForm .step1 { top: 65px; left: 214px;}
#valuation .toForm .step1 .zipcode{height:37px; padding:11px 15px 0;}
#valuation .toForm .step1 .address{height:37px; padding:18px 15px 0; white-space:nowrap;}
#valuation .toForm .step1 input {width:50px; height:20px;}
#valuation .toForm .step1 select{width:200px; height:26px; margin-bottom:3px; display: block;-webkit-appearance: none;　-moz-appearance: none;　appearance: none;border-radius: 0; padding:0 5px; position: relative; background: url(/static/sell/images/valuation/satei_select_bg.png) no-repeat 180px 50% #fff;}
#valuation .toForm .step1 select::-ms-expand{display: none;}
#valuation .toForm .step1 span {display:inline-block; padding-right:6px;}
#valuation .toForm .step2 {left:40px; top: 80px; width:170px; padding:13px 0 0; font-size: 14px;}
#valuation .toForm .step2 label{display:block; padding-bottom:10px;}
#valuation .toForm .step3 {left:467px; top: 90px; width:221px; }
#valuation .toForm .step3 button {width:221px; height:84px; overflow:hidden; white-space:nowrap; border:none; display:block; padding:0; margin:0; cursor:pointer; font-size:0; background: none;}
#valuation .toForm .step3 button:hover {-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#valuation .contents1 {margin-bottom:20px;}
#valuation .contents1 div{border:1px solid #d5d3cf; padding:20px 0 0 20px; border-top:none;}
#valuation .contents1 table{width:100%;}
#valuation .contents1 table td {padding:0 15px 20px 0; width:110px; vertical-align:top;}
#valuation .contents1 table td h4{font-size:14px; line-height:21px; font-weight:bold;}
#valuation .contents1 table td p {font-size:12px; line-height:21px;}
#valuation .contents1 table td + td {width:auto;}
#valuation .contents1 table td + td + td {width:110px;}
#valuation .contents1 table td + td + td + td{width:auto;}
#valuation .contents2 {margin-bottom:20px;}
#valuation .contents2 div{border:1px solid #d5d3cf; padding:20px; border-top:none;}
#valuation .contents2 p {font-size:15px; line-height:20px; padding-bottom:3px;}
#valuation .contents2 p.image{font-size:0; line-height:1; padding:0 0 20px;}
#valuation .contents2 ul.link {background:#f2ede4; clear:both; zoom:1; padding:12px 20px;}
#valuation .contents2 ul.link:after{content:''; clear:both; display:block;}
#valuation .contents2 ul.link li {float:left; padding:0 20px 0 0;}
#valuation .contents2 ul.link a {color:#372406; font-size:13px; line-height:20px; display:block; position:relative; padding-left:15px; background:url(/static/sell/images/common/icon_arr02.jpg) left 0.33em no-repeat;}
#valuation .faq {margin-bottom:30px;}
#valuation .faq dl{border-left:1px solid #d5d3cf; border-right:1px solid #d5d3cf; line-height:14px; line-height:20px;}
#valuation .faq dl dt{font-weight:bold; color:#1992ca; padding:18px 0 18px 50px; background:url(/static/sell/images/common/icon_question.jpg) 14px 13px no-repeat;}
#valuation .faq dl dd{border-bottom:1px solid #d5d3cf; padding:0 10px 16px 50px; background:url(/static/sell/images/common/icon_answer.jpg) 14px 4px no-repeat;}
#valuation .backLink  {text-align:center; margin-bottom:25px;}
#valuation .backLink a:hover img{-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#valuation ul.dot li{padding:0 0 0 1em; font-size:14px; line-height:19px; position:relative;}
#valuation ul.dot li span {display:inline-block; position:absolute; left:0; top:0;}


#valuation .inputError {
    position: absolute;
    right: 10px;
    background: #fff;
    border: solid 2px #db6363;
    border-radius: 4px;
    width:200px;
}

#valuation .inputError h3 {
    background: #db6363;
    color: #fff;
    padding: 3px 5px;
    margin-bottom: 0px;
}

#valuation .inputError p {
    padding: 5px;
}