/* CSS Document */

#util{
	color:#ffffff;
	/*background:url(../img/cmn/cmn_bg_002.jpg) top left no-repeat;*/
}


#contentHeader div#util #panList ul{
	width:578px;
	margin-left:45px;
	height:37px;
	overflow:hidden;
}



#contentHeader{
	position:relative;
	background:#ffffff;
}



/* //////////////////////////////////////////////////////////////////// */

div#siteHeader,
div#siteFooter{
	width:961px;
	background:url(https://www.sekisuihouse.com/shared/img/cmn_bg_005.gif) repeat-y right 0;
}
div#siteFooter{
	height:50px;
}

em{
	font-style:normal;
}

#contentHeader{
	height:auto;
	overflow:auto;
}
	#tagline{
		height:300px;
		width:960px;
		margin:0 0 38px;
		background:url(../images/main-visual.jpg) no-repeat 0 0;
		border-top:1px solid #aaaaaa;
		position:relative;
	}
		#tagline img{
			display:block;
		}
		h1{
			margin:137px 0 0;
			padding:0;
		}
/*		#logo_product{
			position:absolute;
			top:34px;
			left:828px;
			display:block;
		}*/
		#backlink,
		#backlink:link,
		#backlink:visited{
			width:260px;
			position:relative;
			top:-20px;
			left:50px;
			padding:0 0 0 15px;
			color:#ffffff;
			font-size:90%;
			font-weight:bold;
			text-decoration:none;
			background:url(../images/bullet_backlink.gif) no-repeat 0 center;
		}
		#backlink:hover,
		#backlink:active{
			background-position:-490px center;
			color:#dddddd;
		}


#contentBody{
	margin:0 50px;
	width:860px;
	overflow:hidden;
}

	#present {
		color:#000000;
		}
	.areaNavi{
		list-style:none;
		margin:0 0 40px;
		padding:0;
		text-align:center;
	}
		.areaNavi li{
			display:inline;
			color:#666666;
		}
		.areaNavi li a,
		.areaNavi li a:link,
		.areaNavi li a:visited{
			color:#666666;
			margin-right:0.5em;
		}
		.areaNavi li:first-child a{
			margin-left:0.5em;
		}
		.areaNavi li a:hover,
		.areaNavi li a:active{
			color:#999999;
		}
	h2{
		width:860px;
		height:26px;
		margin:0;
		padding:0;
		text-indent:3px;
		font-weight:bold;
		font-size:105%;
		color:#333333;
		background:#e6e6e6;
		line-height:26px;
		border-bottom:1px solid #ffffff;
	}
	#contentBody .section{
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		list-style:none;
		margin:0 -20px 13px 0;
		padding:0;
		width:880px;
		overflow:hidden;
		color:#333333;
	}
		#contentBody .section li{
			float:left;
			width:410px;
			margin:0 20px 0 0;
			padding:10px 5px;
			border-bottom:1px dashed #999999;
			display:inline;
			margin-bottom:-1px;
		}
			#contentBody .section li dl{
				font-size:90%;
				position:relative;
				padding:0 0 0 130px;
				min-height:111px;
				height:auto !important;
				_height:111px;
			}
				#contentBody .section li dl dt{
					display:inline;
					font-weight:bold;
				}
					#contentBody .section li dl dt a,
					#contentBody .section li dl dt a:link,
					#contentBody .section li dl dt a:visited{
						background: url(../images/arrow_h.gif) no-repeat 0 center;
						text-decoration: none;
						color: #333333;
						padding-left:15px;
					}
					#contentBody .section li dl dt a:hover{
						background-position:-590px center;
						color: #333333;
					}
				#contentBody .section li dl dd{
					margin-top:5px;
				}
					#contentBody .section li dl dd img{
						position:absolute;
						top:10px;
						left:0;
					}
					#contentBody .section li dl dd.tel{
						/*display:inline;
						margin-left:5em;*/
						margin-top:2px;
					}
						#contentBody .section li dl dd.tel span{
							color:#ff3300;
							margin-left:5px;							
						}
					#contentBody .section li dl dd ul{
						list-style:none;
						margin:0;
						padding:0;
					}
						#contentBody .section li dl dd ul li{
							line-height:1.3;
							float:none;
							width:auto;
							margin:0;
							padding:0;
							border:none;
							display:block;
						}








/*pagetop*/

ul.pagetop {
	position: relative;
	height: 10px;
	margin: 5px 0 0 0;
	padding-bottom:50px;
	_height:25px;
}

	ul.pagetop li {
		display: inline;
	}
	
		ul.pagetop a {
			background-image: url(../images/btn_pagetop.gif);
			background-repeat: no-repeat;
			background-position: left top;
			text-indent: -9999px;
			position: absolute;
			right: 0;
			top: 0;
			display: block;
			width: 44px;
			height: 10px;
			outline: none;
		}
		
			ul.pagetop a:hover {
				background-position: -44px 0;
			}	



/*--------------------
	clearfix
--------------------*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}