@charset "shift_jis";

/* ================================================= */
/* System Force - Design and Devt                    */
/* common.css                                        */
/* NOTE: ALL HTML FILES ARE LINK TO THIS CSS.        */
/* ================================================= */



/*----- body -----*/

body{
	margin: 0px; 
	font: 0.8em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background-color: #fffccc;
	}

a:link { 
	text-decoration: none ;    /* 下線を消す */
	}   /* リンク */
	
a:visited {                 /* 既に見たリンク */
	color: #4a4a4a;
	text-decoration: none ;    /* 下線を消す */
	}
	
a:active {                 /* クリック時のリンク */
	color: #fff ;
	text-decoration: none;     /* 下線を消す */
	}
	
a:hover {                   /* カーソルが上にある時のリンク */
	color: #ccc;
	text-decoration: none ;    /* 下線を消す */
	}	
	
img{
	border:0;
	margin: 0;
	}

p{
	margin: 8px;
	}

.hide{
	display: none;
	}

h1{
	margin: 0;
	font-weight:normal;
	font-size:10px;
	text-align:left;
	}
h2{
	margin: 0;
	}


/*----- header -----*/
.header{
	margin:0;
	width: 850px;
	height:84px;
	padding-top: 8px;
	position: absolute;
	left: 50%;
	margin-left: -425px;
	background-color: #ffffff;
	}
	
.header_chr{
	font-size:10px;
	}

.logo{
	width: 234px;
	height: 74px;
	padding-top:-20px;
	float: left;
	}

.header_right{
	margin-top:0px;
	width: 500px;
	height: 74px;
	float: right;
	background-image: url("../images/login_phone.gif");
	background-repeat: no-repeat;
	}

.lo01{
	margin-top: 6px;
	margin-left: 16px;
	float: left;
	}

.lo02{
	margin-top: 6px;
	margin-left: 16px;
	float: left;	
	}


.mail{
	width: 152px;
	margin-top: 6px;
	margin-left: 76px;
	vertical-align: top;
	height: 12px;
	float: left;
	}

.pass{
	width: 110px;
	margin-top: 4px;
	margin-left: 70px;
	vertical-align: top;
	height: 12px;
	float: left;
	}
	
.login{
	margin-top: 6px;
	margin-left: 8px;;
	width: 64px;
	height: 18px;
	vertical-align: bottom;
	float: left;
	}
	
.login_name{
	float: right;
	padding: 0px;
	width: 140px;
	height: 14px;
	margin-top: 6px;
	margin-right: 8px;
	font-size: 92%;
}



/*----- メニューバー -----*/
ul { 
	margin: 0 0 0 1em; 
	padding: 0; 
	} 


li{
	float: left;
	font-weight: bold;
	margin-top: 4px;
	list-style-type: none;

	}

/*リストの幅*/
.li_px117{
	width: 117px;
	}
	
.li_px151{
	width: 151px;
	}
	
.li_px90{
	width: 90px;
	}
	
.li_px120{
	width: 120px;
	}
	
.li_px106{
	width: 106px;
	}

.li_px100{
	width: 100px;
	}

.li_px138{
	width: 138px;
	}

.li_px174{
	width: 174px;
	}
	
.li_px144{
	width: 144px;
	}

.li_px94{
	width: 94px;
	}

.li_px85{
	width: 85px;
	}

.li_px47{
	width: 47px;
	}

/*----- 上メニュー -----*/
.menu01{
	margin: 0px;
	width: 804px;
	height: 30px;
	padding-top: 6px;
	position: absolute;
	top: 88px;
	left: 50%;
	margin-left: -425px;
	background-image: url("../images/menu01.gif");
	background-repeat: no-repeat;
	background-position: 0% 6px;
	padding-left: 46px;
	background-color: #ffffff;
	}


/*----- 下メニュー -----*/
.menu02{
	margin: 0;
	width: 804px;
	height: 30px;
	padding-top: 0px;
	position: absolute;
	top: 123px;
	left: 50%;
	margin-left: -425px;
	background-image: url("../images/menu02.gif");
	background-repeat: no-repeat;
	background-position: 0% 0px;
	padding-left:46px;
	background-color: #ffffff;
	}



/*----- main -----*/

.main{
	margin: 0;
	width: 850px;
	height: auto;
	position: absolute;
	top: 152px;
	left: 50%;
	margin-left: -425px;
	background-image: url("../images/menu_r_bg.gif");
	background-position: 650px 0px;
	background-repeat: repeat-y;
	background-color: #ffffff;
	}

.main_contents{
	width: 650px;
	height: auto;
	float: left;
	background-color: #ffffff;
	padding-bottom: 10px;
	}

/*----- 右メニュー -----*/

.menu_right{
	width: 200px;
	margin-left: 0px;
	float: left;
	padding-top: 8px;
	}
	
.img_btn{
	float: left;
	margin-left: 14px;
	margin-top: 2px;
}

/*----- footer -----*/
.footer{
	margin: 0;
	width: 850px;
	position: absolute;
	left: 50%;
	bottom: -26px;
	height: 26px;
	margin-left: -425px;
	background-color: #ffffff;
	background-image: url("../images/footer.gif");
	background-repeat: no-repeat;
	background-position: 0% 0px;
	float: left;
	clear: both;
}


.ft{
	padding: 0;
	margin-top: 4px;
	margin-left: 314px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 96%;
	font-family: "Verdana";
}
/*----- color -----*/
.red{
	color: #cc0000;
}

.green{
	color: #006633;
}

.blue{
	color: #3366ff;

}
/*----- index.html -----*/

.top{
	float: right;
	margin-right: 0px;
}

.rosen{
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

.area{
	height: 140px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px;
	border: 1px solid #ffcc33;
}

.qck{
	margin-top: 2px;
	float: right;

}

.info{
	margin-top: 2px;
	width: 446px;
	height: 150px;
	border: 1px solid #ffcc33;
	float: left;
	font-size: 2;
}



/*----- privacypolicy.html -----*/

.pri_p{
	width: 610px;
	margin-left: 20px;
	padding: 0;
	line-height: 120%;
	letter-spacing: 0;
	margin-top: 14px;
}
.orange{
	color: #ffcc33;
	font-weight: bold;
}

/*----- company.html -----*/

.com{
	margin-left: 20px;
	margin-top: 30px;
	width: 610px;
	border: 0;
}

.com_td01{
	width: 126px;
	height: 36px;
	font-size: 106%;
	font-weight: bold;
	padding-left: 6px;
	background-color: #ff9933
}
.com_td02{
	width: 484px;
	height: 36px;
	font-size: 106%;
	font-weight: bold;
	padding-left: 6px;
	background-color: #ff9933
}
.com_td03{
	width: 124px;
	height: 36px;
	font-size: 106%;
	font-weight: bold;
	padding-left: 6px;
	background-color: #ffffcc
}
.com_td04{
	width: 484px;
	height: 36px;
	font-size: 106%;
	font-weight: bold;
	padding-left: 6px;
	background-color: #ffffcc
}

/*----- distinctive.html -----*/
.main_contents_distinctive{
	width: 650px;
	height: auto;
	background-image: url("../images/distinctive_bg.gif");
	background-position: 88% 8%;;
	background-repeat: no-repeat;
	float: left;
	}

.distinctive{
	margin-top: 16px;
	margin-left: 20px;
	width: 600px;
	height: 86px;
	clear: both;
}
	
.h2_dis{
	width: 162px;
	height: 80px;
	margin-top: 0px;
	float: left;
}
.p_dis{
	padding-top: 12px;
	margin-left: -6px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 150%;
	float: left;
	font-size: 106%;
	color: #000;
}


/*----- エリア検索 -----*/

.area_sele{
	margin-top: 20px;
	margin-left: 12px;
	height: auto;
}
.area_sele02{
	margin-top: 20px;
	margin-left: 12px;
	width: 580px;
	border: 1px solid #ffcccc;
	padding: 20px;
	height: auto;

	
}
.area_search{
	margin-top: 10px;
	margin-left: 160px;
	
}

.area_block{
	border-left: 6px double #ffcccc;
	margin-bottom: 20px;
	
}
.ab_td{
	padding-left: 20px;	

}

.areaform{
	width: 120px;
	height: 30px;
}

.areaform_btn{
	float: right;
	margin-right: 10px;
	margin-top: 0px;
}

/*----- 駅・路線検索 -----*/
.st_sele{
	margin-top: 20px;
	margin-left: 12px;
	width: 580px;
	border: 1px solid #99ccff;
	padding: 20px;
	height: auto;
	margin-bottom: 10px;
}

.st_search{
	margin-left: 160px;
	height: auto;
	
}

.st_search02{
	margin-top: 30px;
	margin-left: 160px;
	height: 130px;
	
}

.st_search03{
	margin-top: 10px;
	margin-left: 160px;
	height: auto;
}

.st_block{
	border-left: 6px double #99ccff;
	margin-bottom: 20px;
	
}

.st_block_th{
	text-align: left;
	padding-left: 10px;
}

.st_td01{
	padding-left: 40px;	
	width: 120px;

}

.st_td02{
	padding-left: 80px;	
}

.stform{
	width: 120px;
	height: 30px;
}

.stform_btn{
	float: right;
	margin-right: 10px;
	height: auto;
}

.height_div{
	height: 50px;
	
}


/*----- ログイン -----*/

.loginbg01{
	width: 294px;
	height: 480px;
	background-image: url("../images/loginbg01.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin-left: 10px;
	margin-top: 20px;
	float: left;
	padding-top: 60px;
	text-align: center;

}

.loginbg02{
	width: 294px;
	height: 375px;
	background-image: url("../images/loginbg02.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
	padding-top:80px;
	text-align: center;

}

.p_loginbg{
	text-align: left;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
}

.p_login_caution01{
	text-align: left;
	background-color: #f0f0f0;
	width: 242px;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 16px;
	font-size: 80%;
}

.p_login_caution02{
	text-align: left;
	background-color: #f0f0f0;
	width: 242px;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	font-size: 80%;

}

.loginpage_btn{
	width: 194px;
	height: 48px;
	padding: 0px;
	margin-bottom: 0px;
}

.pass_btn{
	margin-top: 90px;
}

.tourokumuryo_btn{
	margin-top: 10px;

}


/*----- c_draft.html -----*/

.c_draft{
	margin-left: 30px;
	margin-top: 4px;
	width: 600px;
	height: 90px;
	border: 0;
}

.c_draft02{
	margin-left: 20px;
	margin-top: 10px;
	width: 620px;
	border-bottom: 1px solid #999966;
}


.bl{
	background-image: url("../images/blue.gif");
	background-repeat: no-repeat;
	width: 330px;
	height: 36px;
}

th{
	font-size: 120%
}

.line{
	border-top:1px solid #999966;

}


.large{
	font-size: 140%;
	font-weight: bold;
}

.td_icon{
	padding: 0px;
	width: 30px;
	height: 30px;

}


.pages{
	text-align: center;
	margin-top: 40px;

}


/*----- c_description.html -----*/

.c_description01{
	margin-left: 40px;
	margin-top: 6px;
	width: 580px;
}

.c_description02{
	margin-left: 40px;
	margin-top: 10px;
	width: 580px;
}
/*----- r_draft.html -----*/
.r_draft{
	margin-top: 20px;
	margin-right: 2px;
	width: 614px;
	float: right;
	font-size: 88%;
	border-bottom: 1px solid #999966;	

}

.r_icon{
	width: 140px;
	height: 80px;	
}


/*----- p_draft.html -----*/

.p_draft{
	margin-top: 20px;
	margin-right: 2px;
	width: 614px;
	border-bottom: 1px solid #999966;
	border-top: 1px solid #999966;	
	float: right;
	font-size: 82%;
}
.p_td{
	border-top: 2px solid #333;
	border-right: 1px solid #999966;
	height: 40px;
}
.p_td02{
	border-top: 2px solid #333;
	height: 40px;
	background-color: #bfdfff;

}

/*----- 仲介物件詳細 -----*/

.h1_de{
	font-size: 120%;
	padding-top: 4px;;
	padding-left: 165px;
	margin-bottom: 0px;
	margin-left: 2px;
	background-image: url(../images/de_h1.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 481px;
	color: #727272;
	margin-top: 4px;
}
.detail{
	width: 646px;
	margin-left: 2px;
	margin-top: 6px;
	font-size: 84%;
	font-family: "ＭＳ ゴシック";
	color: #525252;
}
.th_de{
	text-align: left;
	font-size: 98%;
	letter-spacing: -1px;
	padding-top: 1px;
	border: 1px solid #ffffff;
	border-top: 0;
	border-left: 0;
	height: 14px;
}

.th_de01{/* 一行目ライン上 */
	text-align: left;
	font-size: 98%;
	letter-spacing: -1px;
	padding-top: 1px;
	border: 1px solid #ffffff;
	border-left: 0;
	height: 14px;
}

.th_de02{/* 一列目ライン左 */
	text-align: left;
	font-size: 98%;
	letter-spacing: -1px;
	padding-top: 1px;
	border: 1px solid #ffffff;
	border-top: 0;
	height: 14px;
}

.th_de03{/* 一行目セル１ライン上・左 */
	text-align: left;
	font-size: 98%;
	letter-spacing: -1px;
	padding-top: 1px;
	border: 1px solid #ffffff;
	height: 14px;
}


.td_de{
	text-align: left;
	font-size: 98%;
	padding-top: 1px;
	border: 1px solid #ffffff;
	border-top: 0;
	border-left: 0;
	height: 14px;
	background-color: #f8f8f8;
}

.td_de01{/* 一行目ライン上 */
	padding-top: 1px;
	border: 1px solid #ffffff;
	border-left: 0;
	height: 14px;
	background-color: #f8f8f8;
}


.de_tr05{
	height: 30px;
}

.de_td_width01{/* 1列目 */
	width: 112px;
}

.de_td_width02{/* 2列目*/
	width: 86px;
}

.de_td_width03{/* 3列目*/
	width: 50px;
}

.de_td_width04{/* 4列目*/
	width:86px;
}

.de_td_width05{/* 5列目 */
	width: 59px;
}

.de_td_width06{/* 6列目 */
	width: 59px;
}

.de_td_width07{/* 7列目 */
	width: 74px;
}

.de_td_width08{/* 8列目 */
	width: 116px;
}

.img_view{
	margin: 0;
	padding: 0;
}

/*----- 会員特典説明 -----*/
.tokuten_img{
	float: right;
	width: 636px;
	height: 118px;
}
.tokuten_back{
	background-image: url("../images/tokuten_back.gif");
	background-repeat: no-repeat;
	width: 638px;
	height: 254px;
	float: right;
	margin-top: 10px;
	margin-right: 2px;
}

.tokuten_txt{
	margin-top:56px;
	margin-left: 36px;
	width: 566px;
	height: 176px;
}
.tokuten_btn{
	float: right;
	width: 580px;
	height: 128px;
	margin-right: 34px;
	margin-top: 10px;
}

/*----- 会員規約 -----*/
.kiyaku_img{
	float: right;
	width: 636px;
	height: 118px;
}
.kiyaku_back{
	background-image: url("../images/kiyaku_back.gif");
	background-repeat: no-repeat;
	width: 638px;
	height: 170px;
	float: right;
	margin-top: 10px;
	margin-right: 2px;
	text-align: center;

}

.kiyaku_txt{
	margin-top:60px;
	margin-left: 36px;
	width: 566px;
	height: 16px;
	padding-bottom: 0px;
}
.kiyaku_btn01{
	width: 176px;
	height: 40px;
	margin-top: 10px;
	margin-left: 110px;
	float: left;
}
.kiyaku_btn02{
	width: 176px;
	height: 40px;
	margin-top: 10px;
	margin-left: 80px;
	float: left;
}

.kiyaku_textarea_div{
	width: 650px;
	text-align: center;
}
.kiyaku_textarea{
	background-color:#FFFFFF;
	scrollbar-base-color:#000000;
	scrollbar-face-color:#000080;
	scrollbar-track-color:#000050;
	scrollbar-arrow-color:#ffccff ;
	scrollbar-3dlight-color:#000080;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#555555;
	scrollbar-darkshadow-color:#000000;
	
	margin-left: 10px;
	margin-top: 10px;
	font-size: 96%;
	border: 1px solid #ccc;

}

/*----- 会員登録フォーム-----*/
.touroku_img{
	float: right;
	width: 636px;
	height: 118px;
}
.touroku_back{
	background-image: url("../images/touroku_back.gif");
	background-repeat: no-repeat;
	width: 642px;
	height: 522px;
	float: right;
	margin-top: 6px;
	margin-right: 2px;
}

.touroku_txt{
	margin-top:56px;
	margin-left: 36px;
	width: 570px;
	height: 20px;
	padding-bottom: 0px;
}
.touroku_form_table{
	margin-left: 58px;
	width: 560px;
	margin-top: 10px;
}
.touroku_form{
	height: 16px;
	border: 1px solid #ccc;
	margin-right: 2px;
}

.koumoku{
	vertical-align: bottom;
}

.touroku_btn01{
	width: 154x;
	height: 28px;
	margin-left: 0px;
	margin-bottom: 0px;
	float: left;
	clear: both;
	margin-top: 10px;

}

.touroku_btn02{
	width: 60px;
	height: 24px;
	float: left;
	margin-left: 330px;
	margin-top: 20px;

}


/*----- 無料診断申込みフォーム-----*/
.sindan_img{
	float: right;
	width: 636px;
	height: 118px;
}
.sindan_back{
	background-image: url("../images/sindan_back.gif");
	background-repeat: no-repeat;
	width: 642px;
	height: 690px;
	float: right;
	margin-top: 6px;
	margin-right: 2px;
}

.sindan_txt{
	margin-top:56px;
	margin-left: 36px;
	width: 570px;
	height: 20px;
	padding-bottom: 0px;
}
.sindan_form_table{
	margin-left: 58px;
	width: 560px;
	margin-top: 10px;
}
.form_radio{
	height: 16px;
	margin-right: 2px;
	font-size: 90%;
	vertical-align: bottom;
}
.form_radio02{
	height: 16px;
	margin-left: 124px;
	font-size: 90%;
	vertical-align: bottom;
}
.form_message{
	font-size: 90%;
	border: 1px solid #ccc;

}
.form_select{
	font-size: 90%;
	border: 1px solid #ccc;
	height: 18px;
}

/*----- お問合せフォーム-----*/
.info_img{
	float: right;
	width: 636px;
	height: 118px;
}
.info_back{
	background-image: url("../images/info_back.gif");
	background-repeat: no-repeat;
	width: 642px;
	height: 690px;
	float: right;
	margin-top: 6px;
	margin-right: 2px;
}

.info_txt{
	margin-top:56px;
	margin-left: 36px;
	width: 570px;
	height: 20px;
	padding-bottom: 0px;
}
.info_form_table{
	margin-left: 58px;
	width: 560px;
	margin-top: 10px;
}
.form_radio{
	height: 16px;
	margin-right: 2px;
	font-size: 90%;
	vertical-align: bottom;
}
.form_radio02{
	height: 16px;
	margin-left: 124px;
	font-size: 90%;
	vertical-align: bottom;
}
.form_message{
	font-size: 90%;
	border: 1px solid #ccc;

}
.form_select{
	font-size: 90%;
	border: 1px solid #ccc;
	height: 18px;
}

/*----- 特集 -----*/
.topic_img{
	float: right;
	width: 636px;
	height: 118px;
}
.topic_back{
	background-image: url("../images/topic_back.gif");
	background-repeat: no-repeat;
	width: 638px;
	height: 158px;
	float: right;
	margin-top: 10px;
	margin-right: 2px;
}

.topic_txt{
	margin-top:56px;
	margin-left: 36px;
	width: 566px;
	height: 76px;
}

.topic_div{
	margin-top: 40px;
	margin-right: 4px;
	float: right;}