@charset "UTF-8";
/* 初期設定----------------------------------*/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
}
img {
	border: none;
	vertical-align: top;
}
a {
	color: #006699;
	text-decoration: underline;
}
a:hover { color: red; }

/* html,body---------------------------------*/
html {
	background: #FFF url(../images/head_bg.jpg) left top repeat-x;
}
body {
	color: #333333;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro", "ＭＳ Ｐゴシック", san-serif;
	line-height: 1.4;
	background: url(../images/body_bg.gif) left bottom repeat-x;
}
*+html body, * html body {
	font-size: 75%; /* for WinIE 6,7 */
}
/* レイアウトの骨格--------------------------*/
#wrapper {
	/*width: 782px;*/
	width: 939px;
	margin: 0 auto;
	position: relative;
}
#main {
	/*width: 774px;*/
	width: 939px;
	background: #FFF;
	padding: 0 4px;
	position: relative;
	top: 61px;
}
#content {
	clear: both;
/*	background: #FFF url(../images/main_bg.gif) left top repeat-y;*/
	margin-bottom: 87px;
}
#primary { float: left;	width: 358px; }
#secondary { float: right; width: 415px; }
#footer {
        position: relative;
	width: 100%;
	margin: 61px auto 0 auto;
	height: 87px;
}

/* 3カラムにしてみた-----------------------*/
#LeftSide { float: left; width: 220px; padding: 10px; }
#RightSide { float: right; width: 193px; padding: 10px; }
#CenterArea { float: left; width: 486px; padding: 10px; }

#LeftMenu { width: 220; margin-left: auto; margin-right: auto; }
#LeftMenu ul { list-style: none; padding: 0px; margin: 0px; }
#LeftMenu li { float: left; display: block; }
#LeftMenu a       { width: 218px; height: 31px; background: url(../images/SideMenu.gif) 0px 0px; text-indent: 20px; display: block; }
#LeftMenu a:hover { width: 218px; height: 31px; background: url(../images/SideMenu.gif) 0px -31px; text-indent: 20px; display: block; }
#MenuPos { position: relative; top: 7px; }
#CenterBunner a       { width: 490px; height: 200px; background: url(../images/center.gif) 0px 0px no-repeat; display: block; }
#CenterBunner a:hover { width: 490px; height: 200px; background: url(../images/center.gif) 0px -200px no-repeat; display: block; }

/* topics----------------------------------*/
.topics { width: 490px; margin-top: 0px; margin-right: 0px; margin-bottom: 12px;
          margin-left: 0px; clear: both; padding-top: 5px; padding-right: 0px;
          padding-bottom: 0px; padding-left: 0px; 
}
.topics dl { padding-top: 5px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px;
	     border: 1px solid #CCCCCC; margin-top: 0px; margin-right: 0px; margin-bottom: 5px;
	     margin-left: 0px; background-color: #FCFCFC;
}
.topics dt { float: left; clear: left; margin-bottom: 5px; margin-right: 0.5em; background-position: right; }
.topics dd { margin-bottom: 5px; }
.topics dd img { margin: 0px; padding: 0px; }

/* パンくず----------------------------------*/
#topicPath { margin: 5px 0; border: 1px solid #E7E7E7; padding: 5px 0 5px 10px; }
#topicPath .pathFirst {	color: #006699; }
#topicPath li { float: left; font-size: 83%; padding: 0 0 0 5px; }

/* ロゴ・ヘッダー・物件検索------------------*/
#logo {	position: absolute; top: 11px; left: 10px; height: 61px; }
#navigation { background: url(../images/nav_bg.jpg) repeat-x; height: 31px; }
#navigation ul { padding: 7px 0 6px 10px; }
#navigation ul li { float: left; display: block; }
#navigation ul li a { padding: 0 29px 0 0; }

/* header_navi-------------------------------*/
#nav_00 a       { width: 135px; height: 18px; background: url(../images/nav_00.gif) 0px 0px no-repeat; display: block; }
#nav_00 a:hover { width: 135px; height: 18px; background: url(../images/nav_00.gif) 0px -18px no-repeat; display: block; }
#nav_01 a       { width: 135px; height: 18px; background: url(../images/nav_01.gif) 0px 0px no-repeat; display: block; }
#nav_01 a:hover { width: 135px; height: 18px; background: url(../images/nav_01.gif) 0px -18px no-repeat; display: block; }
#nav_02 a       { width: 135px; height: 18px; background: url(../images/nav_02.gif) 0px 0px no-repeat; display: block; }
#nav_02 a:hover { width: 135px; height: 18px; background: url(../images/nav_02.gif) 0px -18px no-repeat; display: block; }
#nav_03 a       { width: 135px; height: 18px; background: url(../images/nav_03.gif) 0px 0px no-repeat; display: block; }
#nav_03 a:hover { width: 135px; height: 18px; background: url(../images/nav_03.gif) 0px -18px no-repeat; display: block; }
#nav_04 a       { width: 135px; height: 18px; background: url(../images/nav_04.gif) 0px 0px no-repeat; display: block; }
#nav_04 a:hover { width: 135px; height: 18px; background: url(../images/nav_04.gif) 0px -18px no-repeat; display: block; }
/* header_navi-------------------------------*/

#mainbg { clear: both; padding: 2px 0; }
#search h2 {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 32px;
	padding-top: 32px;
	background: url(../images/search_tit.jpg) left top no-repeat;
}
#search img { float: left; }

/* 新着情報----------------------------------*/
#rss { position: relative; }
#rss #rssIcon { position: absolute; top: 10px; right: 84px; width: 21px; }
#rss #rssImg { position: absolute; top: 12px; right: 3px; width: 78px; }
#primary h2 {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 32px;
	padding-top: 32px;
	border-right: 1px solid #FFF;
	background: #FFF url(../images/info_tit.jpg) left top no-repeat;
}
#primary dl { padding: 10px 5px 0; }
#primary dl dt { color: #CC0033; font-size: 108%; }
#primary dl dd { padding: 0 0 15px 0; }
#primary p { text-align: right; padding: 15px; }

/* おすすめ物件------------------------------*/
#secondary h2 {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 32px;
	padding-top: 32px;
	background: url(../images/reco_tit.jpg) left top no-repeat;
}
#rental { margin: 2px 0 0 0; background: #EEF7FF; padding: 5px 0 0 0; }
.section {
	clear: both;
	background: #EEF7FF url(../images/reco_bg_blue.gif) right top no-repeat;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #978686;
	margin: 0 0 5px 5px;
}
.section h3 { color: #003366; font-size: 108%; padding: 15px 0 0 0; }
.section img { float: left; padding: 0 10px 0 0; }
.section ul { float: left; }
.section ul li img { padding: 3px 0 0 0; }
#sales { clear: both; margin: -5px 0 0 0; background: #FFF0F4; }
#sales .section {
	clear: both;
	background: #FFF0F4 url(../images/reco_bg_red.gif) right top no-repeat;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #978686;
	margin: 0 0 5px 5px;
}
#sales .section h3 { color: #CC0033; }
#sales #first { background: #FFF0F4 url(../images/reco_bg_red.gif) right 5px no-repeat; padding: 5px 0 5px 0; }

/* バナー------------------------------------*/
#banner   { clear: both; padding: 0 0 30px 83px; }
#banner00 { float: left; padding: 0 3px 30px 0; }
#banner01 { padding-bottom: 30px; }
#banner02 { float: left; padding: 0 3px 0 0; }
#banner03 { float: left; padding: 0 3px 0 0; }
#banner04 { float: left; }
#banner05 { position: absolute; top: 11px; right: 10px; height: 61px; }
#banner06 { position: absolute; top: 11px; right: 230px; height: 61px; }
#banner07 { position: absolute; top: 11px; right: 10px; height: 61px; }

/* フッター----------------------------------*/
#footerNav { width: 939px; margin: 0 auto; padding: 10px 0 0 0; }
#footerNav li { float: left; padding: 0 0 5px 20px; }
/* footer_navi-------------------------------*/
#fot_nav_01 a       { width: 110px; height: 11px; background: url(../images/fot_nav_01.gif) 0px 0px no-repeat; display: block; }
#fot_nav_01 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_01.gif) 0px -11px no-repeat; display: block; }
#fot_nav_02 a       { width: 110px; height: 11px; background: url(../images/fot_nav_02.gif) 0px 0px no-repeat; display: block; }
#fot_nav_02 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_02.gif) 0px -11px no-repeat; display: block; }
#fot_nav_03 a       { width: 110px; height: 11px; background: url(../images/fot_nav_03.gif) 0px 0px no-repeat; display: block; }
#fot_nav_03 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_03.gif) 0px -11px no-repeat; display: block; }
#fot_nav_04 a       { width: 110px; height: 11px; background: url(../images/fot_nav_04.gif) 0px 0px no-repeat; display: block; }
#fot_nav_04 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_04.gif) 0px -11px no-repeat; display: block; }
#fot_nav_05 a       { width: 110px; height: 11px; background: url(../images/fot_nav_05.gif) 0px 0px no-repeat; display: block; }
#fot_nav_05 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_05.gif) 0px -11px no-repeat; display: block; }
#fot_nav_06 a       { width: 110px; height: 11px; background: url(../images/fot_nav_06.gif) 0px 0px no-repeat; display: block; }
#fot_nav_06 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_06.gif) 0px -11px no-repeat; display: block; }
#fot_nav_07 a       { width: 110px; height: 11px; background: url(../images/fot_nav_07.gif) 0px 0px no-repeat; display: block; }
#fot_nav_07 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_07.gif) 0px -11px no-repeat; display: block; }
#fot_nav_08 a       { width: 110px; height: 11px; background: url(../images/fot_nav_08.gif) 0px 0px no-repeat; display: block; }
#fot_nav_08 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_08.gif) 0px -11px no-repeat; display: block; }
#fot_nav_09 a       { width: 110px; height: 11px; background: url(../images/fot_nav_09.gif) 0px 0px no-repeat; display: block; }
#fot_nav_09 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_09.gif) 0px -11px no-repeat; display: block; }
#fot_nav_10 a       { width: 110px; height: 11px; background: url(../images/fot_nav_10.gif) 0px 0px no-repeat; display: block; }
#fot_nav_10 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_10.gif) 0px -11px no-repeat; display: block; }
#fot_nav_11 a       { width: 110px; height: 11px; background: url(../images/fot_nav_11.gif) 0px 0px no-repeat; display: block; }
#fot_nav_11 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_11.gif) 0px -11px no-repeat; display: block; }
#fot_nav_12 a       { width: 110px; height: 11px; background: url(../images/fot_nav_12.gif) 0px 0px no-repeat; display: block; }
#fot_nav_12 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_12.gif) 0px -11px no-repeat; display: block; }
#fot_nav_13 a       { width: 110px; height: 11px; background: url(../images/fot_nav_13.gif) 0px 0px no-repeat; display: block; }
#fot_nav_13 a:hover { width: 110px; height: 11px; background: url(../images/fot_nav_13.gif) 0px -11px no-repeat; display: block; }
/* footer_navi-------------------------------*/
address { clear: both; padding: 10px 0 0 0; text-align: right; }
/* clearfix----------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.buttons { cursor: pointer; _cursor: hand; /* for WinIE 5,6 */ }