@charset "utf-8";
/*---------------------------------------------
 基本設定
---------------------------------------------*/
#satei-form {
	float: left;
	width: 820px;
	text-align: center;
}
#satei-form p {
	margin: 20px auto 0 auto;
	padding: 0;
}


/* フォームエリア */
#form-area {
	width: 800px;
	margin: 0 auto;
	border-bottom: 6px solid #3f3f3f;
}

/* 未来のパンクズ */
#form-area .head {
	width: 798px;
	height: 90px;
	overflow: hidden;
	border-left: 1px solid #3f3f3f;
	border-right: 1px solid #3f3f3f;
	background-image: url('/contact/satei/img/head/head.jpg');
}
* html #form-area .head {
	width: 800px;
}

/* 3つのメニュー */
#form-area .head ul {
	width: 798px;
	margin: 5px 0 0 37px;
	overflow: hidden;
}
#form-area .head ul li {
	float: left;
	margin-right: 64px;
}

/* 3つのメニューの内の、左のステップの数字が書いてあるトコ */
#form-area li#head-step {
	width: 199px;
	height: 80px;
	overflow: hidden;
	background-image: url('/contact/satei/img/head/head01.gif');
}
#form-area li#head-step ol {
	width: 199px;
	margin: 44px 0 0 21px;
}
#form-area li#head-step ol li {
	float: left;
	width: 23px;
	height: 22px;
	margin: 0 4px 0 0;
}





/*---------------------------------------------
 フォームと右ナビの領域の大くくり
---------------------------------------------*/
#form-area form {
	margin: 0;
	padding: 20px 0 20px 0;
	width: 798px;
	overflow: hidden;
	text-align: center;
	border-left: 1px solid #3f3f3f;
	border-right: 1px solid #3f3f3f;
	background-image: url('/contact/satei/img/form_back.gif');
}
* html #form-area form {
	width: 800px;
}



/* 下のくくり */
#form-area form .wrap {
	width: 780px;
	margin: 0 auto;
	overflow: hidden;
}
/*---------------------------------------------
 入力フォーム側
---------------------------------------------*/
#form-area form .wrap .input {
	float: left;
	width: 524px;
}

/* 入力フォームのタイトルと小さい文のくくり */
#form-area form .wrap .input .head {
	width: 524px;
	height: 51px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	border: none;
	background-image: url('/contact/satei/img/name_left.gif');
}
/* 現在の入力フォームのタイトル名 */
#form-area form .wrap .input .head p {
	float: left;
	width: 170px;
	padding: 0 10px;
	color: #990000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 90%;
}
* html #form-area form .wrap .input .head p {
	width: 190px;
}
/* 小さな説明文 */
#form-area form .wrap .input .head div {
	float: right;
	width: 322px;
	padding: 0 0 0 12px;
	margin-top: 10px;
	font-size: 11px;
	text-indent: -1.1em;
	text-align: left;
}
* html #form-area form .wrap .input .head div {
	width: 334px;
}

/* インフォメーションウィンドウ */
#form-area form .wrap .input fieldset {
	margin: 10px;
	padding: 10px;
	border: 1px solid #878787;
	background-color: #fffff9;
	text-align: left;
	font-size: 15px;
	line-height: 150%;
}
#form-area form .wrap .input fieldset legend {
	color: #3333aa;
	font-weight: bold;
	font-size: 16px;
}
#form-area form .wrap .input fieldset span {
	color: #cc0000;
	font-weight: bold;
}
/* エラー表示用 */
#form-area form .wrap .input fieldset p {
	padding: 0;
	margin: 0;
	color: #cc0000;
	font-weight: bold;
	line-height: 200%;
}
#form-area form .wrap .input fieldset p a {
	color: #cc0000;
	text-decoration: underline;
}
#form-area form .wrap .input fieldset p a:hover {
	text-decoration: none;
}



/* フォームはテーブルで */
#form-area form .wrap .input table {
	width: 481px;
	margin: 0 auto;
}
#form-area form .wrap .input td {
	text-align: left;
	padding: 10px 0;
	vertical-align: top;
}
/* いっしー */
#form-area form .wrap .input td.r {
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	width: 230px;
}


/* 入力フォームの項目 */
#form-area form .wrap .input td p {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 100%;
}
#form-area form .wrap .input td p img {
	vertical-align: middle;
	padding-left: 5px;
}
/* ちょっと小さい文字*/
#form-area form .wrap .input td p.norm {
	font-size: 14px;
	margin-bottom: 3px;
	line-height: 100%;
	font-weight: normal;
}
#form-area form .wrap .input td p span {
	font-size: 13px;
	color: #cc0000;
}


/* 入力例 */
#form-area form .wrap .input td div {
	font-size: 14px;
/*	margin-top: 3px;*/
	line-height: 100%;
	padding: 5px 0 0 0;
}
#form-area form .wrap .input td div img {
	vertical-align: middle;
	padding-right: 10px;
}

/* エラー用 */
#form-area form .wrap .input td div.error {
	font-size: 14px;
	color: #cc0000;
	line-height: 150%;
}
#form-area form .wrap .input td.error {
	background-color: #fef6a9;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #999999;
}


/* 入力フォーム タイプ1 */
/* 入力欄のサイズが、名前とかのやつ。 */
#form-area form .wrap .input td input[type="text"] {
	width: 223px;
	height: 24px;
	border: none;
	border-right: 1px solid #e0e0e0;
	margin: 0;
	padding: 6px 5px 0 5px;
	line-height: 100%;
	font-size: 14px;
	background: none;
	vertical-align: middle;
	background-image: url('/contact/satei/img/input04.gif');
}
* html #form-area form .wrap .input td input[type="text"] {
	width: 234px;
	height: 30px;
}

/* 入力欄のサイズが、メールのやつ。 */
#form-area form .wrap .input table.mailad td input[type="text"] {
	ime-mode: disabled;
}

/* 入力欄のサイズが、郵便番号のやつ。 */
#form-area form .wrap .input td input[type="text"].post1 {
	width: 90px;
	font-size: 16px;
	ime-mode: disabled;
	text-align: center;
}
* html #form-area form .wrap .input td input[type="text"].post1 {
	width: 90px;
}

/* 入力欄のサイズが、郵便番号のやつその２。 */
#form-area form .wrap .input td input[type="text"].post2 {
	width: 59px;
	font-size: 16px;
	ime-mode: disabled;
	text-align: center;
}
* html #form-area form .wrap .input td input[type="text"].post2 {
	width: 70px;
}

/* 入力欄のサイズが、住所のやつ */
#form-area form .wrap .input td input[type="text"].add {
	width: 389px;
	font-size: 15px;
}
* html #form-area form .wrap .input td input[type="text"].add {
	width: 400px;
}

/* 入力欄のサイズが、金額のやつ */
#form-area form .wrap .input td.price input[type="text"] {
	width: 139px;
	font-size: 18px;
	text-align: right;
	font-weight: bold;
	ime-mode: disabled;
}
* html #form-area form .wrap .input td.price input[type="text"] {
	width: 150px;
}

/* 入力欄のサイズが、面積のやつ */
#form-area form .wrap .input td.m2 input[type="text"] {
	width: 100px;
	font-size: 18px;
	text-align: right;
	ime-mode: disabled;
}
* html #form-area form .wrap .input td.m2 input[type="text"] {
	width: 111px;
}

/* 入力欄のサイズが、築年のやつ */
#form-area form .wrap .input td.chiku input[type="text"] {
	width: 59px;
	font-size: 18px;
	text-align: right;
	ime-mode: disabled;
}
* html #form-area form .wrap .input td.chiku input[type="text"] {
	width: 70px;
}

/* セレクトタグのやつ。 */
#form-area form .wrap .input td select {
	font-size: 15px;
}


/* 間取りのテキストエリア */
#form-area form .wrap .input td.txt1 div.txa {
	width: 299px;
	height: 99px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #cfe0d7;
	border-bottom: 1px solid #cfe0d7;
	background-image: url('/contact/satei/img/txt_area.gif');
}
* html #form-area form .wrap .input td.txt1 div.txa {
	width: 300px;
	height: 100px;
}
#form-area form .wrap .input td.txt1 div.txa textarea {
	width: 279px;
	height: 79px;
	margin: 0;
	padding: 10px;
	border: none;
	overflow: auto;
	font-size: 15px;
	line-height: 130%;
	background: none;
}
* html #form-area form .wrap .input td.txt1 div.txa textarea {
	width: 300px;
	height: 100px;
}


/* フリーテキストエリア */
#form-area form .wrap .input td.txt2 div.txa {
	width: 409px;
	height: 109px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #cfe0d7;
	border-bottom: 1px solid #cfe0d7;
	background-image: url('/contact/satei/img/txt_area.gif');
}
* html #form-area form .wrap .input td.txt2 div.txa {
	width: 410px;
	height: 110px;
}
#form-area form .wrap .input td.txt2 div.txa textarea {
	width: 389px;
	height: 89px;
	margin: 0;
	padding: 10px;
	border: none;
	overflow: auto;
	font-size: 15px;
	line-height: 130%;
	background: none;
}
* html #form-area form .wrap .input td.txt2 div.txa textarea {
	width: 410px;
	height: 110px;
}


/* エラー時の背景赤 */
#form-area form .wrap .input td.er input[type="text"] {
	border-right: 1px solid #e0d2d3;
	background-image: url('/contact/satei/img/input_e.gif');
}


/*---------------------------------------------
 右のナビゲーション側
---------------------------------------------*/
#form-area form .wrap .navi {
	float: right;
	width: 256px;
	text-align: center;
	background-image: url('/contact/satei/img/navi_back.gif');
}


/* 下のグラデーションのみの対応 */
#form-area form .wrap .navi .bg {
	width: 256px;
	background: url('/contact/satei/img/navi_btm_back.gif') no-repeat;
	background-position: bottom;
	overflow: hidden;
	padding-bottom: 8px;
	text-align: center;
}

/* 一番上 */
#form-area form .wrap .navi .bg p {
	padding: 0;
	margin: 0;
}
#form-area form .wrap .navi .bg p img {
	vertical-align: top;
}


/* ユーザー情報エリア */
#form-area form .wrap .navi .bg .user {
	width: 242px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	margin-top: -51px;
}
#form-area form .wrap .navi .bg .user ul {
	width: 242px;
	padding: 0;
	margin: 0 auto;
}
* html #form-area form .wrap .navi .bg .user ul {
	margin: 0;
}
#form-area form .wrap .navi .bg .user ul li {
	margin: 10px auto 0 auto;
	padding: 0;
}



/* 物件情報エリア */
#form-area form .wrap .navi .bg .estate {
	width: 242px;
	margin: 10px auto 0 auto;
	background-image: url('/contact/satei/img/estate_body.gif');
	overflow: hidden;
}
#form-area form .wrap .navi .bg .estate p {
	margin: 0;
	padding: 0;
}
#form-area form .wrap .navi .bg .estate ul {
	overflow: hidden;
}
#form-area form .wrap .navi .bg .estate ul li {
	margin-top: 10px;
}



#form-area form .wrap .navi .bg ol {
	width: 231px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-image: url('/contact/satei/img/ol_back.gif');
}
#form-area form .wrap .navi .bg ol li p {
	padding: 0;
	margin: 0;
}

#form-area form .wrap .navi .bg ol li {
	width: 211px;
	text-align: left;
	line-height: 130%;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	background: url('/contact/satei/img/ol_li_back.gif') repeat-x;
	background-position: bottom;
}
#form-area form .wrap .navi .bg ol li div {
	padding: 0;
	margin: 0 9px 5px 9px;
	line-height: 130%;
	font-size: 14px;
}



/*---------------------------------------------
 注意文
---------------------------------------------*/
#form-area form .wrap .input .ca {
	width: 449px;
	margin: 30px auto 0 auto;
	border: 1px solid #878787;
	padding: 15px;
	background-color: #ffffe1;
	text-align: left;
	line-height: 160%;
	font-size: 13px;
}
* html #form-area form .wrap .input .ca {
	width: 481px;
}
/* 注意事項の文字 */
#form-area form .wrap .input .ca p {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #990000;
}
/* 注意事項の目立たせたい文字 */
#form-area form .wrap .input .ca span {
	font-weight: bold;
	color: #990000;
}
#form-area form .wrap .input .ca img {
	vertical-align: middle;
}
/* 機種依存文字へのリンク文字 */
#form-area form .wrap .input .ca a {
	color: #195f9d;
	text-decoration: underline;
}
#form-area form .wrap .input .ca a:hover {
	text-decoration: none;
}



/*---------------------------------------------
 ボタンのトコ
---------------------------------------------*/
#form-area form .wrap .input .btn {
	width: 481px;
	margin: 30px auto;
	overflow: hidden;
}
#form-area form .wrap .input .btn div {
	float: left;
	margin: 0;
	padding: 25px 0 0 0;
	font-size: 13px;
}
#form-area form .wrap .input .btn div img {
	vertical-align: middle;
	padding-right: 3px;
}
#form-area form .wrap .input .btn div a {
	color: #195f9d;
	text-decoration: underline;
}
#form-area form .wrap .input .btn div a:hover {
	color: #990000;
	text-decoration: none;
}
#form-area form .wrap .input .btn p {
	float: right;
	margin: 0;
	padding: 0;
}









/*---------------------------------------------
 フォームの下のフッターエリア
---------------------------------------------*/
#satei-form .fot {
	width: 800px;
	margin: 30px auto;
}

/* テキストエリア */
#satei-form .fot .text {
	width: 650px;
	margin: 0 auto;
	font-size: 13px;
	text-align: left;
	padding-bottom: 10px;
}

/* 1行 */
#satei-form .fot .text p {
	padding: 0;
	margin-top: 4px;
	text-indent: -1em;
}
#satei-form .fot .text p span {
	color: #990000;
}
#satei-form .fot .text p img {
	vertical-align: middle;
	padding: 0 1px;
}
#satei-form .fot .text a {
	color: #195f9d;
	text-decoration: underline;
}
#satei-form .fot .text a:hover {
	text-decoration: none;
}



/*---------------------------------------------
 入力済み内容チェックエリア
---------------------------------------------*/

/* バックを黒の半透明にする処理　半透明はscript側で処理してる */
#satei-form #check-area {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	background-color: #000000;
	display: none;
}

/* 画面中央に表示される領域　画面中央かどうかの計算は、script側で処理 */
#satei-form #check-area #info {
	display: none;
	z-index: 1000;
	position: absolute;
/*	background: #374858;*/
	background-color: #374858;
	width: 760px;
	padding: 0 0 5px 0;
	overflow: hidden;
}


/* テーブル */
#info table {
	width: 760px;
	margin: 15px 0;
	padding: 0;
	border: none;
}

#info .over {
	background-color: #8a97a3;
}


/* 項目側 */
#info table td.l {
	width: 180px;
	padding: 7px 15px 7px 5px;
	line-height: 130%;
	text-align: right;
	color: #ffffff;
	border-right: 3px solid #ffffff;
	vertical-align: top;
}
* html #info table td.l {
	width: 203px;
}
#info table td.l span {
	font-size: 13px;
}

/* 入力側 */
#info table td.r {
	width: 417px;
	text-align: left;
	padding: 7px 5px 7px 15px;
	line-height: 130%;
	font-size: 15px;
	color: #ffffff;
	vertical-align: top;
}
* html #info table td.r {
	width: 437px;
}

/* テキストエリア */
#info table td.r textarea {
	width: 510px;
	height: 110px;
	background-image: url('/contact/satei/img/text_back.gif');
	overflow: auto;
	color: #ffffff;
	padding: 5px;
	line-height: 150%;
	font-size: 14px;
	border: none;
}
* html #info table td.r textarea {
	width: 520px;
	height: 120px;
}

/* 各行右にある変更画面へ進むのcss */
#info table td.rr {
	width: 120px;
	font-size: 13px;
}
#info table td.rr a {
	color: #86c6ff;
	text-decoration: underline;
}
#info table td.rr a:hover {
	text-decoration: none;
}
#info table td.rr img {
	vertical-align: middle;
	padding-right: 2px;
}



#info table td.r div {
	margin: 5px 5px 0 0;
	text-align: right;
}
#info table td.r div a {
	color: #86c6ff;
	font-size: 13px;
	text-decoration: underline;
}
#info table td.r div a:hover {
	text-decoration: none;
}
#info table td.r div img {
	vertical-align: middle;
	padding-right: 2px;
}



/* フッター */
#info .footer {
	width: 760px;
	margin: 10px 0;
	text-align: center;
	font-size: 24px;
}
#info .footer a {
	color: #86c6ff;
	text-decoration: underline;
}
#info .footer a:hover {
	text-decoration: none;
}



/*---------------------------------------------
 ページのトップへ
---------------------------------------------*/
#satei-form .p_top {
	text-align: right;
	margin: 30px 0 50px 0;
	padding-right: 20px;
	font-size: 13px;
}
#satei-form .p_top img {
	vertical-align: middle;
	padding-right: 3px;
}
#satei-form .p_top a {
	color: #195f9d;
	text-decoration: underline;
}
#satei-form .p_top a:hover {
	text-decoration: none;
}





/*---------------------------------------------
 確認用 confirm
---------------------------------------------*/
#form-area form .wrap .confirm {
	float: left;
	width: 524px;
}

/* 入力フォームのタイトルと小さい文のくくり */
#form-area form .wrap .confirm .head {
	width: 524px;
	height: 51px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	border: none;
	background-image: url('/contact/satei/img/name_left.gif');
}
/* 現在の入力フォームのタイトル名 */
#form-area form .wrap .confirm .head p {
	float: left;
	width: 170px;
	padding: 0 10px;
	color: #990000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 90%;
}
* html #form-area form .wrap .confirm .head p {
	width: 190px;
}
/* 小さな説明文 */
#form-area form .wrap .confirm .head div {
	float: right;
	width: 322px;
	padding: 0 0 0 12px;
	margin-top: 10px;
	font-size: 11px;
	text-indent: -1.1em;
	text-align: left;
}
* html #form-area form .wrap .confirm .head div {
	width: 334px;
}

/* インフォメーションウィンドウ */
#form-area form .wrap .confirm fieldset {
	margin: 10px;
	padding: 10px;
	border: 1px solid #878787;
	background-color: #fffff9;
	text-align: left;
	font-size: 15px;
	line-height: 150%;
}
#form-area form .wrap .confirm fieldset legend {
	color: #3333aa;
	font-weight: bold;
	font-size: 16px;
}
#form-area form .wrap .confirm fieldset span {
	color: #cc0000;
	font-weight: bold;
}
/* エラー表示用 */
#form-area form .wrap .confirm fieldset p {
	padding: 0;
	margin: 0;
	color: #cc0000;
	font-weight: bold;
	line-height: 200%;
}
#form-area form .wrap .confirm fieldset p a {
	color: #cc0000;
	text-decoration: underline;
}
#form-area form .wrap .confirm fieldset p a:hover {
	text-decoration: none;
}



/* フォームはテーブルで */
#form-area form .wrap .confirm table {
	width: 504px;
	margin: 0 auto;
}
#form-area form .wrap .confirm td.bt {
	padding: 1px 0 0 0;
	vertical-align: top;
}
#form-area form .wrap .confirm td.r {
	text-align: left;
	vertical-align: top;
	padding: 10px 5px 0 5px;
	line-height: 140%;
	width: 266px;
}

/*
#form-area form .wrap .confirm td.r {
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	width: 230px;
}
*/


#form-area form .confirm2 {
	width: 757px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

/* フォームはテーブルで */
#form-area form .confirm2 table {
	width: 757px;
	margin: 0 auto;
}
#form-area form .confirm2 td.bt {
	width: 214px;
	padding: 1px 0 0 0;
	text-align: right;
	vertical-align: top;
}
* html #form-area form .confirm2 td.bt {
	width: 214px;
	text-align: left;
}
#form-area form .confirm2 td.r {
	width: 520px;
	text-align: left;
	vertical-align: top;
	padding: 10px 5px 0 18px;
	line-height: 140%;
}
* html #form-area form .confirm2 td.r {
	width: 543px;
}

#form-area form .confirm2 td.r pre {
	width: 510px;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
/*	white-space: normal;*/
	overflow: auto;
	font-size: 15px;
	line-height: 160%;
}


/*---------------------------------------------
 ボタンのトコ
---------------------------------------------*/
#form-area form .confirm2 .btn {
	margin: 20px 30px;
	overflow: hidden;
}
#form-area form .confirm2 .btn div {
	float: left;
	margin: 0;
	padding: 25px 0 0 0;
	font-size: 13px;
}
#form-area form .confirm2 .btn div img {
	vertical-align: middle;
	padding-right: 3px;
}
#form-area form .confirm2 .btn div a {
	color: #195f9d;
	text-decoration: underline;
}
#form-area form .confirm2 .btn div a:hover {
	color: #990000;
	text-decoration: none;
}
#form-area form .confirm2 .btn p {
	float: right;
	margin: 0;
	padding: 0;
}





/*---------------------------------------------
 コンプリート
---------------------------------------------*/
#form-area .comp {
	margin: 0;
	padding: 20px 0 20px 0;
	width: 798px;
	overflow: hidden;
	text-align: center;
	border-left: 1px solid #3f3f3f;
	border-right: 1px solid #3f3f3f;
	background-image: url('/contact/satei/img/form_back.gif');
}
* html #form-area .comp {
	width: 800px;
}
#form-area .comp .txt {
	font-size: 15px;
	line-height: 150%;
	text-align: left;
	margin: 20px 50px;
}
#form-area .comp .txt p {
	font-size: 15px;
	margin: 25px 0;
	padding: 0;
	line-height: 150%;
}

#form-area .comp .txt dt {
	font-weight: bold;
}
#form-area .comp .txt dd {
	padding: 0 0 25px 20px;
}
#form-area .comp .txt dd pre {
	margin: 5px 0 0 0;
	padding: 0;
	background: none;
}

#form-area .comp .bt {
	text-align: center;
	margin: 50px 0;
}