#contents section ul {
	margin: 0 -20px 0 0;
}

#contents section li {
	float: left;
	width: 350px;
	margin: 0 20px 20px 0;
}

#contents section li h3 a {
    display: block;
    margin-bottom: 20px;
    padding: 17px 10px;
    background-color: #FFFFF0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

#contents section li h3 a:after {
    content: "\f138";
    margin: 0 8px 0 0;
    color: #ED6A5A;
    position: absolute;
    top: 14px;
    right: 0;
    font-size: 21px;
}

#contents section li h3:hover a {
    color: #FFF;
    background-color: #ED6A5A;
}

#contents section li h3:hover a:after {
    color: #FFF;
}

.imgBox {
    overflow: hidden;
}
.imgBox img {
    float: right;
}
.imgBox .text {
	float: left;
	width: 720px;
	font-size: 14px;
}
.imgBox .text dt:before {
	content: "\f10c";
	margin-right: 5px;
	font-family: FontAwesome;
	font-weight: bold;
	color: #ED6A5A;
}
.imgBox .text dd {
	margin-bottom: 10px;
}