﻿@charset "UTF-8";
/*==================================================
 COMMON CSS
==================================================*/

.line01 {
	border-bottom: 1px dotted #CCCCCC;
}

.line02 {
	border-bottom: 1px solid #CCCCCC;
}

.line03 {
	border-top: 2px solid #1569F4;
	padding-top: 30px;
}

.line04 {
	border-bottom: 2px solid #f41319;
}

.link01 a,
a.link01 {
	color: #007A1C;
	text-decoration: underline;
}

.link01 a:hover,
a.link01:hover {
	text-decoration: none;
}


.arrow01 a,
a.arrow01 {
	padding: 0px 0px 0px 25px;
	background: url(../img/common/arrows/arrow01.gif) no-repeat 5px 3px;
}

.arrow01Ul li {
	padding: 0px 0px 0px 25px;
	background: url(../img/common/arrows/arrow01.gif) no-repeat 5px 3px;
}

.arrow02 a,
a.arrow02 {
	padding: 0px 0px 0px 25px;
	background: url(../img/common/arrows/arrow02.gif) no-repeat 5px 3px;
}

.arrow02Ul li {
	padding: 0px 0px 0px 25px;
	background: url(../img/common/arrows/arrow02.gif) no-repeat 5px 3px;
}

.arrow03 a,
a.arrow03 {
	padding: 0px 0px 0px 25px;
	background: url(../img/common/arrows/arrow03.gif) no-repeat 5px 3px;
	color: #1F86C5;
}

a.arrow03:hover {
	text-decoration: underline;
}

.arrow03Ul li {
	padding: 0px 0px 0px 25px;
	background: url(../img/common/arrows/arrow03.gif) no-repeat 5px 3px;
}


.c01 {
	color: #A1E125;
}

.c02 {
	color: #25AAE1;
}

.c03 {
	color: #FF9393;
}

.c04 {
	color: #FFC820;
}

.c05 {
	color: #FF6600;
}

.c06 {
	color: #1669f5;
}

.t01 {
	color: #0132FF;
}

.t02 {
	color: #990000;
}

.t03 {
	color: #FF0000;
}

.t04 {
	color: #01A647;
}

.t05 {
	color: #79CB1A;
}

.bg01 {
	background: #A1E125 !important;
	color: #FFFFFF;
}

.bg02 {
	background: #25AAE1 !important;
	color: #FFFFFF;
}

.bg03 {
	background: #FF9393 !important;
	color: #FFFFFF;
}

.bg04 {
	background: #FFC820 !important;
	color: #FFFFFF;
}

.bg05 {
	background: url(../img/page/course/large/titleBg.gif) !important;
	color: #333333;
}

.bg06 {
	background: #ff6160 !important;
	color: #FFFFFF;
}

.bg07 {
	background: #FF6600 !important;
	color: #FFFFFF;
}

.bg08 {
	background: #019EFF !important;
	color: #FFFFFF !important;
}

.bg09 {
	background: #92D5FF !important;
	color: #333333;
}

.bg11 {
	background: #ECF9D3 !important;
	color: #000000;
}

.bg12 {
	background: #D3EEF9 !important;
	color: #000000;
}

.bg13 {
	background: #FFE9E9 !important;
	color: #000000;
}

.bg14 {
	background: #FFF0CC !important;
	color: #000000;
}

.bg15 {
	background: #79cb1b !important;
	color: #fff;
}

.title20 {
	border-bottom: 3px solid #218732;
}

.title20 div {
	background: #218732;
	color: #FFFFFF;
	font-size: 18px;
	height: 43px;
	width: 204px;
	text-align: center;
	line-height: 45px;
	font-weight: normal;
}

.title21 {
	border-bottom: 3px solid #0066CC;
}

.title21 div {
	background: #0066CC;
	color: #FFFFFF;
	font-size: 18px;
	height: 43px;
	width: 204px;
	text-align: center;
	line-height: 45px;
	font-weight: normal;
}

.title22 {
	border-bottom: 3px solid #FF3333;
}

.title22 div {
	background: #FF3333;
	color: #FFFFFF;
	font-size: 18px;
	height: 43px;
	width: 204px;
	text-align: center;
	line-height: 45px;
	font-weight: normal;
}

.title23 {
	border-bottom: 3px solid #A67A45;
}

.title23 div {
	background: #A67A45;
	color: #FFFFFF;
	font-size: 18px;
	height: 43px;
	width: 204px;
	text-align: center;
	line-height: 45px;
	font-weight: normal;
}

.btn01 {
	display: block;
	width: 129px;
	height: 22px;
	color: #FFFFFF;
	text-align: center;
	line-height: 22px;
	text-decoration: none;
	background: url(../img/common/buttons/btn01Bg.gif) no-repeat 0px 0px;
}

.btn02 {
	display: block;
	width: 280px;
	height: 46px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 46px;
	text-decoration: none;
	background: url(../img/common/buttons/btn02Bg.gif) no-repeat 0px 0px;
}

.h201 {
	height: 50px;
	font-weight: bold;
	font-size: 18px;
	line-height: 50px;
	padding: 0px 0px 0px 20px;
	background: url(../img/common/hs/h201Bg.jpg) 0px 0px;
}

.h202 {
	height: 50px;
	font-weight: bold;
	font-size: 18px;
	line-height: 50px;
	padding: 0px 0px 0px 20px;
	background: url(../img/common/hs/h202Bg.jpg) 0px 0px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 0.5em 0px;
}

.h301 {
	font-size: 16px;
	font-weight: bold;
	color: #25AAE1;
}

h4 {
	font-size: 14px;
	font-weight: bold;
}

.h401 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0px;
}

.h402 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
}

.block01 {
	margin: 0px 105px;
}

.block02 {
	margin: 0px 20px;
}

.block03 {
	margin: 0px 10px;
}

.indent01 {
	padding: 0px 0px 0px 1em;
	text-indent: -1em;
}



.frame01 {}

.frame01Wrap {
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.frame01Inner {
	padding: 10px;
	overflow: hidden;
	zoom: 1;
}

.ul01 {}

.ul01 ul {}

.ul01 ul li {
	padding: 10px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.ul01 ul li.last {
	border: none;
}

.entry01 {
	overflow: hidden;
	zoom: 1;
}

.entry01 .side {
	float: left;
	width: 360px;
}

.entry01 .page {
	margin: 0px 0px 0px 385px;
}

.entry02 {
	overflow: hidden;
	zoom: 1;
}

.entry02 .side {
	float: left;
	width: 320px;
}

.entry02 .page {
	margin: 0px 0px 0px 350px;
}

.table01 {}

.table01 table {
	width: 100%;
}

.table01 table .tHead th {
	border-right: 2px solid #FFFFFF;
}

.table01 table th {
	background: #FFFFFF;
	font-weight: bold;
}

.table01 table th,
.table01 table td {
	vertical-align: middle;
	text-align: center;
	padding: 8px 8px;
	border-bottom: 1px solid #CCCCCC;
}

.table01 table td.dot {
	border-bottom: 1px dotted #CCCCCC;
}

.table01 table .even {
	background: #F5F5F5;
}

.table01 table th.bort {
	border-right: 1px solid #cccccc;
}

.seniorTbl table .tHead td,
.seniorTbl table .tHead th {
	border-right: 1px solid #ffffff;
}

.seniorTbl table th,
.seniorTbl table td {
	border-bottom: 1px solid #ffffff;
}

.seniorTbl table td {
	vertical-align: top;
}

.table02 {}

.table02 table {
	width: 100%;
	table-layout: fixed;
}

.table02 table th,
.table02 table td {
	vertical-align: top;
	text-align: center;
}

.table03 {}

.table03 table {
	width: 100%;
}

.table03 table th,
.table03 table td {
	vertical-align: middle;
	text-align: left;
	padding: 8px 8px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.table03 table th {
	font-weight: bold;
	background: #FFFFFF;
	text-align: center;
}

.table03 table .even {
	background: #F5F5F5;
}

.table03 table td.dot {
	border-bottom: 1px dotted #CCCCCC !important;
}

.table04 {}

.table04 table {
	width: 100%;
}

.table04 table th,
.table04 table td {
	padding: 8px 8px;
}

.table05 {}

.table05 table {
	width: 100%;
	border-left: 1px solid #CCCCCC;
}

.table05 table thead th {
	border-right: 1px solid #CCCCCC;
	background: #019EFF;
	color: #ffffff;
}

.table05 table th {
	border-right: 1px solid #CCCCCC;
	background: #92D5FF;
	color: #333333;
	padding: 8px 8px;
	vertical-align: middle;
	text-align: center;
}

.table05 table td {
	border-right: 1px solid #CCCCCC;
	vertical-align: middle;
	text-align: center;
	padding: 8px 8px;
	border-bottom: 1px solid #CCCCCC;
}

.table05 table td.dot {
	border-bottom: 1px dotted #CCCCCC;
}

.table05 .bdr-bs01 {
	border-bottom: 1px solid #fff;
}

.table06 {}

.table06 table {
	width: 100%;
}

.table06 table .thead th {
	border-right: 1px solid #CCCCCC;
	background: #79cb1b;
	color: #ffffff;
}

.table06 table th {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 8px;
	vertical-align: middle;
	text-align: center;
}

.table06 table td {
	vertical-align: middle;
	text-align: center;
	padding: 8px 8px;
	border-bottom: 1px solid #CCCCCC;
}


.icon01 {
	background: url(../img/common/icons/icon01.gif) no-repeat left top;
	padding-left: 35px;
}

.imgFrame01 {
	padding: 9px 8px;
	border: #CCC 1px solid;
}

.imgFrame02 {
	padding: 15px;
	border: #CCC 1px solid;
}

.imgFrame03 {
	padding: 15px;
	border: #1F85C5 1px solid;
}