.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


#course-list{
	margin:20px 20px 30px;
}

.course-haru{
	padding:10px;
	border:10px solid #fc9;
	background-image: url(../images/menu/pic_course_menu_bg_haru.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.course-natsu{
	padding:10px;
	border:10px solid #9cf;
	background-image: url(../images/menu/pic_course_menu_bg_natsu.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.course-aki{
	padding:10px;
	border:10px solid #960;
	background-image: url(../images/menu/pic_course_menu_bg_aki.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.course-fuyu{
	padding:10px;
	border:10px solid #969;
	background-image: url(../images/menu/pic_course_menu_bg_fuyu.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#course-list h3{
	font-size:x-large;
	text-align:center;
	border:10px double #c00;
	padding:0.8em;
	background-color:#ffc;
}
#course-list .photo{
	margin:0 10px 10px;
}
#course-list .photo p{
	margin:0;
}

#course-list .menu{}
#course-list .menu p{}
#course-list .menu ul{}
#course-list .menu ul li{}

#course-list .price{}
#course-list .price p{
	font-size:large;
	margin:0;
	text-align:center;
}
#course-list .price p.detail{
	color:#993300;
	border:5px solid #999900;
	padding:0.8em;
	background-color:#FFFFCC;
}