@charset "utf-8";
/*
#	written by unit-MSE Co.,ltd.　　　　　　　　 #
#	Copyright 2007 unit-MSE Co.,ltd.　　　　　　 #
#	　　　　　　　　　　　　　　　　　　　　　　 #
#	info@unit-mse.jp　　　　　　　　　　　　　　 #
#	http://www.unit-mse.jp　　　　　　　　　　　 #
#	使用：Liberty esthetic school　　2007.8.22　 #
#	日文用　　　　　　　　　　　　　　　　　　　 #
#	$Revision: 1.0 $  　　　　　　　　　　　　　 #
*/


/*-------------------------------------------------
	l_navi
-------------------------------------------------*/

#l_navi {
	margin-bottom:15px;
	background:url(../img/l_navi_bg.gif) no-repeat;
	height:50px;
}
#l_navi UL LI {
	height:px;
	float:left;
	line-height:100%;
}
#l_navi UL LI A {
	background-repeat:no-repeat;
	display:block;
	line-height:100%;
	text-indent:-9999px;
	font-size:1px;
	height:19px;
	background-position:top left;
	margin-bottom:5px;
}
#l_navi UL LI#total {
	width:185px;
	margin-right:20px;
}
#l_navi UL LI#total A {
	background-image:url(../lesson/img/l_navi_total.gif);
	width:185px;
}
#l_navi UL LI#beginner {
	width:176px;
	margin-right:20px;
}
#l_navi UL LI#beginner A {
	background-image:url(../lesson/img/l_navi_beginner.gif);
	width:176px;
}
#l_navi UL LI#upper { width:176px; }
#l_navi UL LI#upper A {
	background-image:url(../lesson/img/l_navi_upper.gif);
	width:176px;
}
#l_navi UL LI#icam { width:210px; }
#l_navi UL LI#icam A {
	background-image:url(../lesson/img/l_navi_icam.gif);
	width:210px;
}
#l_navi UL LI#total A:hover, #l_navi UL LI#beginner A:hover, #l_navi UL LI#upper A:hover { background-position:bottom left; }
/*-------------------------------------------------
	lesson_box
-------------------------------------------------*/

DIV.lump DIV.lesson_box { width:100%; }
DIV.lump DIV.lesson_box DIV.txt_box {
	float:left;
	width:277px;
	margin-bottom:20px;
}
DIV.lump DIV.lesson_box DIV.txt_box P.divide_border {
	background:url(../lesson/img/bg_lesson_explain.gif) no-repeat bottom left;
	margin-bottom:10px;
	padding-bottom:10px;
}
DIV.lump DIV.lesson_box DIV.txt_box H3, DIV.lump DIV.lesson_box DIV.txt_box H4 {
	margin-bottom:10px;
	line-height:100%;
}
DIV.lump DIV.lesson_box DIV.img_box {
	float:right;
	width:241px;
	margin-bottom:20px;
}
DIV.lump DIV.flow_box {
	border:1px solid #CBB764;
	padding-top:10px;
	height:100%;
	margin-bottom:20px;
}
DIV.lump DIV.flow_box DL { margin:0px 10px; }
DIV.lump DIV.flow_box DL.topline {
	background:url(../img/common_dot_line.gif) repeat-x top left;
	padding-top:10px;
}
DIV.lump DIV.flow_box DL DT {
	float:left;
	width:60px;
	color:#653301;
	margin-bottom:10px;
}
DIV.lump DIV.flow_box DL DD {
	float:left;
	width:448px;
	margin-bottom:10px;
}
DIV.lump DIV.flow_box DL DT.lg {
	width:120px;
}
DIV.lump DIV.flow_box DL DD.lg {
	width:388px;

}

/*-------------------------------------------------
	guidance_box
-------------------------------------------------*/

DIV#guidance_box {
	clear:both;
	background:url(../lesson/img/bg_guidance_foot.gif) no-repeat bottom left;
	padding-bottom:52px;
	margin-bottom:20px;
}
DIV#guidance_box h2 {
	background:url(../lesson/img/bg_guidance_head.gif) no-repeat top left;
	text-align:center;
	padding-top:24px;
}
DIV#guidance_box h2 IMG { margin-bottom:13px; }
DIV#guidance_box P {
	background:url(../lesson/img/bg_guidance_body.gif) repeat-y top left;
	padding:0 37px;
	line-height:24px;
}