@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. お届け先入力
　03. カタログ請求完了
　04. 入力文字のご注意
　05. 友会規約（確認画面）


******************************************************************************* */


/* ==

　01. 基本

=============================================================================== */
/* ヘッダー
------------------------------------------------------------------------------- */
.headerArea{ margin-bottom:20px; border-bottom:1px solid #ccc; }
.headerArea .header p{ padding-bottom:10px; float:left; }
.headerArea .header p.en{ float:right; }


/* メイン
------------------------------------------------------------------------------- */
.section h1{
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
.section h2{
	min-height:22px;
	padding:8px 5px 0 15px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.0;
}
* html .section h2{ height:22px; }

.section .main h2,
.section .sub h2{ min-height:1%; padding:0; }
* html .section .main h2,
* html .section .sub h2{ height:1%; }

.section p.txt_msg{ margin-bottom:15px; line-height:1.5; }
.section p.txt_msg span.notes{ color:#f00; }



/* 流れ
------------------------------------------------------------------------------- */
ol#list_flow{
	position:absolute;
	top:0;
	right:0;
}
ol#list_flow li{
	float:left;
}


/* カタログ請求対象物件
------------------------------------------------------------------------------- */
* html div .target{ height:1%; }
div .target p{ line-height:1.4; }
div .target p.mansion{
	margin:0 0 10px;
	padding:0 0 7px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	font-size:150%;
	line-height:1.3;
	color:#555;
	font-weight:bold;
}


/* ==

　02. お届け先入力

=============================================================================== */
.section .main{ width:700px; position:relative; float:left; }
.section .sub{ width:230px; position:relative; float:right; }

.main div{ width:700px; min-height:1%; margin-bottom:20px; clear:both; }
.main div div{ width:auto; margin-bottom:0; clear:none; }
.main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.main .btn_notes{
	position:absolute;
	top:4px;
	right:5px;
}
.main .btn_notes a{
	width:120px;
	height:21px;
	background-image:url(/common/images/catalog/btn_notes.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main .btn_notes a span{ display:none; }
.main .btn_notes a:link, .main .btn_notes a:visited{ background-position:left top; }
.main .btn_notes a:hover, .main .btn_notes a:active{ background-position:left bottom; }



/* ご希望項目
------------------------------------------------------------------------------- */
.main .requesttype{ margin-bottom:30px; }
.main .requesttype p.notes{ margin-bottom:5px; font-size:85%; }
.main .requesttype p.notes span{ font-size:120%; color:#f00; font-weight:normal; }

.main .requesttype table{ width:100%; background-color:#d9d9d9; }
.main .requesttype th{
	width:120px;
	padding:5px;	
	background-color:#f3f1e9;
	border:1px solid #fff;
	line-height:1.4;
	text-align:left;
}
.main .requesttype td{
	padding:5px 10px;
	background-color:#fff;
	line-height:1.4;
}
.main .requesttype td ul{ margin-bottom:5px; }
.main .requesttype th span, .main .requesttype td span{ color:#f00; font-weight:normal; }
.main .requesttype td select{ font-size:100%; }



/* マイページ登録会員
------------------------------------------------------------------------------- */
.main .mypagelogin{
	width:700px;
	margin:0 0 30px;
	padding:10px 0;
	background-color:#f1ece0;
}
.main .mypagelogin table{ margin-bottom:5px; float:left; }
.main .mypagelogin td{ padding:0 0.25em 0 0.75em; }

.section .main .mypagelogin td input{ width:185px; }
.section .main .mypagelogin td input#txt_pass{ width:105px; }

.main .mypagelogin p.notes{
	margin-left:1em;
	padding-top:0.5em;
	font-size:85%;
	float:left;
}
.main .mypagelogin p.notes a{ text-indent:0; }

.main .mypagelogin td p.btn_request span{ display:none; }
.main .mypagelogin td p.btn_request a{
	width:138px;
	height:23px;
	background-image:url(/common/images/catalog/regist/btn_request.gif);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
}
.main .mypagelogin td p.btn_request a:link, .main .mypagelogin td p.btn_request a:visited{ background-position:left top; }
.main .mypagelogin td p.btn_request a:hover, .main .mypagelogin td p.btn_request a:active{ background-position:left bottom; }

.main .mypagelogin td input{ width:120px; }


/* 送付先入力
------------------------------------------------------------------------------- */
.main .addressee{ position:relative; }
.main .addressee table{ width:100%; background-color:#ccc; }
.main .addressee th{
	width:140px;
	padding:5px;
	border:1px solid #fff;
	line-height:1.3;
	text-align:left;
}
.main .addressee td{
	padding:5px;
	border:1px solid #fff;
	line-height:1.3;
	vertical-align:top;
}

.main .addressee td table{ background-color:transparent; }
.main .addressee td th{ width:auto; padding:3px; background-color:transparent; border:none; }
.main .addressee td td{ padding:3px; background-color:transparent; border:none; }
.main .addressee td td.txt{ padding-top:7px; }

.main .addressee th, .main .addressee td{ background-color:#f3f1e9; }
.main .addressee .odd th, .main .addressee .odd td{ background-color:#fbf9f4; }
.main .addressee td input,
.main .addressee td select,
.main .addressee td textarea{ padding:2px; font-size:12px; }

.main .addressee th span{ color:#ff0000; font-weight:normal; }
.main .addressee td span.notes{ padding-top:3px; color:#ff6600; display:block; }

.main .addressee td.zip a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}

/* 必須 */
.main .addressee td.chk_input{ text-align:center; vertical-align:middle; }
.main .addressee td input.chk_input{
	padding:2px;
	background-color:#ffe8e8;
	border:1px solid #a5acb2;
}
#y1_msg img,
#n1_msg img, #n2_msg img, 
#k1_msg img, #k2_msg img{ margin:2px 5px 0 0; vertical-align:middle; }
#m1_msg img{ margin:0 5px 2px 0; vertical-align:middle; }

.main td span span{ color:#f00; }






/* 友会入会についての確認
------------------------------------------------------------------------------- */
.main .tomokai{ margin-bottom:20px; }
.main .tomokai p.notes{ margin-bottom:5px; font-size:85%; }
.main .tomokai p.notes span{ font-size:120%; color:#f00; font-weight:normal; }

.main .tomokai table{ width:100%; background-color:#d9d9d9; }
.main .tomokai th{
	width:140px;
	padding:5px;	
	background-color:#f3f1e9;
	border:1px solid #fff;
	line-height:1.4;
	text-align:left;
}
.main .tomokai td.chk_input{
	width:30px;
	padding:5px;	
	background-color:#f3f1e9;
	border:1px solid #fff;
	text-align:center;
	vertical-align:middle;
}
.main .tomokai td{
	padding:5px 10px;
	background-color:#fff;
	line-height:1.4;
}
.main .tomokai td ul{ margin-bottom:5px; }
.main .tomokai th span, .main .tomokai td span{ color:#f00; font-weight:normal; }

.main .tomokai h3{
	margin:0 0 8px;
	padding:12px 0 3px;
	font-size:110%;
	line-height:1.2;
	border-bottom:1px solid #ccc;
}






/* アンケート
------------------------------------------------------------------------------- */
.main .enquete td input,
.main .enquete td select{ padding:2px; font-size:12px; }
.main .enquete td img{ margin:2px 0 0 5px; vertical-align:top; }

.main .enquete table{ width:100%; background-color:#d9d9d9; }
.main .enquete th{
	padding:5px;	
	background-color:#f3f1e9;
	border:1px solid #fff;
	line-height:1.4;
	font-weight:normal;
	text-align:left;
}
.main .enquete th em{ font-style:normal; font-weight:bold; }
.main .enquete th span, .main .enquete td span{ color:#f00; }

.main .enquete td.question{
	width:230px;
	padding:5px;	
	background-color:#f3f1e9;
	border:1px solid #fff;
	line-height:1.4;
	font-weight:normal;
	text-align:left;
}
.main .enquete td.question em{ font-style:normal; font-weight:bold; }
.main .enquete td.question span, .main .enquete td.question span{ color:#f00; }


.main .enquete td{
	padding:5px 10px;
	background-color:#fff;
	line-height:1.4;
}
.main .enquete td.chk_input{
	width:30px;
	padding:5px;	
	background-color:#f3f1e9;
	border:1px solid #fff;
	text-align:center;
	vertical-align:middle;
}
.main .enquete td td{ padding:0 0 5px; }

.main .enquete td span{ color:#f00; }



/* ご意見・ご質問
------------------------------------------------------------------------------- */
.main .inquiry table{ width:100%; background-color:#d9d9d9; }
.main .inquiry th{
	padding:5px;	
	background-color:#f3f1e9;
	border:1px solid #fff;
	line-height:1.4;
	font-weight:normal;
	text-align:left;
}
.main .inquiry th em{ font-style:normal; font-weight:bold; }
.main .inquiry th span{ color:#f00; }
.main .inquiry td{
	padding:5px 10px;
	background-color:#fff;
	line-height:1.4;
}
.main .inquiry td textarea{ padding:2px; }




/* お預かりした個人情報の利用目的
------------------------------------------------------------------------------- */
.main .privacy{
	width:698px;
	margin:0 0 20px;
	padding:0;
	border:1px solid #ccc;
	line-height:1.4;
}
.main .privacy div{
	width:668px;
	height:115px;
	margin:0;
	padding:15px 15px 5px;
	overflow-y:scroll;
}
.main .privacy p{ margin-bottom:10px; }


/* 入力項目確認メッセージ（ボタン）
------------------------------------------------------------------------------- */
.main #form_btn p{
	margin-bottom:15px;
	line-height:1.5;
	text-align:center;
}


/* ベリサイン
------------------------------------------------------------------------------- */
#verisign p{ font-size:85%; line-height:1.5; }



/* ==

　03. カタログ請求完了

=============================================================================== */
/* メッセージ
------------------------------------------------------------------------------- */
.section .complete_msg{
	/*width:550px;*/
	margin:0 auto;
	padding:30px 0 0;
	text-align:center;
}
.section .complete_msg p{ margin-bottom:10px; line-height:1.5; }
.section .complete_msg p strong{ font-size:120%; }
.section .complete_msg p.notes{ padding-top:20px; }


/* トップに戻るボタン
------------------------------------------------------------------------------- */
.section div.btn_top{ /* ボタン×2 */
	width:430px;
	min-height:1%;
	margin:40px auto 0;
	padding-bottom:40px;
	clear:both;
}
.section div.btn_top:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section div.btn_top p{
	width:210px;
	margin:0 10px 0 0;
	float:left;
}
.section div.btn_top p.btn_top02{
	width:210px;
	margin:0 auto;
	float:none;
}
.section div.btn_top p.btn_jutaku,
.section div.btn_top p.btn_mansion,
.section div.btn_top p.btn_renew{ margin-right:0; }

.section div.btn_top p a{
	width:210px;
	height:24px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.section div.btn_top p a span{ display:none; }
.section div.btn_top p a:link, .section div.btn_top p a:visited{ background-position:left top; }
.section div.btn_top p a:hover, .section div.btn_top p a:active{ background-position:left bottom; }

.section div.btn_top p.btn_top a,
.section div.btn_top p.btn_top02 a{ background-image:url(/common/images/catalog/regist/btn_top.gif); }
.section div.btn_top p.btn_mansion a{ background-image:url(/common/images/catalog/regist/btn_top_mansion.gif); }



/* ==

　04. 入力文字のご注意

=============================================================================== */
#text_table{
	width:420px;
	min-height:300px;
	margin:20px auto;
	padding:15px;
	background-color:#f4f4f4;
	border:1px solid #999;
}
* html #text_table{ height:300px; }


#text_close {
	width:420px;
	margin:15px auto 0;
	padding:0px;
	text-align: center;
}

#text_main{
	width:100%;
	margin:10px 0 0;
	padding:0;
	font-size:120%;
	line-height:1.7;
	color:#666;
}
#text_main img{ vertical-align:top; }
#text_main p.txt_lead{ margin-bottom:10px; line-height:1.4; }
#text_main p.notes{ line-height:1.4; color:#ff0000; }




/* ==

　05. 友会規約（確認画面）

=============================================================================== */
.main .kiyaku{
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
}
.main .kiyaku p.lead{
	margin:0 0 7px;
	padding:0 0 3px;
	border-bottom:1px solid #ccc;
	font-size:115%;
	line-height:1.3;
	font-weight:bold;
}
.main .kiyaku div{
	margin:0 0 10px;
	line-height:1.3;
	clear:both;
}
.main .kiyaku p{ padding-bottom:5px; }
.main .kiyaku p.notes{ padding-bottom:0; }

/*.main .kiyaku div table{ margin-bottom:10px; }*/
.main .kiyaku th{
	width:40px;
	padding:0 0 5px;
	font-weight:normal;
	text-align:center;
	vertical-align:top;
	
}
.main .kiyaku td{ padding-bottom:5px; }