@charset "UTF-8";
/* CSS Document */




/* ----------------------------------------
 *  ¥ï¥ó¥¯¥Ã¥·¥ç¥ó¡¡¥Ê¥Ó¥²©`¥·¥ç¥ó
 * ---------------------------------------- */
#nav_area .nav_box {
	margin: 0px 2% 100px 0px;
	float: left;
}
#nav_area .nav {
	margin: 0 2% 55px 0;
	float: left;
	width: 32%;
}
#nav_area .nav:nth-child(3n){
	margin: 0 0 55px 0;
}
#nav_area .nav .into {
	padding: 0px 0px 15px;
	border-bottom: 1px solid #CCC;
	margin:0 0 -15px;
}

#nav_area .nav .st {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2em;
	background: #f3f3f3;
	margin: 0px 0px 15px;
	display: table;
	width: 100%;
	height: 60px;
}
#nav_area .nav .st a {
  display: table-cell;
  vertical-align: middle;
  padding: 0 60px 0 20px;
  position:  relative;
  z-index:100;
    transition-delay: 0.7s;
  transition: 0.5s;
}

#nav_area .nav .st a::after {
	position: absolute;
	top: 0%;
	right: .15em;
	content: " ";
	display: inline-block;
	vertical-align: middle;
	background: url(/kilc/images/common/arrow_w.png) no-repeat center center;
	background-size: 18px 18px;
	height: 60px;
	width: 60px;
	float: right;
	transition: all .2s;
}

#nav_area .nav .st a:hover {
	color:#fff;
}
#nav_area .nav .pdf a:hover {
	color:#fff;
}
#nav_area .nav .st a:hover::after {
  right: -.2em;
}
#nav_area .nav .st a::before {
  position: absolute;
  top: 0;
  right: 0;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 60px;
  float: right;
  background: #cb2937;
}

#nav_area .nav .blank a:before{
	content: "";
	width:60px;
	height:60px;
	background-color: #a0a0a0;
	text-align:center;
	position: absolute;
	right: 0;
	top: 0;
	color:#FFF;
}
#nav_area .nav .blank a:after   {
	position: absolute;
	top: 0%;
	right: .15em;
	content: " ";
	display: inline-block;
	vertical-align: middle;
	background-image: url(/kilc/images/common/blank_icon_w.png);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	height: 60px;
	width: 60px;
	float: right;
	transition: all .2s;
	background-position: center center;
	color:#FFF;
}
#nav_area .nav .pdf {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2em;
	background: #f3f3f3;
	margin: 0px 0px 15px;
	display: table;
	width: 100%;
	height: 60px;
}
#nav_area .nav .pdf a {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 20px;
  position:  relative;
}

#nav_area .nav .pdf a::before {
  position: absolute;
  top: 0;
  right: 0;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 60px;
  float: right;
}
#nav_area .nav .pdf a:after {
	background: none;
	content: "\f1c1";
	font-family: FontAwesome;
	margin: 0 0 0 10px;
	font-size: 15px;
	color: #fff;
	height: 60px;
	width: 40px;
	position:  absolute;
	top: 0;
	right:  0;
	line-height:  60px;
	font-weight: normal;
}
#nav_area .nav .pdf a:hover:after {
	color: #fff;
}

/* Bounce To Left */
.hvr {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #CB2837;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr:hover, .hvr:focus, .hvr:active {
  color: #fff;
}
.hvr:hover:before, .hvr:focus:before, .hvr:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




.st.hvr:before {
  background: #CB2837;
  z-index:1;
}
.blank.hvr:before {
  background: #a0a0a0;
  z-index:1;
}


#nav_area .nav .img {
	float: left;
	width: 20.588235294%;
}
#nav_area .nav .text {
	font-size: 1.4rem;
	line-height: 1.5em;
}


@media only screen and (max-width: 768px){
#nav_area {
	margin: 0px 0px 50px;
}
#nav_area .nav_box {
	float:none;
	margin: 0px 0px 30px 0px;
	width: auto;
}
#nav_area .nav_box:nth-child(3n) {
	margin: 0px;
}
#nav_area .nav {
	margin: 0 0 15px;
	width:  auto;
	float:  none;
}
#nav_area .nav2 {
	margin: 0 0 30px !important;
}
#nav_area .nav .into {
	padding: 0px;
	border-bottom: none;
	animation:;
	margin:  0 0 15px;
}
#nav_area .nav:nth-child(even){
	float: none;
}

#nav_area .nav .st {
	font-size: 14px;
	margin: 0px 0px 10px;
	height: 45px;
}
#nav_area .nav .st a {
  padding: 0 0 0 15px;
}

#nav_area .nav .st a::after {
  background-size: 15px 15px;
  height: 45px;
  width: 45px;
}

#nav_area .nav .st a:hover {
	color:#fff;
}
#nav_area .nav .st a:hover::after {
  right: -.2em;
}
#nav_area .nav .st a::before {
  height: 45px;
  width: 45px;
}



#nav_area .nav .blank a:after{
	content: " ";
	vertical-align: middle;
	background-size: 12px 10px;
	height: 45px;
	width: 45px;
	float: right;
	background-color: #a0a0a0;
	background-image: url(/kilc/images/common/blank_icon_w.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#nav_area .nav .st:after{
	height: 0px;
	width: 0px;
	float: none;
	background: none;
}
#nav_area .nav .blank:after{
	height: 0px;
	width: 0px;
	float: none;
	background: none;
}

#nav_area .nav .pdf {
	font-size:14px;
	height:  45px;
}
#nav_area .nav .pdf a {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 20px;
  position:  relative;
}

#nav_area .nav .pdf a::before {
  position: absolute;
  top: 0;
  right: 0;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  width: 45px;
  float: right;
  line-height:  45px;
}
#nav_area .nav .pdf a:after {
	content: "\f1c1";
	font-family: FontAwesome;
	margin: 0 0 0 10px;
	font-size: 13px;
	color: #fff;
	height: 45px;
	width: 45px;
	position:  absolute;
	top: 0;
	right:  0;
	line-height: 45px;
	text-align: center;
}
#nav_area .nav .pdf a:hover:after {
	color: #fff;
}



#nav_area .nav .txt14 {
	font-size: 12px !important;
}
#nav_area .nav .img {
	width: 25%;
	margin: 0 3% 1% 0;
}
#nav_area .nav .text {
	float: none;
	width: auto;
}

}


/* ----------------------------------------
 *  ͬһ¥Ç¥¶¥¤¥ó¤Î¥Ü¥¿¥ó
 * ---------------------------------------- */
.buttom {
	margin: 0 0 50px;
}
.buttom .btn , .buttom .btn2 {
	width: 48%;
	float: left;
	margin: 0px 0px 40px;
}
.buttom .btn:nth-child(even) , .buttom .btn2:nth-child(even) {
	float: right;
}
.buttom .btn a , .buttom .btn2 a {
	display: block;
	border: 1px solid #CB2837;
}
.buttom .btn a:after, .buttom .btn2 :after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
.buttom .btn .img {
	float: left;
	width: 22.8846%;
}
.buttom .btn2 .img {
}
.buttom .btn .img img , .buttom .btn2 .img img{
	width: 100% !important;
	height:auto;
}
.buttom .btn .text {
	width: 73.076%;
	float: right;
	position: relative;
	height: 108px;
	font-size: 18px;
	font-weight: bold;
}
.buttom .btn2 .text {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 15px 10px 15px 15px;
}
.buttom .btn .text p {
	display: block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	width: 100%;
}
.buttom .btn2 .text p {
	width: 90%;
	float: left;
}
.buttom .btn .text span {
	font-size: 13px;
	font-weight: normal;
}
.buttom .btn .pdf:after{
	content: "\f1c1";
	display: inline-block;
	font: 1.5rem/7em FontAwesome;
	margin: 0 5% 0 0;
	float: right;
	color: #CB2837;
}
.buttom .btn .blank:after{
	content: "\f24d";
	display: inline-block;
	font: 1.5rem/7em FontAwesome;
	margin: 0 5% 0 0;
	float: right;
	color: #CB2837;
}
.buttom .btn .link:after{
	content: "\f105";
	display: inline-block;
	font: 1.5rem/7em FontAwesome;
	margin: 0 5% 0 0;
	float: right;
	color: #CB2837;
}
.buttom .btn2 .pdf:after{
	content: "\f1c1";
	display: inline-block;
	font: 1.5rem/4em FontAwesome;
	margin: 0 5% 0 0;
	float: right;
	color: #CB2837;
}
.buttom .btn2 .pdf2:before{
	content: "\f1c1";
	display: inline-block;
	font: 1.5rem/1.5 FontAwesome;
	color: #CB2837;
	float: right;
}
.buttom .btn2 .blank:after{
	content: "\f24d";
	display: inline-block;
	font: 1.5rem/4em FontAwesome;
	margin: 0 5% 0 0;
	float: right;
	color: #CB2837;
}
.buttom .btn2 .link p:after{
	content: "\f105";
	display: inline-block;
	font: 1.5rem/4em FontAwesome;
	margin: 0 5% 0 0;
	float: right;
	color: #CB2837;
}

@media only screen and (max-width: 768px){
.buttom {
	margin: 0 0 45px;
}
.buttom .btn , .buttom .btn2 {
	width: auto;
	float: none;
	margin: 0 0 10px;
}
.buttom .btn:nth-child(even) , .buttom .btn2:nth-child(even) {
	float: none;
}
.buttom .btn a {
	display: block;
	border: 1px solid #CB2837;
}
.buttom .btn a:after , .buttom .btn2 a:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
.buttom .btn .img {
	width: 22.8846%;
}
.buttom .btn .text {
	width: 74%;
	height: 58px;
	font-size: 12px;
}
.buttom .btn2 .text {
	font-size: 1.1rem;
	padding: 10px;
}
.buttom .btn .text p {
}
.buttom .btn2 .text p {line-height: 1.5;}
.buttom .btn .text span {
	font-size: 1.1rem;
}
.buttom .btn .pdf:after{
	font: 1.0rem/6em FontAwesome;
	margin: 0 2% 0 0;
}
.buttom .btn .blank:after{
	font: 1.0rem/6em FontAwesome;
	margin: 0 2% 0 0;
}
.buttom .btn2 .pdf:after{
	font: 1.0rem/3.5em FontAwesome;
	margin: 0 2% 0 0;
}
.buttom .btn2 .pdf2:before{
	font: 1.5rem/1 FontAwesome;
}

.buttom .btn2 .blank:after{
	font: 1.0rem/3.5em FontAwesome;
	margin: 0 2% 0 0;
}
}




/* ----------------------------------------
 *  ½Ì†T½B½é
 * ---------------------------------------- */
#teacher .teacher_btn {
	margin: 0 0 110px 0;
}
#teacher .teacher_btn:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
#teacher .teacher_btn2 {
	margin: 0 0 60px 0;
}
#teacher .teacher_btn:last-child {
	margin: 0 0;
}

#teacher .teacher_btn .btn {
	width: 32%;
	height: 70px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	float: left;
	margin: 0 2% 10px 0;
	box-sizing: border-box;
}
#teacher .teacher_btn .btn:nth-child(3n) {
	margin: 0 0 10px 0;
}
#teacher .teacher_btn .btn span {
	font-size: 13px;
	font-weight: normal;
}
#teacher .teacher_btn .btn a {
	display: block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	text-align: center;
	width: 100%;
	background: #f2f2f2;
	padding: 10px 0px;
}
#teacher .teacher_btn .btn a:before{
	content: "\f105";
	display: inline-block;
	font: 18px/3em FontAwesome;
	margin: 0 5% 0 0;
	color: #cb2837;
	float:right;
}
@media only screen and (max-width: 768px){
#teacher .teacher_btn {
	margin: 0 0 40px 0;
}
#teacher .teacher_btn:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
#teacher .teacher_btn2 {
	margin: 0 0 30px 0;
}
#teacher .teacher_btn:last-child {
	margin: 0 0;
}

#teacher .teacher_btn .btn {
	width: 100%;
	height: 50px;
	font-size: 13px;
	float: none;
	margin: 0 0 10px 0;
}
#teacher .teacher_btn .btn:nth-child(3n) {
}
#teacher .teacher_btn .btn span {
	font-size: 13px;
	font-weight: normal;
}
#teacher .teacher_btn .btn a {
	padding: 6px 0px;
}
#teacher .teacher_btn .btn a:before{
	font: 16px/2em FontAwesome;
}

}



/* ----------------------------------------
 *  ½Ì†T½B½é Ô”¼š¥Ú©`¥¸
 * ---------------------------------------- */
#teacher  .taecher {
	width: 100%;
	border: 1px solid #CCC;
}
#teacher  .taecher tr th {
	background: #f3f3f3;
	font-weight: bold;
	border: 1px solid #CCC;
	width: 25.925%;
	padding: 10px;
	vertical-align: middle;
}
#teacher  .taecher tr td {
	border: 1px solid #CCC;
	width: 74.074%;
	padding: 20px;
	vertical-align: middle;
}
#teacher  .taecher tr td .bt {
	width: 25%;
	height: 40px;
	line-height: 40px;
	font-size: 1.5rem;
	font-weight: bold;
}
#teacher  .taecher tr td .bt a {
	display: block;
	background: #efefef;
	padding: 0 0 0 7%;
}
#teacher  .taecher tr td .bt a:hover {
	background: #ccc;
}
#teacher  .taecher tr td .bt a:before{
	content: "\f105";
	display: inline-block;
	font: 18px/2.2em FontAwesome;
	margin: 0 5% 0 0;
	color: #cb2837;
	float:right;
}
#teacher  .taecher tr td .link {
	color: #cb2837;
	text-decoration: none;
}
#teacher  .taecher tr td .link:hover {
	color: #cb2837;
	text-decoration: underline;
}
@media only screen and (max-width: 768px){
#teacher  .taecher {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right-style: none;
	border-bottom-style: none;
}
#teacher  .taecher tr th {
	width: auto;
	display: block;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-left-style: none;
}
#teacher  .taecher tr td {
	width: auto;
	display: block;
	padding: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-left-style: none;
}
#teacher  .taecher tr td a {
}
#teacher  .taecher tr td .bt {
	width: auto;
	height: 30px;
	line-height:30px;
	font-size: 14px;
}
#teacher  .taecher tr td .bt a {
	padding: 0 0 0 5%;
}
#teacher  .taecher tr td .bt a:before{
	font: 16px/2em FontAwesome;
}
#teacher  .taecher tr td .link {}
#teacher  .taecher tr td .link:hover {}
}



/* ----------------------------------------
 *  ¥»¥ó¥¿©`¤Ë¤Ä¤¤¤Æ
 * ---------------------------------------- */
#about .nav {
	margin: 0 0 60px;
	font-size: 1.5rem;
	line-height:1em;
}
@media only screen and (max-width: 990px){
#about .nav span {
	font-size: 1rem;
}
}
#about .nav ul li {
	width: 25%;
	text-align: center;
	height: 38px;
	float: left;
	border-left: 1px dashed #CB2837;
	box-sizing:border-box;
}
#about .nav ul li:last-child {
	border-right: 1px dashed #CB2837;
}
#about .nav ul li a {
	display:block;
	position: relative;
	height: 38px;
}
#about .nav ul li a:after{
	content: "\f107";
	display: inline-block;
	font: 16px/1.2em FontAwesome;
	color: #cb2837;
	position:  absolute;
	bottom:  0;
	left: 0;
	right:  0;
}
#about .nav ul li a:hover {
	background: rgba(195,26,39,0.1);
}

/*Ñظï*/
#about .history {
	width: 100%;
	margin: 0px 0px 100px;
}
#about .history tr th {
	font-size: 2rem;
	padding: 30px 0px;
	width: 15%;
	border-bottom: 1px solid #CCC;
}
#about .history tr td {
	padding: 30px 0px;
	border-bottom: 1px solid #CCC;
	width: 85%;
}
#about .history tr .mat0 {
	padding: 0px 0px 30px;
}

/*CP£¨½ÌÓýÕn³Ì¾Ž³É?ŒgÊ©¤Î·½á˜£©*/
#about .cp {
	margin: 0px 0px 115px;
}
#about .cp .intro {
	margin: 0px 0px 65px;
}
#about .cp .hoshin .box {
	float: left;
	width: 48%;
	margin: 0px 0px 30px;
	position: relative;
}
#about .cp .hoshin .box:nth-child(even) {
	float: right;
}
#about .cp .hoshin .box:last-child {
	margin: 0px 0px;
}
#about .cp .hoshin .box .num {
	font-size: 1.8rem;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	background: #CB2837;
	width: 40px;
	text-align: center;
	position: absolute;
	left: 10px;
	top: 0px;
}

#about .cp .hoshin .box .txt {
	padding: 30px 20px 15px;
	border: 1px solid #CB2837;
	margin: 15px 0px 0px;
}
#about .cp .hoshin .box .img {
	width: 34.951%;
	float: right;
}

/*½ÌÓýÀíÄî?»ù±¾Ä¿˜Ë*/
#about .idea {
	margin: 0px 0px 65px;
}
#about .idea .intro {
	margin: 0px 0px 45px;
}
#about .idea ul {
	border-bottom: solid 1px #ccc;
	margin: 0px 0px 40px;
	padding: 0px 0px 40px;
}
#about .idea ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
#about .idea ul .num {
	font-size: 2rem;
	line-height: 60px;
	font-weight: bold;
	color: #FFF;
	background: #CB2837;
	width: 60px;
	text-align: center;
	float: left;
}
#about .idea ul .text {
	width: 91%;
	float: right;
}

/*ÌØÉ«*/
#about .feature {}
#about .feature .intro {
	margin: 0px 0px 40px;
}
#about .feature h4 {
	font-size: 2rem;
	color: #CB2837;
	margin: 0px 0px 15px;
}
#about .feature .text {
	margin: 0px 0px 65px;
}
#about .feature .text2 {
	margin: 0px 0px 35px;
}
#about .feature .support {
	border-top: solid 1px #ccc;
	padding: 40px 0px 0px;
}
#about .feature .support ul {
	border-bottom: solid 1px #ccc;
	margin: 0px 0px 40px;
	padding: 0px 0px 40px;
}
#about .feature .support ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
#about .feature .support ul .num {
	font-size: 2rem;
	line-height: 60px;
	background: #ededed;
	width: 60px;
	text-align: center;
	float: left;
}
#about .feature .support ul .text {
	width: 91%;
	float: right;
	margin: 0;
}
@media only screen and (max-width: 768px){
#about .nav {
	margin: 0 0 30px;
	line-height: 1.8em;
}
#about .nav span {
	font-size: 1.2rem;
}
#about .nav ul li {
	width: auto;
	float: none;
	border:  1px dashed #CB2837;
	margin:  0 0 5px;
	height:  auto;
}
#about .nav ul li:last-child {
	border-right: 1px dashed #CB2837;
}
#about .nav ul li a {
	height: auto;
	padding: 5px 0 15px;
}
#about .nav ul li a:after{
	content: "\f107";
	display: inline-block;
	font: 16px/1.2em FontAwesome;
	color: #cb2837;
	position:  absolute;
	bottom:  0;
	left: 0;
	right:  0;
}
#about .nav ul li a:hover {
	background: rgba(195,26,39,0.1);
}

/*Ñظï*/
#about .history {
	margin: 0px 0px 50px;
}
#about .history tr th {
	font-size: 1.8rem;
	padding: 15px 0px 10px;
	width: auto;
	border-bottom: none;
	display:  block;
}
#about .history tr td {
	padding: 0px 0px 15px;
	width: auto;
	display:  block;
}
#about .history tr .mat0 {
	padding: 0px 0px 10px;
}

/*CP£¨½ÌÓýÕn³Ì¾Ž³É?ŒgÊ©¤Î·½á˜£©*/
#about .cp {
	margin: 0px 0px 50px;
}
#about .cp .intro {
	margin: 0px 0px 30px;
}
#about .cp .hoshin .box {
	float: none;
	width: auto;
	margin: 0px 0px 20px;
	padding: 20px 0 0;
}
#about .cp .hoshin .box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
#about .cp .hoshin .box:nth-child(even) {
	float: none;
}
#about .cp .hoshin .box:last-child {
	margin: 0px 0px;
}
#about .cp .hoshin .box .num {
	font-size: 1.6rem;
}
#about .cp .hoshin .box .txt {margin: 0;}
#about .cp .hoshin .box .img {
	width: 34.951%;
	float: right;
}

/*½ÌÓýÀíÄî?»ù±¾Ä¿˜Ë*/
#about .idea {
	margin: 0px 0px 30px;
}
#about .idea .intro {
	margin: 0px 0px 20px;
}
#about .idea ul {
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
}
#about .idea ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
#about .idea ul .num {
	font-size: 1.6rem;
	line-height: 30px;
	width: 30px;
	margin: 0px 3% 0px 0px;
}
#about .idea ul .text {
	width: 85%;
	float: left;
}

/*ÌØÉ«*/
#about .feature {}
#about .feature .intro {
	margin: 0px 0px 20px;
}
#about .feature h4 {
	font-size: 1.8rem;
	margin: 0px 0px 10px;
	line-height:  1.3em;
}
#about .feature .text {
	margin: 0px 0px 30px;
}
#about .feature .text2 {
	margin: 0px 0px 35px;
}
#about .feature .support {
	border-top: solid 1px #ccc;
	padding: 40px 0px 0px;
}
#about .feature .support ul {
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
}
#about .feature .support ul:after {
}
#about .feature .support ul .num {
	font-size: 1.6rem;
	line-height: 30px;
	width: 30px;
	margin: 0px 3% 0px 0px;
}
#about .feature .support ul .text {
	width: 85%;
	float: left;
}
}





/* ----------------------------------------
 *  ¿¯ÐÐÎï½B½é
 * ---------------------------------------- */
#modules .modules_btn {
	margin: 0 0 110px 0;
}
#modules .modules_btn:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
#modules .modules_btn2 {
	margin: 0 0 60px 0;
}
#modules .modules_btn:last-child {
	margin: 0 0;
}

#modules .modules_btn .btn {
	width: 32%;
	height: 70px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	float: left;
	margin: 0 2% 10px 0;
	box-sizing: border-box;
}
#modules .modules_btn .btn:nth-child(3n) {
	margin: 0 0 10px 0;
}
#modules .modules_btn .btn span {
	font-size: 13px;
	font-weight: normal;
}
#modules .modules_btn .btn a {
	display: block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	text-align: center;
	width: 100%;
	background: #f2f2f2;
	padding: 10px 0px;
}
#modules .modules_btn .btn a:before{
	content: "\f105";
	display: inline-block;
	font: 18px/3em FontAwesome;
	margin: 0 5% 0 0;
	color: #cb2837;
	float:right;
}
@media only screen and (max-width: 768px){
#modules .modules_btn {
	margin: 0 0 40px 0;
}
#modules .modules_btn:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
#modules .modules_btn2 {
	margin: 0 0 30px 0;
}
#modules .modules_btn:last-child {
	margin: 0 0;
}

#modules .modules_btn .btn {
	width: 100%;
	height: 50px;
	font-size: 13px;
	float: none;
	margin: 0 0 10px 0;
}
#modules .modules_btn .btn:nth-child(3n) {
}
#modules .modules_btn .btn span {
	font-size: 13px;
	font-weight: normal;
}
#modules .modules_btn .btn a {
	padding: 6px 0px;
}
#modules .modules_btn .btn a:before{
	font: 16px/2em FontAwesome;
}

}





/* ----------------------------------------
 *  ѧÁ•
 * ---------------------------------------- */





/* ----------------------------------------
 *  Ê©ÔO½B½é
 * ---------------------------------------- */
#info .icall {
	margin: 0px 0px 60px;
}
#info .icall .area1 {
	margin: 0px 0px 55px;
}
#info .icall .area1 .text {
	margin: 0px 0px 30px;
}
#info .icall .area1 .box .img {
	width: 34.444444%;
	float: left;
}
#info .icall .area1 .box .txt {
	float: right;
	width: 60.9629%;
	border: 2px solid #CB2837;
	padding: 20px 1.5%;
}
#info .icall table {
	width: 100%;
	border: 1px solid #CCC;
}
#info .icall table tr th {
	border: 1px solid #CCC;
	font-weight: bold;
	line-height: 60px;
	background: #f3f3f3;
	width: 30%;
	padding: 0px 15px;
}
#info .icall table tr td {
	border: 1px solid #CCC;
	line-height: 60px;
	width: 35%;
	padding: 0px 15px;
	text-align: center;
}
#info .icall table tr td a {
	color: #CB2837;
	text-decoration: underline;
}
#info .icall table tr td a:hover {
	text-decoration: none;
}
#info .media {
	margin: 0 0 90px;
}
#info .media .text {
	width: 64.8148%;
	float: left;
}
#info .media .img {
	width: 33.148%;
	float: right;
}
#info .self {
	margin: 0 0 90px;
}
#info .self .text {
	margin: 0px 0px 40px;
}
#info .self .box .img {
	width: 16.111%;
	float: left;
}
#info .self .box .txt {
	float: right;
	width: 78.481%;
	border: 2px solid #CB2837;
	padding: 20px 1.5%;
}
#info .self .box .txt a {
	color: #CB2837;
	text-decoration: underline;
}
#info .self .box .txt a:hover {
	text-decoration: none;
}
#info .guidance {
	margin: 0px 0px 90px;
}
#info .book .text {
	float: left;
	width: 81.481%;
}
#info .book .img {
	width: 16.111%;
	float: right;
}
#info .st span .font18 {
	font-size: 1.8rem;
	padding: 0px;
	border-style: none;
}
@media only screen and (max-width: 768px){
#info .icall {
	margin: 0px 0px 60px;
}
#info .icall .area1 {
	margin: 0px 0px 30px;
}
#info .icall .area1 .text {
	margin: 0px 0px 15px;
}
#info .icall .area1 .box .img {
	width: auto;
	float: none;
	text-align: center;
	margin:  0 0 10px;
}
#info .icall .area1 .box .txt {
	float: none;
	width: auto;
	padding: 15px 5%;
}
#info .icall table {
	width: 100%;
	border-top: 1px solid #CCC;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#info .icall table tr th {
	line-height: 40px;
	width: auto;
	padding: 0px 10px;
	display: block;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
}
#info .icall table tr td {
	line-height: 40px;
	width: auto;
	padding: 0px 10px;
	display: block;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
}
#info .icall table tr td a {
}
#info .icall table tr td a:hover {
}
#info .media {
	margin: 0 0 30px;
}
#info .media .text {
	width: auto;
	float: none;
	margin:  0 0 10px;
}
#info .media .img {
	width: auto;
	float: none;
}
#info .self {
	margin: 0 0 90px;
}
#info .self .text {
	margin: 0px 0px 20px;
}
#info .self .box .img {
	width: auto;
	float: none;
	margin:  0 0 10px;
	text-align: center;
}
#info .self .box .txt {
	float: none;
	width: auto;
	padding: 15px 5%;
}
#info .self .box .txt a {
	color: #CB2837;
	text-decoration: underline;
}
#info .self .box .txt a:hover {
	text-decoration: none;
}
#info .guidance {
	margin: 0px 0px 30px;
}
#info .book .text {
	float: none;
	width: auto;
	margin:  0 0 10px;
}
#info .book .img {
	width: auto;
	float: none;
	text-align: center;
}
#info .st span .font18 {
	font-size: 1.2rem;
}
}






/* ----------------------------------------
 *  ¿ÆÄ¿½B½é?¥¬¥¤¥É¥é¥¤¥ó¡¡Ó¢ÕZ¢Ù
 * ---------------------------------------- */
#guideline .intro {
	margin: 0px 0px 20px;
}
#guideline .edu {
	margin: 0px 0px 90px;
}
#guideline .edu .text {
	margin: 0px 0px 45px;
}
#guideline .program .area1 {
	margin: 0px 0px 60px;
}
#guideline .program .area1 .text {
	margin: 0px 0px 20px;
}
#guideline .program .area1 table {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 20px;
}
#guideline .program .area1 table tr th {
	background: #f3f3f3;
	border: 1px solid #CCC;
	font-weight: bold;
	padding: 20px 0px 20px 20px;
	width: 25%;
	vertical-align: middle;
}
#guideline .program .area1 table tr td {
	border: 1px solid #ccc;
	padding: 20px;
	width: 75%;
	vertical-align: middle;
}


#guideline .program .area2 {
	margin: 0px 0px 75px;
}
#guideline .program .area2 table {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 10px;
}
#guideline .program .area2 table tr th {
	background: #f3f3f3;
	border: 1px solid #ccc;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px;
}
#guideline .program .area2 table tr td {
	text-align: center;
	padding: 20px 0px;
	border: 1px solid #CCC;
}
#guideline .program .area2 .note {
	font-size: 1.2rem;
	line-height: 1.3em;
}
#guideline .program .area2 table tr .bg {
	background: #f3f3f3;
}



#guideline .program .area3 {
	margin: 0px 0px 75px;
}
#guideline .program .area3 table {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 25px;
}
#guideline .program .area3 table:last-child {
	margin: 0px 0px;
}
#guideline .program .area3 table tr th {
	background: #f3f3f3;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 0px 0px 20px;
	width: 25%;
	border: 1px solid #CCC;
}
#guideline .program .area3 table tr td {
	padding: 20px;
	width: 75%;
	border: 1px solid #CCC;
}



#guideline .program .area4 {
	margin: 0px 0px 75px;
}
#guideline .program .area4 .table1 {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 40px;
}
#guideline .program .area4 .table1 tr th {
	background: #f3f3f3;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 0px 0px 20px;
	width: 25%;
	border: 1px solid #CCC;
}
#guideline .program .area4 .table1 tr td {
	padding: 20px;
	width: 75%;
	border: 1px solid #CCC;
}
#guideline .program .area4 .table2 {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 80px;
}
#guideline .program .area4 .table2 tr th {
	background: #f3f3f3;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 0px 0px 20px;
	width: 25%;
	border: 1px solid #CCC;
}
#guideline .program .area4 .table2 tr td {
	padding: 20px;
	width: 75%;
	border: 1px solid #CCC;
}

#guideline .program .area4 .text1 {
	margin: 0px 0px 60px;
}
#guideline .program .area4 .text2 {
	margin: 0px 0px 25px;
}
#guideline .program .area4 .ta_area {
	margin: 0 0 40px;
}
#guideline .program .area4 .ta_area table {
	width: 100%;
	border: 1px solid #CCC;
}
#guideline .program .area4 .ta_area table:nth-child(even) {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
	margin: 0px 0px 20px;
}
#guideline .program .area4 .ta_area table tr th {
	background: #f3f3f3;
	font-weight: bold;
	text-align: center;
	padding: 20px 0px;
	border: 1px solid #CCC;
	width: 25%;
	vertical-align: middle;
}
#guideline .program .area4 .ta_area table tr td {
	padding: 20px;
	vertical-align: middle;
	border: 1px solid #CCC;
}
#guideline .program .area5 table {
	width: 100%;
	border: 1px solid #CCC;
}
#guideline .program .area5 table tr td {
	border: 1px solid #CCC;
	padding: 20px;
}

.table00 th  { width: 13%; }
.table00 td  { text-align: center; }
.table00 td:first-child  { text-align: left; }
@media only screen and (max-width: 768px) { 
.table00 {
	width: 100%;
	margin: 0px 0px 10px;
	display: block;
	border-top: 1px solid #CCC;
	border-right: none !important;
	border-bottom: none !important;
	border-left: 1px solid #CCC;
}
.table00 thead{
    display: block;
    float: left;
    overflow-x:scroll;
}
.table00 tbody{ 
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
}
.table00 tr th{ 
    display: block;
	width: auto;
	border-bottom: none;
}
.table00 tbody tr{ 
    display: inline-block; 
    margin: 0 -3px;
}
.table00 td{ 
    display: block;
 }
.table00 tr td {
	padding: 15px 10px !important;
	width: auto;
	display:  block;
	text-align:center;
}
.table00 tr td {
	padding: 0px 0px 10px;
	width: auto;
	display:  block;
}
.table00 tr th {
	background: #f4f4f4;
	border-top: none !important;
	border-right: 1px solid #CCC !important;
	border-bottom: 1px solid #CCC !important;
	border-left: none !important;
	padding: 15px 10px !important;
	line-height: 1.5em;
}

.table00 tr td {
	padding: 10px;
	border-top: none !important;
	border-right: 1px solid #CCC !important;
	border-bottom: 1px solid #CCC !important;
	border-left: none !important;
	line-height:  1.5em;
	text-align:  left;
}
}


@media only screen and (max-width: 768px){
#guideline .intro {
	margin: 0px 0px 30px;
}
#guideline .edu {
	margin: 0px 0px 45px;
}
#guideline .edu .text {
	margin: 0px 0px 25px;
}
#guideline .program .area1 {
	margin: 0px 0px 30px;
}
#guideline .program .area1 .text {
	margin: 0px 0px 10px;
}
#guideline .program .area1 table {
	margin: 0 0 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: none;
	border-left: 1px solid #ccc;
}
#guideline .program .area1 table tr th {
	padding: 10px 0px 10px 10px;
	width: auto;
	display: block;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: none;
}
#guideline .program .area1 table tr td {
	padding: 10px;
	width: auto;
	display: block;
	border-style: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: none;
}


#guideline .program .area2 {
	margin: 0px 0px 45px;
}
#guideline .program .area2 table {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 10px;
}
#guideline .program .area2 table tr th {
	background: #f3f3f3;
	border: 1px solid #ccc;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px;
}
#guideline .program .area2 table tr td {
	text-align: center;
	padding: 20px 0px;
	border: 1px solid #CCC;
}
#guideline .program .area2 .note {
	font-size: 1.2rem;
	line-height: 1.3em;
}
#guideline .program .area2 table tr .bg {
	background: #f3f3f3;
}



#guideline .program .area3 {
	margin: 0px 0px 35px;
}
#guideline .program .area3 table {
	margin: 0px 0px 15px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: none;
	border-left: 1px solid #ccc;
}
#guideline .program .area3 table:last-child {
	margin: 0px 0px;
}
#guideline .program .area3 table tr th {
	padding: 10px;
	width: auto;
	display:  block;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: none;
}
#guideline .program .area3 table tr td {
	padding: 10px;
	width: auto;
	display: block;
	border-style: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: none;
}



#guideline .program .area4 {
	margin: 0px 0px 35px;
}
#guideline .program .area4 .table1 {margin: 0px 0px 20px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: none;
	border-left: 1px solid #ccc;
}
#guideline .program .area4 .table1 tr th {
	padding: 10px;
	width: auto;
	display: block;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: none;
}
#guideline .program .area4 .table1 tr td {
	padding: 10px;
	width: auto;
	display:  block;
	border-style: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: none;
}
#guideline .program .area4 .table2 {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 80px;
}
#guideline .program .area4 .table2 tr th {
	background: #f3f3f3;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 0px 0px 20px;
	width: 25%;
	border: 1px solid #CCC;
}
#guideline .program .area4 .table2 tr td {
	padding: 20px;
	width: 75%;
	border: 1px solid #CCC;
}

#guideline .program .area4 .text1 {
	margin: 0px 0px 30px;
}
#guideline .program .area4 .text2 {
	margin: 0px 0px 15px;
}
#guideline .program .area4 .ta_area {
	margin: 0px 0 20px;
}
#guideline .program .area4 .ta_area table {
	float: none;
	width: 100%;
	margin:  0 0 10px;
}
#guideline .program .area4 .ta_area table:nth-child(even) {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
}
#guideline .program .area4 .ta_area table tr th {
	padding: 10px;
}
#guideline .program .area4 .ta_area table tr td {
	padding: 10px;
}
#guideline .program .area5 table {
	width: 100%;
	border: 1px solid #CCC;
}
#guideline .program .area5 table tr td {
	border: 1px solid #CCC;
	padding: 10px;
}
}



/* ----------------------------------------
 *  ÑÔÕZ½ÌÊÚ·¨?¥«¥ê¥­¥å¥é¥àé_°kÑо¿»á Œgʩ״›rÒ»ÓE
 * ---------------------------------------- */
#workshop .ws {
	width: 100%;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-collapse: collapse;
	margin: 0px 0px 30px;
}
#workshop .ws thead th {
	background: #f3f3f3;
	padding: 15px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
}
#workshop .ws thead  {
	background: #f3f3f3;
	padding: 15px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
}
#workshop .ws thead th:last-child {
	border-right: #CCC solid 1px;
}
#workshop .ws .cate1 {
	width: 43%;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px;
}
#workshop .ws .cate2 {
    padding: 15px;
}
#workshop .ws .theme1 {
	font-weight: bold;
	text-align: center;
	padding: 15px 0px;
}
#workshop .ws .theme2 {
    padding: 15px;
	text-align:center;
}
#workshop .ws .theme3 {
    padding: 15px;
	text-align:left;
}
#workshop .ws .w5 {
	width:5%;
}
#workshop .ws .w10 {
	width:10%;
}
#workshop .ws .w15 {
	width:15%;
}
#workshop .ws .w25 {
	width:25%;
}
#workshop .ws tbody th {
	background: #f3f3f3;
	padding: 10px;
	border-bottom: #CCC solid 1px;
	vertical-align: middle;
	width: 15%;
	text-align: center;
}
#workshop .ws tbody .catego {
	border:  #CCC solid 1px;
	padding: 0;
	width: 5%;
}
#workshop .ws tbody tr:last-child th {
	border-bottom: 1px solid #CCCCCC;
}
#workshop .ws tbody td {
	background: #fff;
	padding: 10px;
	border-left: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	vertical-align: middle;
}
#workshop .ws tbody td ul li {
	margin: 0 0 10px;
}
#workshop .ws tbody td ul li:last-child {
	margin: 0 0;
}
#workshop .bt {
	font-size:13px;
	line-height: 40px;
	width: auto;
	margin: 0 auto 5px;
}
#workshop .bt a {
	background: #efefef;
	display: block;
	text-align: center;
	-webkit-border-radius: 3px;/* for Safari and Chrome */
	-moz-border-radius: 3px; /* for Firefox */
	-o-border-radius: 3px; /* for opera */
	border-radius: 3px;
}
#workshop .bt a:after{
	content: "\f105";
	display: inline-block;
	font: bold 12px/40px FontAwesome;
	margin: 0 7% 0 0;
	color: #cb2837;
	float:right;
}

@media only screen and (max-width: 768px){
.teacher {
	margin: 0px 0px 40px;
}
#workshop .ws thead {
	display:none;
}
#workshop .ws tbody th {
	width:auto;
	display:block;
}
#workshop .ws tbody td {
	display:block;
	border-left:  none;
}
#workshop .ws tbody td:nth-child(2n){
	background:#f3f3f3;
}
#workshop .ws tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
	margin: 0 0 5px;
	width:100%;
}
#workshop .ws tbody td p {
	padding-top:2em;
}
#workshop .ws tbody .catego {
	border: none;
	padding: 5px;
	width: auto;
	font-weight: bold;
	font-size: 13px;
	background:#CCC;
	border-bottom: #CCC solid 1px;
}
#workshop .bt {
	line-height: 35px;
}
#workshop .bt:before {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}

#workshop .bt a {
}
#workshop .bt a:after{
	font: bold 12px/35px FontAwesome;
	margin: 0 5% 0 0;
}

}







/* ----------------------------------------
 *  º£ÍâÕZѧÁôѧ
 * ---------------------------------------- */
#language #nav {
	margin: 0 0 50px;
}
#language #nav ul {
	text-align:center;
}
#language #nav ul li {
	display: inline-block;
	width: 18.888888888%;
	vertical-align: middle;
	margin: 0px 1.3% 0px 0px;
}
#language #nav ul li:last-child {
	margin: 0px;
}
#language #nav ul li a {
	line-height: 60px;
	display: block;
	background: #f2f2f2;
}
#language #nav ul li a:before{
	content: "\f105";
	display: inline-block;
	font: 1.5rem/4em FontAwesome;
	margin: 0 6% 0 0;
	color: #cb2837;
	float:right;
}
#language #nav ul li a.ac {
	background: #CB2837;
	color: #FFF;
}
#language #nav ul li a.ac:before{
	color: #FFF;
}
#language .text {
	margin: 0px 0px 70px;
}

#language .explan {
	margin: 0px 0px 95px;
}
#language .schedule {
	margin: 0px 0px 70px;
}
#language .cost {
	margin: 0px 0px 80px;
}
#language .outline {
	margin: 0px 0px 90px;
}


#language .table1 , #language .table2 , #language .table3 {
	width: 100%;
	border: 1px solid #CCC;
}
#language .table1 tr th {
	border: 1px solid #CCC;
	padding: 20px;
	width: 30%;
	background: #f3f3f3;
	vertical-align: middle;
	font-weight: bold;
}
#language .table1 tr td {
	padding: 20px;
	border: 1px solid #CCC;
	vertical-align: middle;
}
#language .table1 tr .room {
	text-align:center;
	width:20%;
}
#language .table2 tr th {
	border: 1px solid #CCC;
	padding: 20px;
	width: 25%;
	background: #f3f3f3;
	vertical-align: middle;
	font-weight: bold;
}
#language .table2 tr td {
	padding: 20px;
	border: 1px solid #CCC;
	vertical-align: middle;
	width: 37%;
}
#language .cost p {
	margin: 20px 0px 0px;
}
#language .table3 tr th {
	border: 1px solid #CCC;
	padding: 20px;
	width: 25%;
	background: #f3f3f3;
	vertical-align: middle;
	font-weight: bold;
}
#language .table3 tr th span {
	font-weight: normal;
}
#language .table3 tr td {
	padding: 20px;
	border: 1px solid #CCC;
}
#language .table3 tr td.w20 {
	width:24%;
}
#language .table3 tr td.vac {
	vertical-align: middle;
}
#language .table3 tr td {
	padding: 20px;
	border: 1px solid #CCC;
}
#language .outline .table3 tr td ul li {
	text-indent: -5em;
	margin-left: 5em;
}
#language .photo {
	margin: 0px 0px 80px;
}
#language .photo .note {
	font-size: 1.4rem;
	margin: 0px 0px 20px;
}
#language .photo ul li {
	margin: 0px 2% 0px 0px;
	float: left;
}
#language .photo ul li:last-child {
	margin: 0px;
}

@media only screen and (max-width: 768px){
#language #nav {
	margin: 0 0 25px;
}
#language #nav ul {
	text-align:center;
}
#language #nav ul li {
	float:left;
	display: block;
	width: 48%;
	margin: 0 0 5px;
}
#language #nav ul li:nth-child(even) {
	float:right;
}
#language #nav ul li:last-child {
	margin: 0px;
}
#language #nav ul li a {
	line-height: 40px;
}
#language #nav ul li a:before{
	font: 1.4rem/3em FontAwesome;
	margin: 0 6% 0 0;
}
#language #nav ul li a.ac {
}
#language #nav ul li a.ac:before{
}
#language .text {
	margin: 0px 0px 35px;
}

#language .explan {
	margin: 0px 0px 45px;
}
#language .schedule {
	margin: 0px 0px 35px;
}
#language .cost {
	margin: 0px 0px 40px;
}
#language .outline {
	margin: 0px 0px 45px;
}


#language .table1 , #language .table2 , #language .table3 {
	width: 100%;
	border: 1px solid #CCC;
}
#language .table1 tr th {
	padding: 10px;
	width: auto;
	display:  block;
}
#language .table1 tr td {
	padding: 10px;
	display:  block;
	width: auto;
}
#language .table1 tr .room {
	width: auto;
}
#language .table2 tr th {
	border: 1px solid #CCC;
	padding: 20px;
	width: 25%;
	background: #f3f3f3;
	vertical-align: middle;
	font-weight: bold;
}
#language .table2 tr td {
	padding: 20px;
	border: 1px solid #CCC;
	vertical-align: middle;
	width: 37%;
}
#language .cost p {
	margin: 20px 0px 0px;
}
#language .table3 tr th {
	border: 1px solid #CCC;
	padding: 20px;
	width: 25%;
	background: #f3f3f3;
	vertical-align: middle;
	font-weight: bold;
}
#language .table3 tr th span {
	font-weight: normal;
}
#language .table3 tr td {
	padding: 20px;
	border: 1px solid #CCC;
}
#language .table3 tr td.w20 {
	width:24%;
}
#language .table3 tr td.vac {
	vertical-align: middle;
}
#language .table3 tr td {
	padding: 20px;
	border: 1px solid #CCC;
}
#language .outline .table3 tr td ul li {
	text-indent: -5em;
	margin-left: 5em;
}
#language .photo {
	margin: 0px 0px 40px;
}
#language .photo .note {
	font-size: 1.2rem;
	margin: 0px 0px 10px;
}
#language .photo ul li {
	margin: 0px 0 10px 0px;
	width: 48%;
}
#language .photo ul li:nth-child(even) {
	float:right;
}
#language .photo ul li:last-child {
	margin: 0px;
}
}


#contents .kiyo {
	width: 100%;
	border: 1px solid #CCC;
}
#contents .kiyo tr th {
	width: 70%;
	border: 1px solid #CCC;
	padding: 20px;
	vertical-align: middle;
}
#contents .kiyo tr td {
	width: 30%;
	border: 1px solid #CCC;
	padding: 20px;
	vertical-align: middle;
}


/* ----------------------------------------
 *  º£ÍâÕZѧÁôѧ¡¡¥³©`¥¹½B½é
 * ---------------------------------------- */
#language .course_btn {
	margin: 0 0 60px 0;
}
#language .course_btn:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
#language .course_btn .btn , #language .course_btn .btn2 {
	width: 48%;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin: 0 2% 10px 0;
	box-sizing: border-box;
}
#language .course_btn .btn:nth-child(even) , #language .course_btn .btn2:nth-child(even) {
	margin: 0 0 10px;
	float: right;
}
#language .course_btn .btn a {
	display: block;
	background: #f2f2f2;
	padding: 15px 0px 15px 20px;
}
#language .course_btn .btn2 a {
	display: block;
	background: #f2f2f2;
	padding: 0px 0px 0px 20px;
	line-height:70px;
}
#language .course_btn .btn a:after , #language .course_btn .btn2 a:after{
	content: "\f105";
	display: inline-block;
	font: 18px/1.5em FontAwesome;
	margin: 0 5% 0 0;
	color: #cb2837;
	float:right;
}
#language .course_btn .btn2 a:after{
	font: 18px/70px FontAwesome;
}
#language .course_btn .btn a:before{
	margin: 0 15px 0 0;
	content: " ";
	display: inline-block;
	width: 38px;
	height: 25px;
	vertical-align: middle;
}
#language .course_btn .btn.usa a:before{
	background: url(/kilc/images/language/flag01.jpg) no-repeat;
	background-size: contain;
}
#language .course_btn .btn.cana a:before{
	background: url(/kilc/images/language/flag02.jpg) no-repeat;
	background-size: contain;
}
#language .course_btn .btn.eng a:before{
	background: url(/kilc/images/language/flag03.jpg) no-repeat;
	background-size: contain;
}
#language .course_btn .btn.aus a:before{
	background: url(/kilc/images/language/flag04.jpg) no-repeat;
	background-size: contain;
}
#language .course_btn .btn.germ a:before{
	background: url(/kilc/images/language/flag05.jpg) no-repeat;
	background-size: contain;
}
#language .course_btn .btn.fran a:before{
	background: url(/kilc/images/language/flag06.jpg) no-repeat;
	background-size: contain;
}
#language .course_btn .btn.cn a:before{
	background: url(/kilc/images/language/flag07.jpg) no-repeat;
	background-size: contain;
}
#language .course_btn .btn.kor a:before{
	background: url(/kilc/images/language/flag08.jpg) no-repeat;
	background-size: contain;
}
#language .course_btn .btn.ire a:before{
	background: url(/kilc/images/language/flag09.jpg) no-repeat;
	background-size: contain;
}
#language .adobe {
	border: 1px solid #ddd;
	text-align: center;
	padding: 20px 0px;
}
#language .adobe:after{
	margin: 0 0 0 10px;
	content: " ";
	display: inline-block;
	width: 81px;
	height: 33px;
	background: url(/kilc/images/language/adobe.jpg) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
@media only screen and (max-width: 768px){
#language .course_btn {
	margin: 0 0 30px 0;
}
#language .course_btn:after {}
#language .course_btn .btn , #language .course_btn .btn2 {
	width: auto;
	font-size: 1.3rem;
	float: none;
	margin: 0 0 10px;
}
#language .course_btn .btn:nth-child(even) , #language .course_btn .btn2:nth-child(even) {
	float: none;
}
#language .course_btn .btn a {
	padding: 10px 0px 10px 15px;
}
#language .course_btn .btn2 a {
	padding: 0px 0px 0px 15px;
	line-height:45px;
}
#language .course_btn .btn a:after{
	display:none;
}
#language .course_btn .btn2 a:after{
	font: 1.5rem/45px FontAwesome;
}
#language .course_btn .btn a:before{
	margin: 0 0 5px;
	width: 28px;
	height: 15px;
	display: block;
}
#language .course_btn .btn.usa a:before{}
#language .course_btn .btn.cana a:before{}
#language .course_btn .btn.eng a:before{}
#language .course_btn .btn.aus a:before{}
#language .course_btn .btn.germ a:before{}
#language .course_btn .btn.fran a:before{}
#language .course_btn .btn.cn a:before{}
#language .course_btn .btn.kor a:before{}
#language .course_btn .btn.ire a:before{}
#language .adobe {
	padding: 10px;
	text-align: left;
}
#language .adobe:after{
	display:none;
}
#language .adobe:before{
	margin: 0 auto 5px;
	content: " ";
	display: block;
	width: 81px;
	height: 33px;
	background: url(/kilc/images/language/adobe.jpg) no-repeat;
	background-size: contain;
	vertical-align: middle;
	text-align:center;
}
}






/* ----------------------------------------
 *  º£ÍâÕZѧÁôѧ¡¡²Î¼ÓÉꤷÞz¤ß
 * ---------------------------------------- */
#language .part {
	width: 100%;
	border: solid 1px #ccc;
	margin: 0px 0px 130px;
}
#language .part tr th {
	border: 1px solid #CCC;
	background: #f3f3f3;
	vertical-align: middle;
	padding: 20px;
	width: 20%;
	font-weight: bold;
}
#language .part tr td {
	padding: 20px;
	width: 80%;
	border: 1px solid #CCC;
}
@media only screen and (max-width: 768px){
#language .part {
	width: 100%;
	margin: 0px 0px 65px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right-style: none;
	border-bottom-style: none;
}
#language .part tr th {
	padding: 10px;
	width: auto;
	display: block;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-left-style: none;
}
#language .part tr td {
	padding: 10px;
	width: auto;
	display:  block;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-left-style: none;
}
}






/* ----------------------------------------
 *  º£ÍâÕZѧÁôѧ¡¡ÌåòYÕ„
 * ---------------------------------------- */
#language .intvw_area {
	margin: 0 0 100px;
}
#language .intvw_area .imgR {
	margin: 0 0 2% 2%;
	float: right;
	width: 30%;
	text-align: center;
}
#language .intvw_area .imgL {
	margin: 0 2% 2% 0;
	float: left;
	width: 30%;
}
#language .exp_nav {
	margin: 0px 0px 80px 0px;
}
#language .exp_nav ul li {
	float: left;
	width: 23.3%;
	height:52px;
	margin: 0px 2% 20px 0px;
	position: relative;
	border: solid 1px #ccc;
}
#language .exp_nav ul li:hover {
	border: solid 1px #cb2837;
	background-color:#fef8f8;
}
#language .exp_nav ul li:nth-child(4n) {
	margin: 0px 0px 20px 0px;
}
#language .exp_nav ul li a {
	display: block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	width: 80%;
	padding: 0 0 0 25%;
	font-size:1.3rem;
}
#language .exp_nav ul li a:hover {
}

#language .exp_nav ul li:after{
	content: "\f107";
	display: inline-block;
	font: 18px/3em FontAwesome;
	margin: 0 5% 0 0;
	color: #cb2837;
	float:right;
}
#language .exp_nav ul li.usa a{
	background: url(/kilc/images/language/flag01.jpg) no-repeat 15px center;
	background-size: 38px 25px;
}
#language .exp_nav ul li.cana a{
	background: url(/kilc/images/language/flag02.jpg) no-repeat 15px center;
	background-size: 38px 25px;
}
#language .exp_nav ul li.eng a{
	background: url(/kilc/images/language/flag03.jpg) no-repeat 15px center;
	background-size: 38px 25px;
}
#language .exp_nav ul li.aus a{
	background: url(/kilc/images/language/flag04.jpg) no-repeat 15px center;
	background-size: 38px 25px;
}
#language .exp_nav ul li.germ a{
	background: url(/kilc/images/language/flag05.jpg) no-repeat 15px center;
	background-size: 38px 25px;
}
#language .exp_nav ul li.fran a{
	background: url(/kilc/images/language/flag06.jpg) no-repeat 15px center;
	background-size: 38px 25px;
}
#language .exp_nav ul li.cn a{
	background: url(/kilc/images/language/flag07.jpg) no-repeat 15px center;
	background-size: 38px 25px;
}
#language .exp_nav ul li.kor a{
	background: url(/kilc/images/language/flag08.jpg) no-repeat 15px center;
	background-size: 38px 25px;
}
@media only screen and (max-width: 768px){
#language .intvw_area {
	margin: 0 0 50px;
}
#language .intvw_area .imgR {
	width: 48%;
}
#language .intvw_area .imgL {
	width: 48%;
}
#language .exp_nav {
	margin: 0px 0px 40px 0px;
}
#language .exp_nav ul li {
	width: auto;
	height: 45px;
	margin: 0px 0px 10px 0px;
	float: none;
}
#language .exp_nav ul li:hover {
	border: solid 1px #cb2837;
	background-color:#fef8f8;
}
#language .exp_nav ul li:nth-child(4n) {
	margin: 0px 0px 10px 0px;
}
#language .exp_nav ul li a {
	width: 85%;
	padding: 0 0 0 18%;
}
#language .exp_nav ul li a:hover {
}

#language .exp_nav ul li:after{
	font: 16px/2.7em FontAwesome;
}
#language .exp_nav ul li.usa a{
	background-size: 28px 15px;
}
#language .exp_nav ul li.cana a{
	background-size: 28px 15px;
}
#language .exp_nav ul li.eng a{
	background-size: 28px 15px;
}
#language .exp_nav ul li.aus a{
	background-size: 28px 15px;
}
#language .exp_nav ul li.germ a{
	background-size: 28px 15px;
}
#language .exp_nav ul li.fran a{
	background-size: 28px 15px;
}
#language .exp_nav ul li.cn a{
	background-size: 28px 15px;
}
#language .exp_nav ul li.kor a{
	background-size: 28px 15px;
}
}



#language .faq_box ul {
	border: 1px solid #c31a27;
	margin: 0px 0px 40px;
}
#language .faq_box ul .faq_q {
	border-bottom: 1px dashed #c31a27;
	padding: 15px 0px 15px 20px;
	font-size: 2.0rem;
}
#language .faq_box ul .faq_q:before{
	content: "Q.";
	display: inline-block;
	font: 2.0rem FontAwesome;
	margin: 0 10px 0 0;
	color: #cb2837;
}
#language .faq_box ul .faq_a {
	padding: 15px 15px 15px 20px;
	font-size: 1.4rem;
	background: #fdf8f8;
}
#language .faq_box ul .faq_a a {
	color: #cb2837;
}
#language .faq_box ul .faq_a:before{
	content: "A.";
	display: inline-block;
	font: 2.0rem FontAwesome;
	margin: 0 10px 0 0;
	color: #cb2837;
	float:left;
}
#language .faq_box ul .faq_a p{
	float:left;
	width:95%;
}
@media only screen and (max-width: 768px){
#language .faq_box ul {
	margin: 0px 0px 20px;
}
#language .faq_box ul .faq_q {
	padding: 10px 0px 10px 10px;
	font-size: 1.6rem;
}
#language .faq_box ul .faq_q:before{
	font: 1.8rem FontAwesome;
	margin: 0 8px 0 0;
}
#language .faq_box ul .faq_a {
	padding: 15px;
	font-size: 1.3rem;
}
#language .faq_box ul .faq_a a {
	color: #cb2837;
}
#language .faq_box ul .faq_a:before{
	font: 1.8rem FontAwesome;
	margin: 0 5px 0 0;
}
#language .faq_box ul .faq_a p{
	width: 87%;
	float:  right;
}
}







/* ----------------------------------------
 *  ¥µ¥¤¥È¥Þ¥Ã¥×
 * ---------------------------------------- */
#study .sm {
	float: left;
	width: 48%;
}
#study .sm:nth-child(even) {
	float: right;
}
#study .sm .sm_title {
	position: relative;
	border-bottom: 2px solid #ccc;
	font-size: 2.4rem;
	color: #CB2837;
	margin: 0px 0px 20px;
	padding: 0px 0px 0.5em;
}
#study .sm .sm_title::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 2px;
	background-color: #CB2837;
}
#study .sm .sm_title span {
  border-left: 4px solid #CB2837;
  padding: 0 0 0 15px;
}
#study .sm .sm_link {
	margin: 0px 0px 60px;
}
#study .sm .sm_link li {
	border-bottom: 1px dashed #CCC;
	line-height: 35px;
}
#study .sm .sm_link li a:before{
	content: "\f105";
	display: inline-block;
	font: 1.6rem/3em FontAwesome;
	margin: 0 10px;
	color: #cb2837;
}
@media only screen and (max-width: 768px){
#study .sm {
	float: none;
	width: auto;
}
#study .sm:nth-child(even) {
	float: none;
}
#study .sm .sm_title {
	font-size: 1.8rem;
	margin: 0px 0px 10px;
}
#study .sm .sm_title::after {
}
#study .sm .sm_title span {
  padding: 0 0 0 10px;
}
#study .sm .sm_link {
	margin: 0px 0px 30px;}
#study .sm .sm_link li {
	line-height: 25px;
}
#study .sm .sm_link li a:before{
	font: 1.4rem/2.5em FontAwesome;
}
}




#contact table {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 60px;
}
#contact table tr th {
	border: 1px solid #CCC;
	font-weight: bold;
	text-align: center;
	background: #f3f3f3;
	line-height: 50px;
}
#contact table tr td {
	vertical-align: middle;
	border: 1px solid #CCC;
	padding: 20px;
}
#contact table .w40 {
	width:40%;
}
@media only screen and (max-width: 768px){
#contact table {
	border: none;
	margin: 0px 0px 30px;
}
#contact table tr th {display: none;}
#contact table tr td {
	padding: 10px;
	display:  block;
}
#contact table .w40 {
	width: auto;
}
}










/* ----------------------------------------
 *  ¥¬¥¤¥É¥é¥¤¥ó
 * ---------------------------------------- */
#guideline .guide_btn {
	width: 31%;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 0 20px;
}
#guideline .guide_btn a {
	display: block;
	background: #efefef;
	padding: 5% 0 5% 7%;
	text-decoration: none;
}
#guideline .guide_btn a:hover {
	background: #ccc;
}
#guideline .guide_btn a:before{
	content: "\f105";
	display: inline-block;
	font: 1.8rem/1.5em FontAwesome;
	margin: 0 5% 0 0;
	color: #cb2837;
	float:right;
}
#guideline .link-bt a:before{
	margin: 6px 10px 0 0;
	content: " ";
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(/kilc/images/common/blank_icon_r.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}

#guideline .guide_btn2 {
	margin: 0 0 40px;
}
#guideline .guide_btn2:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}

#guideline .guide_btn2 .btn {
	width: 31%;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 2% 20px 0;
	float: left;
}
#guideline .guide_btn2 .btn:nth-child(3n) {
	margin: 0 0 20px 0;
}

#guideline .guide_btn2 .btn a {
	display: block;
	background: #efefef;
	padding: 5% 0 5% 7%;
}
#guideline .guide_btn2 .btn a:hover {
	background: #ccc;
}
#guideline .guide_btn2 .btn a:before{
	content: "\f105";
	display: inline-block;
	font: 1.8rem/1.5em FontAwesome;
	margin: 0 5% 0 0;
	color: #cb2837;
	float:right;
}
#guideline .link-bt .btn a:before{
	margin: 6px 10px 0 0;
	content: " ";
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(/kilc/images/common/blank_icon_r.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#guideline .approval {
	width: 60%;
	border: 1px solid #CCC;
	margin: 0px 0px 10px;
}
#guideline .approval tr th {
	width: 30%;
	padding: 10px 20px;
	border: 1px solid #CCC;
	background: #efefef;
	font-weight: bold;
}
#guideline .approval tr td {
	border: 1px solid #CCC;
	padding: 10px 20px;
	width: 70%;
}

@media only screen and (max-width: 768px){
#guideline .guide_btn {
	width: auto;
	font-size: 1.2rem;
	margin: 0 0 10px;
}
#guideline .guide_btn a {
	padding: 5% 0 5% 5%;
}
#guideline .link-bt a:before{
	margin: 5px 10px 0 0;
	width: 12px;
	height: 10px;
}

#guideline .guide_btn a:hover {
}
#guideline .guide_btn a:before{
	font: 1.5rem/1.2em FontAwesome;
}
#guideline .guide_btn2 {
	margin: 0 0 20px;
}
#guideline .guide_btn2:after {
}

#guideline .guide_btn2 .btn {
	width: auto;
	margin: 0 0 10px 0;
	float: none;
	font-size: 1.3rem;
}
#guideline .guide_btn2 .btn:nth-child(3n) {
	margin: 0 0 10px 0;
}
#guideline .guide_btn2 .btn a {
	padding: 5% 0 5% 5%;
}
#guideline .guide_btn2 .btn a:hover {
}
#guideline .guide_btn2 .btn a:before{
	font: 1.5rem/1.2em FontAwesome;
}
#guideline .guide_btn2 .btn a:before{
	margin: 5px 10px 0 0;
	width: 12px;
	height: 10px;
}
#guideline .approval {
	width: 100%;
	margin: 0px 0px 5px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: none;
	border-right: none;
}
#guideline .approval tr th {
	width: auto;
	padding: 10px;
	border-top: none;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
	display: block;
}
#guideline .approval tr td {
	padding: 10px;
	width: auto;
	border-top: none;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
	display: block;
}
}
#guideline .list tr td {
	border: 1px solid #CCC;
	padding: 15px;
}
#guideline .list {
	width: 100%;
	margin: 0px 0px 30px;
}
#guideline .list2 {
	margin: 0px 0px 80px;
}
#guideline .years {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 30px;
}
#guideline .years tr th {
	background: #f3f3f3;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	width: 25%;
	border: 1px solid #CCC;
}
#guideline .years tr td {
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #CCC;
}
#guideline .kamoku {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 30px;
}
#guideline .kamoku tr th {
	background: #f3f3f3;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	width: 50%;
	border: 1px solid #CCC;
}
#guideline .kamoku tr td {
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #CCC;
}














/* ----------------------------------------
 *  ¤ªÖª¤é¤»
 * ---------------------------------------- */
#news_area .news {
	margin: 0px auto 30px;
	max-width: 1080px;
}
#news_area .news ul{
	border-bottom: 1px solid #e0e0e0;
	padding: 0 3%;
}
#news_area .news ul li{
	vertical-align:middle;
}
#news_area .news ul:first-child {
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
#news_area .news ul:hover {
	background: #faf9f6;
}
#news_area .news ul:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#news_area .news .day {
	width: 13%;
	float: left;
	padding: 10px 0;
	line-height: 26px;
}
#news_area .news ul .day .date {
	margin: 0 10px 0 0;
}

#news_area .news .cate {
	width: 15%;
	float: left;
	line-height: 28px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	margin: 10px 0px;
}
#news_area .news .cont  {
	width: 70%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	float: right;
}
#news_area .icon {
	font-size: 11px;
	color: #FFF;
	min-width: 110px;
	max-width: 110px;
	letter-spacing: -0.1em;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 26px;
	margin: 0px 0px 2px;
}

#news_area .pager {
    overflow: hidden;
}
#news_area .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
#news_area .pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
#news_area .pager ul li span,
#news_area .pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
#news_area .pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
#news_area .pager ul li a:hover {
    background: #333;
    color: #FFF;
}
@media only screen and (max-width: 768px){

#news_area .news {
	padding: 25px 0;
	margin: 0 0 20px;
}
#news_area .news ul{
	border-bottom: 1px solid #e0e0e0;
	padding: 0;
}
#news_area .news ul li{
	vertical-align:middle;
}
#news_area .news ul:first-child {
}
#news_area .news ul:hover {
	background: #faf9f6;
}
#news_area .news ul:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#news_area .news .day {
	width: auto;
	float: left;
	padding: 15px 0px 5px;
	line-height: 20px;
}
#news_area .news ul .day p {
	float: left;
}

#news_area .news .day:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#news_area .news .cate {
	float: left;
	margin:  0;
	padding: 15px 0px;
	line-height: 26px;
	/* text-align:center; */
	width: 69%;
}
#news_area .news .cate .icon {
	float: left;
	margin: 0 1px 0 0;
}
#news_area .news .icon {
	margin: 0 0 0 10px;
	letter-spacing: 0.1em;
	font-size: 10px;
	line-height: 20px;
}
#news_area .news .cont  {
	width: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	float: none;
}
#news_area .news .cont:before {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#news_area .icon {
	font-size: 11px;
	color: #FFF;
	min-width: 110px;
	max-width: 110px;
	letter-spacing: -0.1em;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 26px;
	margin: 0px 0px 2px;
}
#news_area .pager {
    overflow: hidden;
}
#news_area .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
#news_area .pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
#news_area .pager ul li span,
#news_area .pager ul li a {
    display: block;
    font-size: 14px;
    padding: 0.5em 0.6em;
    border-radius: 3px;
}
#news_area .pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
#news_area .pager ul li a:hover {
    background: #333;
    color: #FFF;
}

}


.news-title {
	border-top: 4px solid #cb2837;
	padding: 25px 0px 0px;
}
.news-title .st1 {
	margin: 0px 0px 35px;
}
.news-title .st1 .day {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin: 0px 15px 0px 0px;
	line-height: 26px;
}
.news-title .st1 .icon {
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	float: left;
	max-width: 100px;
	width:100%;
	text-align: center;
	background-color:#5eceea;
	border-radius:6px;
}
.news-title .st1 .icon-info {
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	float: left;
	max-width: 100px;
	width:100%;
	text-align: center;
	background-color:#4daadf;
	border-radius:6px;
}

.news-title .st2 {
	font-size: 26px;
	line-height: 1.538em;
	padding: 0px 0px 30px;
	border-bottom: 1px solid #c9c9c9;
}
.news-sns {
	padding: 15px 0px 35px;
}
.news-sns ul li {
	float: left;
	margin: 0px 10px 0px 0px;
}
.news-text {
	font-size: 14px;
	line-height: 1.786em;
	padding: 0 0 30px;
}
@media only screen and (max-width: 768px){
.news-title {
	padding: 15px 0px 0px;
}
.news-title .st1 {
	margin: 0px 0px 15px;
}
.news-title .st1 .day {
	font-size: 12px;
	margin: 0px 10px 0px 0px;
	line-height: 20px;
}
.news-title .st1 .icon {
	line-height: 20px;
	max-width: 90px;
}
.news-title .st2 {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0px 0px 15px;
}
.news-sns {
	padding: 10px 0px;
}
.news-sns ul li {
	margin: 0px 10px 0px 0px;
}
.news-text {
	font-size: 14px;
	line-height: 1.786em;
	padding: 0 0 30px;
}
}



.news-text img.aligncenter {
    margin: auto;
    display: block;
}












/* ----------------------------------------
 *  ¤ª†–¤¤ºÏ¤ï¤»¥Õ¥©©`¥à
 * ---------------------------------------- */
.form {
	max-width: 700px;
	margin: 0 auto;
}
.form .st {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 10px;
}
.form .sel-01 {
	font-size: 20px;
	border: 1px solid #cccccc;
	width: 100%;
	height: 60px;
	background: #f3f3f3;
	margin: 0px 0px 45px;
}
.form .sel-02 {
	border: 1px solid #cccccc;
	width: 98%;
	height: 260px;
	line-height: 1.5;
	padding: 1%;
	font-size: 14px;
	margin: 0px 0px 45px;
}
.form .sel-03 {
	font-size: 20px;
	border: 1px solid #cccccc;
	width: 100%;
	height: 50px;
	margin: 0px 0px 45px;
	padding: 5px 10px;
}
.form .btn {
	font-size: 14px;
	text-align: center;
}
.form .btn li {
	width: 47%;
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.form .btn a {
	background: #cb2837;
	color: #FFF;
	display: block;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px 0px;
}
.form .btn a:hover {
	background: rgba(203,40,55,0.7);
}
.form .btn a:after{
	content: "\f105";
	display: inline-block;
	font: bold 24px FontAwesome;
	margin: 0 5% 0 0;
	color: #fff;
	float:right;
}
@media only screen and (max-width: 768px){
.form {
	max-width: 700px;
	margin: 0 auto;
}
.form .st {
	font-size: 14px;
}
.form .sel-01 {
	font-size: 15px;
	height: 40px;
	margin: 0px 0px 25px;
}
.form .sel-02 {
	height: 60px;
	font-size: 13px;
	margin: 0px 0px 25px;
}
.form .sel-03 {
	height: 32px;
	width: 90%;
	margin: 0px 0px 25px;
}
.form .btn {
	line-height: 45px;
	font-size: 13px;
	width: auto;
}
.form .btn li {
	width: 100%;
	margin: 0;
	vertical-align: middle;
	line-height: 1.5;
}
.form .btn a {
	padding: 10px 0px;
	display: block;
}
.form .btn a:hover {
}
.form .btn a:after{
	font: bold 18px FontAwesome;
}



}
.form .con_mb45 {
	font-size: 16px;
	margin: 0px 0px 45px;
}
.taecher tr td ul {
	text-align: center;
}
.taecher tr td li {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 30%;
}
.taecher tr td li .bt {
	width: 100% !important;
}
@media only screen and (max-width: 768px){
.taecher tr td li {
	display: block;
	width: 80%;
	margin: 0 auto;
}
}

.schedule table tr td .pdf:after{
	background : none;
	content: "\f1c1";
	font-family: FontAwesome;
	margin: 0 0 0 5px;
	font-size: 16px;
	color: #cb2837;
}
@media only screen and (max-width: 768px){
.schedule table tr td .pdf:after{
	font-size: 13px;
	margin: 0 0 0 2px;
}
}