@charset "utf-8";

/* 
----------------------------------------------------------------------------- 
HTML ELEMENTS RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;font-size:100%;}
a,img,abbr,acronym,fieldset{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th,td {text-align:left;}
h1,h2,h3,h4,h5,h6,textarea{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
object,embed {vertical-align:top;}

/* 
----------------------------------------------------------------------------- 
BASIC SETTING
-----------------------------------------------------------------------------*/
html {overflow-y:scroll;}	
body {
	color: #333;
	font-size:76%;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, sans-serif;
	text-align:left;
	background-color: #F3F0EA;
	}

body,p,li,dt,dd,table {line-height:1.4;}
sup {vertical-align:4px;}
textarea {overflow:auto;}

/* 
----------------------------------------------------------------------------- 
LINK
-----------------------------------------------------------------------------*/

a {color: #666; text-decoration:none;}
a:hover {color: #0C8ECD; text-decoration:underline;}
a:active, a:focus {overflow:hidden;} /* Delete Link Border for Firefox */


/* 
----------------------------------------------------------------------------- 
ClEARFIX
-----------------------------------------------------------------------------*/

.clearfix:after {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
	 } 

.clearfix {  
     zoom: 100%;  
}

/* 
----------------------------------------------------------------------------- 
#container
-----------------------------------------------------------------------------*/
#container{
	background:url(../image/bgHeader.jpg) top left repeat-x;
}

/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■DETAIL
*/

/* 
----------------------------------------------------------------------------- 
#header
-----------------------------------------------------------------------------*/
#header {
	height:95px;
	width:753px;
	margin:0 auto;
	position:relative;
}

#header h1,h2 {
	color:#ccc;
	font-size:90%;
	padding-top:4px;
}

#header h2 {
	position:absolute;
	top:0px;
	right:0px;
}

#header h3 {
	color:#666;
	font-size:90%;
	margin-top:7px;
	margin-left:4px;
}

#header #pStyle01 {
	font-size:200%;
	font-weight:bold;
	padding:5px 0px 0px 40px;
	margin-top:10px;
	background:url(../image/bgHouseIco.jpg) left no-repeat;
}

#header #pStyle02 {
	color:#666;
	position:absolute;
	top:75px;
	right:0px;
	font-size:90%;
}

/* 
----------------------------------------------------------------------------- 
#content
-----------------------------------------------------------------------------*/
#content {
	width:750px;
	margin:0 auto;
	padding-top:21px;
}

#leadTop {
	background:url(../image/bgLead.jpg) top center no-repeat;
	font-size:140%;
	font-weight:bold;
	padding:15px 10px 6px 10px;
}

#leadTop img {
	margin-right:5px;
}

#leadBottom {
	background:url(../image/bgLead.jpg) bottom center no-repeat;
}

#leadBottom li {
	float:left;
	padding:5px 10px 3px;
	display:block;
	width:352px;
}

#leadBottom li span,#objectDate li span {
	padding-left:2px;
}

li.liStyle01 span {
	letter-spacing:1px;
}

/* 
----------------------------------------------------------------------------- 
#main
-----------------------------------------------------------------------------*/
#main {
	padding:8px 6px;
	background:#E4E3DE;
	margin:20px auto 10px;
}

.navi {
	height:26px;
	margin-bottom:9px;
}

.navi li{
	float:left;
	margin-right:4px;
}

.navi .n04{
	margin-right:0px;
}

.navi li a{
	display:block;
	width:181px;
	height:26px;
	text-indent:-10000px;
}

.navi .n01 a{
	width:182px;
	background:url(../image/btnInquiry.jpg) no-repeat top left;
}

.navi .n02 a{
	background:url(../image/btnMore.jpg) no-repeat top left;
}

.navi .n03 a{
	background:url(../image/btnSearchOther.jpg) no-repeat top left;
}

.navi .n04 a{
	background:url(../image/btnBack.jpg) no-repeat top left;
}

.navi .n01 a:hover,.n02 a:hover,.n03 a:hover,.n04 a:hover{
	background-position:0px -27px;
}

#main #area01,#area02 {
	width:363px;
	border:solid 1px #E9E8E4;
	background:#ffffff;
	float:left;
	margin-bottom:9px;
}

#main #area01 {
	width:364px;
	margin-right:6px;
}

#detail #main #area01 div {
	text-align:center;
	padding:20px;
	padding-bottom:15px;
}

#detail #main #area01 #layout {
	background:url(../image/dot.jpg) repeat-x top left;
}

#detail #main #area01 p {
	margin-top:7px;
}

#detail #main #area01 a {
	color:#0033FF;
	text-decoration:underline;
}

#main #area02 h5 {
	font-weight:bold;
	background:#f3f3f3;
	padding:6px 7px 3px;
	margin-bottom:10px;
}

#main #area02 h6 {
 	width: 335px;
	margin:0 auto;
	background:#f3f3f3;
	border: #d8d8d8 solid 1px;
	border-bottom:0px;
	padding: 5px 5px 3px;
}

table.spec01 {
    width: 347px;
    border: 1px #F2E193 solid;
	margin:0px auto 10px;
}

table.spec01 th {
    border: #F2E193 solid;
    border-width: 0 0 1px 1px;
    background: #FAF9E7;
}

table.spec01 .spec01Rent {
	font-weight:bold;
	font-size:140%;
}

table.spec01 .spec01Rent span {
	font-size:70%;
}

table.spec01 td {
    border: 1px #F2E193 solid;
    border-width: 0 0 1px 1px;
}

table.spec01 .trStyle01 th,td {
	vertical-align:baseline;
}

table.spec02 {
    width: 347px;
    border: 1px #d8d8d8 solid;
	margin:0px auto 10px;
}

table.spec02 th {
    border: #d8d8d8 solid;
    border-width: 0 0 1px 1px;
    background: #f3f3f3;
	width:32%;
}
table.spec02 td {
    border: 1px #d8d8d8 solid;
    border-width: 0 0 1px 1px;
}

table.spec01 th,table.spec02 th {
    padding: 5px 5px 2px;
    text-align: left;
}

table.spec01 td,table.spec02 td {
    padding: 5px 5px 2px;
    text-align: left;
}


#main #objectDate {
	clear:left;
	margin-bottom:9px;
}

#main #objectDate li {
	background:#f3f3f3;
	border:#BAC2CA 1px solid;
	padding:5px 7px 3px;
	float:left;
	width:353px;
}

#main #objectDate li.firstChild {
	border-right:0px;
	width:353px;
}

/* 
----------------------------------------------------------------------------- 
#footer
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	width:750px;
	margin:0px auto 20px;
}

#footer .pageLink table {
	float:left;
}

#footer .pageLink a {
	padding:2px 5px 0px 7px;
	border-left:1px solid #666;
}

#footer .pageLink .currentPage {
	font-weight:bold;
	color:#cc0000;
}

#footer .pageClose {
	display:block;
	float:right;
	text-decoration:underline;
}

/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■LIST
*/

/* 
----------------------------------------------------------------------------- 
#content
-----------------------------------------------------------------------------*/
table#list {
    width: 750px;
    border: 1px #E4E3DE solid;
	margin:10px auto 10px;
}

table#list tr {
	background:#fff;
}

table#list th {
    padding: 10px 6px 7px 6px;
    text-align: left;
}

table#list td {
    padding: 9px 6px 8px 6px;
    text-align: left;
}

table#list th {
    border: #fff solid;
    border-width: 0 0 1px 1px;
    background: #C8C8C8;
	font-weight:bold;
}
table#list td {
    border: 1px #E4E3DE solid;
    border-width: 0 0 1px 1px;
}

table#list .thStyle01 {
	width:6%;
	text-align:center;
}

table#list a{
	color:#0033FF;
	text-decoration:underline;
}

table#list a.listMore {
	display:block;
	width:39px;
	height:20px;
	text-indent:-10000px;
}

table#list a.listMore {
	width:39px;
	background:url(../image/btnMoreMini.jpg) no-repeat top left;
}

table#list a.listMore:hover {
	background-position:0px -21px;
}

table#list .even {
	background:#f3f3f3;
}
/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■LAYOUT
*/
#visualWrapper{
	margin:20px auto 10px;
	text-align:center;
}

#visualWrapper img {
	background:#fff;
	padding:7px;
	border:solid #E4E3DE;
	border-width:8px
}

#visualClose {
	text-align:center;
	margin-top:7px;
}

#visualClose a {
	color:#333;
	text-decoration:underline;
}

#visual{
	background:#fff;
	padding:25px;
	text-align:center;
}