﻿/* 2カラム
------------------------------------------------ */
#t_contents{
	width:760px;
	margin:0 auto;
	padding-top:10px;
}
#t_contents .l{
	width:540px;
	float:left;
}
#t_contents .r{
	width:200px;
	float:right;
}

/* ニュース
------------------------------------------------ */
#news_title{
	width:540px;
	height:26px;
	margin:0 auto 10px;
	background:url(../image/top/news_title.jpg);
	position:relative;
	display:block;
}
#news_title #backno{
	position:absolute;
	display:block;
	top:7px;
	right:10px;
}
#news{
	width:540px;
	margin:0 auto;
}
#news li{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dotted #999;
	float:left;
}
#news li .date{
	width:75px;
	padding-left:5px;
	color:#FF0000;
	float:left;
}
#news li .text{
	width:460px;
	float:right;
}

/* 施工事例
------------------------------------------------ */
#example_title{
	width:540px;
	height:26px;
	margin:10px auto;
	background:url(../image/top/example_title.jpg);
	position:relative;
	display:block;
}
#example_title #backno{
	position:absolute;
	display:block;
	top:7px;
	right:10px;
}
.example{
	width:540px;
	float:left;
	padding-bottom:5px;
	margin-top:5px;
	border-bottom:1px dotted #999;
}
.example .photo{
	width:120px;
	padding:5px;
	float:left;
	padding:2px;
	border:1px solid #ccc;
}
.example .comment{
	width:390px;
	padding-top:5px;
	float:right;
}
.example .comment ul{
	padding-top:5px;
}
.example .comment li{
	margin-bottom:5px;
}
/* バナー
------------------------------------------------ */
.banner{
	margin:0 auto;
	text-align: center;
}
.banner li{
	margin-bottom:10px;
}