#slider {
  position: relative;
  margin:20px 0;
  width: 100%;
}
#wrapper {
  width: 100%;
  left: 5%;
  overflow: hidden;
}
#topics_carousel {
	float: left;
	width: 100%;
	height: 30%;
}
.topics_a {
	float: left;
	color:#1a1a1a;
	display: block;
	width: 385px;
	margin-left: 5px;
}
.topics01 a, a:visited, a:hover, a:focus, a:active {
	/*color:#1a1a1a!important;*/
}
.topics01 {
	float: left;
	width: 100%;
	margin-left: 5px;
}
.topics01 div {
	float: left;
	height: inherit;;
	width: 100%;
	margin-bottom: 30px;
}
.topics01 div img {
	width: 100%;
	height: auto;
}
.topics01 dl {
	float: left;
	width: 100%;
}
.topics01 dt {
	font-size: 21px;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.topics01 dd {
	font-size: 14px;
	float: left;
	width: 100%;
}
.prev {
	height: 47px;
	width: 40px;
	position: absolute;
	z-index: 2;
	left: 30px;
	top: 20%;
	cursor: pointer;
	background-image: url(../images/arrow_prev.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-size:8px 24px;
}
.next {
	height: 47px;
	width: 40px;
	position: absolute;
	z-index: 2;
	right: 30px;
	top: 20%;
	cursor: pointer;
	background-image: url(../images/arrow_next.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-size:8px 24px;
}
@media only screen and (min-width:1px) and (max-width:460px){
	.topics_a {
		margin-left: 0;
	}
	.topics01 {
		margin-left: 0;
	}
	.topics01 div {
		margin-bottom: 20px;
	}
	.topics01 dt {
		/*font-size: 14px;*/
		font-size: 16px;
		padding: 0 4%;
	}
	.topics01 dd {
		/*font-size: 12px;*/
		font-size: 15px;
		line-height:1.5em;
		padding: 0 4%;
	}
}