/*--	プロモーションエリア
--------------------------------------------------*/
#promotionarea {
	float: left;
	width: 620px;
	height: 310px;
}

#news {
	float: right;
	width: 300px;
	font-size: 13px;
}
#main #news #bloginfo {
	margin-top: 10px;
}
#main #news .section h2 {
	height: 32px;
	padding: 0px;
	margin: 0px;
}
#main #news #siteinfo h2 {
	background-image: url("../images/index/h2_siteinfo.jpg");
}
#main #news #bloginfo h2 {
	position: relative;
}
#main #news #bloginfo h2 a.blogpage {
	display: block;
	zoom: 1;
	overflow: hidden;
	position: relative;
	height: 32px;
	width: 300px;
	background-image: url("../images/index/h2_blog.jpg");
}
#main #news #bloginfo h2 a.blogrss {
	display: block;
	zoom: 1;
	overflow: hidden;
	position: absolute;
	left: 278px;
	top: 6px;
	height: 16px;
	font-size: 10px;
	line-height: 10px;
	width: 16px;
	background-image: url("../images_shared/rss.jpg");
}
#main #news #bloginfo h2 a:link,
#main #news #bloginfo h2 a:visited {
	background-position: left top;
}
#main #news #bloginfo h2 a:hover,
#main #news #bloginfo h2 a:active {
	background-position: left bottom;
}

#news .section .section dl {
	height: 115px;
	overflow-x: hidden;
	overflow-y: scroll;
}
#news .section .section dl dt {
	padding: 0px 2px;
}
#news .section .section dl dd {
	padding: 0px 2px 0px 12px;
}
#main #news .section .section {
	border: 1px solid #FCC;
	border-top: none;
	padding: 1px;
	margin: 0px;s
}


#main #works {
	margin-top: 20px;
}
#main #works h2 {
	background-image: url("../images/index/h2_works.jpg");
}
#main #works .customer{
	background:url(../images/index/customer.jpg) left top no-repeat;
	height:400px;
	margin:20px 0;
}
#main #works .customer p{
	font-size:12px;
	padding:75px 10px 0 550px;
}
 
#main #works .line {
	padding: 0px;
	position: relative;
	left: 10px;
	margin-top: 20px;
}
#main #works .line .section {
	width: 220px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	float: left;
}
#main #works h3 {
	background-image: url("../images_shared/h3_4.gif");
}


#main #works .line .section .section {
	width: 200px;
	padding: 0px 10px;
	margin: 0px;
	float: none;
}
#main #works .line .section .section a:link		{	color: #666;	text-decoration: none;	}
#main #works .line .section .section a:visited	{	color: #666;	text-decoration: none;	}
#main #works .line .section .section a:hover	{	color: #F66;	text-decoration: none;	}
#main #works .line .section .section a:active	{	color: #F00;	text-decoration: none;	}

#main #works .line .section .section a.img {
	display: block;
	zoom: 1;
	position: relative;
	width: 200px;
	height: 150px;
	background: transparent no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
#main #works .line #reform .section a.img {
	background-image: url("../images/index/works_reform.jpg");
}
#main #works .line #construction .section a.img {
	background-image: url("../images/index/works_construction.jpg");
}
#main #works .line .section .section a.img:link,
#main #works .line .section .section a.img:visited {
	background-position: left top;
}
#main #works .line .section .section a.img:hover,
#main #works .line .section .section a.img:active {
	background-position: left bottom;
}
#main #works .line .section .section p {
	margin-top: 5px;
}



#main #price {
	margin-top: 20px;
}
#main #price h2 {
	background-image: url("../images/index/h2_price.jpg");
}
#main #price .section table {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 450px;
	border-collapse: collapse;
	border: 1px solid #FCC;
}
#main #price .section table.first {
	float: left;
}
#main #price .section table tr th {
	padding: 2px;
	border-bottom: 1px solid #FCC;
	text-align: left;
}
#main #price .section table tr td {
	padding: 2px;
	border-bottom: 1px solid #FCC;
}
#main #price .section table tr td.price {
	color: #F00;
	font-weight: bold;
	text-align: right;
	padding: 2px 10px;
}
#main #price .section table tr td.price.special {
	text-align: center;
}
#main #price .section ul.notice {
	color: #F00;
	font-size: 12px;
	margin-top: 10px;
}
#main #price .section ul.notice li {
	padding-left: 1em;
	text-indent: -1em;
}