@charset "UTF-8";

/*#content01
------------------------------------*/
#content01{
	height:250px;
	position:relative;
}
	#content01 h3 img{
		position:relative;
		z-index:1;
	}
	#content01 #miryoku,
	#content01 #erabikata{
		width:360px;
	}
	#content01 #miryoku{
		position:absolute;
		top:34px;
		left:0;
	}
	#content01 #erabikata{
		position:absolute;
		top:34px;
		left:381px;
	}
		#content01 #erabikata img{
		z-index:0;
		}

		#content01 #miryoku p,
		#content01 #erabikata p{
			font-size:75%;
			color:#8D6F5C;
			margin:10px 0 5px 0;
		}

	p.detailLink{
		text-align:right;
		font-size:75%;
		clear:both;
		padding-right:15px;
	}
		p.detailLink a{
			color:#244798;
		}


/*#mansionList
------------------------------------*/
#mansionList h3{
	margin-bottom:10px;
}

#mansionList .article{
	width:188px;
	float:left;
}
#mansionList .articleLast{
	width:176px;
	float:left;
}
	#mansionList .inner{
		margin-right:10px;
		border:1px solid #AFA8A3;
		background:#f0f0f0;
	}
	#mansionList .articleLast .inner{
		margin-right:0;
	}

		#mansionList h4{
			padding:6px 0 7px 10px;
			color:#fff;
			font-size:88%;
			font-weight:normal;
		}
		
		
		
		#mansionList h4 a {
			color: #ffffff;
			text-decoration:none;
		}
		#mansionList h4 a:link {  }
		#mansionList h4 a:visited {  }
		#mansionList h4 a:active {  }
		#mansionList h4 a:hover { text-decoration:underline; }
		
		
		
		#mansionList h4.area1{background:url("../images/bg_area01.jpg"); no-repeat top}
		#mansionList h4.area2{background:url("../images/bg_area02.jpg"); no-repeat top}
		#mansionList h4.area3{background:url("../images/bg_area03.jpg"); no-repeat top}
		#mansionList h4.area4{background:url("../images/bg_area04.jpg"); no-repeat top}

		#mansionList ul{
			margin:7px;
			list-style:none;
			background:url("../common/images/border_dot01.gif") no-repeat center bottom;
			padding-bottom:7px;
		}
			
			#mansionList ul li{
				font-size:75%;
				background:url("../common/images/icon_circle01.gif") no-repeat left 1px;
				padding-left:14px;
			}
				#mansionList ul li a{
					color:#333;
					text-decoration:none;
				}
				#mansionList ul li a:hover{
					text-decoration:underline;
				}
				
			/*
			 | modified: 24.Aug.Mon, 2009 17:29
			 | written by: kz_uchimura
			*/
			#mansionList ul li.koukaiyotei {
				color:             #999999;
			}
			
			#mansionList ul li.sameMansion {
				background:        url("../common/images/icon_circle02.gif") no-repeat left 1px;
			}
				
				#mansionList ul li .koukaiyotei {
					font-size:     80%;
				}
				
				
		#mansionList dl{
			margin:0 7px 7px 7px ;
		}
			#mansionList dl dt{
				background:url("../common/images/bg_osusume.gif") no-repeat top;
				font-size:75%;
				color:#fff;
				text-align:center;
				padding:2px 3px 3px 3px;
				margin-bottom:8px;
			}
			#mansionList dl dd.upper{
				font-size:75%;
				background:url("../common/images/border_dot01.gif") no-repeat center bottom;
				padding:0 0 10px 0;
				margin:0 0 10px 0;
			}
			#mansionList dl dd{
				font-size:75%;
				margin:0 0 10px 0;
			}
				#mansionList dl dd img{
					float:left;
				}
				#mansionList dl dd div{
					padding-left:77px;
				}
					#mansionList dl dd div img{
						margin-top:14px;
					}


/*#qa
------------------------------------*/
#qa{
	background:url("../images/bg_qa.gif") repeat-y;
}
	#qa .inner{
		background:url("../images/bg_qa_btm.gif") no-repeat bottom;
		padding:5px 0 0 15px;
	}
		#qa .article{
			width:362px;
			float:left;
		}
			#qa .article img{
				float:left;
			}
			#qa .article dl{
				padding:0 0 0 195px;
			}
				#qa .article dl dt img{
					float:none;
				}
				#qa .article dl dd{
					font-size:75%;
					margin:0 10px 10px 5px;
				}


/*
------------------------------------*/

/*
------------------------------------*/

/*
------------------------------------*/

/*
------------------------------------*/

/*
------------------------------------*/

/*
------------------------------------*/
#qa .inner:after,
#mansionList dl dd:after,
#mansionList:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}

* html #qa .inner,
* html #mansionList dl dd,
* html #mansionList{
	display:inline-block;
}

#qa .inner,
#mansionList dl dd,
#mansionList{
	height:1%;
}




/*
------------------------------------*/
#header #topHeader p.sitemap{
	position:absolute;
	top:65px;
	left:890px;
	line-height:1;
	font-size:75%;
}



#header #topHeader #mainVisual{
	position:absolute;
	top:79px; left:0px;
	z-index:0;
	padding-top: 4px;
}



/**
 * modified: 04.Mar.Fri, 2011 11:21
 * written by: uchimura@pencil.co.jp
 */
	#information {
		border:1px solid #FF0000;
		font-size:85%;
		margin:0 0 8px 160px;
		text-align:center;
		width:640px;
	}
	
	#information p {
		font-size:85%;
		padding: 4px;
		color: #ff0000;
	}
	
	#information p.ttl {
		font-size:100%;
		color:#FF0000;
		font-weight:bold;
		padding-bottom:4px;
	}
	
	#information p.days {
		font-size:90%;
		padding:0 16px;
	}