﻿@charset "UTF-8";

/*Program Only------------------------------------------------------------------------*/

/*Primary----------------------------------------------------------------*/

/*Primary Header-------------------------------------------------*/

#primaryHeader{
	position:relative;
	display:block;
	height:67px;
}

/*---------------------------------------------Primary Header End*/

/*Primary Contents-----------------------------------------------*

/*Just Course-------------------------------------------------*/

#justCourse{
	position:relative;
	display:block;
	width:493px;
	margin:0 auto;
}

/*---------------------------------------------*Just Course End/

/*Course Information--------------------------------------*/

.courseInformation{
	position:relative;
	width:433px;/*493*/
	height:100px;/*160px*/
	margin-bottom:26px;
	padding:30px 30px;
	line-height:1.4;
	background: url(../images/program/bg_course-info.gif) #ffffff left top no-repeat;
}

/*----------------------------------Course Information End*/



/*H4-------------------------------------------------------*/

#justCourse h4{
	position:relative;
	display:block;
	width:373px;/*453*/
	padding-left:80px;
	padding-top:14px;
	padding-bottom:20px;
	border-bottom: dotted 1px #525252;
	font-size:14px;
	line-height:1.4;
}

/*---------------------------------------------------H4 End*/

/*Course---------------------------------------------------*/

.course{
	position:relative;
	display:block;
	width:453px;/*493*/
	padding:18px;
	margin-bottom:16px;
	border:#7f7d7e solid 2px;
}



/*Answer------------------------------------------------*/

.answer{
	position:relative;
	display:block;
	width:441x;/*453*/
	padding:10px 70px 10px 2px;
	line-height:1.6;
}

/*--------------------------------------------Answer End*/

/*Recommendation----------------------------------------*/

.recommendation{
	position:relative;
	display:block;
	width:453px;
	margin:18px 0;	
}

.recommendation:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.recommendation dt{
	float:left;
	position:relative;
	display:block;
	width:157px;
	height:27px;
}

.recommendation dd{
	float:right;
	position:relative;
	display:block;
	width:288px;/*296*/
	padding-top:6px;
	padding-left:8px;
	font-size:16px;
	font-weight:bold;
}

/*------------------------------------Recommendation End*/

/*-----------------------------------------------Course End*/

/*Adult Course---------------------------------------------*/

#adultCourse{
	position:relative;
}

#adultCourse .moveToJrCourse{
	position:relative;
	width:171px;
	height:31px;
	margin-top:13px;
	margin-bottom:13px;
	margin-left:auto;
}

#adultCourse .answer{
	background:url(../images/program/bg_answer001.gif) left top no-repeat;
}

#adultCourse .answer p{
	padding-left:14px;
	padding-bottom:20px;
	margin-left:5px;
	border-bottom:#79cee2 solid 1px;
}

#adultCourse .case001 h4{
	background:url(../images/program/img_case001.gif) left 10px no-repeat;
}

#adultCourse .case002 h4{
	background:url(../images/program/img_case002.gif) left 10px no-repeat;
}

#adultCourse .case003 h4{
	background:url(../images/program/img_case003.gif) left 10px no-repeat;
}

/*Program Area-----------------------------------------*/

.programArea{
	position:relative;
	display:block;
	width:449px;
	height:91px;
	margin-bottom:21px;
	background: url(../images/program/bg_program-area001.gif) left top no-repeat;
}

/*Program-------------------------------------------*/

.program{
	float:left;
	position:relative;
	display:block;
	width:212px;
	margin-right:25px;
}

.lastChildren{
	margin-right:0;
}

.program dl{
	float:left;
	display:block;
	position:relative;
	width:108px;
	height:68px;
	top:12px;
	left:4px;
}

.program dt{
	margin-bottom:15px;
	color:#2eabad;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.program dd{
	text-align:center;
	font-size:12px;
}


/*Program Images------------------------------*/

.program .programImages{
	float:right;
	position:relative;
	width:92px;
	height:68px;
	top:12px;
	right:10px;
}

/*--------------------------Program Images End*/

/*---------------------------------------Program End*/

/*-------------------------------------Program Area End*/

/*-----------------------------------------Adult Course End*/


/*Jr Course------------------------------------------------*/

#jrCourse{}

#jrCourse h3{
	margin-left:5px;
	margin-bottom:5px;
}

#jrCourse .answer{
	background:url(../images/program/bg_answer002.gif) left top no-repeat;
}

#jrCourse .answer p{
	padding-left:14px;
	padding-bottom:20px;
	margin-left:5px;
	border-bottom:#fe4300 solid 1px;
}

#jrCourse .case001 h4{
	background:url(../images/program/img_jr-case001.gif) left 10px no-repeat;
}

#jrCourse .case002 h4{
	background:url(../images/program/img_jr-case002.gif) left 10px no-repeat;
}

#jrCourse .case003 h4{
	background:url(../images/program/img_jr-case003.gif) left 10px no-repeat;
}

/*Program Area------------------------------------------*/

#jrCourse .programArea{
	position:relative;
	display:block;
	width:449px;
	height:91px;
	margin-bottom:21px;
	background: url(../images/program/bg_program-area002.gif) left top no-repeat;
}

#jrCourse .type001{
	background: url(../images/program/bg_program-area002_type001.gif) left top no-repeat;
}

#jrCourse .type002{
	/*background: url(../images/program/bg_program-area002_type002.gif) left top no-repeat;*/
}

#jrCourse .program{
	position:relative;
	display:block;
	width:328px;
	height:91px;	
}



#jrCourse .program dl{
	float:left;
	display:block;
	position:relative;
	width:200px;
	height:68px;
	/*background-color:#006699;*/
}

#jrCourse .program dt{
	margin-bottom:15px;
	padding-left:15px;
	color:#fe7c12;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}


#jrCourse .program dd{
	float:left;
	margin-right:35px;
	margin-left:25px;
	text-align:center;
	font-size:12px;
	line-height:1.4;
}

/*ie6*/
*html #jrCourse .program dd{
	float:left;
	margin-right:35px;
	margin-left:15px;
	text-align:center;
	font-size:12px;
}

#jrCourse .type002 dl{
	width:230px;/*230*/
}

#jrCourse .type002 dd{
	float:left;
	margin-left:0;
	margin-right:40px;
	text-align:center;
	font-size:12px;
}

#jrCourse .type002 .firstChildren{
	margin-left:15px;
}

/*ie6*/

*html #jrCourse .type002 dd{
	margin-right:20px;
}




/*--------------------------------------Program Area End*/


/*--------------------------------------------Jr Course End*/





/*Btn Back Top---------------------------------------*/

.btnBackTop002{
	position:relative;
	width:128px;
	height:28px;
	margin-left:auto;
	margin-bottom:16px;
}

/*-----------------------------------Btn Back Top End*/

/*-------------------------------------------Primary Contents End*/

/*------------------------------------------------------------Primary End*/

/*----------------------------------------------------------------Program Only Only End*/



