@charset "utf-8";

/*------------------------------------------------------------------------
 基本
--------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	font: normal normal normal;
	}

html{
	height:100%;
	}
	
body{
	height:100%;
	background: #666666 url("images/back.gif") repeat-x top;  
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Verdana,Arial, sans-serif, "メイリオ";
	font-weight:normal;
	font-style:normal;
	color:#333333;
	font-size:82%;
	line-height:1.6;    
	}

table,div,p,ol,ul,li,dl,dt,dd{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

/* ClearFix 回り込みの解除(Firefox/Safari/Operaなどのモダンブラウザ用の記述) */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	}
/* ClearFix 回り込みの解除(IE7とMac版IE5用の記述) */
.clearfix {
	display: inline-block;
	min-height: 1%;
	}
/* Hides from IE-mac --ClearFix 回り込みの解除(IE6以前用の記述) \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


.clear {	/* 回り込みの解除 */
	clear:both;
	zoom:1;
	}

.f-lef{		/* 左配置回り込み */
	float:left;
	padding-right:10px;
	}

.f-lef2{		/* 左配置回り込み */
	float:left;
	padding-right:0px;
	width: 680px;
	height: 30px;
	background-color: #FFFFCC;
	}

.f-lef3{		/* 左配置回り込み */
	float:left;
	padding-right:5px;
	}

	
.f-rig{		/* 右配置回り込み */
	float:right;
	padding-left:10px;
	}

.f-rig2{		/* 右配置回り込み */
	float:right;
	padding-left:5px;
	}

.f-rig3{		/* 右配置回り込み */
	float:right;
	padding-left:5px;
	}

.cen{		/* 真ん中寄せ */
	text-align:center;
	}

.rig{		/* 右寄せ */
	text-align:right;
	}

.lef{		/* 左寄せ */
	text-align:left;
	}

h1,h2,h3,h4,h5,h6{		/* 題名 */
	font-size:100%;
	line-height:100%;
	margin:0px;
	padding:0px;
	}

em{		/* 重要 */
	color:#ff0000;
	font-style:normal;
	}

strong{		/* emより重要 */
	color:#ff0000;
	}

hr{		/* 線 */
	border:1px dashed #999999;
	height:1px;
	}

img,table {		/* イメージ・テーブル線消し */
	border:0px;
	}

.nonetxt{		/* 文字消し */
	display:none;
	}

address{		/* アドレス */
	font-style:normal;
	}

.gotop{		/* ページの先頭へ移動 */
	clear:both;
	zoom:1;
	text-align:right;
	padding-top:20px;
	}

.btm-10{		/* 下余白10px */
	margin-bottom:10px;
	}
.btm-15{		/* 下余白15px */
	margin-bottom:15px;
	}
.btm-30{		/* 下余白30px */
	margin-bottom:30px;
	}
	
.btm-50{		/* 下余白50px */
	margin-bottom:50px;
	}

.btm-70{		/* 下余白70px */
	margin-bottom:70px;
	}

.btm-180{		/* 下余白70px */
	margin-bottom:180px;
	}


.f-large{		/* 文字大きく */
	font-size:110%;	
	}


.f-small{		/* 文字大きく */
	font-size:x-small ;	
	}

a:hover{		/* テキストリンク */
	color:#000000;
	text-decoration:underline;
	}


p.pan{		/* パンくずリンク */
	zoom:1;
	text-align:right;
	font-size:12px;
	line-height:25px;
	margin-bottom:20px;
	}



/*------------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------------*/
#container{
	width:980px;
	margin:0px auto;
	text-align:left;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFFFFF;
	}
	
body > #container {
	height: auto;
	}

#content{
	padding:20px 20px 0px 20px;
	clear:both;
	}	
		
#main{
	width:940px;
	}


#header{
	padding:0px;
	margin:0px;
	background-color:#000000;
	text-align:left;
	width:100%;
	}
	
#footer{
	clear:both;
	background-color:#000000;
	bottom:0px;
	width:100%;
	}

/*------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/

div#header h1{		/* HP題名 */
	padding:5px 20px;
	float:left;
	font-size:18px;
	line-height:18px;
	color:#333333;
	}

div#header h2{		/* HP説明 */
	padding:13px 10px 5px 10px;
	float:right;
	font-size:12px;
	line-height:14px;
	color:#FFFFFF;
	text-align:right;
	}

div#header ul#globalnav{		/* 主なカテゴリー */
	clear:both;
	font-size:12px;
	line-height:12px;
	}
	
div#header ul#globalnav li{		/* 主なカテゴリー */
	float:left;
	width:140px;
	text-align:center;
	}

div#header h1 a:link,
div#header h1 a:visited,
div#header h1 a:active,
div#header h1 a:hover{		/* HP題名リンク */
	color:#ffffff;
	text-decoration:none;
	}

/*------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/

div#footer p#gotop{		/* ページの先頭へ移動 */
	font-size:12px;
	line-height:12px;
	zoom:1;
	text-align:right;
	margin:0px 20px 5px 5px;
	}
	
div#footer ul#assistnav{		/* 補助メニュー */
	font-size:12px;
	line-height:12px;
	padding-top:5px;
	width:480px;
	margin:0px auto;
	text-align:center;
	}	
div#footer ul#assistnav li{		/* 補助メニュー */
	display:inline;
	}

div#footer ul#assistnav li a{		/* 補助メニュー リンク */
	margin:0px 5px;
	}
	
div#footer address#cop{		/* コピーライト */
	font-size:12px;
	line-height:12px;
	clear:both;
	font-style:normal;
	padding:10px;
	text-align:center;
	}

div#footer a:link,
div#footer a:visited,
div#footer a:active{		/* テキストリンク */
	color:#464646;
	text-decoration:none;
	}

div#footer a:hover{		/* テキストリンク */
	color:#ff4500;
	text-decoration:none;
	}



/*------------------------------------------------------------------------
メイン
--------------------------------------------------------------------------*/

/* 題名-------------*/

div#main h3{		/* 題名 */
	font-size:18px;
	line-height:100%;
	margin-bottom:15px;
	padding:3px;
	line-height:1.6;
	}

div#main h3.s1,
div#main h6.s1{		/* 題名 */
	font-size:100%;
	line-height:100%;
	margin-bottom:10px;
	padding:3px;
	line-height:1.6;
	}

div#main h4.s1{		/* 題名 */
	font-size:100%;
	line-height:100%;
	margin-bottom:10px;
	background: #ffffff url("../images/h4-s2.gif") no-repeat bottom;
	color:#006666;
	padding:0px 0px 5px 0px;
	}

div#main h5.s1{		/* 題名 */
	font-size:100%;
	line-height:100%;
	margin-bottom:10px;
	background-color: #f8f8f8;
	text-align:right;
	padding:3px 0px;
	}
	

/* 枠-------------*/
div#main div#waku-s1{		/* 枠s1 */
	}


/* 段組-------------*/
div#main div.box2-lef{		/* 3段 */
	width:220px;
	margin-right:20px;
	float:left;
	}
div#main div.box2-rig{		/* 3段 */
	width:680px;
	float:right;
	background-color: #FFFFFF;
	}

div#main div.box4{		/* 3段 */
	width:230px;
	float:left;
	}


/* テーブル-------------*/
div#main table.s1{    /* テーブルs1 */
	width:100%;
	border:1px solid #cccccc;
	border-collapse: collapse;    /* 重なる線消し */
	table-layout: fixed;    /* テーブル大きさを１行目で判断 */ 
	}


/* 段落-------------*/

div#main p{   /* 文字1文字分下げない */
	}

div#main p.s1{   /* 文字1文字分下げる */
	text-indent:1em;
	}

div#main p.s2{   /* 文字1文字上げる */
	text-indent: -1em; /* 文字1文字分上げる */
	margin-left: 1em;  /* 2文字分右に下げる */
	}


/*//////////////////////////////////////////////////////// */
/* 新着物件情報＆お役立ち情報-------------*/
/*//////////////////////////////////////////////////////// */
div#main div#new-useful{
	background:url("../images/bg_new-useful.gif") no-repeat top; 
	width:200px;
	padding:10px;
}

div#main div#new-useful dl{
	background-color:#ffffff;
	width:190px;
	padding:5px;
	margin-bottom:10px;
	height:360px;
	overflow:auto;/* はみ出たらスクロールバー */

}
div#main div#new-useful dl dt{
	clear:both;
	margin-top:5px;

}
div#main div#new-useful dl dd p img{
	width:70px;
	float:left;

}
div#main div#new-useful dl dd ul li{
	width:100px;
	float:right;

}

div#main div#new-useful ul#useful{
	background-color:#ffffff;
	width:190px;
	padding:5px;
}



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

div#main div#menu{
	background:url("../images/bg_menu.gif") no-repeat top; 
	width:920px;
	padding:10px;
}

div#main div#menu div.box4 ul{
	margin-left:20px;
}

/*------------------------------------------------------------------------
サイド
--------------------------------------------------------------------------*/

div#side h3.s1{		/* 題名 */
	font-size:100%;
	line-height:100%;
	margin-bottom:10px;
	}
	
div#side p.txt{		/* 文章 */
	font-size:100%;
	line-height:120%;
	padding:10px 0px;
	background:url("../images/line_s1.gif") repeat-x bottom; 
	color:#00868b;
	}

div#side ul.sidenav{		/* サイドナビ */
	font-size:100%;
	line-height:100%;
	padding:10px 0px;
	margin-bottom:20px;
	}
div#side ul.sidenav li{		/* サイドナビ */
	background:url("../images/line_s1.gif") repeat-x bottom; 
	padding:5px 5px 5px 0px;
	margin-bottom:10px;
	}
div#side ul.sidenav li a{		/* サイドナビ */
	background:url("../images/link_s1.gif") no-repeat left; 
	padding-left:12px;
	}

div#side ul.sidenav-bt{		/* サイドナビ */
	font-size:100%;
	line-height:100%;
	margin-bottom:20px;
	}
div#side ul.sidenav-bt li{		/* サイドナビ */
	margin-bottom:5px;
	}

div#side a:link,
div#side a:visited,
div#side a:active{		/* テキストリンク */
	color:#666666;
	text-decoration:none;
	}

div#side a:hover{		/* テキストリンク */
	color:#000000;
	text-decoration:none;
	}