@charset "UTF-8";
@media print, screen and (min-width: 421px) {

/* =====================================
	おすすめコース
===================================== */

#contents{
	font-size: 13px;
	letter-spacing: 1.0;
	padding-bottom: 80px;
}

#contents h2 {
	margin-bottom: 25px;
	padding-bottom: 14px;
	line-height: 1.0;
	font-size: 23px;
	font-weight: bold;
	background: url(../images/common/bg_ttl01.png) left bottom no-repeat;
	letter-spacing: 0.05em;
}
#contents h2 img {
	margin-right: 8px;
}
#course.index .lead{
	margin-bottom: 35px;
}

.recommend ul {
	margin: 0 0 0 -18px;
}
.recommend ul li {
	float: left;
	width: 224px;
	margin: 0 0 18px 18px;
}
.recommend ul li .photo {
	background: #fff;
	margin-bottom: 10px;
}
.recommend ul li a:hover .photo img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
.recommend ul li .cate{
	margin-bottom: 7px;
}
.recommend ul li .cate img{
	margin-right: 5px;
}
.recommend ul li h3{
	margin-bottom: 5px;
	line-height: 1.5;
	font-size: 15px;
	font-weight: bold;
}
.recommend ul li a:hover h3 {
	text-decoration: underline;
}

.recommend ul li p{
	font-size: 12px;
}
.recommend ul li a:hover p{
	text-decoration: none;
}




}