@charset "utf-8"; 

/* ■ Reset -----------------------------------------------*/
html,body,div,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
ol,ul {
	list-style: none;
}
a img,:link img,:visited img {
	border: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------------------------
 ■ layout 
----------------------------------------*/
html,body {
	height: 100%;
}
body {
	background: url("/images/back_col.gif") #f2efe6;
	font-family: 'メイリオ', Meiryo, sans-serif;
	font-size: 100%;
	text-align: center;
}
/* for WinIE6*/
* html body {
	font-family: Verdana, "MS P ゴシック", sans-serif;
	vertical-align:baseline;
	letter-spacing: -0.5px;
}
img {
	padding: 0;
	margin: 0;
	border: none;
	color: #000;
}
p {
	line-height: 1.5em;
	color: #585858;
	font-size: 75%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}
li {
	line-height: 1.5em;
	color: #585858;
	font-family: 'メイリオ', Meiryo, sans-serif;
}
p,li {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.5em;
	color: #585858;
	font-family: 'メイリオ', Meiryo, sans-serif;
	font-weight: bold;
	font-size: 90%;
}
a {
	color: #3399CC;
	font-size: 80%;
	font-weight: bold;
	font-family: 'メイリオ', Meiryo, sans-serif;
	text-decoration: none;
}
a:hover,a:focus {
	text-decoration: underline;
}
address {
	display: inline;
	font-style: normal;
}
* html address {
	letter-spacing: -1.2px;
}
.clear {
	clear:both;
	line-height: 1em;
}
div {
	zoom: 1;
}
.left {
	float: left;
}
.right {
	float: right;
}
#container {
	width: 902px;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	background: url("/images/background.gif") no-repeat;
	text-align: left;
} 
.container_inner {
	width: 902px;
}
/*---------------------------------------
 ■ header layout 
----------------------------------------*/
#header {
	position: relative;
	width: 902px;
	height: 94px;
	background: url("/images/header/head_back.gif") no-repeat;
}
#header h1 {
	display: inline;
	float: left;
	width: 206px;
	height: 71px;
	margin: 24px 0 0 27px;
}
#header span {
	display: none;
}
/*----- .head_toiawase*/
.head_otoiawase a {
	display: inline;
	float: right; 
	width: 160px;
	height: 26px;
	margin: 18px 13px 0 auto;
	background-image: url("/images/header/head_otoiawase.gif");
}
.head_otoiawase img {
	width: 160px;
	height: 26px;
	border: none;
}
.head_otoiawase a:link, .head_toiawase a:visited {
	background-image: url("/images/header/head_otoiawase.gif");
	background-position: 0 0;
}
.head_otoiawase a:hover, .head_toiawase a:focus {
	background-image: url("/images/header/head_otoiawase.gif");
	background-position: 0 -26px;
}
/*----- #g_navi*/
#g_navi {
	position: absolute;
	right: 0;
	bottom: 0;
	float: right;
	width: 552px;
	height: 40px;
	margin-right: 0;
	background: url("/images/header/g_navi_back.gif") no-repeat;
	}
#g_navi ul {
	width: 552px;
}
#g_navi li {
	display: inline;
}
#g_navi li a {
	display: block;
	float: left;
	height: 40px;
	text-decoration: none;
}
/*----- g_navi off*/
#g_navi li.g_navi_home a {/*【ホーム】ボタン*/
	width: 74px;
	background: url("/images/header/g_navi_home.gif") no-repeat 0 0;
}
#g_navi li.g_navi_smile a { 	/*【住まいる研究所について】ボタン*/
	width: 177px;
	background: url("/images/header/g_navi_smile.gif") no-repeat 0 0;
}
#g_navi li.g_navi_bukken a {	/*【おすすめ物件】ボタン*/
	width: 114px;
	background: url("/images/header/g_navi_bukken.gif") no-repeat 0 0;
}
#g_navi li.g_navi_tiiki a {	/*【地域情報】ボタン*/
	width: 88px;
	background:  url("/images/header/g_navi_tiiki.gif") no-repeat 0 0;
}
#g_navi li.g_navi_osirase a {	/*【お知らせ】ボタン*/
	width: 82px;
	background:  url("/images/header/g_navi_osirase.gif") no-repeat 0 0;
}
/*----- g_navi hover*/
#g_navi li.g_navi_home a:hover,#g_navi li.g_navi_home a:focus {	
	width: 74px;
	background: url("/images/header/g_navi_home.gif") no-repeat 0 -40px;
}
#g_navi li.g_navi_smile a:hover,#g_navi li.g_navi_smile a:focus { 
	width: 177px;
	background: url("/images/header/g_navi_smile.gif") no-repeat 0 -40px;
}
#g_navi li.g_navi_bukken a:hover,#g_navi li.g_navi_bukken a:focus {
	width: 114px;
	background: url("/images/header/g_navi_bukken.gif") no-repeat 0 -40px;
}
#g_navi li.g_navi_tiiki a:hover,#g_navi li.g_navi_tiiki a:focus {
	width: 88px;
	background:  url("/images/header/g_navi_tiiki.gif") no-repeat 0 -40px;
}
#g_navi li.g_navi_osirase a:hover,#g_navi li.g_navi_osirase a:focus {	
	width: 82px;
	background:  url("/images/header/g_navi_osirase.gif") no-repeat 0 -40px;
}

/*----- g_navi on*/
#g_navi li.g_navi_home_on a {	
	width: 74px;
	background: url("/images/header/g_navi_home.gif") no-repeat 0 -40px;
}
#g_navi li.g_navi_smile_on a { 
	width: 177px;
	background: url("/images/header/g_navi_smile.gif") no-repeat 0 -40px;
}
#g_navi li.g_navi_bukken_on a {
	width: 114px;
	background: url("/images/header/g_navi_bukken.gif") no-repeat 0 -40px;
}
#g_navi li.g_navi_tiiki_on a {
	width: 88px;
	background:  url("/images/header/g_navi_tiiki.gif") no-repeat 0 -40px;
}
#g_navi li.g_navi_osirase_on a {
	width: 82px;
	background:  url("/images/header/g_navi_osirase.gif") no-repeat 0 -40px;
}
/*---------------------------------------
 ■ middle layout 
----------------------------------------*/
#middle {
	width: 902px;
	margin-top: 11px;
	margin-bottom: 14px;
}
#middle:after {
    display: block;	
    clear: both;		
    height: 0px;
    visibility: hidden;
    content:".";	
}
/*---------------------------------------
 ■ contents layout 
----------------------------------------*/
#contents {
	float: left;
	width: 668px;
}
/*----- .more*/
a.more {
	float: right;
	padding-left: 13px;
	background: url("/images/contents/yaji_green.png") no-repeat;
	background-position: left;
	font-size: 90%;
}
/*----- .page_top*/
.page_top a {
	float: right;
	margin-right: 7px;
	margin-top: 2px;
	padding-left: 13px;
	background: url("/images/page_top.png") no-repeat;
	background-position: left;
	font-size: 70%;
}
/*---------------------------------------
 ■ sidebar layout 
----------------------------------------*/
#sidebar {
	float: right;
	width: 234px;
}
/*---------------------------------------
 ■ footer layout 
----------------------------------------*/
#footer {
	clear: both;
}
#footer:after {
    display: block;	
    clear: both;		
    height: 0px;
    visibility: hidden;
    content:".";	
}
#footer address {
	float:right;
	width: 265px;
	margin-top: 10px;
	color: #8c8c8c;
	font-style: normal;
	font-size: 65%;
	text-align: right;
}
/*----- .foot_top*/
.foot_top {
	padding-bottom: 2px;
	border-bottom: 1px solid #434343;
}
.foot_top li {
	display: inline;
}
.foot_top li a {
	padding-left: 10px;
	background: url("/images/footer/yaji_green.png") no-repeat;
	background-position: left;
	font-size: 75%;
}
/*----- .foot_bottom*/
.foot_bottom {
	float: left;
	width: 630px;
	margin-top: 10px;
}
.foot_bottom img {
	vertical-align: middle;
	margin-right: 8px;
}
.foot_bottom ul {
	margin: 0;
}
.foot_bottom ul li {
/*	display: inline;*/
	float: left;
}
.foot_bottom ul li a {
	padding: 0 2px;
	font-size: 75%;
}
.foot_bottom p {
	clear: both;
	line-height: 2.0em;
}
.small {
	font-size: 65%;
}