#topics_area {
	padding-bottom: 28px;
	text-align: left;
}
#topics_area dl {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b2b2b2;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 110%;
	line-height: 140%;
	clear: both;
}
#topics_area dt {
	float: left;
	color: #4faf17;
	padding-right: 10px;
	font-size: 80%;
}
#topics_area dd {
	float: left;
	background-image: url(../img/index/arrow02.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 90%;
	line-height: 160%;
	height: auto;
}
#topics_area a {
	color: #666666;
	text-decoration: underline;
}
#banner {
	padding: 10px 0;
}
#lesson_ran {
	background-color: #FFFFFF;
	background-image: url(../img/index/g_back.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #cccccc;
}
#lesson_ran .item {
	float: left;
	width: 194px;
	margin: 15px 5px 0 0;
}
#lesson_ran .item.pad1{
	margin-left: 10px;	
}
#lesson_ran ul {
	padding-left: 15px;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 130%;
	margin-left: 10px;
}
#lesson_ran li {
	padding-left: 15px;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 130%;
	background-image: url(../img/index/arrow04.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	font-size: 90%;
}

@media only screen and (max-width: 993px) {

#banner li {
	width: 48%;
}
#lesson_ran .item {
	width: 32%;
}
#lesson_ran .item.pad1 {
    margin-left: 5px;
}
#lesson_ran .item.pad2 {
    margin-right: 0;
}
#lesson_ran ul {
	padding-left: 0;
	margin-left: 0;
}
#lesson_ran li {
	margin-left: 0;
}
}
@media only screen and (max-width: 767px) { /* Mobile - Small */
#topics_area {
	padding:5% 0;
}
#banner li {
	width: 100%;
	float: none !important;
	padding-bottom: 10px;	
}
#banner li img {
	margin:auto;	
}
#lesson_ran {
	padding-bottom: 3%;	
}
#lesson_ran h2 {
	padding-bottom: 3%;	
}
#lesson_ran .item {
	width: 194px;
	margin:10px auto 0 !important;
	float: none;
}
}
@media only screen and (max-width: 414px) {
#banner li img, #lesson_ran h2 img {
	width: 100%;
}
#lesson_ran .item {
	width: 80%;
}
#lesson_ran .item img {
	width: 100%;
}
}