@charset "utf-8";

/*==============================================================

　【 Education css 】

　1. 共通設定
　2. 特徴
　4. レッスンフローと教材（200908追加）
　7. 相談窓口


================================================================*/

/*----------------------------------------------------------------
　1. 共通設定
----------------------------------------------------------------*/

#gloval ul { width:820px; padding:0; background:#A48F84; }


.para_minus10{
	_margin-top:-20px;
}
.para_m10{
	margin-top:10px;
}
.para_m15{
	margin-top:15px;
}
.para_m20{
	margin-top:20px;
}
.para_left_m5{
	margin-left:5px;
}
.para_left_m10{
	margin-left:15px;
}
.para_bottom_m5{
	margin-bottom:5px;
}
.para_bottom_m10{
	margin-bottom:10px;
}

.para_bottom_m15{
	margin-bottom:15px;
}
.para_bottom_m20{
	margin-bottom:20px;
}

.para_bottom_p15{
	padding-bottom:15px;
}
.para_bottom_p20{
	padding-bottom:20px;
}
.para_bottom_p40{
	padding-bottom:40px;
}

/*----------------------------------------------------------------
　2. 特徴
----------------------------------------------------------------*/

#Results .lead {
	margin:0 0 15px 0;
	padding:0 5px;
}

#Results .item {
	width:580px;
	margin:0 0 15px 10px;
}

#Results .itembody {
	background:url(../../common/images/frame_summary_03.gif) repeat-y;
	width:580px;
	padding:5px 0 10px 0;
}

#Results .itembody h3 {
	font-size:75%;
	color:#000066;
	background:url(../../common/images/bg_summary_01.gif) repeat-x bottom;
	padding:6px 0 5px 10px;
	margin:0 15px 10px 13px;
	line-height:150%;
	}

#Results .itembody .course {
	margin:0 20px 15px 20px;
	padding:0 0 15px 0;
	background:url(../../common/images/line_summary_01.gif) repeat-x bottom;
}

#Results .itembody .comment {
	font-size:75%;
	line-height:160%;
	padding: 0 5px; 
}

#Results ul.list{
	float: left;
	width: 280px;
	margin: 0;
	padding: 0 0 0 45px;
	font-size: 75%;
	line-height: 135%;
}

#Results ul.list li {
	list-style: disc;
	margin: 0 0 5px 0;
	padding: 0;
}

/*--------- 200908 法人・学校改修時追加 ---------*/	

#Results .itembody .course2 {
	margin:0 15px 15px 15px;
	padding:0;
}

#Results .itembody img.outline {
	margin:20px 1px 0 1px;
}

img.photo {
	margin:0 0 0 20px;
}

.itembody img.photo-left {
	margin:10px 20px 20px 0;
	display:block;
	float:left;
}

#Results .itembody .point-com {
	clear:both;
	margin:20px 20px 0 20px;
	background:url(../images/line_training_01.gif) no-repeat top;
	padding: 17px 5px 0 5px; 
}

#Results .itembody .point-com p {
	font-size:75%;
	line-height:160%;
}

#Results .itembody h5 {
	margin-bottom:10px;
	font-size:75%;
	font-weight:bold;
	height:15px;
	background:url(images/bg_feature_h5.gif) no-repeat;
	padding-left:8px;
}

#Results .itembody h5 span {
	color:#FFF;
}

/*--------- 200908 法人・学校改修時追加　ここまで ---------*/

/*----------------------------------------------------------------
　4. レッスンフローと教材
----------------------------------------------------------------*/

#Lesson .lead {
	margin:0 0 15px 0;
	padding:0 5px;
}

#Lesson .item {
	width:580px;
	margin:0 0 15px 10px;
}

#Lesson .itembody {
	background:url(../../common/images/frame_summary_03.gif) repeat-y;
	width:580px;
	padding:5px 0 10px 0;
}

#Lesson .itembody h3 {
	font-size:75%;
	color:#000066;
	background:url(../../common/images/bg_summary_01.gif) repeat-x bottom;
	padding:6px 0 5px 10px;
	margin:0 15px 10px 13px;
	line-height:150%;
	}

#Lesson .itembody .course {
	margin:0 20px 15px 20px;
	padding:0 0 15px 0;
	background:url(../../common/images/line_summary_01.gif) repeat-x bottom;
}

#Lesson .itembody .course2 {
	margin:0 15px 15px 15px;
	padding:0;
}

#Lesson .itembody .comment {
	font-size:75%;
	line-height:160%;
	padding: 0 15px 0 20px; 
}


#Lesson .flow img {
	margin:0 0 0 10px;
}

#Lesson .flow .graph img {
	display:block;
}

#Lesson .flow .star {
	font-size:65%;
	margin:10px 20px 0 20px;
}

#Lesson .flow .star span {
	color:#D582AC;
}

#Lesson .flow02 .box {
	float:right;
	width:446px;
	background:#FFF;
}

#Lesson .flow02 .frame {
	background:url(images/frame_flow_side.gif) repeat-y;
	width:446px;
}

#Lesson .flow02 .box p {
	font-size:75%;
	line-height:150%;
	padding:8px 30px 10px 30px;
}

#Lesson .flow02 .step01,
#Lesson .flow02 .step02,
#Lesson .flow02 .step03,
#Lesson .flow02 .step04,
#Lesson .flow02 .step05,
#Lesson .flow02 .step06 {
	width:528px;
	_width:550px;
	padding:7px 11px 7px 10px;
	margin:1px 0 0 0;
	_margin:1px 0 0 0;
}

#Lesson .flow02 .step01 { background:url(images/bg_flow_01.gif) repeat; }
#Lesson .flow02 .step02 { background:url(images/bg_flow_02.gif) repeat; }
#Lesson .flow02 .step03 { background:url(images/bg_flow_03.gif) repeat; }
#Lesson .flow02 .step04 { background:url(images/bg_flow_04.gif) repeat; }
#Lesson .flow02 .step05 { background:url(images/bg_flow_05.gif) repeat; }
#Lesson .flow02 .step06 { background:url(images/bg_flow_06.gif) repeat; }

#Lesson .flow02 .step01 h5 { margin:60px 0 0 15px; }
#Lesson .flow02 .step02 h5 { margin:50px 0 0 15px; }
#Lesson .flow02 .step03 h5 { margin:50px 0 0 15px; }
#Lesson .flow02 .step04 h5 { margin:60px 0 0 15px; }
#Lesson .flow02 .step05 h5 { margin:50px 0 0 15px; }
#Lesson .flow02 .step06 h5 { margin:50px 0 0 15px; }


#Lesson .itembody .point-com {
	clear:both;
	margin:15px 20px 0 15px;
	background:url(images/line_training_01.gif) no-repeat top;
	padding: 17px 5px 55px 0; 
	_padding: 17px 5px 80px 0; 
}

#Lesson .itembody .point-com02 {
	clear:both;
	margin:15px 20px 0 15px;
	padding: 17px 5px 0 0; 
}

#Lesson .itembody .point-com03 {
	clear:both;
	margin:15px 15px 0 15px;
	background:url(images/line_training_01.gif) no-repeat top;
	padding: 17px 5px 15px 0; 
	_padding: 17px 5px 20px 0; 
}

#Lesson .itembody .point-com p,
#Lesson .itembody .point-com02 p,
#Lesson .itembody .point-com03 p {
	font-size:75%;
	line-height:160%;
}

#Lesson .itembody .point-com p em,
#Lesson .itembody .point-com02 p em,
#Lesson .itembody .point-com03 p em{
	font-weight:bold;
	color:#6951BF;
}


#Lesson .itembody h6 {
	margin-bottom:10px;
	font-size:75%;
	font-weight:bold;
	height:24px;
	background:url(images/bg_flow_h6.gif) no-repeat;
	padding:5px 0 0 8px;
}

#Lesson .itembody h6 span {
	color:#FFF;
}



.system_box_01{
	float:left;
	width:185px;
	}
	
.system_box_04{
	float:left;
	width:285px;
	}
	
.system_box_02{
	float:right;
	width:200px;
	}
.system_box_03{
	float:left;
	width:360px;
	margin-right:10px;
	}

.lead2 {
	margin:10px 0 20px 0;
	padding:0 15px 30px 5px;
	background:url(../../common/images/line_dot_01.gif) repeat-x bottom;
	font-size:75%;
	line-height:160%;
}

.height_220{
	height:220px;
	}
.height_180{
	height:180px;
	}
.height_140{
	height:150px;
	}
.height_100{
	height:100%;
	}

.itembody2 {
	background:url(../../common/images/frame_summary_03_2.gif) repeat-y;
	width:185px;
	padding:10px 0 20px 0;
}

.itembody2 .course {
	font-size:75%;
	margin:0 10px 15px 10px;
	line-height:135%;
	background:url(../../common/images/line_summary_01.gif) repeat-x bottom;
	padding:0 0 15px 0;
}

.itembody2 .course span {
	color:#000066;
	font-weight:bold;
}

.itembody2 h5 {
	font-size:65%;
	color:#000066;
	margin:15px 0 10px 10px;
	}

.itembody2 .comment {
	font-size:75%;
	line-height:135%;
	margin:0 10px 10px 10px;
}

.itembody2 strong {
	color:#333;
}

.itembody2 h3 {
	font-size:75%;
	color:#ffffff;
	background:url(images/bg_summary_04.gif) repeat-y left;
	padding:6px 0 5px 10px;
	margin:0 0 10px 10px;
	line-height:150%;
	}

.itembody3 {
	background:url(../../common/images/frame_summary_03_3.gif) repeat-y;
	width:285px;
	padding:10px 0 20px 0;
}

.itembody3 .course {
	font-size:75%;
	margin:0 10px 15px 10px;
	line-height:135%;
	padding:0 0 10px 0;
}
.itembody3 .course span {
	color:#000066;
	font-weight:bold;
}
.itembody3 li {
	margin-top:3px;
	}

.itembody3 h5 {
	font-size:65%;
	color:#000066;
	margin:15px 0 10px 10px;
	}

.itembody3 .comment {
	font-size:75%;
	line-height:135%;
	margin:0 10px 10px 10px;
}

.itembody3 strong {
	color:#333;
}

.itembody3 h3 {
	font-size:75%;
	color:#ffffff;
	background:url(images/bg_summary_03.gif) repeat-y left;
	padding:6px 0 5px 10px;
	margin:0 0 10px 10px;
	line-height:150%;
}

.itembody2 h3 a,
.itembody3 h3 a {
	color:#FFF;
	text-decoration:none;
}

.itembody2 h3 a:hover,
.itembody3 h3 a:hover {
	color:#FFF;
	text-decoration:underline;
}

.system_list_01{
	font-size:65%;
	margin-right:10px;
	}
	
.clear{
	clear:both;
	}

.pagemenu3 {
	font-size:75%;
	line-height:160%;
	background:url(../../common/images/icon_arrow_01.gif) no-repeat 0 5px;
	margin-left:20px;
	padding-left:16px;
}
.pagemenu5 {
	font-size:65%;
	line-height:160%;
	background:url(../../common/images/icon_arrow_01.gif) no-repeat 0 5px;
	margin-left:20px;
	padding-left:16px;
}
.pagemenu4 {
	line-height:160%;
	background:url(../../common/images/icon_arrow_01.gif) no-repeat 0 5px;
	margin-left:20px;
	padding-left:16px;
}
.lead3{
	font-size:65%;
	margin-left:36px;
	}


/*----------------------------------------------------------------
　0. 法人・学校関係者の皆様へ
----------------------------------------------------------------*/

#Training .dotted_line_01 {
	clear:both;
	margin-bottom:0px;
	padding:0 15px 0px 15px;
	height: 1px;
	overflow: hidden;
	background:url(../../common/images/line_dot_01.gif) repeat-x top;
}

#Training .itembody2,
#Training .itembody3 {
	padding-top:4px;
	padding-bottom: 10px;
}

#Training .comment {
	line-height:150%;
	margin:0 12px 10px 15px;
}

#Training .itembody3 {
	min-height: 335px;
	_height: 360px;
}

#Training .itembody2 {
	min-height: 180px;
	_height: 205px;
}

#Training .itembody2 h3,
#Training .itembody3 h3 {
	font-size:75%;
	color:#ffffff;
	background:url(images/bg_summary_03.gif) repeat-y left;
	padding:9px 0 8px 12px;
	margin:0 10px 8px 10px;
	line-height:135%;
}

#Training .itembody2 h3 a,
#Training .itembody3 h3 a {
	color:#FFF;
	text-decoration:none;
}

#Training .itembody2 h3 a:hover,
#Training .itembody3 h3 a:hover {
	color:#FFF;
	text-decoration:underline;
}

#Training .info_txt_01{
	background:url(../../common/images/line_summary_01.gif) repeat-x top;
	color:#333;
	font-size:65%;
	margin:0 15px 5px 15px;
	padding-top: 15px;
}

#Training .pagemenu3 {
	background: none;
	margin: 0 10px;
	padding:0 0 8px 0;

	font-size:65%;
	line-height:135%;
}

#Training .pagemenu3 li {
	background:url(../../common/images/icon_arrow_01.gif) no-repeat 0 5px;
	margin-left:7px;
	padding-left:15px;

}


/*----------------------------------------------------------------
　7. ケーススタディ
----------------------------------------------------------------*/

#Training .lead {
	margin:0 0 15px 0;
	padding:0 5px;
}

#Training .item {
	width:580px;
	margin:0 0 15px 10px;
}

#Training .itembody {
	background:url(../../common/images/frame_summary_03.gif) repeat-y;
	width:580px;
	padding:5px 0 10px 0;
}

#Training .itembody h3 {
	font-size:75%;
	color:#000066;
	background:url(../../common/images/bg_summary_01.gif) repeat-x bottom;
	width:554px;
	padding:6px 0 5px 10px;
	margin:0 0 10px 13px;
	line-height:150%;
	}

#Training .itembody .course {
	margin:0 20px 15px 20px;
	padding:0 0 15px 0;
	background:url(../../common/images/line_summary_01.gif) repeat-x bottom;
}

#Training .itembody .comment {
	font-size:75%;
	line-height:160%;
	padding: 0 5px; 
}

#Training ul.list{
	float: left;
	width: 280px;
	margin: 0;
	padding: 0 0 0 45px;
	font-size: 75%;
	line-height: 135%;
}

#Training ul.list li {
	list-style: disc;
	margin: 0 0 5px 0;
	padding: 0;
}

#Training .photo {
	float:right;
	margin-bottom:0px;
	margin-left:5px;
	padding:0 0.4em 0.9em 0;
}

#policy_check{
	padding: 3px;
	border: none 1px #ff0000;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	display:block;
}


/*----------------------------------------------------------------
　8. プログラム
----------------------------------------------------------------*/

.program strong {
	display:block;
	margin-top:15px;
}


/*----------------------------------------------------------------
　9. 運営体制
----------------------------------------------------------------*/

.system .photo {
	float:right;
	margin:0 0 0 10px;
}

.system .pagemenu {
	padding-top:15px;
}

.system h3 {
	font-size:75%;
	color:#FFF;
	padding:5px 0 6px 8px;
	background:#1B2073;
	border-left:5px solid #A48F84;
	margin-bottom:15px;
}

.system .entry {
	font-size:75%;
	line-height:160%;
	margin:0 10px;
}

.system .entry dt {
	font-weight:bold;
	color:#1B2073;
	margin-top:20px;
}

.system .entry dd {
	margin:10px 0 10px 10px;
}

.system .entry dd ul {
	margin-bottom:30px;
}

.system .entry dd li {
	margin-left:12px;
}

.system .entry span {
	display:block;
	font-size:85%;
	margin:0 0 0 10px;
}

/*----------------------------------------------------------------
　10. 導入実績と事例
----------------------------------------------------------------*/

#Results .itembody .comment-case {
	font-size:75%;
	line-height:160%;
	font-weight:bold;
	padding: 10px;
	margin:0 10px 0 18px;
	background:url(images/bg_casestudy.gif);
	color:#756259;
}