@import url(map_position.css);
/*default*/
* {
	padding: 0px ;
	margin: 0px ;
	list-style-type: none ;
}


img {
	border: none ;
}


body {
	padding: 0px ;
	margin: 0px ;
	font-size: 0.625em ;
	line-height: 1.5;
	text-align: center ;
	color : #333 ;
}

hr { margin-top : 15px ; clear : both ;}

table {
	font-size: 1.0em ;
}


.content p {
	margin-bottom: 1em ;
}


.content img {
	margin: 5px ;
}


#index .content img {
	margin: 0px ;
}


a {
	color: #366 ;
}




/*LAYOUT*/


#container {
	position: relative ;
	width: 850px ;
	padding: 0px 10px 10px;
	margin: auto ;
	border: 1px solid #dfdfdf ;
	border-top: none ;
	text-align: left ;
}


body > #container {
	width: 828px ;
}


#header {
	width: 830px ;
}


#sidenavi1 {
	position: relative ;
	left: 0px ;
	top: 15px ;
	height: 90px ;
	width: 828px ;
	background: url(../images/bg_navi.jpg) no-repeat 0px 0px;
}


#index #center {
	position: relative ;
	float: none ;
	clear: both ;
	top: 30px ;
	width: 830px ;
	padding-top: 385px ;
	font-size: 1.2em ;
}


#center {
	position: relative ;
	float: left ;
	top: 20px ;
	width: 620px ;
	margin-bottom: 20px;
	font-size: 1.2em ;
}


#footer {
	clear: both ;
	height: 60px ;
	padding: 5px ;
	margin-top: 20px ;
	color: #999 ;
	background: #e7e7e7 ;
}


#side {
	float: right ;
	width: 200px ;
	margin-top: 30px ;
	text-align: right ;
}


#side img {
	margin-bottom: 10px ;
}



/*title for content pages*/
#index .content h3 {
	margin-top: 0px ;
}




/*HEADER*/
#header h1{
	position: absolute ;
	top: 0px ;
	right: 10px ;
	font-size: 1em ;
	font-weight: normal ;
	color: #666 ;
	text-decoration: none ;
	white-space: nowrap;
}

#index h1 { top : 20px ; left : 10px ; right : auto ; width : 250px ; white-space : normal ;}

#header h2{
	position: absolute ;
	left: 10px ;
	top: 0px ;
	font-size: 1em ;
	font-weight: normal ;
	color: #666 ;
}


#header h2 a {
	color: #666 ;
	text-decoration: none ;
}


#header p {
	position: absolute ;
	top: 69px ;
	right: 25px ;
	z-index: 60 ;
	font-size: 1em ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
}


#header img {
	position: absolute ;
	clear: both ;
	left: 10px ;
	top: 13px;
	z-index: 10 ;
}





/*H3 TITLE*/
.content h3 {
	height: 34px ;
	padding-left: 20px ;
	margin-top: 10px ;
	margin-bottom: 10px ;
	font-size: 1em ;
	font-weight: bold ;
	color: #EEFFFF ;
	line-height: 34px ;
	background: url(../images/hl.gif) no-repeat;
}



#index .content h3, #osusume p, .whats h5,#toppageHead p#comment {
	height: 34px ;
	padding-left: 20px ;
	margin-top: 0px ;
	margin-bottom: 10px ;
	font-size: 1em ;
	font-weight: bold ;
	color: #EEFFFF ;
	line-height: 34px ;
	background: url(../images/hl.gif) no-repeat;
}



 
/*KODAWARI*/
#kodawari {
	float: left ;
	clear: both ;
	width: 540px ;
	padding-bottom: 10px ;
	overflow: hidden ;
}


#kodawari p {
	margin: 0px ;
}


.kodawariTopic {
	float: left ;
	width: 540px ;
	padding-top: 4px ;
	padding-left: 7px;
	overflow: hidden ;
}


.content > .kodawariTopic {
	width: 533px ;
}


.kodawariTopicBox {
	float: left ;
	width: 254px ;
	margin: 4px ;
}



.kodawariType {
	padding: 0px 3px 0px 18px;
	height : 28px ; line-height : 28px ;
	font-size: 12px ;
	font-weight: normal ;
	color: #666 ;
	background: url(../images/rec_head.gif) no-repeat;
}


.kodawariArea {
	margin-top: -30px ;
	font-weight: normal ;
	display: block ;
	text-align: right ;
}


.kodawariBoxDetail {
	float: right ;
	width: 145px ;
	margin-top: 5px ;
	margin-right: 2px ;
	overflow: hidden ;
	text-align: center ;
}


.kodawariTime {
	border-bottom: 1px solid #c1c1c1 ;
}


.kodawariPrice {
	border-bottom: 1px solid #c1c1c1 ;
}


.kodawariPrice span {
	font-size: 1.2em ;
	font-weight: bold ;
	color: #f00 ;
}


.kodawariTime span {
	font-weight: bold ;
}



.kodawariSquare {
	padding-bottom: 3px ;
	font-family: Verdana;
	white-space: nowrap ;
}


.kodawariSquare sup {
	padding: 0px ;
	margin: 0px ;
	margin-top: 0px ;
	font-size: 70% ;
}



.imgWrap {
	float: left ;
	width: 100px ;
	margin : 5px 0px 0px 5px ;
	display : inline ;
}


.imgWrap img {
	float: left ;
	width: 90px ;

}



#toppageHead {
	position: absolute ;
	left: 0px ;
	top: 0px ;
	padding-top: 40px ;
	background : url(../images/top_tab.gif) no-repeat ;
		background-position : 0px 40px ;
		width : 600px;
		height : 400px ;
}



#toppageHeadBoxType{width : 175px ; margin : 15px auto ;}
	#toppageHeadBoxType li{margin-bottom : 5px ; }
		#toppageHeadBoxType li a { display : block ; height : 56px ;padding-top :56px ; overflow : hidden ;background : url(../images/navi_type.gif) no-repeat ;}
		#toppageHeadBoxType li.newHome a{ background-position : center 0px ;}
		#toppageHeadBoxType li.oldHome a{ background-position : center -60px ;}
		#toppageHeadBoxType li.land a{ background-position : center -120px ;}
		#toppageHeadBoxType li.mansion a{ background-position : center -180px ;}

#toppageHeadBoxType li>a { height : 0px ; }



#toppageHeadBoxArea {
	float: left;
	height: 300px ;
	width:380px ;
	background: url(../images/map.jpg) no-repeat ;
	background-position : center 8px ; 
	margin-left : 20px ;display : inline ;
}


#toppageHeadBoxType { width :175px ; margin-left : 7px;padding : 0px ;}






#tabSearchArea, #tabSearchType {
position : absolute ; 
}

#tabSearchType{ width : 175px ; top : 40px ; left : 0px ;}
#tabSearchArea{ width : 300px ;  top : 40px ; left : 182px ;}


#tabSearchArea h4, #tabSearchType h4 {
color : #f60 ;
text-align : left ;
padding : 20px 0px 0px 30px ;
font-size : 12px ;

}

 
 




#toppageHead p#comment {
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width :600px ;
}


#toppageHead > p#comment {
	width: 580px ;
}


p#comment span {
	font-size: 14px ;
	color: red ;
}








/*RECCOMEND*/
#contentRight {
	float: left ;
	width: 280px ;
	padding-bottom: 10px ;
}


dd {
	margin: 4px ;
}


dl {
	clear: both ;
}


dt {
	float: left ;
	margin: 8px ;
	margin-top: 0px ;
}


dd b {
	color: #f60 ;
}


/*WELCOME*/
#information {
	height: 270px ;
	text-align: left ;
	background: url(../images/info_bg.jpg) no-repeat 0px 40px;
}


#sitecomment {
	line-height: 1.3 ;
	text-align: left ;
	width : 590px ;
	margin-left : 15px ;
	margin-top : 165px ;
	float : left ;
	display : inline ;margin-right : 10px ;
}



#naviInfo {
	width:200px ;
	float : left ;
}


#naviInfo li {
	width: 200px ;
	text-align: left ;
	margin-bottom : 4px ;
	
}


#naviInfo a {
	height: 50px ;
	font-weight: bold ;
	color: #fff ;
	text-decoration: none ;
	display: block ;
	background: url(../images/navi_info.gif) no-repeat ;
	position : relative ;
	font-size : 14px ; 
	padding-top : 25px ;
	width : 100% ;
	text-align : center ;
}

#naviInfo li > a { height : 25px ; }
  
#naviInfo a span { display : block ; position :absolute; top :5px ; left :0px; font-size : 10px ; font-weight : normal ; color : #f30 ; width : 100% ; text-align : center ;}

/*NEW*/
.whats {
	float: left ;
	width: 280px ;
	margin-left: 10px ;
}



.whats p {
	padding: 5px 5px 5px 15px;
	margin-bottom : 5px ;
	border-bottom: 1px solid #dbdbdb ;
	background : #EAFFFF url(../images/new_p.gif) no-repeat ;
	
}




/*footer*/
.content h3 a {
	color: #fff ;
	text-decoration: none ;
}


#footer img {
	margin: 5px ;
}



  
/*footer*/
/*========================================
FOOTER
========================================*/

#footer h3{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10px;
	color: #999;
}



#footer p{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10px;
	color: #999;
}



#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #999;
	text-decoration: none;
}



#footer .rss{
	width: 40px;
	padding: 1px;
	border: solid 1px #bbbbbb;
}



#footer .rss a{
	height: 13px;
	width: 100%;
	font-size: 9px;
	color: black;
	display: block;
	background-color: #bbbbbb;
}



#footer .rss-format{
	padding: 0.5px;
	background-color: #FFB74C;
}



#footer .rss-version{
	padding: 0.5px;
	background-color: #BBBBBB;
}



#footer img{
	float: left;
	padding: 5px 5px 5px 0px;
	margin-right: 10px;
}



/*banner*/
#center .content #bTop {
	position: absolute ;
	top: 1px;
	right: 1px;
	width: 220px ;
	margin: 0px ;
	z-index: 70 ;
}


#center .content #bTop img {
	margin-bottom: 5px ;
}



/*osusume*/
#osusume {

	clear: both ;
	margin-bottom: 20px ;
	overflow :hidden ;
}



#osusumeInfo {
	float: left ;
	width: 560px ;
	margin-left: 5px ;
	
}


#osusumeInfo li {
	float: left ;
	width: 175px ;
	padding-left: 15px ;
	overflow: hidden ;
	line-height: 1.7 ;
	white-space: nowrap ;
	background: url(../images/kodawari_arrow.gif) 0px 3px no-repeat ;
}


#osusumeInfo > li {
	width: 160px ;
}


#osusumeInfo li a {
	text-decoration: none ;
}


#osusumeInfo li a:hover {
	text-decoration: underline;
}


#osusumeBanner {
width : 575px ;
float : left ;
margin-bottom : 10px ;
}

#osusumeBanner img {
width : 280px ;
	margin-bottom : 10px ;
}


#osusumeBanner li {
	display: inline ;
	margin-right : 5px ;
	margin-bottom : 10px ;
}


/*h3.h4*/

address {
	position: absolute ;
	left: 456px ;
	top: -87px ;
	z-index: 80 ;
}



#touroku {
	position: absolute ;
	left: 380px ;
top : 0px ;
color : #fff ;
/*	height: 87px ;
	width: 233px ;
	z-index: 300 ;
	font-size:12px ;
	font-weight: bold ;
	color: #333 ;
	line-height: 1;
	text-align: center ;
	background: none ;
	padding-top : 20px ;
	padding-right : 20px ;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/touroku_bg.png',sizingMethod='crop') ;
*/}

#toppageHead > #touroku {
/*	width : 213px ;
	height: 87px ;
	background: url("../images/touroku_bg.png") no-repeat ;
*/	
}


#touroku p {
	margin-top: 3px ;
	color: #fff ;
	display  : inline ;white-space : nowrap ;
}


.kensu {
	font-size: 22px ;
	color: yellow ;
	font-weight : bold ;
}



#libero { float : left ; width : 240px ;display : inline ; border : 1px solid #5bbd28 ; background : #F6F8D2 ; margin-right : 10px ; text-align : center ; padding : 0px 0px 10px ;}
#libero .head { background : #5bbd28 ; color : #fff ; font-weight : bold ; margin-bottom :10px ;}
#libero .text { margin : 5px 10px ; font-size : 10px ;}


/*inputComment*/

.inputComment {
	position: absolute ;
	left: 0px ;
	top: 0px ;
	height: 10px ;
	padding-top: 10px ;
	overflow: hidden ;
	z-index: 1 ;
}

div > .inputComment {
	height: 0px ;
}