@charset "UTF-8";



/* heading
=========================================*/
.heading {
	margin-bottom: 30px;
}

/* heading01
=========================================*/
.heading01 {
	clear: both;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background: #003677 url(../images/com_bg005.gif) repeat-x left bottom;
	padding: 8px 17px 13px 17px;
	position: relative;
}
.heading01 .narrow {
	font-size: 17px;
	width: 490px;
}
.heading01 .narrow img {
	vertical-align: top;
	margin-left: 15px;
}
.heading01 p.image {
	position: absolute;
	top: 6px;
	right: 0;
}
.heading01 p.image img {
	margin-right: 7px;
}
.heading01 .courseIcon {
	margin: 0 0 3px 15px;
	vertical-align: middle;
}


/* heading02
=========================================*/
.heading02 {
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #422b0a;
	background: #E1DBC3 url(../images/com_bg006.gif) no-repeat left top;
	padding: 9px 15px 5px 23px;
}

/* heading03
=========================================*/
.heading03 {
	margin: 35px 0 20px 0;
}

/* heading04
=========================================*/
.heading04 {
	margin: 20px 0;
}

/* heading05
=========================================*/
.heading05 {
	clear: both;
	margin-top: 20px;
	padding-left: 18px;
	background: url(../images/com_ic004.gif) no-repeat 0 0;
	font-weight: bold;
	font-size: 17px;
}


/* underline
=========================================*/
a.underline:link {
	text-decoration: underline !important;
}
a.underline:visited {
	text-decoration: underline !important;
}
a.underline:hover {
	text-decoration: none !important;
}
a.underline:active {
	text-decoration: none !important;
}

/* solidLine
=========================================*/
.solidLine01 {
	height: 1px;
	border-bottom: solid 2px #cccccc;
}

/* text01
=========================================*/
.text01 {
	color: #7f7008;
	font-size: 18px;
}
.text02 {
	font-weight: bold;
}
.text03 {
	color: #ff0000;
	font-weight: bold;
}
.text04 {
	color: #ff0000;
	font-size: 111%;
	font-weight: bold;
}
.text05 {
	font-size: 111%;
	font-weight: bold;
}

/* notes
=========================================*/
.notes01 {
	padding-left: 1em;
	text-indent: -1em;
}
.notes02 {
	padding-left: 2em;
	text-indent: -2em;
}
.notes03 {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 75%;
}

/* normalLink
=========================================*/
.normalLink01 {
	margin-top: 8px;
	padding-left: 20px;
	background: url(../images/com_ic002.gif) no-repeat 0 0.2em;
}
.pdfLink01 {
	margin-top: 8px;
	padding: 2px 0 2px 20px;
	background: url(../images/com_ic003.gif) no-repeat 0 0.2em;
}
.normalLink01.aC {
	background: none;
}
.normalLink01.aC a {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/com_ic002.gif) no-repeat 0 0.2em;
}
/* normalTable
=========================================*/
.normalTable01 {
	width: 100%;
}
.normalTable01 th {
	background: #999999;
	color: #ffffff;
	border: 1px solid #cfcfcf;
	line-height: 1.4;
	padding: 8px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
.normalTable01 td {
	background: #f5f5f5;
	color: #333333;
	border: 1px solid #cfcfcf;
	line-height: 1.4;
	padding: 8px 10px;
}
.normalTable01 td.color01 {
	background: #ffffff;
	padding: 8px 5px;
}
.borderNone {
	border: none !important;
}


.normalTable02 {
	width: 100%;
}
.normalTable02 th {
	background: #999999;
	color: #ffffff;
	border: 7px solid #ffffff;
	line-height: 1.4;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
.normalTable02 td {
	background: #f5f5f5;
	color: #333333;
	border: 7px solid #ffffff;
	line-height: 1.4;
	padding: 10px 15px;
}
.normalTable02 .level1 { background: #ffffff url(../../course/images/level_bg001.gif) repeat-y 0 0; }
.normalTable02 .level2 { background: #ffffff url(../../course/images/level_bg002.gif) repeat-y 0 0; }
.normalTable02 .level3 { background: #ffffff url(../../course/images/level_bg003.gif) repeat-y 0 0; }
.normalTable02 .level4 { background: #ffffff url(../../course/images/level_bg004.gif) repeat-y 0 0; }
.normalTable02 .level5 { background: #ffffff url(../../course/images/level_bg005.gif) repeat-y 0 0; }
.normalTable02 .level6 { background: #ffffff url(../../course/images/level_bg006.gif) repeat-y 0 0; }
.normalTable02 .level7 { background: #ffffff url(../../course/images/level_bg007.gif) repeat-y 0 0; }
.normalTable02 .level8 { background: #ffffff url(../../course/images/level_bg008.gif) repeat-y 0 0; }
.normalTable02 .level9 { background: #ffffff url(../../course/images/level_bg009.gif) repeat-y 0 0; }
.normalTable02 .level10 { background: #ffffff url(../../course/images/level_bg010.gif) repeat-y 0 0; }
.normalTable02 .color02 { background: #bfd0e3; }
.normalTable02 .color03 { background: #a5bbd4; }
.normalTable02 .color04 { background: #87a3c4; }
.normalTable02 .color05 { background: #6b8cb4; }
.normalTable02 .color06 { background: #4c719d; }
.normalTable02 .color07 { background: #356195; }
.normalTable02 .color08 { background: #1e4d86; }
.normalTable02 .color09 { background: #003677; }
.normalTable02 .td01 {
	background: #bfd0e3 url(../../course/images/level_tx014.gif) no-repeat center 15px;
}
.normalTable02 .td02 {
	background: #bfd0e3 url(../../course/images/level_tx022.gif) no-repeat center 15px;
}



.normalTable03 {
}
.normalTable03 th {
	color: #004280;
	font-size: 12px;
	padding: 5px 5px 5px 0;
	vertical-align: top;
	text-align: center;
}
.normalTable03 td {
	color: #181818;
	font-size: 12px;
	padding: 5px;
	vertical-align: top;
}
.normalTable03 td .text01,
.normalTable03 td .text02,
.normalTable03 td .text03 {
	display: block;
	text-align: center;
	padding: 1px 10px;
	font-size: 11px;
	color: #ffffff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	white-space: nowrap;
}
.normalTable03 td .text01 {
	background: #003366;
	font-weight: normal;
}
.normalTable03 td .text02 {
	background: #6699cc;
	font-weight: normal;
}
.normalTable03 td .text03 {
	background: #f09800;
	font-weight: normal;
}


/* freeTable
=========================================*/
.freeTable td,
.freeTable th {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}


/* textSection
=========================================*/
.textSection {
	margin: 15px 15px 20px 15px;
}
.textSection02 {
	margin-left: 15px;
}



/* twoColumn
=========================================*/
.twoColumn {
	clear: both;
}
.twoColumn .rightColumn {
	float: right;
}
.twoColumn .leftColumn {
	float: left;
}
.twoColumn .leftColumn p,
.twoColumn .rightColumn p {
	line-height: 1.7;
}
.twoColumn .leftColumn p.normalLink01,
.twoColumn .rightColumn p.normalLink01 {
	line-height: 1.4;
}
.pattern140 { width: 140px; }
.pattern150 { width: 150px; }
.pattern200 { width: 200px; }
.pattern240 { width: 240px; }
.pattern260 { width: 260px; }
.pattern340 { width: 340px; }
.pattern360 { width: 360px; }
.pattern470 { width: 470px; }
.pattern490 { width: 490px; }
.pattern520 { width: 520px; }


/* faqColumn
=========================================*/
.faqColumn {
	border: 1px solid #cccccc;
	padding: 15px;
}
.faqColumn .faq-Q {
	padding-bottom: 15px;
	background: url(../images/com_bg004.gif) repeat-x left bottom;
}
.faqColumn .faq-A {
	margin-top: 15px;
}
.faqColumn .leftColumn {
	float: left;
	width: 80px;
}
.faqColumn .rightColumn {
	float: right;
	width: 600px;
}
.faqColumn .faq-Q .rightColumn {
	font-weight: bold;
	color: #333333;
}


/* contactColumn
=========================================*/
.contactColumn .leftColumn,
.contactColumn .rightColumn {
	border: 1px solid #ced2d3;
	width: 340px;
	padding-bottom: 15px;
}
.contactColumn .leftColumn {
	margin-left: 20px;
}
.contactColumn p {
	padding: 15px 15px 0 15px;
	line-height: 1.3 !important;
}
.contactColumn p.buttonBox {
	text-align: center;
	background: #EDEDED;
	padding-bottom: 15px;
	margin: 15px 15px 0 15px;
}


/* sitemapColumn
=========================================*/
.sitemapColumn {
	clear: both;
	background: #EDEDED;
	margin: 30px 0 0 20px;
	padding: 15px;
}
.sitemapColumn li {
	float: left;
	width: 305px;
/* 	margin: 0 15px; */
}


/* classroomColumn
=========================================*/
.classroomColumn {
	clear: both;
	margin-top: 20px;
	background: url(../../classroom/images/index_bg001.gif) no-repeat 0 100%;
}
.classroomColumn dd {
	padding: 10px 25px 20px 30px;
}
.classroomColumn dd .leftColumn {
	width: 291px;
	float: left;
}
.classroomColumn dd .rightColumn {
	width: 330px;
	float: right;
}


/* supportColumn
=========================================*/
.lastColumn {
	padding-bottom: 30px;
	border-bottom: #ccc solid 2px;
}

.supportColumn {
	clear: both;
	margin-top: 20px;
	padding-top: 32px;
	background: url(../../about/images/support_bg001.gif) no-repeat left top;
	line-height: 1.8;
}
.supportColumn .inner {
	padding: 0 35px 32px 28px;
	background: url(../../about/images/support_bg002.gif) no-repeat left bottom;
}
.supportColumn .leftColumn {
	width: 445px;
	float: left;
}
.supportColumn .rightColumn {
	width: 200px;
	float: right;
}


/* separator01
=========================================*/
.separator01 {
	height: 1px;
	background: #e6e8e9;
	margin: 20px 0;
}


/* normalList01
=========================================*/
.normalList01 li {
	background: url(../images/com_ic002.gif) no-repeat 0 0.2em;
	line-height: 1.3;
	margin-bottom: 6px;
	padding-left: 20px;
}


/* normalList02
=========================================*/
.normalList02 li {
	background: url(../images/com_ic002.gif) no-repeat 0 0.2em;
	line-height: 1.3;
	margin-bottom: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #cccccc;
}


/* normalList03
=========================================*/
.normalList03 li {
	background: url(../images/com_ic005.gif) no-repeat 0.2em 0.5em;
	line-height: 1.3;
	margin-bottom: 2px;
	padding-left: 1em;
}
.normalList03 li li {
	background: none;
	padding-left: 0;
}


/* normalListCol01
=========================================*/

.normalListCol01 {
    clear: both;
    overflow: hidden;
    width: 720px;
    margin: 0 -10px 0 20px;
}
.normalListCol01 li {
    display: inline-block;
    width: 206px;
	margin: 0 10px 6px 0;
	padding-left: 20px;
	background: url(../images/com_ic002.gif) no-repeat 0 0.2em;
	line-height: 1.3;
    vertical-align: top;
}
.normalListCol01 li img {
	position: relative;
	margin: 0 0 3px 5px;
	vertical-align: middle;
}






/* numberList01
=========================================*/
.numberList01 li {
	margin-bottom: 5px;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.numberList02 li {
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
}





/* anchorList01
=========================================*/
.anchorList01 {
	overflow: hidden;
	background: #525c6a;
	width: 720px;
	margin-right: -10px;
	padding: 6px 0 0 10px;
}
.anchorList01 li {
	position: relative;
	float: left;
	width: 170px;
	margin: 0 10px 6px 0;
	text-align: center;
	font-weight: bold;
}
.anchorList01 li img {
	position: absolute;
	top: 8px;
	right: 8px;
}
.anchorList01 li a {
	display: block;
	min-height: 20px;
	padding: 8px 0;
	text-decoration: none;
	background: url(../images/com_bt009.gif) no-repeat 0 0;
}
.anchorList01 li.twoline a {
	padding: 2px 0;
	line-height: 1.1;
}
.anchorList01 li a:hover {
	display: block;
	text-decoration: none;
	background: url(../images/com_bt009on.gif) no-repeat 0 0;
}




/* anchorList02
=========================================*/
.anchorList02 {
	background: #525c6a;
	padding: 10px 0 10px 10px;
	margin-bottom: 20px;
}
.anchorList02 li {
	font-weight: bold;
	float: left;
	width: 230px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-right: 10px;
}
.anchorList02 li a {
	display: block;
	text-decoration: none;
	background: url(../images/com_bt010.gif) no-repeat 0 0;
}
.anchorList02 li a:hover {
	display: block;
	text-decoration: none;
	background: url(../images/com_bt010on.gif) no-repeat 0 0;
}

/* anchorList03
=========================================*/
.anchorList03 {
	clear: both;
	overflow: hidden;
	margin-top: 20px;
	padding: 0 11px;
}
.anchorList03 li {
	float: left;
	width: 206px;
	line-height: 1.3;
	margin: 0 10px 6px 0;
	padding-left: 20px;
	background: url(../images/com_ic006.gif) no-repeat 0 0.2em;
}

/* pagetop
=========================================*/
.pageTop {
	clear: both;
	height: 22px;
	line-height: 22px;
	margin-top: 30px;
	text-align: right;
}
.pageTop a {
	float: right;
	display: block;
	padding-left: 30px;
	background: url(../images/com_ic001.gif) no-repeat 0 50%;
	font-weight: bold;
	text-decoration: underline;
}
.pageTop a:hover {
	text-decoration: none;
}









/* priceTable
=========================================*/
.priceTable th,
.priceTable td {
	padding: 5px;
}
.priceIcon01 {
	margin-top: 2px;
	padding: 2px 5px;
	line-height: 1.1;
	background: #003F7E;
	color: #FFFFFF;
	text-align: center;
	font-size: 80%;
	white-space: nowrap;
}

.priceTable .priceTableBorder01 {
	border-right: none !important;
}
.priceTable .priceTableBorder02 {
	border-left: none !important;
}


/* galleryColumn
=========================================*/
.galleryColumn {
	clear: both;
	overflow: hidden;
	margin: 14px -16px 0 9px;
}
.galleryColumn .col {
	float: left;
	margin-right: 16px;
}
.galleryColumn .col .photo {
	width: 145px;
	height: 105px;
	padding: 6px 8px 8px 6px;
	background: url(../../classroom/images/classroom_bg001.gif) no-repeat 0 0;
}
.galleryColumn .col .zoomLink {
	margin: 3px 0 0 40px;
	padding-left: 20px;
	background: url(../../classroom/images/classroom_ic001.gif) no-repeat 0 0.1em;
}



/* courseInfo
=========================================*/
.courseInfo {
	clear: both;
	margin: 15px 0 0 19px;
}
.courseInfo .courseInfoCol {
}
.courseInfo .courseInfoCol .infoCol {
	float: left;
	width: 356px;
}
.courseInfo .courseInfoCol .infoCol ul {
	overflow: hidden;
	width: 366px;
	margin-right: -10px;
}
.courseInfo .courseInfoCol .infoCol ul li {
	float: left;
	margin-right: 10px;
}
.courseInfo .courseInfoCol .infoCol p {
	clear: both;
	margin-top: 10px;
}
.courseInfo .courseInfoCol .recommendCol {
	float: right;
	margin-top: 58px;
	width: 331px;
	background: url(../../course/images/index_bg002.gif) no-repeat 0 100%;
}
.courseInfo .courseInfoCol .recommendCol .recommendColInner {
	padding: 23px 34px 35px;
	background: url(../../course/images/index_bg001.gif) no-repeat 0 0;
}
.courseInfo .courseInfoCol .recommendCol .recommendColInner ul {
	padding-top: 10px;
}
.courseInfo .courseInfoCol .recommendCol .recommendColInner ul li {
	margin-top: 5px;
	padding-left: 12px;
	background: url(../../course/images/index_ic007.gif) no-repeat 0 0.4em;
}

.courseInfo .courseInfoCol .recommendCol02 {
	float: right;
	margin-top: 10px;
	width: 331px;
	background: url(../../course/images/index_bg002.gif) no-repeat 0 100%;
}
.courseInfo .courseInfoCol .recommendCol02 .recommendColInner {
	padding: 23px 34px 35px;
	background: url(../../course/images/index_bg001.gif) no-repeat 0 0;
}
.courseInfo .courseInfoCol .recommendCol02 .recommendColInner ul {
	padding-top: 10px;
}
.courseInfo .courseInfoCol .recommendCol02 .recommendColInner ul li {
	margin-top: 5px;
	padding-left: 12px;
	background: url(../../course/images/index_ic007.gif) no-repeat 0 0.4em;
}

.courseInfo .courseHaading {
	margin-top: 25px;
	padding: 3px 13px;
	border-left: solid 8px #003677;
	font-size: 115%;
	font-weight: bold;
}

.courseInfo .teachingBookCol {
	overflow: hidden;
}
.courseInfo .teachingBookCol .imgCol {
	float: left;
	width: 220px;
	margin-right: 20px;
	text-align: center;
}
.courseInfo .teachingBookCol .textCol {
	overflow: hidden;
}
.courseInfo .teachingBookCol .textCol dl {
}
.courseInfo .teachingBookCol .textCol dl dt {
	min-height: 26px;
	padding-left: 40px;
	background: url(../../course/images/index_ic016.gif) no-repeat 0 50%;
	font-size: 115%;
	font-weight: bold;
}
.courseInfo .teachingBookCol .textCol dl dd {
	margin-top: 10px;
}



.courseInfo table {
	clear: both;
	margin-top: 25px;
}
.courseInfo .normalTable01 td {
	font-size: 116%;
}


/* contactBox
=========================================*/
.contactBox {
	clear: both;
	margin-top: 30px;
	background: url(../images/com_bg011.gif) no-repeat 0 100%;
}
.contactBox .contactBoxInner {
	padding: 17px 0 25px 0;
	background: url(../images/com_bg010.gif) no-repeat 0 0;
}
.contactBox .contactBoxInner .title {
	margin-bottom: 16px;
	text-align: center;
}
.contactBox .contactBoxInner ul {
	margin-left: 50px;
}
.contactBox .contactBoxInner ul li {
	float: left;
}
.contactBox .contactBoxInner .contactBt01 {
	margin-right: 11px;
}
.contactBox .contactBoxInner .contactBt02 {
	margin-right: 13px;
}
.contactBox .contactBoxInner .contactBt03 {
	margin-top: 4px;
}

.contactBox02 {
	clear: both;
	margin-top: 50px;
	background: url(../images/com_bg011.gif) no-repeat 0 100%;
}
.contactBox02 .contactBoxInner {
	padding: 32px 20px 25px;
	background: url(../images/com_bg010.gif) no-repeat 0 0;
}
.contactBox02 .contactBoxInner .contactCol2 {
	overflow: hidden;
	padding: 0 10px 20px;
	background: url(../../course/images/course_bg001.gif) no-repeat 0 100%;
}
.contactBox02 .contactBoxInner .contactCol2 .textCol {
	float: left;
	width: 345px;
	margin-right: 15px;
}
.contactBox02 .contactBoxInner .contactCol2 .btCol {
	overflow: hidden;
}




/*introductionBox*/

.introductionBox {
	clear:both;
	background:url(../../course/images/index_bg003.gif) 0 top no-repeat;
	padding:60px 20px 20px 20px;
	margin-top:20px;
	position:relative;
	border-bottom:1px #eae2c3 solid;
}
.introductionBox .subText {
	position:absolute;
	top:21px;
	left:20px;
}

.introductionBox .leadText {
	position:absolute;
	top:21px;
	left:158px;
}

.orangeNote {
	font-size:14px;
	color:#ff6600;
	padding-left:1em;
	text-indent:-1em;
}


/* courseDetailBox */
.courseDetailBox {
	clear: both;
	margin-top: 15px;
	background: url(../../course/images/special_bg002.gif) no-repeat 0 100%;
}
.courseDetailBox .boxInner {
	padding: 15px 20px 20px;
	background: url(../../course/images/special_bg001.gif) no-repeat 0 0;
}
.courseDetailBox .boxInner dl {
	overflow: hidden;
	margin-top: 10px;
}
.courseDetailBox .boxInner dl:first-child {
	margin-top: 0;
}
.courseDetailBox .boxInner dt {
	float: left;
	line-height: 0;
	margin-right: 20px;
}
.courseDetailBox .boxInner dd {
	overflow: hidden;
}


/* error
=========================================*/

.errorSitemap {
	overflow: hidden;
	width: 1100px;
	margin: 0 -50px 0 0;
}
.errorSitemap .col {
	float: left;
	width: 300px;
	margin-right: 30px;
}

.errorSitemapColumn {
	clear: both;
	background: #EDEDED;
	margin: 30px 0 0 0;
	padding: 20px;
}
.errorSitemapColumn li {
	float: left;
	width: 210px;
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

/* grouppage
=========================================*/
.group-leadBox {
	padding: 23px;
	background-color: #f0f6fd;
}
.group-Boxpattern01 {
	width: 632px;
}
.group-Boxpattern01 p {
	width: 608px;
	margin: 0 0 10px 24px;
}
.group-Boxpattern02 {
	width: 350px;
	margin-bottom: 30px;
}
.group-Boxpattern02 p {
	margin-top: 20px;
}

/* /about/feature.html
=========================================*/
.featureSection {
	margin: 0 30px;
}

/* campaignBnList
=========================================*/
.campaignBnList {
}
.campaignBnList li {
	float: right;
	line-height: 0;
}
.campaignBnList li:first-child {
	float: left;
}




/* Clearfix
=========================================*/
.pageTop:after,
.twoColumn:after,
.anchorList01:after,
.anchorList02:after,
.pageTop:after,
.sitemapColumn:after,
.classroomColumn dd:after,
.supportColumn .inner:after,
.galleryColumn:after,
.courseInfo .courseInfoCol .infoCol ul:after,
.courseInfo .courseInfoCol:after,
.contactBox .contactBoxInner ul:after,
.errorSitemap:after,
.errorSitemapColumn:after,
.anchorList03:after,
.contactBox02 .contactBoxInner .contactCol2:after,
.campaignBnList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.pageTop,
.twoColumn,
.anchorList01,
.anchorList02,
.pageTop,
.sitemapColumn,
.classroomColumn dd,
.supportColumn .inner,
.galleryColumn,
.courseInfo .courseInfoCol .infoCol ul,
.courseInfo .courseInfoCol,
.contactBox .contactBoxInner ul,
.errorSitemap,
.errorSitemapColumn,
.anchorList03,
.contactBox02 .contactBoxInner .contactCol2,
.campaignBnList {
	zoom: 1;
	display: block;	/* for safari firefox3 */
	min-height: 1%;  /* for IE 7*/
}
/* IE7 hacks */
*:first-child+html .pageTop,
*:first-child+html .twoColumn,
*:first-child+html .anchorList01,
*:first-child+html .anchorList02,
*:first-child+html .pageTop,
*:first-child+html .sitemapColumn,
*:first-child+html .classroomColumn dd,
*:first-child+html .supportColumn .inner,
*:first-child+html .galleryColumn,
*:first-child+html .courseInfo .courseInfoCol .infoCol ul,
*:first-child+html .courseInfo .courseInfoCol,
*:first-child+html .contactBox .contactBoxInner ul,
*:first-child+html .errorSitemap,
*:first-child+html .errorSitemapColumn
*:first-child+html .anchorList03,
*:first-child+html .contactBox02 .contactBoxInner .contactCol2,
*:first-child+html .campaignBnList {
	display: inline-table;
}/* end hacks */