@charset "utf-8";

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

　目次

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

　01. 基本
　02. コンテンツ
　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; }
.t12red {
	color: #FF0000;
	FONT-SIZE:12px;
	line-height: 180%;
	margin: 0px 5px 0px 15px;
}
/*
.t12r {
	color: #333333;
	FONT-SIZE:12px;
	line-height: 130%;
	font-weight: bold;
	padding: 0px;
	width: 700px;
	margin: 0px 5px 0px 15px;
}


/* メイン
------------------------------------------------------------------------------- */
.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; }

.section h3{ border-bottom:1px solid #ccc; padding-bottom:4px; margin-bottom:10px; }


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


/* お届け先入力　ボタン
------------------------------------------------------------------------------- */
p.btn_otodoke{
	width:250px;
	margin:0 auto;
	padding-bottom:20px;
}
p.btn_otodoke a{
	width:250px;
	height:29px;
	margin:0;
	padding:0;
	background-image:url(../images/btn_otodoke.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
p.btn_otodoke a span{ display:none; }
p.btn_otodoke a:link, p.btn_otodoke a:visited{ background-position:left top; }
p.btn_otodoke a:hover, p.btn_otodoke a:active{ background-position:left bottom; }


/* ==

　02. コンテンツ

=============================================================================== */





/* ==

　04. 個人情報入力

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

.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:relative;
	top:-35px;
	left:570px;
	width:120px;
}
.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;
	position:absolute;
}
.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 p.attention{ font-weight:bold; color:#ff0000; }


/* ご希望項目
------------------------------------------------------------------------------- */
.main .hope p{ line-height:1.5; margin-bottom:10px; }
.main .hope h2{
	padding:9px 0 6px 15px;
	background:url(../images/bk_name.gif) no-repeat;
}

.main .hope #date{ margin-top:-1px; display:none; }

.main .hope td input,
.main .hope td select{ padding:2px; font-size:12px; }
.main .hope td img{ margin:2px 0 0 5px; vertical-align:top; }


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

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

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

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

.main .hope td input.chk_input{
	padding:2px;
	background-color:#ffe8e8;
	border:1px solid #a5acb2;
}


/* 送付先入力
------------------------------------------------------------------------------- */
.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:middle;
}

.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 .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:#ccc; }
.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 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 .add td.question,
.main .enquete #pass td.question{ font-weight:bold; }

.main .enquete #pass td table th{ background:none; width:100px; font-weight:bold; }
.main .enquete td input.chk_input{
	padding:2px;
	background-color:#ffe8e8;
	border:1px solid #a5acb2;
}

.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 table table{ background:#fff; border:0; }





/* 友の会
------------------------------------------------------------------------------- */
.section .tomokai h3{
	padding:0 0 5px 2px;
	background:url(../images/bk_tomokai_subt.gif) right bottom no-repeat;
	border-bottom:none;
	font-size:120%;
}
.section .tomokai h3.noBG{
	margin-bottom:10px;
	padding-bottom:3px;
	background:none;
	border-bottom:1px solid #ccc;
	font-size:120%;
}


.section .tomokai p.notes{ margin-bottom:5px; font-size:85%; }
.section .tomokai p.notes span{ font-size:120%; color:#f00; font-weight:normal; }



/* 特典など */
.tomokai .exp ul{ width:100%; padding-bottom:20px; text-align:center; clear:both; }
.tomokai .ext ul:after{ content:''; display:block; clear:both; }
.tomokai .exp li{ padding:0 5px; display:inline; }
.tomokai .exp p{ font-size:115%; }


/*
.tomokai .exp h3{
	padding:0 0 5px 2px;
	background:url(../images/bk_subt.gif) right bottom no-repeat;
	border-bottom:none;
}
.tomokai .exp .privacy p{ font-size:100%; }
*/


.section .tomokai table{ width:100%; background-color:#ccc; }
.section .tomokai th{
	/* width:320px; */
	width:230px;
	padding:5px;	
	background-color:#f3f1e9;
	border:1px solid #fff;
	line-height:1.4;
	text-align:left;
}
.section .tomokai td.chk_input{
	width:30px;
	padding:5px;	
	background-color:#f3f1e9;
	border:1px solid #fff;
	text-align:center;
	vertical-align:middle;
}
.section .tomokai td{
	padding:5px 10px;
	background-color:#fff;
	line-height:1.4;
}
.section .tomokai td ul{ margin-bottom:5px; }
.section .tomokai td select{ font-size:100%; }



.section .tomokai div.details{
	margin-top:5px;
	padding:13px;
	background-color:#fcfcfc;
	border:1px solid #ccc;
	line-height:1.5;
}



.section .tomokai div.privacy {
    background: none repeat scroll 0 0 #f3f1e9;
    border: 1px solid #ccc;
    /*width: 698px;*/
	width:670px;
    line-height: 1.4;
    margin: 20px 0;
    padding: 0;
}
.section .tomokai div.privacy div {
    /*width: 668px;*/
	width:640px;
    height: 115px;
    margin: 0;
    overflow-y: scroll;
    padding: 10px 15px 5px;
}
.section .main .tomokai div.privacy div div {
    width: auto;
    height: auto;
    margin: 0;
    overflow-y: visible;
    padding: 0;
}


.section .tomokai .privacy div div dl { margin-top:10px; }
.section .tomokai .privacy div div dt { margin-bottom:5px; }

.section .tomokai .privacy p { margin-bottom:10px; }

.section .tomokai .privacy div div ol { margin-bottom:10px; }
.section .tomokai .privacy div div li { padding-left:12px; }

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




/* 選択した物件
------------------------------------------------------------------------------- */
.section .sub .list_bukken{
	margin-bottom:30px;
	padding-bottom:30px;
	clear:both;
	line-height:1.4;
	border-bottom:1px dashed #999;
}
.sub .list_bukken p.img{ text-align:center; }
.sub .list_bukken div.txt{ float:none; width:100%; line-height:1.3; }
.sub .list_bukken div.txt p.city {
    background-color: #D8D7D3;
    color: #333333;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 7px 90px 6px 7px;
}
.sub .list_bukken div.txt p.status {
    position: absolute;
    right: 5px;
    top: 43px;
}
/* 物件名 */
.sub .list_bukken div.txt p.bukken_name{ font-weight:bold; margin:0 0 5px 5px; }



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

.main .privacy ul{ margin:14px 0; }
.main .privacy ul li span{ display:block; width:90px; float:left; }



.section .privacy02 {
    background: none repeat scroll 0 0 #f3f1e9;
    border: 1px solid #ccc;
	width:698px;
    line-height: 1.4;
    margin: 0 0 40px;
    padding: 0;
}
.section .privacy02 div {
	width:668px;
    /*height: 115px;*/
    margin: 0;
    /*overflow-y: scroll;*/
    padding: 10px 15px 5px;
}
.section .privacy02 p {
    margin-bottom: 10px;
}

.main div.privacy div p a{
	padding-left:17px;
	background:url(/common/images/renew2009/arrow_blank.gif) left center no-repeat;
	display:block;
}





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


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



/* ==

　05. カタログ請求完了

=============================================================================== */
/* トップに戻るボタン
------------------------------------------------------------------------------- */
.section div.btn_top{ /* ボタン×2 */
	width:450px;
	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 a{
	display:block;
	width:210px;
	height:24px;
}
.section div.btn_top p.btn_top a{ background-image:url(../images/btn_top.gif); }
.section div.btn_top p.btn_bunjo a{ background-image:url(../images/btn_top_bunjo.gif); }
.section div.btn_top p a span{ display:none; }
.section div.btn_top p a:hover{ background-position:left bottom; }

#thanks .main{
	width:950px;
	float:none;
	line-height:1.4;
}
dl#attention{
	border:1px solid #ccc;
	padding:10px;
	margin:20px 0 30px;
}
dl#attention dt{ margin-bottom:5px; }
dl#attention dt span{ color:#ff0000; }
dl#attention dd{ margin-left:1em; }