@charset "utf-8";

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

　目次

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

　01. 基本
　01-1. マイページログイン部分
　02. お客様情報入力
　03. 選択したマンション
　04. 確認画面
　05. 完了画面

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


/* ==

　01. 基本

=============================================================================== */
* {	color: #333; }
body {
	background-color: #eeece2;
	line-height: normal;
	color: #333;
}
h1 {
	width: 970px;
	height: 137px;
	padding-top: 89px;
	margin: 0 auto;
}
th,
strong { font-weight: bold; }
.container a:link, .container a:visited{ color:#b49c39; text-decoration:underline; }
.container a:active, .container a:hover{ color:#b49c39; text-decoration:none; }

/* headerArea
------------------------------------------------------------------------------- */

#headerArea .areaInner #siteLogo { padding-left: 65px; }

/* container
------------------------------------------------------------------------------- */

#container {
	width: 950px;
	margin-top: 60px;
	padding: 20px;
	background-color: #fff;
}

/* liquidArea
------------------------------------------------------------------------------- */

#liquidArea {
	position: absolute;
	top: 98px;
	left: 0;
	width: 100%;
	min-width: 1122px;
	overflow: hidden;
	z-index: -1000;
}

#liquidArea img {
	width: 100%;
	height: auto;
	min-width: 935px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */
}

/* footerNavArea
------------------------------------------------------------------------------- */

#footerNavArea { margin-top: 55px; }

/* メイン領域
------------------------------------------------------------------------------- */

.section{ font-size:117%; }
.section .main{
	float:right;
	width:700px;
}
.section .main h1 {
	width: auto;
	height: auto;
}
.section .main h1,
.section .main h2,
.section #mansion_menu h2 {
	line-height: 1.5;
	margin: 0 0 15px;
	padding: 7px 8px 6px;
	border-bottom: 3px solid #b49c39;
	background: #2e2927;
	color: #fff;
	font-size: 114%;
}
.section .main h1 span,
.section .main h2 span { color: #b49c39; }
.section .main h1 span img,
.section .main h2 span img { margin-right: 3px; }
.section .main h3 {
	line-height: 1.5;
	margin: 18px 0 10px;
	padding: 0 8px 5px;
	border-bottom: 3px solid #b49c39;
	background: none;
	color: #000;
	font-size: 114%;
}
.main .btn_notes{
	right:8px;
	top:8px;
}
.main .btn_notes a{
	width: 119px;
	height: 20px;
}
.main .btn_notes a:hover, .main .btn_notes a:active{ background-position:left -21px; }
.main .addressee td.verTop { vertical-align: top; }
.main .addressee td.verMid { vertical-align: middle; }

/* フロー画像
------------------------------------------------------------------------------- */

.section ul#flow{ margin-bottom:20px; }
.section ul#flow li{ float:left; margin-right:0px; }
.section ul#flow li.firstChild{ margin-right:20px; }
.section ul#flow li.lastChild{ margin-right:0; }

/* サイド領域
------------------------------------------------------------------------------- */

.section #mansion_menu{
	float:left;
	width:230px;
}

.redtxt{color:#FF0000;}

/* ==

　01-1. マイページログイン部分

=============================================================================== */
table #mylogin td{background-color:#6FF;}

/* ==

　02. お客様情報入力

=============================================================================== */
td.chk_input{ width:24px; }

.main .addressee td input,
.main .addressee td select,
.main .addressee td textarea{ font-size: 14px; }
.main .addressee td td.txt{ padding-top:5px; }

/*
.main .addressee td input.chk_input,
.main .addressee td textarea.chk_input{
	color:#999;
}
*/
.section ul#atttention{ margin-bottom:5px; }
.section ul#atttention li{
	line-height:1.2;
	list-style:disc outside;
	margin:0 0 5px 1.2em;
}
.main .addressee td textarea{
	width:360px;
	resize: vertical;
}
.main .addressee td textarea.chk_input{
	padding:2px;
	background-color:#ffe8e8;
	border:1px solid #a5acb2;
}

.main .addressee #mylogin th, .main .addressee #mylogin td{ background-color:#f2fefb; }

.section #jobList li {
	float: left;
	margin: 5px 5px 0 0;
	white-space: nowrap;
}

.section #jobList li input {
	margin-right: 5px;
	vertical-align: middle;
}

.tbox{margin:0 0 10px 0; display:block;}

/* アンケート
------------------------------------------------------------------------------- */
.main .enquete td input,
.main .enquete td select{ font-size:14px; }
.main .enquete td.chk_input img { margin: 0; }
.main .enquete h3 { margin-top: 0; }


/* ==

　03. 選択したマンション

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

.mList{background-color:#F1F1F1;
border-right:1px solid #E5E5E5;
border-left:1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
padding:0 0 8px 0;
position: relative;
}




.mList li p.city{
	/*width:140px;
	margin:12px auto 5px;*/
	line-height: 1;
	margin:0;
	padding:8px 4px;
	background:url(/mansion/images/bg_hd.gif) left top no-repeat;
	padding-right:80px;
	font-size:12px;
	color:#fff;
}
.mList li p.status{ position:absolute; top:4px; right:4px; }

.mList li p.img{
	width:218px;
	margin:0 auto 2px;
	padding:6px 0 8px 0;
	clear:both;
}
.mList li p.img img{ width:100%; height:auto; }

.mList li p.name{ width:210px; margin:0 auto 6px; font-size:90%; }
.mList li p.name strong{ color:#404f6f; }
.mList li p.txt{ width:210px; margin:0 auto 6px; font-size:85%; line-height:1.5; }
.mList li p.traffic{
	width:210px;
	margin:0 auto;
	font-size:85%;
	line-height:1.4;
	clear:both;
}




/* ==

　04. 確認画面

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

.main #confirm div.catalog_select{ padding:5px; }

.main #confirm div.box_l {
	width: 330px;
	float: left;
}

.main #confirm div.box_r {
	width: 330px;
	float: right;
}

.catalog { float: left; width:64px; }

.main #confirm div.setsumei {
	width: 255px;
	float: right;
	font-size: 12px;
	padding: 0px;
}
.main #confirm p.c_title {
	background-color: #fbf3e5;
	padding: 3px 0px 3px 5px;
	font-weight: bold;
	margin-bottom:5px;
}
.main #confirm p.re_select{
	text-align:center;
	margin:10px 0 5px;
}

#form_btn{ margin-top:20px; }
#form_btn img {
	vertical-align: top;
}


/* ==

　05. 完了画面

=============================================================================== */
#thanks .main{
	width:950px;
	float:none;
	line-height:1.7;
}
dl#attention{
	border:1px solid #ccc;
	padding:15px 12px;
	margin:35px 0 50px;
}
dl#attention dt{ margin-bottom:7px; }
dl#attention dt span{ color:#ff0000; }
dl#attention dd{ margin-left:1em; }