@charset "shift_jis";

/*** CSS for index.html ***/

#contents{
	background:url(../img/index/bg-contents.jpg) no-repeat right 792px;
}
/*Area Block*/
#areaBlock{
	float:left;
	width:596px;
	margin:0 0 20px 0;
}
#areaBlock h2{
	margin:6px 0 11px 0;
}
#areaBlock h3{
	font-size:12px;
	height:23px;
	padding:9px 0 0 0;
	text-align:center;
	background:url(../img/index/bg-area.gif) repeat-x left top;
	margin:0 3px 6px 0;
}
#areaBlock h3 a:link		{color:#4A4949;}
#areaBlock h3 a:visited	{color:#4A4949;}
#areaBlock h3 a:hover		{color:#f07700;}
#areaBlock h3 a:active	{color:#c00;}

#areaBlock #kitaku		{width:396px; float:left; margin-bottom:0px; height:325px;}
#areaBlock #yodogawaku{width:196px; float:right; height:325px;}
#areaBlock #chuouku		{width:596px; margin-bottom:0px; clear:both; height:325px;}
#areaBlock #nishiku		{width:396px; float:left; margin-bottom:0px; height:325px;}
#areaBlock #etc				{width:196px; float:right; height:325px;}
#areaBlock #kobe			{width:296px; float:left; clear:both; height:325px;}
#areaBlock #kyoto			{width:296px; float:right; height:325px;}

#areaBlock #kitaku h4			{background-color:#383054;}
#areaBlock #yodogawaku h4	{background-color:#456A0D;}
#areaBlock #chuouku h4		{background-color:#762035;}
#areaBlock #nishiku h4		{background-color:#007ADF;}
#areaBlock #etc h4				{background-color:#767676;}
#areaBlock #kobe h4				{background-color:#005073;}
#areaBlock #kyoto h4			{background-color:#8C4E16;}

#areaBlock .officeBox{
	width:92px;
	height:276px;
	background:url(../img/index/bg-officebox.gif) no-repeat left top;
	padding:1px 3px 0 1px;
	float:left;
	margin:0 4px 0 0;
}
#areaBlock .m0{margin:0;}
#areaBlock .officeBox a:link,
#areaBlock .officeBox a:visited{color:#fff;}
#areaBlock .officeBox a:hover	{color:#f69600;}
#areaBlock .officeBox a:active{color:#c00;}

#areaBlock .officeBox h4{
	font-size:12px;
	padding:5px 0;
	text-align:center;
	margin:0 0 7px 0;
}
#areaBlock .officeBox img.pict{
	padding:3px;
	border:1px solid #BFC9D3;
	background-color:#fff;
	margin-bottom:5px;
}
#areaBlock .officeBox p{
	font-size:10px;
	line-height:13px;
	height:61px;
	padding:0 6px 0 6px;
	margin:0;
}
#areaBlock .officeBox img{
	margin-left:6px;
	margin-bottom:3px;
}


/*Banner Block*/
#bannerBlock{
	width:154px;
	float:right;
}
#bannerBlock h2{
	margin:0;
}
#bannerBlock #bannerContents{
	width:138px;
	background:#F8F6F4;
	text-align:center;
	padding:9px 8px;
}
#bannerBlock #bannerContents img{
	margin:0 0 2px 0;
}
#bannerBlock span{
	display:block;
	width:124px;
	font-size:10px;
	text-align:left;
	background:url(../img/icon-banner.gif) no-repeat left 3px;
	padding:0 0 0 15px;
	margin:0 0 8px 0;
}

/*Recommendation Office*/
#osusumeBlock h2{
	margin-bottom:12px;
}
#osusumeList{
	width:760px;
	background:#E0D8CF url(../img/index/bg-osusumelist.jpg) no-repeat left top;
	margin:0 0 15px 0;
	padding:10px 0;
}
#osusumeList .officeBox{
	width:232px;
	padding:3px;
	height:152px;
	display:inline;
	margin:0 0 11px 11px;
	background:url(../img/index/bg-rec-officebox.gif) no-repeat left top;
	float:left;
}
#osusumeList .officeBox h3{
	height:18px;
	font-size:12px;
	color:#fff;
	padding:7px 0 0 12px;
	background-color:#7D7064;
	margin:0 0 0 0;
}
#osusumeList .officeBox h3 a:link		{color:#fff;}
#osusumeList .officeBox h3 a:visited{color:#fff;}
#osusumeList .officeBox h3 a:hover	{color:#f69600;}
#osusumeList .officeBox h3 a:active	{color:#c00;}

#osusumeList .officeBox img{
	border:1px solid #938974;
	border-top:0;
	padding:2px 3px;
	float:left;
}
#osusumeList .officeBox table{
	float:right;
	width:129px;
	border-collapse:collapse;
	height:113px;
	margin:8px 0px 0 0;
}
#osusumeList .officeBox table td{
	padding:0 2px 0 0;
	font-size:12px;
	line-height:1.3;
	vertical-align:top;
}
#osusumeList .officeBox td.area{
	padding-top:2px;
}
#osusumeList .officeBox td.acreage{
	font-family:Times;
	font-weight:bold;
	font-size:18px;
	line-height:1;
	font-weight:bold;
	color:#c60000;
	text-align:right;
}
#osusumeList .officeBox td.acreage span{
	font-size:10px;
}
#osusumeList .officeBox td.data{
	line-height:1.2;
	vertical-align:bottom;
}
div#anotherOffice{
	width:680px;
	height:52px;
	background:#DBD2C7 url(../img/index/bg-anotheroffice.gif) no-repeat left top;
	text-align:right;
	margin:0 auto 12px auto;
	padding:8px 20px 0 0;
}

div#footBanner{
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
}
div#footBanner ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 0;
	font-size: 0;
}
div#footBanner ul li{
	display: inline;
	line-height: 0;
	font-size: 0;
}

#footer #copyright span {
	color: #998F85;
	font-size:8px;
}
#footer #copyright span a{
	color: #998F85;
	text-decoration:none;
}