@charset "shift_jis";
/*----------------------------
  CSS hisaki Document 2008.09
  Last Update 2008.09.18 hisaki
----------------------------*/

@import "common.css";
@import "calendar.css";


/*####################　おおみだし　####################*/

#HeadImage{
	background:url(../../img/headimage.jpg) 0 0 no-repeat;
	display:inline;
	float:right;
	width:626px;
	height:216px;
	margin-bottom:10px;
	}
#HeadImage h2,
#HeadImage p{ display:none;}

#Main #Realestate{
	display:inline;
	float:left;
	background:url(../../img/wall-realestate.gif) left bottom no-repeat;
	width:408px;
	height:110px;
	margin:0 0 12px 4px;
	}
#Main #Sell{
	display:inline;
	float:right;
	background:url(../../img/wall-sell.gif) left bottom no-repeat;
	width:205px;
	height:110px;
	margin:0 2px 12px 0;
	}
#Main #Realestate h3,
#Main #Sell h3,
#Main #Realestate dd,
#Main #Sell dd{display:none;}

#Main #Realestate dl,
#Main #Sell dl{
	display:inline;
	float:left;
	width:193px;
	height:75px;
	}
#Main #Realestate dl.menu01{margin:27px 7px 8px 8px;}
#Main #Realestate dl.menu02{margin:27px 7px 8px 0;}
#Main #Sell dl{margin:27px 6px 8px 6px;}
#Main #Realestate dt,
#Main #Sell dt{
	width:193px;
	height:75px;
	}
#Main #Realestate dt a,
#Main #Sell dt a{
	display:block;
	height:75px;
	text-indent:-9999px;
	}
#Main #Sell:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #Topics{
	clear:both;
	background:url(../../img/wall-topics-bottom.gif) left bottom no-repeat;
	width:626px;
	padding-bottom:13px;
	}
#Main .contentsBox .title{
	width:626px;
	position:relative;
	}

#Main #Topics .title h3{
	background:url(../../img/title-topics.gif) 0 0 no-repeat;
	width:626px;
	height:87px;
	}
#Main .contentsBox .title h3 a{
	position:absolute;
	top:20px;
	left:482px;
	width:78px;
	height:18px;
	}
#Main .contentsBox .title p.rss {
	position:absolute;
	top:20px;
	left:565px;
	width:43px;
}
#Main .contentsBox .title h3 a,
#Main .contentsBox .title p.rss a{
	display:block;
	height:18px;
	text-indent:-9999px;
	}

#Main #Topics .wrap{
	width:608px;
	margin:0 0 5px 10px;
	}

#Main #Topics .entry{
	background: url(../img/entry_bottom.gif) left bottom no-repeat;
	display: inline;
	float: left;
	width:301px;
	}
#Main #Topics dl{
	zoom:1;
	clear: both;
	display:inline;
	float:left;
	background: url(../img/entry_top.gif) 0 0 no-repeat;
	width:301px;
	padding-top:13px;
	padding-bottom: 13px;
	}
#Main #Topics dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}	
#Main #Topics dl dt{
	display:inline;
	float:right;
	clear: right;
	background-position:0 0;
	background-repeat:no-repeat;
	width:130px;
	_width:150px;
	margin:0 10px 5px 0;
	padding-left:20px;
	}
#Main #Topics dl.newestate dt{background-image:url(../img/ico-house01.gif);}
#Main #Topics dl.usedestate dt{background-image:url(../img/ico-house02.gif);}
#Main #Topics dl.apartment dt{background-image:url(../img/ico-house03.gif);}
#Main #Topics dl.sell dt{background-image:url(../img/ico-house04.gif);}
#Main #Topics dl.other dt{background-image:url(../img/ico-house05.gif);}
#Main #Topics dl dt a{
	color:#3399cc;
	font-weight:bold;
	}
#Main #Topics dl dt a:hover{
	color:#3399cc;
	text-decoration:underline;
	}
#Main #Topics dd{
	display:inline;
	clear:right;
	float:right;
	width:150px;
	margin:0 10px 5px 0;
	}
	
#Main #Topics dd.photo{
	display:inline;
	float:left;
	clear:none;
	width:120px;
	height:80px;
	text-align:center;
	margin:0 8px 0 10px;
	}
#Main #Topics dd.price{	color:#cc0000;}
#Main #Topics dd.price span{
	font-size:14px;
	font-weight:bold;}
#Main #Topics dd.access{
	background:url(../img/ico-square01.gif) 0 4px no-repeat;
	width:140px;
	_width:150px;
	padding-left:10px;
	}
#Main #Topics .entry:after,
#Main #Topics dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #Diary{
	background:url(../../img/wall-mainbox-bottom.gif) left bottom no-repeat;
	width:626px;
	padding-bottom:8px;
	}
#Main #Diary .title h3{
	background:url(../../img/title-diary.gif) 0 0 no-repeat;
	width:626px;
	height:52px;
	}
#Main #Diary .title h3 a,
#Main #Diary .title p.rss a{top:18px;}

#Main #Diary ul.category{
	background:url(../../img/wall-diary-category.gif) 0 0 no-repeat;
	width:626px;
	height:26px;
	_height:34px;
	padding:8px 0 0 27px;
	}
#Main #Diary ul.category li{
	display:inline;
	float:left;
	margin-right:15px;
	font-size:0;
	}	
#Main #Diary ul.category:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #Diary .diaryBox{
	background:url(../../img/wall-mainbox-body.gif) 0 0 repeat-y;
	width:626px;
	padding-top:5px;
	}
#Main #Diary .diaryBox dl{
	clear:both;
	background:url(../img/line-dotted.gif) left bottom no-repeat;
	width:604px;
	margin:0 0 6px 12px;
	padding-bottom:7px;
	}
#Main #Diary .diaryBox dl dt{
	display:inline;
	float:left;
	margin:0 0 9px 2px;
	font:normal 10px verdana;
	color:#666666;
	}
#Main #Diary .diaryBox dl dd{
	background-position:0 0;
	background-repeat:no-repeat;
	display:inline;
	float:right;
	width:413px;
	_width:524px;
	padding:3px 0 3px 108px;
	}

#Main #Diary .diaryBox dl.surround dd{background-image:url(../../img/ico-category01.gif);}
#Main #Diary .diaryBox dl.surround2 dd{background-image:url(../../img/ico-category05.gif);}
#Main #Diary .diaryBox dl.dictionary dd{background-image:url(../../img/ico-category02.gif);}
#Main #Diary .diaryBox dl.faq dd{background-image:url(../../img/ico-category03.gif);}
#Main #Diary .diaryBox dl.voice dd{background-image:url(../../img/ico-category04.gif);}
#Main #Diary .diaryBox dl dd a{
	background:url(../img/ico-blue.gif) 0 3px no-repeat;
	padding-left:10px;
	color:#3399cc;
	}
#Main #Diary .diaryBox dl dd a:hover{
	color:#3399cc;
	text-decoration:underline;
	}
#Main #Diary .diaryBox dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #About{
	background:url(../../img/wall-mainbox-bottom.gif) left bottom no-repeat;
	width:626px;
	padding-bottom:14px;
	}
#Main #About h3{
	clear:both;
	background:url(../../img/title-about.gif) 0 0 no-repeat;
	width:626px;
	height:54px;
	font-size:0;
	text-indent:-9999px;
	}
#Main #About ul{
	background:url(../../img/wall-mainbox-body.gif) 0 0 repeat-y;
	width:626px;
	padding:0 0 20px 14px;
	}
#Main #About li{
	float:left;
	}
#Main #About ul:after,
#Main #About .aboutBox:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Main #About .aboutBox{
	background:url(../../img/wall-mainbox-body.gif) 0 0 repeat-y;
	width:626px;
	}
#Main #About p{
	width:586px;
	_width:626px;
	padding:0 20px 6px 20px;
	}
#Main #About p a{color:#3399cc;
	}
#Main #About p a:hover{text-decoration:underline;}

#Main #About p.more{
	background:url(../../img/button-more01.gif) 0 0 no-repeat;
	display:inline;
	float:right;
	width:142px;
	height:27px;
	margin:0 15px 0 0;
	padding:0;
	}
#Main #About p.more a{
	display:block;
	height:27px;
	text-indent:-9999px;
	text-decoration:none;
	}
/*　サブメニュー
-------------------------------------*/

#PageIndex #Sub .contactBox{
	background:url(../img/wall-sub-about.gif);
	width:195px;
	height:341px;
	margin-bottom:11px;
	position:relative;
	}


#PageIndex #Sub #SiteLink {
	margin:20px 0 0 0;}

#PageIndex #Sub #SiteLink ul {
	margin:0 0 0 10px;}

#PageIndex #Sub #SiteLink ul li {
	margin:0 0 5px 0;}

.mobile{
	width:140px;
	height:160px;
	margin:15px 0 15px 20px;
	padding:6px;
	font-size:0.8em;
	text-align:center;
	line-height:1.7;
	border:1px solid #ccc;
	background:url(../img/mobileimage.jpg) no-repeat left top;
}

.mobile p{
	padding-top:5px;
}





/*end*/