@charset "utf-8";
/* lesson */
.subnav{
	margin: 12px auto 0;
	text-align: left;
}
.subnav li{
	padding-top: 12px;
	white-space: nowrap;
}
.subnav li:first-child{
	padding-top: 0;
}
.lesson h4{
	margin-bottom: 24px;
	padding: 3px;
	border-radius: 5px;
	text-align: center;
	color: #FFFFFF;
}
.lesson .detail h5{
	margin-top: 12px;
}
.detail{
	margin: 24px auto 0;
}
.lesson .note{
	padding: 24px 24px 12px;
}
.lesson .note p:first-child{
	margin-bottom: 12px;
	font-weight: bold;
}
.lesson .note img{
	margin-left: auto;
	display: block;
}
.lstMark{
    margin-left: 1.0em;
}
.lstMark li:before{
	content: "・";
    margin-left: -1.0em;
}
/* @media ***********************/
@media screen and (min-width:768px){
	.ttlArea{
		background: url(../img/lesson/lesson_ttl_img.png) right bottom no-repeat;
		background-size: 200px 232.8px; /* 80% */
		min-height: 232.8px;
	}
	.ie8Lte{ /* for ie8以下 */
		min-height: 291px;
	}
	.subnav li{
		display: inline;
		margin-right: 12px;
		padding-top: 0;
	}
	.detail{
		padding: 24px 48px;
	}
}
@media screen and (min-width:980px){
	.ttlArea{
		background-size: auto;
		min-height: 291px;
		padding-right: 300px;
	}
	.subnav{
		margin-top: 24px;
	}
	.course{
		margin: 24px -24px 0;
		display: table;
		table-layout: fixed;
		width: 906px;
		border-collapse: separate;
		border-spacing: 24px 0;
	}
	.detail{
		display: table-cell;
		vertical-align:top;
	}
	.lesson .note{
		margin: 0 auto;
		width: 300px;
	}
	*:first-child+html .detail{ /* for ie7 */
		width: 321px;
		display: inline;
		zoom: 1;
		border-left: 24px solid #FFFFFF;
	}
	*:first-child+html .detail:first-child{ /* for ie7 */
		border-left: none;
	}
	*:first-child+html .note{ /* for ie7 */
		margin: 24px 0 0 24px;
		width: 369px;
		display: inline;
		zoom: 1;
	}
}