/* lesson */
body#lesson .lesson_print {	display:none; background-color: black;}

body#lesson #wrapper { background:url(../img/lesson/main_bg_lesson.png) no-repeat center 142px; }

/* body#lesson #main { padding-top: 680px; }
body#lesson .main_frame { position: absolute; width:1366px; height: 658px; margin-left: -683px; padding: 0; top: 142px; left: 50%; } */
body#lesson #main { }
body#lesson .main_frame { position: relative; width:1366px; height: 682px; margin: 0 auto; padding: 0; top: 0; left: 0; }
body#lesson .main_frame.top { background:url(../img/lesson/top_bg.jpg) no-repeat center top; }

body#lesson .main_frame .makimono { position: absolute; top: 171px; left: 0; }
body#lesson .main_frame .makimono a { position: absolute; top: 0; }
body#lesson .main_frame .makimono a.ls1 {left: 210px;}
body#lesson .main_frame .makimono a.ls2 {left: 532px;}
body#lesson .main_frame .makimono a.ls3 {left: 854px;}
body#lesson .main_frame .download { position: absolute; top: 463px; left: 0; }
body#lesson .main_frame .download a { position: absolute; top: 0; }
body#lesson .main_frame .download a.dl1 {left: 260px;}
body#lesson .main_frame .download a.dl2 {left: 580px;}
body#lesson .main_frame .download a.dl3 {left: 902px;}
body#lesson .main_frame .lessonlist { position: absolute; top: 619px; left: 0; }
body#lesson .main_frame .lessonlist a { position: absolute; top: 0; }
body#lesson .main_frame .lessonlist a.ls1 {left: 233px;}
body#lesson .main_frame .lessonlist a.ls2 {left: 555px;}
body#lesson .main_frame .lessonlist a.ls3 {left: 877px;}
body#lesson .main_frame .lb {position: absolute; top: 560px; right: 194px;}

body#lesson .main_frame .dl { position: relative; top: 35px; margin-left: 180px; }

body#lesson.inactive {
	overflow: hidden;
}
body#lesson #popup {
	display: none;
	position: fixed; top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	text-align: center;
	z-index: 100;
	overflow: auto;
}
body#lesson #popup > div {
	position: relative;
	width: 984px;
	margin: 20px auto;
}
body#lesson #popup div > div {
	position: absolute;
}
body#lesson #popup div > div a {
	position: relative;
	display: block;
	margin-bottom: 10px;
}
body#lesson #popup div > div.lesson1 {
	top: 534px;
    right: 70px;
}
body#lesson #popup div > div.lesson2 {
	top: 796px;
    right: 70px;
}
body#lesson #popup div > div.lesson3 {
	top: 1038px;
    right: 70px;
}
body#lesson #popup div > div.lesson4 {
	top: 1375px;
    right: 70px;
}
body#lesson #popup div > div.dl_all {
    bottom: 17px;
    left: 40px;
}
body#lesson #popup div > div.dl_all a {
	display: inline-block;
	margin: 0 10px;
}

body#lesson #popup div > div a:hover {
	opacity: 0.8;
}
body#lesson #popup a.close {
	position: absolute;
	right: 7px;
    bottom: 9px;
}