@charset "UTF-8";
/* course CSS */

ul.courseNav{
	border:1px solid #b7b7b7;
	border-radius:6px;
	box-shadow:0 0 0 3px #efefef inset;
}

ul.courseNav li{border-bottom:1px solid #b7b7b7;}
ul.courseNav li:last-child{border-bottom:none;}

ul.courseNav li a{
	padding:8px 6px;
	color:#1a1a1a;
}
ul.courseNav li a dl dt{
	float:left;
	width:80px;
	position:relative;
}
ul.courseNav li a dl dt img{
	position:absolute;
	top:6px;
	left:10%;
	width:60px;
	z-index:1;
	border:1px solid #fff;
	box-shadow:0 0 0 2px #d3c2a4;
}

ul.courseNav li a dl dd{
	margin-left:80px;
	background:url(/s/common/img/arrow_right.png) right center no-repeat;
	background-size:10px auto;
	min-height:60px;
}
ul.courseNav li a dl dd h3{
	color:#4f250e;
	font-weight:bold;
	font-size:14px;
	margin-bottom:4px;
}
@media screen and (max-width: 330px) {
	ul.courseNav li a dl dd h3{
		font-size:13px;
	}
}
ul.courseNav li a dl dd p{
	font-size:11px;
	padding:0 15px 0 0;
	text-align:justify;
	text-justify:inter-ideograph;
}