@charset "utf-8";
/* CSS Document */

form {
	text-align		: left;
	font-size		: 16px;
}

h1, h2, h3, h4, h5, h6, td, th, pre, input, select, textarea {
	font-size		: 16px;
}

.borderTop {/*トップにバーがでるので*/
	margin			: 10px;
	border			: none;
}

/*----------------------------
	入力欄　余白調整
-----------------------------*/
/*余白を統一*/
.inputArea .selectListArea,
.inputArea .ListArea,
.inputArea .fullWidth,
.inputArea .w0,
.inputArea div.example,
.inputArea .inputArea ul.radioListArea,
.inputArea .inputArea ul.checkboxListArea,
.inputArea ul,
.inputArea .roomPlanElse #objectRoomPlanText,
.inputArea .roomPlanElse,
.inputArea #personAddressDetail{
	margin-top		: 15px;
	margin-left		: 15px;
	margin-bottom	: 15px;
}

/*=======================================================================
	全フォーム枠組み　共通の指定
=======================================================================*/
/*フォームエリア*/
#formArea1 {
	width			: 950px;
	margin			: 0 auto;
}

/*必須、任意マーク*/
#formArea1 span.must,
#formArea1 span.notMust {
	margin			: 0 0 20px 5px;
	float			: right;
}

/*-----記入例がある場合使用-----*/
.inputArea div.example{
	width			: 615px;
	padding			: 0;
	margin-top		: -10px;
	margin-bottom	: 10px;
	margin-right	: 20px;
/*	display			: -block; 特に崩れなかったのでトルツメ*/
	float			: right;
	color			: #666;
	font-size		: 15px;
}

/*-----注釈がある場合使用-----*/
.red {
	font-size		: 14px;
}

/*-----STEP項目-----*/
#formArea1 h2.step{
	/*margin			: 40px 0 0 0;*/
	margin			: 0;
	padding			: 6px 0;
	font-size		: 23px;
	border-radius	: 10px 10px 0 0;
	text-align		: center;
/*色は各サービスごと*/
	background		: -moz-linear-gradient(#666666, #999999);
	background		: -webkit-gradient( linear, left top, left bottom, from(#666666), to(#999999) );
	background		: linear-gradient(#666666, #999999) repeat scroll 0 0 rgba(0, 0, 0, 0);	border: 1px solid #999999;
	border-bottom	: #666 solid 3px;
}

.inputArea{
	border-bottom	: #D6D6D6 solid 1px;
	border-right	: #D6D6D6 solid 1px;
	border-left		: #D6D6D6 solid 1px;
	margin			: 0 0;
	padding			: 0 0;
	overflow		: hidden;
	height			: auto;
}

/*inputArea：高さがきかないので.clearfixと同様の指定を追加*/
.inputArea:after{
	clear			: both;
	content			: ".";
	display			: block;
	font-size		: 0;
	height			: auto;
	line-height		: 0;
	margin			: 0;
	padding			: 0;
	visibility		: hidden;
}

/*-----inputArea：入力項目-----*/
.inputArea .paragrapheTitle{
	display:block;
	border-right	: #D6D6D6 solid 1px;
	border-radius	: 0;
	width			: 260px;
	height			: auto;
	font-weight		: bold;
	float			: left;
	background-color: #EEE;
	margin			: 0 0 -30000px 0;
	padding			: 21px 15px 30000px 15px;
/*margin、paddinの30000px、-30000pxはfloatしたclassの高さを揃えられる指定*/
}

/*----- 住所/前ページから引き継がれてきたデータを表示するエリア ------*/
.inputArea span.prefix{
	display			: inline-block;
	float			: right;
	margin			: 25px 20px -15px 15px;
	padding			: 0;
	width			: 610px;
}

/*=======================================================================
	フォーム　inputAreaの指定 
=======================================================================*/
/*-----inputArea：プルダウン-----*/
/*セレクトボックスのサイズ指定*/
.inputArea .ListArea,
.inputArea .selectListArea{
	border-radius	: 0;
	width			: 300px;
	height			: 32px;
}

/*-----inputArea：テキストエリア-----*/
.inputArea .fullWidth {
	display			: inline;
	width			: 615px;
}

.inputArea .personCommon {
	display: inline-block;
}

/*ラジオボタン・プルダウンの指定*/
.inputArea .inputArea ul.radioListArea,
.inputArea .inputArea ul.checkboxListArea,
.inputArea ul{
	width			: 615px;
	float			: left;
	line-height		: 1.3em;
}

/*物件種別を選択*/
.inputArea #objectTypeList {
	background		: none;
}

/*inputAreaの中にさらにinput classがある場合に使用*/
.inputArea .inputArea{
	width			: 520px;
	border			: none;
	float			: right;
}

.inputArea .inputArea ul.radioListArea,
.inputArea ul#objectSiteAreaUnitArea,
.inputArea ul#objectBuildingAreaUnitArea{
	width			: 510px;
	float			: right;
	border			: none;
	padding			: 3px 0 0 0 ;
	margin-left		: 0;/*←査定方法の説明文がずれてしまうので削除不可*/
}

/*-----【共通】ラジオボタンのli-----*/
li.radioList {
	list-style		: none inside none;
	margin			: 0 5px 0 0;
	padding			: 3px 12px 3px 0;
	float			: left;
}

li.radioList a,
li.radioList a:link,
li.radioList a:visited,
li.radioList a:active,
li.radioList a:hover{
	padding			: 2px 0 0 25px;
	margin			: 2px 0;
}

/*-----【共通】チェックボックスのli-----*/
/*横並びにする場合*/
li.checkboxList {
	margin			: 0 15px 0 0;
	padding			: 5px 12px 5px 0;
	float			: left;
}
/*1行1項目にする場合*/
.inputArea ul#personReasonList li,
.inputArea ul#personWorryPointList li{
	width			: 630px;
	padding			: 5px 0 5px 0;
}

li.checkboxList a,
li.checkboxList a:link,
li.checkboxList a:visited,
li.checkboxList a:active,
li.checkboxList a:hover{
	padding			: 2px 0 0 35px;
	margin			: 2px 0;
}


/*個別の指定/START============================================================*/
/*物件種別*/
.inputArea ul#objectTypeList li.checkboxList{
	float			: none;
}

.inputArea ul#objectTypeList li.checkboxList a,
.inputArea ul#objectTypeList li.checkboxList a:link,
.inputArea ul#objectTypeList li.checkboxList a:active,
.inputArea ul#objectTypeList li.checkboxList a:hover{
	margin			: 2px 0;
	padding			: 2px 0 0 35px;
	font-weight		: bold;
}

/*物件の現況/現在の管理形態 */
.inputArea #objectCircumstanceList li.radioList{
	width			: 170px;
}

/*物件の名義 */
.inputArea #objectOwnerList li.radioList{
	margin			: 0 10px 0 0;
}

/*ご対応方法*/
.inputArea #personDemandList li.checkboxList{
	width			: 300px;
	margin-right	: 5px;
	padding-right	: 0;
}

/*希望連絡日*/
.inputArea #personRequestWeekdayList li.checkboxList{
	width			: 130px;
	margin			: 0 5px 0 0;
}

/*希望連絡方法*/
.inputArea #personRequestContactList li.checkboxList{
	width			: auto;
}

/*ご住所　査定物件の所在地と同じ場合・異なる場合*/
.inputArea ul#personAddressFromObjectList{
	margin-bottom	: 0;
	display			: block;
}

.inputArea #personAddressDetail{
	margin-top		: 0;
	width			: 615px;
	float			: left;
	display			: block;
}

/*間取り（部屋数・タイプ）*/
.inputArea #objectRoomPlanList{
	margin-bottom	: 0;
}

.inputArea .roomPlanElse{
	float			: left;
	margin-top		: 0;
	margin-bottom	: 0;
	width			: 630px;
}

.inputArea .roomPlanElse #objectRoomPlanText{
	margin-right	: 10px;
	margin-left		: 0;
	margin-top		: 3px;
}

/*戸数*/
.inputArea .textInline{
	float			: left;
}

/*あなたと物件の関係と名義*/
.inputArea ul#objectOwnerList li.radioList{
	display			: inline-block;
	width			: 630px;
	padding			: 5px 0 5px 0;
}

/*査定方法*/
.inputArea ul#personAssessmentList li{
	font-weight		: bold;
	margin-bottom	: 10px;
}
.inputArea .radioAssessment{
	margin			: 8px 10px 0 100px;
	width			: 500px;
	border-left		: #DFDFDF solid 3px;
	line-height		: 1.4em;
}

/*希望連絡日時*/
.inputArea .requestWeekdayStartEnd {
	float			: right;
	margin-top		: 0;
	width			: 630px;
}

.inputArea .requestWeekdayStartEnd p{
	width			: auto;
	float			: left;
	padding			: 10px 0 0 0;
}

.inputArea .requestWeekdayStartEnd .selectListArea{
	width			: 200px;
	float			: left;
	margin			: 0 5px 30px 5px;
}

/*気になる箇所*/
.inputArea ul#personWorryPointList li.checkboxList a#personWorryPoint19{
	width			: 80px;
}

.inputArea ul#personWorryPointList li.elseText{
	float			: left;
	list-style		: none;
	margin			: -35px 0 0 100px;
	padding			: 0;
	width			: auto;
}

/*-----郵便番号入力BOX-----*/
#zipCordBox{
	display			: none;
	margin			: 20px;
	padding			: 10px 10px;
	width			: auto;
	float			: right;
	background-color: #eeeeee;
	border-radius	: 5px;
}

#zipcodeButton{
	margin			:0;
	padding			:2px 10px;
	background		:url(/new/common/images/title_bg02.gif) top repeat-x;
	border			:1px solid #cccccc;
	box-shadow		:1px 1px 1px rgba(0,0,0,0.1);
	border-radius	:5px;
	text-decoration : none;
	cursor			:pointer;
}

a#zipcodeSearchButton{
	padding			: 5px 5px;
	border-radius	: 5px;
	cursor			: pointer;
	color			: #FFF;
	font-weight		: bold;
	background		: -moz-linear-gradient(#FFB8A1, #EF2102);
	background		: -webkit-gradient( linear, left top, left bottom, from(#FFB8A1), to(#EF2102) );
	background		: linear-gradient(#FFB8A1, #EF2102) repeat scroll 0 0 rgba(0, 0, 0, 0);	border: 1px solid #f58c00;
	border			: 1px solid #EF2102;
}

#zipcodeButton :hover {
	text-decoration : none;
}

/*フラグ部分*/
#addFlag .inputArea .inputArea ul.radioListArea,
#addFlag .inputArea .inputArea ul.checkboxListArea,
#addFlag .inputArea ul{
	width			: 615px;
	float			: right;
}

#addFlag .inputArea{
	padding-bottom	: 15px;
}

#addFlag .inputArea ul{
	margin-top		: 10px;
	margin-left		: 0;
	margin-bottom	: 0;
	padding-right	: 25px;
}

#addFlag .inputArea ul li{
	line-height		: 1.0em;
	padding-top		: 3px;
	padding-bottom	: 3px;
}


/*-----利用規約および個人情報の取り扱いに同意する-----*/
.inputArea #optionalCheckboxList{
	width			: 100%;
	margin			: 20px auto;
	display			: block;
	float			: none;
	text-align		: center;
}

.inputArea #optionalCheckboxList li.checkboxList {
	background-position: 270px 0;
	margin			: 0;
	padding			: 6px 12px 6px 0;
	width			: auto;
	float			: none;
}


.inputArea #optionalCheckboxList li.checkboxList a,
.inputArea #optionalCheckboxList li.checkboxList a:link,
.inputArea #optionalCheckboxList li.checkboxList a:visited,
.inputArea #optionalCheckboxList li.checkboxList a:active,
.inputArea #optionalCheckboxList li.checkboxList a:hover{
	margin			: 0;
	padding			: 0;
	text-align		: center;
	color: #4477DD;
	text-decoration: none;
}

.inputArea #optionalCheckboxList li.checkboxList a:hover{
	color: #88BBFF;
}

/*テキストのリンクがついているチェックボックスの調整*/
.inputArea ul#optionalCheckboxList{
	width: 370px;
	margin: 20px auto;
}

.inputArea ul#optionalCheckboxList li.checkboxList{
	height: 30px;
	background-position: 0 3px;
}

.inputArea ul li a#inquiryAcceptFlag1{
	width: 30px;
	float: left;
	padding: 10px 0;
}

.inputArea ul li #openPrivacy{
	width: 320px;
	float: right;
	color:#4477dd;
	cursor:pointer;
}

.inputArea ul li #openPrivacy:hover{
	text-decoration:underline;
}

/*個別の指定/END=======================================================*/

/*-----ボタンの指定-----*/
button.next {
	width			: 50%;
	height			: auto;
	font-size		: 23px;
	color			: #FFFFFF;
	background		: -moz-linear-gradient(#FFB8A1, #EF2102);
	background		: -webkit-gradient( linear, left top, left bottom, from(#FFB8A1), to(#EF2102) );
	background		: linear-gradient(#FFB8A1, #EF2102) repeat scroll 0 0 rgba(0, 0, 0, 0);	border: 1px solid #f58c00;
	border			: 1px solid #EF2102;
}

button {
	border-radius	: 15px;
	padding			: 20px 0;
	margin			: 50px auto 30px auto;
	box-shadow		: 5px 0px 10px 0 rgba(255, 255, 255, 0.5) inset;
}

/*=======================================================================
	査定企業一覧
=======================================================================*/
table#candidate{
	margin			: -5px 10px 50px 10px;
	width			: 930px;
	border-collapse	: collapse;
}

table#candidate tr.borderBottom{
	border-bottom	: #999 dotted 1px;
}

/*サービス毎に余白を入れたいので*/
table#candidate tr td.candidateTableSpace{
	padding:0;
	height:50px;
	font-size:0;
}

/*項目タイトル*/
#formArea1 #inquiryClientIdList h2.step{
	margin: 0 0 10px 0;
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	background-color:#f0f0f0;
	background: -moz-linear-gradient(#ffffff, #f0f0f0);
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#f0f0f0) );
	background:gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
	border:none;
	border-top:3px solid #3dac0d;
	border-bottom:1px solid #bfbfbf;
	border-radius:0;
}

/*サービス名*/
table#candidate th.divider {
	border-top		: none;
	padding			: 8px 0 5px 0;
	margin			:0;
	text-align		: center;
	font-weight		: bold;
	color			: #FFF;
	font-size:1.4em;;
	border-radius	: 20px;
/*色は各サービスごとに変更*/
	background		: #E3E3E3;
}

/*各サービス毎に色変更/START*/

table#candidate th.divider.sf {
	background-color:#f58c00;
	background: -moz-linear-gradient(#ffc809, #f58c00);
	background:gradient(linear, left top, left bottom, from(#ffc809), to(#f58c00));
	background: -webkit-gradient( linear, left top, left bottom, from(#ffc809), to(#f58c00) );
}
table#candidate th.divider.tk {
	background-color:#3dac0d;
	background: -moz-linear-gradient(#81de03, #3dac0d);
	background:gradient(linear, left top, left bottom, from(#81de03), to(#3dac0d));
	background: -webkit-gradient( linear, left top, left bottom, from(#81de03), to(#3dac0d) );
}
table#candidate th.divider.kr {
	background-color:#ee0033;
	background: -moz-linear-gradient(#fc5c72, #ee0033);
	background:gradient(linear, left top, left bottom, from(#fc5c72), to(#ee0033));
	background: -webkit-gradient( linear, left top, left bottom, from(#fc5c72), to(#ee0033) );
}
table#candidate th.divider.kz {
	background-color:#0066cc;
	background: -moz-linear-gradient(#3679ee, #0066cc);
	background:gradient(linear, left top, left bottom, from(#3679ee), to(#0066cc));
	background: -webkit-gradient( linear, left top, left bottom, from(#3679ee), to(#0066cc) );
}
table#candidate th.divider.nv {
	background-color:#00aaff;
	background: -moz-linear-gradient(#64cdff, #00aaff);
	background:gradient(linear, left top, left bottom, from(#64cdff), to(#00aaff));
	background: -webkit-gradient( linear, left top, left bottom, from(#64cdff), to(#00aaff) );
}
table#candidate th.divider.mf {
	background-color:#7ab369;
	background: -moz-linear-gradient(#a4d963, #7ab369);
	background:gradient(linear, left top, left bottom, from(#a4d963), to(#7ab369));
	background: -webkit-gradient( linear, left top, left bottom, from(#a4d963), to(#7ab369) );
}
table#candidate th.divider.bm {
	background-color:#0066cc;
	background: -moz-linear-gradient(#6ca7ef, #0066cc);
	background:gradient(linear, left top, left bottom, from(#6ca7ef), to(#0066cc));
	background: -webkit-gradient( linear, left top, left bottom, from(#6ca7ef), to(#0066cc) );
}
/*各サービス毎に色変更/END*/

table#candidate td{
	padding			: 10px 2px 0 2px;
}

table#candidate td.banner{
	width			: 135px;
	margin-top		: 10px;
	padding-bottom	: 10px;
}

table#candidate td.catch{
	width			: auto;
	padding			: 5px 2px;
	margin			: 0 0;
}

table#candidate td.checkbox{
	display			: block;
	margin			: 8px 4px 0 0;
	padding			: 12px 0 6px 15px;
	width			: 15px;
}
/*対応エリアの表示 START=============*/
.area{
	font-size: 13px;
}
/*対応エリアの表示 END=============*/
/*対応企業がない時、シースタイルサポートセンター表示 START=============*/
#companyBox{
	border-bottom	: none;
}

#companyBox table{
	margin			: 10px 10px 50px;
}

#companyBox table td img{
	padding			: -10px 0 0 0;
}

#companyBox table td.cstyleComment {
	font-size		: 14px;
	margin			: 4px 0;
	padding			: 0 0 20px 0;
}

#companyBox table td.cstyleComment strong {
	padding			: 10px 0 5px 0;
	margin			: 0 0;
	clear			: both;
	display			: block;
}
/*対応企業がない時、シースタイルサポートセンター表示 END===============*/


/*=======================================================================
	IE9以下
=======================================================================*/
/*グラデがきかないので別途指定*/
#formArea1 h2.step,
button.next{
	background		: #EF2102\9;
}