@charset "utf-8";

/*動的ページ*/


/* 共通====================================　*/

/* 物件のカテゴリー*/

ul.categoryDefa{ 
	overflow:hidden;
	width:475px;
	background:#f7f7f7;
	padding:5px 0 5px 5px;
	margin-bottom:10px;
	}
		
ul.categoryDefa li{
	float:left;
	margin-right:5px;	
	padding:5px;
	}
	
ul#category02{
	width:700px;
	}		


/* ============= housingDateList01 ===============*/

div.housingDateList01{
	overflow:hidden;
	width:700px;
	}
	
div.housingDateList01 div{
	float:left;
	width:200px;
	}
	
div#main div.housingDateList01 div p{
	margin-top:0;
	}
	
div#main div.housingDateList01 div p a{
	margin-top:5px;
	}		

div.housingDateList01 div.dates{
	float:right;
	width:500px;
	}
	
div.housingDateList01 div.dates dl{
	margin-top:-10px;
	}
	
div.housingDateList01 div.dates dt{
	margin-bottom:5px;
	margin-top:10px;
	}


/*================ housingList====================*/
	
ul#housingList li {
	border:solid 1px #ddd;
	padding:0 10px 10px 10px;
	overflow:hidden;
	width:680px;
	margin-top:10px;
	}
	
ul#housingList * li {
	width:auto;
	margin-top:0;
	border:none;
	margin-top:0;
	padding:0;
	}		
	
ul#housingList li h4 {
	display:block;
	margin-bottom:10px;
	margin-top:10px;
	}		

ul#housingList li h4 span{	
	margin-right:10px;
	width:51px;
	}

ul#housingList li p{
	width:200px;
	float:left;
	margin-top:0;	
	}
	
ul#housingList p.date{
	width:480px;
	}	
ul#housingList p.summary{
	float:none;
	width:680px;
	margin-bottom:10px;
	}	
	
ul#housingList div{
	width:480px;
	float:right;
	}

ul#housingList li ul.date li{
	line-height:1.5;		
	}


/*=================substitutionTtl===============*/	
h2.substitutionTtl{
	margin-bottom:10px;
	margin-top:30px;
	color:#FF3300;
	}
	
	
/*================ genreChenge==================*/

div.genreChenge h4{
	float:left;
	background:none;
	}	
	
div.genreChenge	{
	margin-bottom:25px;
	margin-top:10px;
	text-align:right;
	}

/*============== howsingListRow ==================*/


div#ListRowNav h3,
div#ListRowNav h4{
	margin:0;
	padding:0;
	background:none;
	width:auto;
	}
	
div#ListRowNav h3{
	background:#fff;
	width:130px;
	height:50px;
	border-right:solid 1px #ddd;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	}
	
div#ListRowNav h3 img{
	position:absolute;
	top:20px;
	left:37px;
	}		
	
div#ListRowNav{
	height:50px;
	margin-top:10px;
	border:solid 1px #ddd;
	background:#eee url(/common/img/bg_browchange.gif) no-repeat 415px center ;
	position:relative;		
	}
		
div#ListRowNav ul#changettl01{
	position:absolute;
	left:140px;
	margin:0;
	padding:0;
	line-height:0;
	top:6px;	
	}
	
div#ListRowNav ul#changettl01 li{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	line-height:0;
	}	
/*	
div#ListRowNav ul#changettl02{
	position:absolute;
	top:9px;
	left:430px;
	width:262px;
	}*/
	
/*div#ListRowNav ul#changettl02 h4,	*/
div#ListRowNav ul#changettl01 h4{
	padding-top:13px;
	padding-right:15px;
	padding-left:10px
	}
			
/*div#ListRowNav ul#changettl02 li{
	float:left;
	}	*/
	

	
	
/*========== guideNav ==============*/

ul.guideNav{
	position:relative;
	height:2em;
	}
	
ul.guideNav li.guidSearch,
ul.guideNav li.allView{
	position:absolute;
	}
	
ul.guideNav li.guidSearch{
	left:0;
	}
	
ul.guideNav li.allView{
	right:0;
	}
	
/*==================housingListSwitch ===========*/



ul.housingListSwitch{
	text-align:right;
	border-bottom:solid 3px #937352;
	}
/*	
ul.housingListSwitch li{
	float:left;
	margin-right:5px;
	
	}
	
ul.housingListSwitch li.guidSearch{
	padding-top:5px;
	margin-left:10px;
	}*/
	
			
/*================= pageMoveSwitch========================*/

div.pageMoveSwitch{
	position:relative;		
	overflow:hidden;
	}
	
div.pageMoveSwitch p.linkParagraph{
	width:15em;
	}	
	
div.pageMoveSwitch p{
	margin:0;
	paddin:0;
	}	
	
div.pageMoveSwitch ul{
	position:absolute;
	right:0;
	top:10px;
	overflow:hidden;
	height:auto;	
	}
	

div.pageMoveSwitch ul li{
	float:left;
	padding-right:5px;
			
	}
	
div.pageMoveSwitch ul li ul{
	position:static;
	overflow:visible;
	margin-left:5px;
	}	
	
div.pageMoveSwitch ul li ul li a{
	padding:0;
	background:#f7f7f7;
	border:solid 1px #ddd;
	display:block;
	height:1em;
	text-align:center;
	width:1.5em;
	text-decoration:none;
	padding-bottom:5px;
	text-decoration:none !important;
	}	
	
* html div.pageMoveSwitch ul li ul li a	{
	height:50px;
	
	padding-bottom:10px;
	
	}
	
div.pageMoveSwitch ul li ul li a:hover{
	background:#eee;
	border:1px solid #c2ac94;
	}	
	

		
		
/* ========relationLink（関連リンク）=======*/	

div.relationLink {
	margin-top:30px;
	width:700px;
	}

div.relationLink h3{
	background:none;
	margin:0;
	padding:0;
	}	
	
div.relationLink h4{
	margin-top:10px;
	}	
	
div.relationLink div{
	border:solid 1px #ddd;
	padding:0 10px 10px 10px;
	}
	
div.relationLink div p{
	padding-left:80px;
	background:url(/common/img/thmb_05.jpg) no-repeat;
	min-height:80px;
	display:block;
	}
	
* html div.relationLink div p{ /* for IE6 Hack */
	height:80px;
	}
	
	
/* （関連リンク）リンク集*/	

body#link div.relationLink div p{
	padding-left:80px;
	background:url(/common/img/thmb_06.jpg) no-repeat;
	min-height:80px;
	display:block;
	}
	
	
/*=========== memberAreement （会員登録）=====================*/

div#memberAreement{
	width:800px;
	overflow:auto;
	height:100px;
	border:solid 1px #ddd;
	padding:10px;
	margin:30px auto 0 auto;	
	}
	
div.attention{
	width:800px;
	padding:0 10px 10px 10px;
	margin:30px auto 0 auto;
	background:#f7f7f7;
	
	}
	
div.attention h4{
	margin-bottom:20px;
	padding-top:10px;
	}	

/*フォーのフォーカス */	
.focus {
	color: #333;
	background-color: #f7f5eb;
}

/* ==============inputForm01（フォーム） ====================*/	

div#inputForm01{
	margin-bottom:150px;/*フォームの下に余白*/
	}

div#inputForm01 form fieldset,
div#inputForm01 form{
	border:none;
	}	

div#inputForm01 form{
	border:none;
	margin-top:10px;
	}							
	
div#inputForm01 input.mailAddress{
	width:500px;
	border:solid 1px #ccc;
	padding:3px;
	}
	


/*===================== aboutCustomer（お客様情報について）===========*/

div.aboutCustomer{
	background:#f7f7f7;
	} 
	
div.aboutCustomer p{
	padding:0 10px 10px 10px;
	}	
	
	
/*======= フォームページのclass="dateTable04"==================*/

/*注意書き、エラー時のヒント*/
body#form em,
body#form p.hint{
	color:red;
	margin-left:5px;
	}
	
	
body#form em.notes{
	margin-left:0;
	}
	
/* input---------- */

/*通常*/	
body#form input{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:3px;
	}

body#form input#name1,
body#form input#name2,
body#form input#name3,
body#form input#name4{
	width:100px;
	}
	
	
body#form input#barth1,
body#form input#barth2,
body#form input#barth3{
	width:50px;
	}	

body#form input#tel1{
	width:150px;
	}
	
body#form input#mail1,
body#form input#mail2,
body#form input#mail3,
body#form input#mail4{
	width:150px;
	}
	
body#form input#location1{
	width:100px;
	}	
	
body#form input#location3,	
body#form input#location4{
	width:300px;
	}	

/*selectボックス*/	
body#form select#location2{
	width:150px;	
	}
	
/*radioボタン*/			
input#gender1{
	margin-right:20px;
	}

body#form table.dateTable04{
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:35px;
	}
	
body#form table.dateTable04 caption{
	background:#ddd;
	padding:5px;
	}	
	
	
/*inputBtn フォームのボタン*/

ul.inputBtn{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	margin-top:35px;
	}
	
li#back{
	text-align:left;
	}
	
li#check{
	text-align:right;
	margin-top:-32px;
	}
	
li#pagetoTop{
	text-align:center;
	}				

/*エラー画面*/	
body#form table.dateTable04.error td{
	background:#FFE8EE;
	}	
	
	
/*エラーメッセージ*/
div#errorMes{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	color:red;
	line-height:1.6;
	border:solid 1px red;
	padding:10px;
	margin-bottom:30px;
	}	

/* flow */
#form #wrapper #main #lead .flow li{
	display:inline;
	}
	
	
ul.flow02{
	margin-left:176px;
	margin-top:10px;
	}
		
ul.flow02 li{
	display:inline;
	}
	
	
/*verSign　ベリサイン*/

body#form p#verSign{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	display:block;
	}		
	

/*otherInq　その他の問い合わせへ*/	

ul.otherInq{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border-top:dotted 1px #ddd;
	}

body#form ul.otherInq li p.otherInqText{
	float:right;
	width:360px;
	margin-top:5px;
	display:block;
	}
	
	
ul.otherInq li p.otherInqBtn{
	float:left;
	width:300px;
	margin:0;
	}
	
/* goalMes 送信完了メッセージ*/

div.goalMes{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #ddd;
	margin-top:30px;
	}
	
div.goalMes h3{
	margin-top:0;
	background:#f7f7f7;
	display:block;
	}	
	
	
div.goalMes p{
	padding:0 10px 10px 10px;
	}	
	
/*電話でのお問い合わせ*/	

div.phonInq{
	overflow:hidden;
	border:solid 1px #ddd;
	margin-top:20px;
	background:url(/common/img/bg_formInq.gif) left top repeat-y;
	min-height:30px;
	}

* html div.phonInq{
	height:50px;
	}	

div.phonInq h4{
	width:195px;
	float:left;
	line-height:30px;	
	margin-top:0;
	padding-left:5px;
		padding-top:10px;
	padding-bottom:10px;
	
	}
	
div.phonInq div{
	float:right;
	width:690px;
	padding-top:10px;
	padding-bottom:10px;
	
	}