#HeadImg {
	width:960px;
	margin:0px auto;
	text-align:center;
}
#index #HeadImg h2{
	width:960px;
	height:90px;/*����*/
	display: block;
	background: url(../img/main_01.png);
	margin: 46px 0 0 0;
	text-indent: -9999px;
}
#index h3{
	background: url(../../common/img/h3_bg.png) no-repeat;
	width:700px;
	height:32px;
	padding: 6px 0 0 15px;
	margin: 0 0 10px 0;
}
#index p{
	margin: 10px 30px 0 10px;
}
#index div.line{
	border-bottom: dotted 2px #ddd;
	border- top: none;
	border- left: none;
	border- right: none;
	margin: 20px 20px 20px 10px;
}
#index div.box{
	float: left;
	margin: 0 20px 20px 10px;
}
#index div.box div.photo{
	margin: 0 10px 10px 0;
	text-align: center;
	font-size: 10px;
}
#index div.box div.photor{
	margin: 0 0 10px 10px;
	text-align: center;
	font-size: 10px;
}
#index div.uphoto {
	width: 520px;
	margin: 0 auto;
}
#index div.uphoto div.photou{
	width: 240px;
	margin: 0 10px 10px 10px;
	text-align: center;
	font-size: 10px;
	float: left;
}

#index div.box div.photo img{
	border: solid 1px #ccc;
}
#index div.box div.photor img{
	border: solid 1px #ccc;
}
#index div.box div.photor{
	font-size: 10px;
}
#index div.box p{
	line-height: 180%;
	margin: 0 12px 0 0;
}
#index div.box p.lg{
	/*width: 425px;*/
}

.geppou a{
	display: block;
	text-indent: -9999px;
	background: url(../../common/img/btn_geppou.png) no-repeat;
	width: 	225px;
	height: 80px;
	margin: 10px 0 0 10px;
}
.geppou a:hover{
	background-position: left bottom;
}