@charset "utf-8";

#photo{
	background:url("../img/photo.jpg") no-repeat;
	width:880px;
	height:350px;
	position:relative;
	margin-bottom:15px;
}

#photo #photo_copy{
	background:#000;
	width:230px;
	height:90px;
	padding:1em;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	text-align:left;
	line-height:1.5em;
	position:absolute;
	top:20px;
	left:20px;
}

/*施工例紹介・お客様の声*/

table#article,table#owner{
	width:320px;
	border:2px solid #fff;
	font-size:12px;
	line-height:16px;
	margin-right:15px;
	float:left;
}

table#article th,table#owner th{
	border-bottom:1px solid #fff;
	padding:5px 10px;
}

table#article th h2{
	background:url("../img/index_heading.png") no-repeat;
	display:block;
	width:150px;
	height:20px;
	text-indent:-9898px;
}

table#owner th h2{
	background:url("../img/index_heading.png") no-repeat 0 -20px;
	display:block;
	width:150px;
	height:20px;
	text-indent:-9898px;
}
table#article th p{
	background:url("../img/index_heading.png") no-repeat right 0;
	display:block;
	width:120px;
	height:20px;
	text-indent:-9898px;
}
table#owner th p{
	background:url("../img/index_heading.png") no-repeat right -20px;
	display:block;
	width:120px;
	height:20px;
	text-indent:-9898px;
}

table#article td.title,table#owner td.title{
	text-align:left;
	padding:5px 10px;
}

table#article td.photo,table#owner td.photo{
	padding:5px 10px 10px 10px;
}

table#article td.copy,table#owner td.copy{
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:text-top;
}

table#article td.link,table#owner td.link{
	padding:5px 10px 10px 0;
}

table#article td.link a,table#owner td.link a{
	border:1px solid #fff;
	color:#f8c058;
	background:#4d4d4d;
	display:block;
	text-align:center;
}

table#article td.link a:hover,table#owner td.link a:hover{
	border:1px solid #f8c058;
	background:#3d3d3d;
	text-decoration:none;
}

table#article td .new,table#owner td .new{
	border:1px solid #f8c058;
	color:#f8c058;
	font-size:10px;
	margin-right:1em;
}

table#article td h3,table#owner td h3{
	display:inline;
}

/*最新情報*/

#news{
	width:210px;
	text-align:left;
	background:#4d4d4d;
	float:left;
}

#news .title{
	padding:4px 10px;
	height:25px;
}

#news .title h2{
	float:left;
	background:url("../img/index_heading.png") no-repeat 0 -40px;
	display:block;
	width:80px;
	height:20px;
	text-indent:-9898px;
}

#news .title p{
	float:right;
	background:url("../img/index_heading.png") no-repeat right -40px;
	display:block;
	width:100px;
	height:20px;
	text-indent:-9898px;
}

#news dl{
	clear:both;
	border-top:1px solid #fff;
	padding:10px 0;
}

#news dl dt{
	margin:0 10px;
}

#news dl dd{
	margin:0 10px 10px 10px;
	border-bottom:1px dotted #fff;
}

/*バナーなど*/

#bottom_column{
	clear:both;
	height:120px;
	padding-top:15px;
}

ul#bnr li{
	display:inline;
}

ul#bnr li a{
	background:url("../img/index_bnr.jpg") no-repeat;
	display:block;
	width:240px;
	height:90px;
	text-indent:-9898px;
	float:left;
	margin-right:15px;
}

ul#bnr li a.shimizu{
	background-position:0 0;
}

ul#bnr li a.faq{
	background-position:0 -90px;
}

#bottom_column a img{
	float:right;
}

#bottom_column address{
	float:right;
	white-space:nowrap;
}