/*
-----------------------------------------------
WebGraphy Styles
Version:  03 Oct 2007
----------------------------------------------- */

@charset "Shift_JIS";

h3#Learn {
	height: 41px;
	background: transparent url(../image/title_learning.gif) center 1px no-repeat;
	font-size: 0.9em;
	text-indent: -500em;
}

/* ------ What ------ */
h4#TitWhat {
	width: 560px;
	height: 28px;
	background: transparent url(../image/learning_title_what.gif) no-repeat;
	font-size: 0.85em;
	text-indent: -500em;
}
h5#LeadWhat {
	margin: 40px 0 30px 20px;
	width: 491px;
	height: 39px;
	background: transparent url(../image/what_lead.gif) no-repeat;
	font-size: 0.85em;
	text-indent: -500em;
}
p.TopTxt {
	margin: 30px 20px 0 20px;
	font-size: 0.85em;
	text-align: left;
}
p.TopTxt:first-letter {
	font-size: 1.5em;
}
p.NmlTxt {
	margin: 30px 20px 0 20px;
	font-size: 0.8em;
	text-align: left;
}
p.NmlTxt:first-letter {
	font-size: 1.5em;
}
dl#CourseList {
	margin: 10px 0 20px 40px;
}
dl#CourseList dt {
	margin: 0 0 5px 0;
	height: 26px;
	font-size: 0.8em;
	text-indent: -500em;
	text-align: left;
}
dl#CourseList dt#no1 {
	background: transparent url(../image/what_course_01.gif) no-repeat;
}
dl#CourseList dt#no2 {
	background: transparent url(../image/what_course_02.gif) no-repeat;
}
dl#CourseList dt#no3 {
	background: transparent url(../image/what_course_03.gif) no-repeat;
}
dl#CourseList dd {
	margin: 0 40px 20px 80px;
	width: 300px;
	color: #32327A;
	font-size: 0.8em;
	text-align: left;
}

/* ------ process ------ */
h4#TitProcess {
	width: 560px;
	height: 28px;
	background: transparent url(../image/learning_title_process.gif) no-repeat;
	font-size: 0.85em;
	text-indent: -500em;
}
dl#ProcessList {
	margin: 20px 0 20px 20px;
}
dl#ProcessList dt {
	margin: 0 0 5px 0;
	height: 50px;
	font-size: 0.8em;
	text-indent: -500em;
	text-align: left;
}
dl#ProcessList dt#no1 {
	background: transparent url(../image/process_no_01.gif) no-repeat;
}
dl#ProcessList dt#no2 {
	background: transparent url(../image/process_no_02.gif) no-repeat;
}
dl#ProcessList dt#no3 {
	background: transparent url(../image/process_no_03.gif) no-repeat;
}
dl#ProcessList dt#no4 {
	background: transparent url(../image/process_no_04.gif) no-repeat;
}
dl#ProcessList dd {
	margin: 0 40px 20px 80px;
	width: 400px;
	color: #32327A;
	font-size: 0.8em;
	text-align: left;
}

/* ------ LMS ------ */
h4#TitLMS {
	width: 560px;
	height: 28px;
	background: transparent url(../image/learning_title_lms.gif) no-repeat;
	font-size: 0.85em;
	text-indent: -500em;
}
h5#LeadLMS {
	margin: 40px 0 30px 20px;
	width: 418px;
	height: 34px;
	background: transparent url(../image/lms_lead.gif) no-repeat;
	font-size: 0.85em;
	text-indent: -500em;
}
ul.LMSList {
	margin-top: 10px;
	margin-left: 40px;
	text-align: left;
}
ul.LMSList li {
	margin: 10px 0;
	padding-left: 12px;
	font-size: 0.8em;
	background: transparent url(../image/icon_square.gif) left center no-repeat;
}