@charset "UTF-8";

@import "../../../files/css/common/layout.css";
@import "../../../files/css/common/common.css";

/*-------------------------------------------------------------------------
	Header
/*-----------------------------------------------------------------------*/
#header {
	border-top-color:#00cb17;
}

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/
#title {
	background-image: url(../img/bg.jpg);
}

/*-------------------------------------------------------------------------
	Sub Navi
-------------------------------------------------------------------------*/
#subNavi {
	border-top-color:#00cb17;
}

/*-------------------------------------------------------------------------
	Content
/*-----------------------------------------------------------------------*/
#content h1 {
	background-image: url(../img/h3.png);
}

#content h2 span {
	background-image: url(../img/h4.png);
}

#content h3 {
	background-image: url(../img/h5.png);
}

	#content .standard .text span {
		font-weight:bold;
		border-bottom:4px solid #ffff00;
	}

/*-------------------------------------------------------------------------
	Lead
/*-----------------------------------------------------------------------*/
	#lead p {
		margin-bottom:30px;
	}
	
	#lead ul {
	}
	
		#lead ul li {
			float:left;
			width:30%;
			margin-right:5%;
			text-align:center;
			font-size:18px;
			line-height:20px;
			font-weight:bold;
		}
		
			#lead ul li img {
				margin-bottom:10px;
				border-radius:10px;
			    -webkit-border-radius:10px;
			    -moz-border-radius:10px;
			}
		
		#lead ul li:last-child {
			margin-right:0;
		}
		
@media screen and (max-width:1160px) {
	
	#lead ul li {
		font-size:12px;
	}

}

/*-------------------------------------------------------------------------
	Summary, Staff, Training
/*-----------------------------------------------------------------------*/
#summary,
#staff {
}

	#summary dl dt,
	#summary dl dd,
	#staff dl dt,
	#staff dl dd,
	#training dl dt,
	#training dl dd  {
		float:left;
	}

	#summary dl dt,
	#staff dl dt,
	#training dl dt {
		width:500px;
		margin-right:20px;
	}
		
	#summary dl dd,
	#staff dl dd,
	#training dl dd{
		max-width:240px;
	}

	#summary dl dd img,
	#staff dl dd img,
	#training dl dd img {
		border-radius:10px;
	    -webkit-border-radius:10px;
	    -moz-border-radius:10px;
	}

@media screen and (max-width:1160px) {
	
	#summary dl dt,
	#summary dl dd,
	#staff dl dt,
	#staff dl dd,
	#training dl dt,
	#training dl dd  {
		float:none;
	}

	#summary dl dt,
	#staff dl dt,
	#training dl dt {
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	#summary dl dd,
	#staff dl dd,
	#training dl dd  {
		margin:0 auto;
	}

}

/*-------------------------------------------------------------------------
	Detail
/*-----------------------------------------------------------------------*/
#detail {
	padding:25px;
	border:2px dotted #00cb17;
	text-align:center;
	background:url(../img/summary/detail/001.png) right 40px bottom 60px no-repeat;
}

	#detail h4 {
		display: inline-block;
		margin-bottom:20px;
		font-size:20px;
		font-weight: bold;
		border-bottom:2px solid #ffff00;
	}

	#detail p {
		margin-bottom:20px;
	}

	#detail ul {
		text-align: left;
	}

		#detail ul li {
			font-size:14px;
		}

			#detail ul li span {
				display:inline-block;
				margin-right:12px;
				position:relative;
				color:#00cb17;
				font-size:12px;
				font-family: 'Arvo', serif;
				font-weight:bold;
			}

			#detail ul li span:before {
				content:"";
				display:block;
				position:absolute;
				top:3px;
				left:-6px;
				width:16px;
				height:16px;
				border-radius:16px;
				border:1px solid #00cb17;
			}

@media screen and (max-width:1160px) {

	#detail {
		background:none;
	}

	#detail h4 {
		font-size:18px;
	}

	#detail p {
		text-align:left;
	}

	#detail ul li {
		font-size:13px;
	}

	#detail ul li span:before {
	}

}

/*-------------------------------------------------------------------------
	Schedule
/*-----------------------------------------------------------------------*/
#schedule {
}

	#schedule h3 {
		margin-bottom:30px;
	}

		#schedule dl {
			margin-bottom:30px;
		}

			#schedule dl .time,
			#schedule dl .img,
			#schedule dl dd  {
				float:left;
			}

			#schedule dl .time,
			#schedule dl .img {
				margin-right:20px;
			}

			#schedule dl .time {
				width:60px;
			}

			#schedule dl .img {
				width:120px;
				height:77px;
			}

				#schedule dl .img img {
					border-radius:5px;
				    -webkit-border-radius:5px;
				    -moz-border-radius:5px;
				}

			#schedule dl dd  {
				width:540px;
				line-height: 22px;
			}

			#schedule dl dd span {
				display:block;
				margin-bottom: 5px;
				font-size:18px;
				font-weight: bold;
				color:red;
			}

@media screen and (max-width:1160px) {

	#schedule dl .time,
	#schedule dl .img {
		margin-bottom:20px;
	}

	#schedule dl dd {
		clear:both;
		float:none;
		width:100%;
	}

	#schedule dl dd span {
		font-size:14px;
	}

}

/*-------------------------------------------------------------------------
	Diploma
/*-----------------------------------------------------------------------*/
#diploma {
}

	#diploma article {
		padding:25px;
		border:2px dotted #00cb17;
		text-align:center;
	}

		#diploma article h4 {
			display: inline-block;
			margin-bottom:20px;
			font-size:20px;
			font-weight: bold;
			border-bottom:2px solid #ffff00;
		}

		#diploma article ul {
			text-align:left;
			margin-bottom:20px;
		}

			#diploma article ul li {
				padding-left:20px;
			}

			#diploma article ul li:before {
				content:"";
				display: inline-block;
				border:6px solid transparent;
				border-left-color:#00cb17;
			}

		#diploma article .img {
			width:95%;
			max-width:700px;
			padding:2%;
			border:1px solid #ccc;
		}

			#diploma article .img img {
				max-width:680px;
				height:auto;
			}

			#diploma article span {
				display:block;
				text-align:right;
				font-size:10px;
				line-height:14px;
				color:#666;
			}

@media screen and (max-width:1160px) {

	#diploma article {
		padding:10px;
	}

}

/*-------------------------------------------------------------------------
	Training
/*-----------------------------------------------------------------------*/
#training {
}

	#training dl {
		margin-bottom:30px;
	}

	#training .detail {
	}

		#training .detail article {
			clear:both;
		}


			#training .detail article dl {
				float:left;
				width:370px;
				margin-right:20px;
				padding:0;
			}

			#training .detail article dl:last-child {
				margin-right:0;
			}

				#training .detail article dl dt,
				#training .detail article dl dd {
					float:none;
					margin:0;
					width:100% !important;
					max-width:100%;
				}

				#training .detail article dl dt {
					margin-bottom:15px;
					padding:5px;
					font-size:18px;
					font-weight: bold;
					line-height:24px;
					border-bottom:3px solid #00cb17;
				}

				#training .detail article dl dd span {
					display:inline-block;
					width:35px;
					height:17px;
					margin-right:10px;
					text-align: center;
					font-size:11px;
					color:#fff;
					background:url(../img/training/bg.png) left bottom no-repeat;
				}

				#training .detail article dl dd {
					line-height:20px;
					font-size:13px;
				}

		#training .graph li {
			margin-bottom:20px;
		}

		#training .graph  span {
			display:block;
			text-align:right;
			font-size:10px;
			color:#666;
		}

@media screen and (max-width:1160px) {

	#training article {
		padding:10px;
	}

		#training .detail article dl {
			float:left;
			width:48%;
			margin-right:4%;
			padding:0;
		}

		#training .detail article dl dt {
			font-size:14px;
			line-height:22px;
		}

			#training .detail article dl dt br {
				display:none;
			}

		#training .detail article dl dd {
			margin-bottom:5px;
		}

}

@media screen and (max-width:640px) {

	#training .detail article dl {
		float:none;
		width:100%;
		margin-right:0;
	}

}

/*-------------------------------------------------------------------------
	Point
/*-----------------------------------------------------------------------*/
#point {
}

	.point img {
		display:block;
		max-width:113px;
		margin-bottom:10px;
	}

	#point dl {
		clear:both;
		overflow:auto;
		margin-bottom:40px;
	}
	
		#point dl dt,
		#point dl dd {
			float:left;
		}

		#point dl dt {
			width:500px;
			margin-right:20px;
		}
		
		#point dl dd {
			max-width:240px;
		}

@media screen and (max-width:1160px) {
	
	#point dl dt,
	#point dl dd {
		float:none;
	}

	#point dl dt {
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	
	#point dl dd {
		margin:0 auto;
	}
		
}