@charset "UTF-8";
/* -------------------------------------------
name : form_parts.css
info : フォームパーツ用CSS
date : 2015.12.16
------------------------------------------- */

/* ===========================================
common
=========================================== */
/* form reset
------------------------------------------- */
input, textarea, select, option {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: auto;
	background: none;
	/*border: none;  #GOOAUC-571 買取メッセージ復活 オンライン査定 del by liqf 20160427*/
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#aucForm label {
	width: auto;
}

/* input + select
------------------------------------------- */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	min-height: 30px;
	min-height: 20px\9;
	padding: 4px 6px 3px;
	border: 2px solid #dcdcdc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
	border: 2px solid #aaa;
	outline: none;
}

/* .form_el */
.form_el {
	display: table;
	margin-top: 10px;
	overflow: hidden;
	width: 100%;
}
.form_el .label {
	display: table-cell;
	font-weight: bold;
	padding: 0 15px 0 0;
	vertical-align: middle;
	width: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form_el .label span {
	display: block;
	font-size: 14px;
}
.form_el .label span small {
	font-size: 85.7143%;
	font-weight: normal;
}
.form_el .form_el_parts {
	display: table-cell;
	vertical-align: middle;
}
.form_el .form_el_parts .caution {
	background: transparent url(/kaitori/satei/assets/img/icon_caution.gif) no-repeat scroll left center;
	color: #ff0000;
	margin-bottom: 2px;
	padding-left: 20px;
}
.form_el .form_el_parts .caution_wrap {
	overflow: hidden;
}
.form_el .form_el_parts .caution_wrap .caution {
	float: left;
	margin-right: 37px;
}

/* required */
.form_el.form_req .label span {
	padding-right: 35px;
	padding-right: 30px\9;
	background: transparent url(/kaitori/satei/assets/img/icon_req.png) no-repeat scroll right center;
}
.form_el.form_req.ok .label span {
	background-image: url(/kaitori/satei/assets/img/icon_ok.png);
}
.form_el.form_req.any .label span {
	background-image: url(/kaitori/satei/assets/img/icon_any.png);
}
.form_el.form_req input,
.form_el.form_req select,
.form_el.form_req option {
	background: #fffaec;
}
.form_el.form_req.ok input,
.form_el.form_req.ok select,
.form_el.form_req.ok option {
	background: #fff;
}
.form_el_parts label {
	cursor: pointer;
}

/* radio */
.form_el_parts label.radio  {
	display: inline-block;
	font-size: 16px;
	height: 22px;
	padding: 0 0 0 28px;
	position: relative;
	width: 95px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form_el_parts label.radio input {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
	display: none;
}
.form_el_parts label.radio span {
	background: transparent url(/kaitori/satei/assets/img/radiobtn.gif) no-repeat scroll right center;
	display: block;
	height: 22px;
	left: 0;
	position: absolute;
	top: 0;
	width: 21px;
}
.form_el_parts label.radio > input:checked + span {
	background-position: 0 0;
}

/* checkbox */
.form_el_parts label.checkbox  {
	display: inline-block;
	font-size: 16px;
	height: 21px;
	padding: 0 0 0 28px;
	position: relative;
	width: auto;
	font-size: 85.7143%;
	line-height: 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form_el_parts label.checkbox input {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
	display: none;
}
.form_el_parts label.checkbox span {
	background: url(/kaitori/satei/assets/img/checkbox.gif) no-repeat right center;
	display: block;
	height: 21px;
	left: 0;
	position: absolute;
	top: 0;
	width: 21px;
}
.form_el_parts label.checkbox > input:checked + span {
	background-position: 0 0;
}

/* for ie8 */
.form_el_parts label.on span {
	background-position: 0 0;
}



/* textarea */
.textarea {}
.textarea .form_el_parts {}
.textarea .form_el_parts .label {
	padding: 0 0 3px;
	width: auto;
}
.textarea .form_el_parts textarea {
	font-size: 12px;
	height: 103px;
	line-height: 1.6;
	padding: 10px;
	width: 328px;
}
.textarea.form_el.form_req .label span {
	background-position: left center;
	padding: 0 0 0 35px;
}


/* select */
.customSelect {
	background:#fff url(/kaitori/satei/assets/img/arrow_btm.png) right center no-repeat;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 4px 5px 4px 6px;
	border: 2px solid #dcdcdc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-appearance: none;
}
.customSelect.customSelectFocus{
	border: 2px solid #aaa;
	outline: none;
}
.form_el.form_req .customSelect {
/*	background-color: #e6b9b8;*/
 background-color: #fae4e3;
 /* GOOAUC-892 20170929 update by xa_luxx */
}

.form_el.form_req .customSelect.onChecked,
.form_el.form_req.ok .customSelect {
	background-color: #fffaec;
}

/* .form_zip */
.form_zip input {
	float: left;
	margin-right: 15px !important;
}
.form_zip span.cr_wrap {
	float: left;
	margin-right: 15px;
}
.form_zip span.cr_wrap input {
	float: none;
	margin-right: 0px !important;
}

.form_zip #zip_search {
	margin: 12px 0px 0;
}

/* .form_tel */
.form_tel input {
	float: left;
	margin-right: 10px;
}
.form_tel .caution_tel {
	font-size: 11px;
	color: #555;
}
.form_exhaust label {
    float: none !important;
    margin-left: 16px;
}

#city .customSelect {
	width: 280px;
/*	background-color: #FFF;*/
}

#temp_crm_city {
	width: 280px;
    color: #000000 !important;
/*	background-color: #FFF;
*/}

.form_style_02 .form_el.form_req .areaTxt {
	width: 280px;
/*	background-color: #FFF;
*/}

.tooltip01 {
	background: #84d56c none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
	top: 520px;
	left: 272px;
	visibility: visible;
	z-index: 500;
	opacity: 0;
}

.tooltip01 span::after {
    border-color: #84d56c transparent transparent;
    border-radius: 3px;
    border-style: solid;
    border-width: 6px 8px 0;
    bottom: -5px;
    content: "";
    display: block;
    height: 0;
    left: 17px;
    position: absolute;
    width: 0;
}
.tooltip01 span {
    display: block;
    padding: 12px 14px;
    position: relative;
}

.form_style_02 .form_el.form_req input {
/*	background-color: #E6B9B8;*/
background-color: #fae4e3;
/* GOOAUC-892 20170929 update by xa_luxx */
}

.form_style_02 .form_el.form_req input:focus {
	 background: #fffaec;
}

.form_el.form_req.ok input{
	background-color: #fffaec;
}



.form_sec {
	position: relative;
}

.form_sec .tooltip01 {
	top:  -3px !important;
	left: 202px !important;
}

/* GOOAUC-892 20170929 update by xa_luxx begin*/
#temp_crm_city input[placeholder],
.form_sec input[placeholder], 
.form_sec [placeholder] {
	color: #000000;
} 

.form_sec ::-webkit-input-placeholder {
/*	color: #000000!important;*/
color:  #999999 !important;
}

.form_sec :-moz-placeholder {
/*	color: #000000 !important;*/
color:  #999999 !important;
}

.form_sec ::-moz-placeholder {
/*	color: #000000 !important;*/
color:  #999999 !important;
}

#temp_crm_city:-ms-input-placeholder,
.form_sec :-ms-input-placeholder {
/*	color: #000000 !important;*/
color:  #999999 !important;
}

/* GOOAUC-892 PC版個別査定入力画面デザイン変更  20170929 add by xa_luxx begin*/
#temp_crm_city::-ms-input-placeholder,
.form_sec ::-ms-input-placeholder {
    color: #999999 !important;
}

.form_sec input:focus::-webkit-input-placeholder {color: transparent!important;}
.form_sec input:focus::-moz-placeholder { color:transparent!important; }
.form_sec input:focus::-moz-placeholder { color:transparent!important; }
/* GOOAUC-892 20170929 add by xa_luxx end*/

/* for ie8 */
.cr_wrap {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 0;
	overflow: hidden;
	_zoom: 1;
}
.cr {
	display: inline-block;
	position: absolute;
	width: 5px;
	height: 5px;
	background: url(/kaitori/satei/assets/img/bg_corner01.png) no-repeat;
}
.cr_tl {
	top: 0;
	left: 0;
	background-position: top left;
}
.cr_tr {
	top: 0;
	right: 0;
	background-position: top right;
}
.cr_bl {
	bottom: 0;
	left: 0;
	background-position: bottom left;
}
.cr_br {
	bottom: 0;
	right: 0;
	background-position: bottom right;
}
/* for custom select */
.customSelect.cr_wrap_cs {}
/*.customSelect.cr_wrap_cs .cr_tl {top:-2px; left:-2px;}
.customSelect.cr_wrap_cs .cr_tr {top:-2px; right:-2px;}
.customSelect.cr_wrap_cs .cr_bl {bottom:-2px; left:-2px;}
.customSelect.cr_wrap_cs .cr_br {bottom:-2px; right:-2px;}*/


/* 長さ調整 */
.w360{width:360px;}
.w240{width:240px;}
.w220{width:220px;}
.w160{width:160px;}
.w130{width:130px;}
.w120{width:120px;}
.w110{width:110px;}
.w105{width:105px;}
.w80{width:80px;}
.w60{width:60px;}
.w50{width:50px;}

/* フォントサイズ */
.f11 {font-size: 78.6%;}
.f12 {font-size: 85.7143%;}
.f14 {font-size: 100%}
.f16 {font-size: 114.29%;}

/* margin + padding */
.pt0 {padding-top: 0 !important;}
.mt4 {margin-top: 4px !important;}
.mr20 {margin-right: 20px !important;}
.form_el.form_req.form_exhaust input {
      background-color: #fae4e3;
/* GOOAUC-892 20171011 update by xa_liqf */
}
.form_el.form_req.form_exhaust.ok input{
      background-color: #fffaec;}