@charset "Shift_JIS";

/* ======================================== */
/* 物件詳細
/* ======================================== */

/* ===== レイアウト ===== */
/*物件詳細画面*/
div#contForm:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#contForm { display:inline-block; }
/*\*/
* html div#contForm { height:1%; }
div#contForm { display:block; }
/**/

div#contForm{
	width: 960px;
	margin:0 auto;
}
div#contForm h2#titContents{
	width: 840px;
	margin:0 auto 30px;
}
div#contForm h2#titContents2{
	width: 840px;
	margin:0 auto 30px;
	border-left: solid 3px #004896;
}
div#contForm h2#titContents2 span{
	border-left: solid 3px #47acec;
	padding: 3px 15px;
	display: block;
	font-size: 22px;
	line-height: 1.4;
}
div#contForm h2#titContentsMnt{
width: 840px;
margin:50px auto 30px;
}

div#contForm div#contLeft{
	width: 840px;
	margin:0 auto;
}

/* ===== テーブル ===== */
/*茶テーブル*/

div#contForm .titKingaku{
	border-top:1px solid #e7e1c5;
	border-right:1px solid #e7e1c5;
	border-left:1px solid #e7e1c5;
	background:#fbf8ea;
	padding:7px;
	margin:0 0 0 1px;
	font-size: 108%;
}

div#contForm table.tableBrown th{
	width:150px;
	text-align:left;
}

div#contForm table.tableBrown th.wide{
	width:230px;
	text-align:left;
}

div#contForm table.tableBrown th.auto{
	width:auto;
}

div#contForm table.tableBrown td.amount{
	color:#cc0000;
	font-size:123.1%;
	text-align:right;
	font-weight:bold;
}

div#contForm table.tableBrown td.amount02{
	font-size:123.1%;
	text-align:right;
	font-weight:bold;
}

div#contForm table.tableBrown td.do{
	font-weight:bold;
}

div#contForm table.tableBrown th.center,
div#contForm table.tableBrown td.center{
	text-align:center;
}

/*青テーブル*/

div#contForm table.tableBlue{
	margin-bottom:10px;
}

div#contForm table.tableBlue th{
	width:160px;
	text-align:left;
}

div#contForm table.tableBlue th.bukken{
	width:840px;
	text-align:left;
	font-weight:bold;
	font-size:108%;
	background:#d9f0ff url(../img/ico_com_bukkens.gif) 7px 6px no-repeat;
	padding:5px 7px 5px 30px;
}

div#contForm table.tableBlue td{
	width:260px;
}

div#contForm table.tableBlue td.full{
	width:700px;
}

div#contForm table.tableBlue td.full span{
	vertical-align:top;
	padding-right:5px;
}

div#contForm table.tableBlue ul.setsubiIcon li{
	display:block;
	height:21px;
	width:21px;
	float:left;
	padding:0 1px 2px 0;
	overflow:hidden;
}

/*賃貸・マンスリーテーブル*/
table.chintai th.trueup01,
table.monthly th.trueup01{
	width:55%;
}

table.chintai th.trueup02,
table.monthly th.trueup02{
	width:45%;
}

/* ===== お支払い選択 ===== */
div#contForm div.blockDo{
	margin-bottom:10px;
}

div#contForm div.blockDo div.blockBlue{
	border:5px solid #d9f0ff;
	padding:12px;
	position: relative;
	margin-bottom:20px;
	background:#ffffff;
}

div#contForm div.blockDo div.blockBlue p.img{
	width:230px;
	text-align:center;
	margin:0;
}

div#contForm div.blockDo div.blockBlue p.txt{
	position: absolute;
	top:30px;
	left: 250px;
	width:530px;
}

div#contForm div.blockDo ul.caution{
	margin-bottom:20px;
}

/* ===== 完了画面 ===== */
div#contForm div.blockEnd{
	margin-bottom:10px;
}

div#contForm div.blockEnd p.point{
	color:#5da748;
	font-size:123.1%;
	line-height:160%;
	font-weight:bold;
	margin-bottom:20px;
}

div#contForm div.blockEnd span.number{
	color:#cc0000;
	font-size:138.5%;
	font-weight:bold;
}

div#contForm div.blockEnd div.blockBlue h3{
	margin-bottom:3px;
}

div#contForm div.blockEnd div.blockBlue p.txt{
	margin-bottom:10px;
}


/* ===== 入力フォーム ===== */
/*テーブル*/
table.tableForm{
	width:99%;
	margin:0 0 20px 1px;
}

table.tableForm td{
	background: url(../img/bgr_com_formtable.gif) left bottom repeat-x;
	padding:7px 0 0 10px;
	vertical-align:top;
}

table.tableForm th{
	background:#f2f2f2 url(../img/bgr_com_formtable.gif) left bottom repeat-x;
	padding:7px 10px 7px ;
	font-weight:normal;
	width:160px;
	vertical-align:top;
}

table.tableForm td.alignRight{
	text-align:right;
}

table.tableForm td.alignCenter{
	text-align:center;
}

/*必須*/
table.tableForm th span.require{
	display:block;
	padding-left:33px;
	background: url(../img/ico_com_required.gif) 0 2px no-repeat;
	padding-bottom:10px;
}

div#contForm p.require{
	display:block;
	padding-left:33px;
	background: url(../img/ico_com_required.gif) 0 2px no-repeat;
	padding-bottom:5px;
}

/*ボタン*/
p.btnCenter{
	text-align:center;
	padding-bottom:20px;
}

p.btnCenter input{
	margin-left:5px;
}

p.btnCenter img{
	margin-left:5px;
}

/*項目*/
table.tableForm td .item{
	position: relative;
}

table.tableForm td dt{
	font-weight:bold;
	padding-bottom:7px;
	line-height:110%;
}

table.tableForm td ul.caution{
	font-size:77%;
	line-height:160%;
	padding-bottom:10px;
}

table.tableForm th span.caution{
	display:block;
	font-size:77%;
	line-height:160%;
	padding:10px 0 10px;
}


table.tableForm td p.cap{
	margin-bottom:10px;
	line-height:110%;
}

table.tableForm td img{
	vertical-align:top;
	margin:0 3px;
}

/*フォームオブジェクト*/
table.tableForm td input,
table.tableForm td textarea,
table.tableForm td select{
	margin:0 3px 10px 0;
	vertical-align:top;
	border:1px solid #7f9db9;
}

table.tableForm td textarea.large{
	width:430px;
	height:120px;
	font-size:100%;
}

table.tableForm td input.middle{
	width:300px;
	height:18px;
}

table.tableForm td input.medium{
	width:150px;
	height:18px;
}

table.tableForm td input.small{
	width:40px;
	height:18px;
}

/*セレクトリスト*/
div.selectList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.selectList { display:inline-block; }
/*\*/
* html div.selectList { height:1%; }
div.selectList { display:block; }
/**/

table.tableForm td div.selectList{
	position: relative;
}

table.tableForm td div.selectList .item{
	position: static;
}

table.tableForm td div.selectList dl{
	float:left;
	width:165px;
}

table.tableForm td div.selectList select{
	width:140px;
	height:200px;
}

/*チェックボックス*/
table.tableForm td ul.checkBox{
	padding-bottom:10px;
}

table.tableForm td ul.checkBox li input{
	display:none;
}

dl.checkBoxList ul.checkBox li input{
	display:none;
}


table.tableForm td ul.checkBox li{
	float:none;
	width:auto;
}

table.tableForm td ul.checkBox.fleft li{
	float:left;
	width:auto;
	margin-right:5px;
}

table.tableForm td ul.checkBox.width33p li{
	float:left;
	width:33%;
}

table.tableForm td ul.checkBox.width25p li{
	float:left;
	width:25%;
}

table.tableForm td ul.checkBox.width50p li{
	float:left;
	width:50%;
}

table.tableForm td ul.checkBox li a.on{
	background: url(../img/obj_checkbox_on.gif) no-repeat;
	padding:0 10px 0 17px;
}

table.tableForm td ul.checkBox li a.off{
	background: url(../img/obj_checkbox_off.gif) no-repeat;
	padding:0 10px 0 17px;
}

/*チェックボックスリスト*/
dl.checkBoxList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.checkBoxList { display:inline-block; }
/*\*/
* html dl.checkBoxList { height:1%; }
dl.checkBoxList { display:block; }
/**/

table.tableForm dl.checkBoxList{;
	margin-bottom:10px;
	background: url(../img/bgr_com_dotline.gif) left bottom repeat-x;
}

table.tableForm h3.reqCap{
	padding:0 0 10px;
}

table.tableForm dl.checkBoxList dt{
	background:#f2f2f2;
	border-top:1px solid #cccccc;
	line-height:110%;
	padding:5px 7px;
	margin-bottom:10px;
	font-weight:normal;
}

table.tableForm dl.checkBoxList ul.checkBox li input{
	display:inline;
}

table.tableForm dl.checkBoxList ul.checkBox li{
	float:left;
	width:25%;
	padding-rignt:10px;
}


/*ラジオボタン*/
table.tableForm td ul.radio{
	padding-bottom:10px;
	width:auto;
	line-height:160%;
}

table.tableForm td ul.radio li{
	display:inline;
	padding-rignt:10px;
}

table.tableForm td ul.radio li input{
	display:none;
}

table.tableForm td ul.radio li a.on{
	background: url(../img/obj_radio_on.gif) no-repeat;
	padding:0 10px 0 17px;
}

table.tableForm td ul.radio li a.off{
	background: url(../img/obj_radio_off.gif) no-repeat;
	padding:0 10px 0 17px;
}

/*点線*/
table.tableForm td .dotLine{
	background: url(../img/bgr_com_dotline.gif) left bottom repeat-x;
	padding-bottom:0px;
	margin-bottom:10px;
}

/*入居可能日*/
table.tableForm td .item p.point{
	width:240px;
	text-align:center;
	color:#333333;
	padding:4px 0;
	border:1px solid #e7e1c5;
	background:#fbf8ea;
	line-height:110%;
	margin-bottom:10px;
}

/*例*/
table.tableForm td .item .exsample{
	font-size:77%;
	color:#999999;
}

/*エラーチップ*/
table.tableForm td .item p.chipError{
	display:none;
	position: absolute;
	top:0;
	right:0;
}

/*状況：NG*/
table.tableForm td .ng,
table.tableForm td .ng .exsample,
table.tableForm td .ng select{
	color:#cc0000;
}

table.tableForm td .ng input,
table.tableForm td .ng textarea,
table.tableForm td .ng select{
	border:1px solid #cc0000;
	background:#ffe5e5;
}

table.tableForm td .ng p.chipError{
	display:block;
	position: absolute;
	top:0;
	right:0;
}

table.tableForm td .ng a{
	color:#cc0000;
}

table.tableForm .ng dl.checkBoxList dt{
	background:#ffe5e5;
	border-top:1px solid #cc0000;
	line-height:110%;
	padding:5px 7px;
	margin-bottom:10px;
	font-weight:normal;
}

/*状況：OK*/
table.tableForm td .ok,
table.tableForm td .ok .exsample,
table.tableForm td .ok select{
	color:#5da748;
}

table.tableForm td .ok input,
table.tableForm td .ok textarea,
table.tableForm td .ok select{
	border:1px solid #5da748;
	background:#e7f2e4;
}

table.tableForm td .ok p.chipError{
	display:none;
	position: absolute;
	top:0;
	right:0;
}

table.tableForm td .ok a{
	color:#5da748;
}

table.tableForm .ok dl.checkBoxList dt{
	background:#e7f2e4;
	border-top:1px solid #5da748;
	line-height:110%;
	padding:5px 7px;
	margin-bottom:10px;
	font-weight:normal;
}

/* ===== 確認 ===== */
table.tableForm p.anser{
	margin-bottom:10px;
	color:#5da748;
}

/* ===== マル得 ===== */
div#contForm div.marutoku{
	position: relative;
	margin-bottom:30px;
}



div#contForm div.marutoku p.img{
	position: absolute;
	top:20px;
	left:20px;
}


div#contForm #contLeft .block .capLine .capFaqNotes {
	display: inline;
	float: left;
	margin-left: 15px;
	font-weight: normal;
	font-size: 11px;
	margin-top: 5px;
}

div#contForm #contLeft .block .capLine .capFaqTit {
	display: inline;
	float: left;
	line-height: 100%;
}

div#contForm #contLeft .block .capLine .capFaqLink {
	display: inline;
	float: right;
	font-weight: normal;
}



/* ===== マンスリー問い合わせ ===== */


div#contForm #contLeft .block .checkBox li.double {
	width: 250px;
	float:left;
	display:inline;
	line-height: 160%;
}




/* ===== 111208問い合わせ導線改修 ===== */

div#contForm table.tableBlue.contactBukken{
	table-layout:fixed;
	font-size:92.3%;
}

div#contForm table.tableBlue.contactBukken th{
	text-align:center;
}

div#contForm table.tableBlue.contactBukken th.name{
	width:380px;
}

div#contForm table.tableBlue.contactBukken th.price{
	width:60px;
}

div#contForm table.tableBlue.contactBukken th.address{
	width:279px;
}


div#contForm table.tableBlue.contactBukken td.name{
	font-weight:bold;
	font-size:116.7%;
}

div#contForm table.tableBlue.contactBukken td.price{
	text-align:center;
}

div#contForm table.recommendBukken{
	font-size:92.3%;
	table-layout:fixed;
	width:840px;
	border:1px solid #cccccc;
	border-right:0;
	margin:20px 0;
}

div#contForm table.recommendBukken th{
	width:50%;
	background:#f2f2f2;
	padding:5px 10px;
	border-right:1px solid #cccccc;
	font-size:116.7%;
	text-align:left;
}

div#contForm table.recommendBukken td{
	padding:10px 15px;
	border-right:1px solid #cccccc;
}

div#contForm table.recommendBukken td dt{
	float:left;
	width:120px;
	padding:0 10px 0 0;
	text-align:center;
}

div#contForm table.recommendBukken td dd{
	float:left;
	width:255px;
}

div#contForm table.recommendBukken td dd p{
	line-height:1.6;
}

div#contForm table.recommendBukken td dd p.price{
	color:#ff6699;
	font-size:116.7%;
}

div#contForm table.recommendBukken td dd a{
	font-weight:bold;
}

/*画像 */
.reqestStep {
margin:-20px 0 10px 0;
}

/* マンスリーカレンダーエリア追加 */
.MonthlyDataTable{
	padding: 10px 0;
}
.MonthlyDataTable table,
.MonthlyDataTableFix table{
	margin: 0 auto;
}
.MonthlyDataTable table th,
.MonthlyDataTable table td{
	background: none;
	border: none;
	padding: 0;
}
.MonthlyDataTable table th{
	text-align: left;
	font-weight: normal;
}
.MonthlyDataTable table td input[type="text"].dateCalendar{
	width: 120px;
	padding: 5px 8px;
	border: solid 1px #CCC;
    background: #ffffff url(../img/ico_calendar.png) right center no-repeat;
}

.MonthlyDataTable .priceTxt{
	font-size: 18px;
    color: #e60012;
    font-weight: bold;
}
.MonthlyDataTable .errorTxt{
    color: #e60012;
    font-weight: bold;
	padding: 0 10px;
    margin: 5px 0 5px 0;
}