@charset "UTF-8";

.step .l{
	float: left;
	width: 314px;
	border: 3px solid #CCC;
	margin-bottom: 20px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
	
.step .r{
	float: right;
	width: 314px;
	border: 3px solid #CCC;
	margin-bottom: 20px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.step img{margin-top: 5px;}

.step h4{
	font-size: 18px;
	color: #ef4477;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: bold;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 90px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 8px;
	padding-bottom: 8px;
}

.step h4#icon01{background-image: url(../images/lesson/step01.gif);}
.step h4#icon02{background-image: url(../images/lesson/step02.gif);}
.step h4#icon03{background-image: url(../images/lesson/step03.gif);}
.step h4#icon04{background-image: url(../images/lesson/step04.gif);}


.detail{
	margin-bottom: 20px;
}

.detail .l{
	float: left;
	width: 318px;
	border: 1px solid #CCC;
	padding: 10px;
	_zoom: 1;     
    overflow: hidden;
}
	
.detail .r{
	float: right;
	width: 318px;
	border: 1px solid #CCC;
	padding: 10px;
	_zoom: 1;     
    overflow: hidden;
}

.detail .imgL {float: left; margin: 0 10px 0px 0; } 
.detail .l .wrap, .detail .r .wrap{ overflow: hidden; _zoom: 1; }

.detail h5{
	color: #ef4477;
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 5px;
}

#otameshi{
	font-size: 108%;
	margin-top: 30px;
	margin-bottom: 30px;
}

#otameshi h4{
	font-size: 133%;
	color: #ef4477;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
}

table.tl{
	border-collapse:collapse;
	border: 1px solid #CCC;
	margin-top: 10px;
	width: 698px;
}

table.tl th{
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #edf5e4;
	border: 1px solid #CCC;
	white-space: nowrap;
	font-weight: bold;
	color: #333;
	width: 100px;
}

table.tl td{
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border: 1px solid #CCC;
}