@charset "UTF-8";
/* CSS Document */
/*======================================================================
base.css

※common_css改訂版
180327 HTML5版
190515 ver2
======================================================================*/
#form_container #inpt_err {width:800px;margin:0 auto;padding:5px;}
#form_container #inpt_err li {text-align:left;color:red;font-weight:700;font-size:13px;margin:0 1.5em;padding:0;}
#form_container #desired_day1,
#form_container #desired_day2 {padding:4px;}
#form_container #desired_time_op,
#form_container #meeting_place_op1,
#form_container #meeting_place_op2 {display:none;}
#form_container #select_inq_kind label,
#form_container #desired_time label,
#form_container #meeting_place label {width:47%;}
#form_container #_box label,
#form_container #replacement_box label,
#form_container #job_box label {width:23%;}
#form_container label {display:inline-block;padding:2px;margin:2px;}

#form_container {text-align:center;}
#form_container .imp,
#form_container .imp_retrofit {background:url(/lib/images/asp/inq/imp.png) right center no-repeat;}
#form_container .align_l {text-align:left;}
#form_container .align_r {text-align:right;}
#form_container .align_c {text-align:center;}
#form_container .align_t {vertical-align:top;}
#form_container .align_b {vertical-align:bottom;}
#form_container .ime_ac {ime-mode:active;}
#form_container .ime_dis {ime-mode:disabled;}
#form_container label:hover {cursor:pointer;}
#form_container table .nowrap {white-space:nowrap;}
#form_container table .width2em {width:3em;}
#form_container table .width3em {width:3em;}
#form_container table .width4em {width:4em;}
#form_container table .width5em {width:5em;}
#form_container table .width6em {width:6em;}
#form_container table .width7em {width:7em;}
#form_container table .width8em {width:8em;}
#form_container table .width9em {width:9em;}
#form_container table .width10em {width:10em;}
#form_container table .width11em {width:11em;}
#form_container table .width12em {width:12em;}
#form_container table .width13em {width:13em;}
#form_container table .width14em {width:14em;}
#form_container table .width15em {width:15em;}
#form_container table .width16em {width:16em;}
#form_container table .width17em {width:17em;}
#form_container table .width18em {width:18em;}
#form_container table .width19em {width:19em;}
#form_container table .width20em {width:20em;}
#form_container table .width20per {width:20%;}
#form_container table .width25per {width:25%;}
#form_container table .width30per {width:30%;}
#form_container table .width40per {width:40%;}
#form_container table .width50per {width:50%;}
#form_container table .width90per {width:90%;}
#form_container table .min_width3em {min-width:3em;} 
#form_container table .min_width4em {min-width:4em;} 
#form_container table .min_width5em {min-width:5em;} 
#form_container table .min_width6em {min-width:6em;} 
#form_container table .min_width7em {min-width:7em;} 
#form_container table .min_width8em {min-width:8em;} 
#form_container table .min_width9em {min-width:9em;} 
#form_container table .min_width10em {min-width:10em;} 
#form_container table .min_width20per {min-width:20%;} 
#form_container table .min_width25per {min-width:25%;} 
#form_container table .min_width30per {min-width:30%;} 
#form_container table .min_width40per {min-width:40%;} 
#form_container table .min_width50per {min-width:50%;} 
#form_container table {background-color:#999;}
#form_container table th,
#form_container table td {background-color:#FFF;font-size:12px;line-height:140%;color:#444;font-weight:normal;}
#form_container input {font-size:14px;font-weight:bold;}

/*============================================================
ヘッダーフッター
============================================================*/
/*=form_head=*/
#form_container .form_head {width:800px;height:100px;margin:10px auto 10px auto;background-repeat:no-repeat;background-color:#FFF;background-position:right 0px;text-align:left;}
#form_container #inpt_area,
#form_container #confirm,
#form_container #rgst {width:800px;margin:0 auto;}
#form_container #inpt_area .form_head {background-image:url(/lib/images/asp/inq/step1.png);}
#form_container #confirm .form_head {background-image:url(/lib/images/asp/inq/step2.png);}
#form_container #rgst .form_head {background-image:url(/lib/images/asp/inq/step3.png);}
#form_container .form_head .title {float:left;width:120px;height:80px;}
#form_container .form_head .verisign {background-color:#FFF1F1;text-align:center;width:320px;height:80px;float:left;position:relative;padding:0 10px;}
#form_container #inpt_err {fone-size:13px;color:red;text-align:left;margin:.5em;}
#form_container .form_head .verisign span {display:block;width:110px;position:absolute;top:0;right:0;}
#form_container .form_head .verisign p {font-size:12px;line-height:160%;color:red;text-align:left;margin:5px 0 0;padding:8px 0 0;}
#form_container .form_head .verisign a {color:#003A8C;}
#form_container .form_head .verisign a:hover {color:#FF6600;}
#form_container .form_footer {width:760px;border-top:1px dotted #CCC;margin:25px auto 10px;padding:10px;}
#form_container .form_footer dl {border-bottom:1px dotted #CCC;margin:0 0 10px;padding:0 0 5px;}
#form_container .form_footer dt {font-size:13px;font-weight:700;color:#000;}
#form_container .form_footer dd {font-size:12px;line-height:140%;color:#666;text-align:left;margin:5px 0 0;}
#form_container .form_footer a {color:#003A8C;}
#form_container .form_footer a:hover {color:#FF6600;}

/*============================================================
物件資料請求フォーム
============================================================*/
/*=問い合わせ物件表記=*/
/*=#form_container .detail=*/
#form_container .detail {width:800px;margin:0 auto 20px auto;}
#form_container .detail .detail_t {text-align:left;}
/*=入力フォーム・入力内容確認=*/
/*=#form_container .input_area=*/
#form_container .input_area #topics_title {width:98%;background-color:#FFF1F1;border:2px solid red;padding:2px;}
#form_container .input_area #topics_title p {font-size:12px;font-weight:400;padding:10px 5px 5px;}
#form_container .input_area #topics_title p span {font-size:18px;font-weight:700;color:#000;}
#form_container .input_area {width:800px;margin:0 auto 20px;}
#form_container .input_area input,
#form_container .input_area textarea {font-size:14px;font-weight:700;}
#form_container .input_area input.radio,
#form_container .input_area input.checkbox {position:absolute;left:-9999px;}

#form_container .input_area .input_t {text-align:left;}
#form_container .input_area table {width:799px;border-spacing:0;border-collapse:collapse;}
#form_container .input_area table th,
#form_container .input_area table td {text-align:left;border-right:1px solid #999;border:1px solid #999;color:#000;font-size:14px;}
#form_container .input_area table th {background-color:#FFD;font-weight:700;width:12em;padding:6px 40px 6px 4px;}
#form_container .input_area table td {padding:6px 4px;}
#form_container .input_area .attention {font-size:12px;color:#FDFDFD;}
#form_container .input_area table td.nowrap {white-space:nowrap;}
#form_container .input_area #select_inq_kind label {font-size:14px;line-height:140%;display:inline-block;width:47.5%;margin:0 0 2px;padding:5px;}
#form_container .input_area #select_inq_kind label:hover {background-color:#FFC;}
#form_container .input_area #select_inq_kind ul#select_inq_kind_conf li {list-style-type:none;margin:0;padding:0;}
#form_container .input_area #select_inq_kind p {font-size:12px;font-weight:700;text-align:left;margin:.5em;}
#form_container .input_area #select_inq_kind pre {background-color:#F1F1F1;display:block;font-weight:400;margin:0;padding:10px;white-space:pre-wrap;word-break:break-all;max-width:555px;}
#form_container .input_area #select_inq_kind ul,
#form_container .input_area #select_inq_kind ul li {margin:0;padding:0;}
#form_container .input_area #inq_detail {position:relative;margin:5px 0;padding:0;}
#form_container .input_area #topics_title + #inq_detail {margin-top:15px;}
#form_container .input_area #inq_detail textarea {width:98%;}
#form_container .input_area #inq_detail .count {position:absolute;top:0;right:2%;font-size:12px;line-height:140%;font-weight:700;color:#666;letter-spacing:.1em;}
#form_container .input_area #inq_detail .count span {font-size:16px;}
#form_container .input_area #inq_detail .count .over {color:red;}
#form_container .input_area #reply_method label {width:30%;display:inline-block;padding:3px 5px;}
#form_container .input_area #reply_method label:hover {background-color:#FFC;}
/*住所項目 上部にマージン*/
#form_container .input_area #USER_ADDRESS {margin-top:5px;}

/*=必須項目色変更=*/
/*=input=*/
#form_container .input_area .inpt_yet {background-color:#FFF1F1;}
#form_container .input_area .inpt_comp {background-color:#FFF}
/*=エラー時の赤字追加=*/
#form_container .inc_att,
#form_container .input_area .inc_att {display:block;font-size:12px;line-height:14px;color:red;background-color:#FF9;margin:2px 0;padding:4px;}
#form_container .submit_area {position:relative;width:800px;margin:0 auto 20px;}
#form_container .submit_area a {text-decoration:none;}
#form_container .submit_area a.to_confirm {cursor:pointer;width:360px;height:140px;background-repeat:no-repeat;display:block;margin:0 auto;}
/*= タブレットPcでのラベルタグアクティブ化 =*/
#form_container label {cursor:pointer;}
#form_container label .checkbox,
#form_container label .radio_btn {display:block;background-repeat:no-repeat;background-position:0 0;text-indent:30px;font-size:13px;line-height:28px;margin:0;padding:0 4px;}
#form_container label .checkbox {background-image:url(/lib/images/asp/inq/checkbox.png);}
#form_container label .radio_btn {background-image:url(/lib/images/asp/inq/radio_btn.png);}
#form_container #enq_option label .checkbox,
#form_container #enq_option label .radio_btn {font-size:13px;}
#form_container label .checked,
#form_container label .checked_radio {background-position:0px -28px;}
#form_container label .checkbox input,
#form_container label .radio_btn input {display:none;} 

/*============================================================
表示内容確認画面
============================================================*/
#form_container .conf_title {margin:0 auto 20px;}
#form_container .submit_area .confirm_out {position:absolute;top:50px;left:0;}

/*============================================================
送信完了画面
============================================================*/
#form_container .thanks {width:800px;text-align:center;background-color:#FFA;margin:0 auto 20px;padding:30px 0 10px;}
#form_container .thanks p {font-size:20px;font-weight:700;line-height:140%;color:red;letter-spacing:.1em;margin:10px 0;}
#form_container .thanks p span {font-size:140%;padding:0 5px;}

/*=閉じるリンク=*/
#form_container #close {font-size:14px;text-align:center;}
#form_container #close a {color:#003A8C;}
#form_container #close a:hover {color:#F60;}

/*=その他バナー=*/
#form_container #moving,
#form_container #sumai {margin:0 0 20px 0;text-align:center;}
#form_container #moving a:hover img,
#form_container #sumai a:hover img,
#form_container #enquete a:hover img {opacity:0.75;filter:alpha(opacity=75);}

/*=情報配信=*/
#form_container #enq label {width:15%;display:inline-block;padding:3px 5px;}
#form_container #enq_wrap p {font-size:13px;background-color:#FF9;margin:0;padding:5px;}
#form_container #enq_wrap label {width:20%;display:inline-block;padding:3px 5px;}
#form_container #enq_option {padding:10px 0 0;}
#form_container #enq_option p {font-weight:700;color:red;}
#form_container #enq_option dl {background-color:#FFF;margin:5px 0;}
#form_container #enq_option dt {background-color:#EEE;font-size:13px;margin:5px 0 4px;padding:5px;}
#form_container #enq_option dd {margin:0 0 15px;padding:0;}
#form_container #enq_option dd label {display:inline-block;width:31%;font-size:12px;line-height:140%;margin:0 0 2px;padding:3px 5px;}
#form_container #enq_option dd#enq_interest_wrap label {width:22%;}
#form_container #enq_option dl dt.imp {background-position:4.5em center;}
#form_container #enq_option dd label:hover {background-color:#FFC;}
#form_container #enq_option select {font-size:14px;}

/*=エラーメッセージ=*/
#form_container #inpt_err {text-align:left;font-size:14px;font-weight:700;color:red;}

/*=物件コマ表示=*/
#form_container .section_title {font-size:16px;line-height:100%;font-weight:700;color:#fff;text-align:left;background-image:url(/lib/images/asp/inq/title_back.png);margin:0;padding:10px 15px;}
#form_container .section_title span {display:block;padding-left:8px;padding-top:4px;padding-bottom:4px;border-color:#FFF;border-style:solid;border-width:0 0 0 10px;}
#form_container #inq_obj {padding:0 0 10px;}
#form_container #inq_obj .box {position:relative;border-color:#003A8C;border-style:solid;border-width:0 0 1px;margin:6px 0 2px;padding:2px 2px 6px;}
#form_container #inq_obj .box {zoom:1;}
#form_container #inq_obj .box:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
#form_container #inq_obj .box .title {text-align:left;font-size:16px;font-weight:700;margin:0 0 5px;padding:2px 0 1px 100px;}
#form_container #inq_obj .box .title a {text-decoration:underline;color:#03F;}
#form_container #inq_obj .box .title a:hover {text-decoration:none;color:#39F;}
#form_container #inq_obj .box li {list-style-type:none;}
#form_container #inq_obj .box ul,
#form_container #inq_obj .box ul li {margin:0;padding:0;}
#form_container #inq_obj .box ul {width:70px;position:absolute;top:0;left:10px;padding:5px 0;}
#form_container #inq_obj .box ul li {font-size:0;width:100%;text-align:center;}
#form_container #inq_obj .box ul li.b_photo {width:70px;height:60px;margin:10px 0 0;}
#form_container #inq_obj .box ul li img {height:auto;width:auto;max-height:100%;max-width:100%;}
#form_container #inq_obj .box table {width:690px;background-color:#FFF!important;margin:0 0 0 100px;padding:2px;}

#form_container #inpt_area .box table th,
#form_container #inpt_area .box table td,
#form_container #inq_obj .box table th,
#form_container #inq_obj .box table td {font-size:12px;line-height:22px;padding:1px 2px;}
#form_container #inpt_area .box table th,
#form_container #inq_obj .box table th {background-color:#EEE;width:7em;color:#000;border-color:#FFF #999 #999 #FFF;border-style:solid;border-width:0 1px 1px 0;}
#form_container #inq_obj .box table td {text-align:left;border-color:#999;border-style:dotted;border-width:0 0 1px;}
#form_container #inpt_area .box table td.price,
#form_container #inq_obj .box table td.price {font-size:13px;line-height:18px;color:red;font-weight:700;}
#form_container #inpt_area .box table td span.homes,
#form_container #inq_obj .box table td span.homes {color:#666;font-size:11px;background:url(/lib/images/asp/inq/homes_logo_small.gif) no-repeat right 0;display:inline-block;padding-right:55px;float:right;}

#form_container #console_side {width:30px;position:fixed;left:0;top:0;margin:0;padding:0;}
#form_container #console_side ul {margin:0;padding:0;}
#form_container #console_side ul li {list-style-type:none;margin:0 0 10px;padding:0;}

#form_container #rgst .msg img {margin:40px auto 20px;}
#form_container #rgst .msg p {font-size:18px;line-height:140%;font-weight:700;margin:0;text-align:center;padding:20px;}
#form_container #rgst .console {margin:20px 0;}

/*= 入力項目上部の注釈表示 =*/
#form_container .refrain{font-size:13px;text-align:right;padding:0 0 10px;}