#wrapper {
	width: 1000px;
	margin: 0px auto;
	background: #fff;
	height: auto;
	padding-bottom: 20px;
	border-top: none;
	margin-top:178px;
	border: solid 1px #ccc;
	border-top:none;
	border-bottom:none;

	
}
#wrapper p {
	font-size: 100%;
	line-height: 1.5;
	text-indent: 10px;
	margin: 0px 15px 5px 15px;
	color: #333;
}

.srch_box{
	padding:10px 20px;
	
}


.box01{
	width:440px;
	float:left;
		margin-left:10px;
		margin-bottom:10px;
		
	
	}
	


.history_mark {
	position: relative;
	padding: .3em .5em .5em 2em;
	border-bottom: 1px solid #fff;
		width:95%;
	margin: 0 auto;
	margin-top:0px;
	color:#333;
	list-style:none;
	font-weight:bold;
	font-size:110%;
	margin-left:30px;
	

}
.history_mark::before,
.history_mark::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.history_mark::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(233, 85, 65, .9);
}
.history_mark::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(86, 204, 242, .9);
}