@charset "UTF-8";
/* School */

@import url("content.css");

/*---------------------------------------------------- */
/* Headtitle */
/*---------------------------------------------------- */
.headtitle {
	text-align: center;
}

/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#sect001 {
	width: 100%;
	height: auto;
	margin: 0;
	padding-top: 40px;
	padding-bottom: 50px;
}

#sect002 {
	width: 100%;
	height: auto;
	margin: 0;
	padding-top: 40px;
	padding-bottom: 50px;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.waku {
	width: 100%;
	height: auto;
	margin: 0;
}

.waku .waku-left {
	width: 66%;
	float: left;
}

.waku .waku-right {
	width: 30%;
	float: right;
}

/*---------------------------------------------------- */
/* Banner */
/*---------------------------------------------------- */
.waku .waku-bnr {
	padding: 0 0 30px 0;
	margin: 0;
	width: 100%;
}

.waku .waku-bnr .bnr-school {
	width: 100%;
}

.waku .waku-bnr .bnr-school img {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

/*---------------------------------------------------- */
/* P */
/*---------------------------------------------------- */
.waku p {
	font-size: 123.1%;
	margin: 0;
	padding: 0;
}

/*---------------------------------------------------- */
/* Photo */
/*---------------------------------------------------- */
.waku .photo-school {
	width: 100%;
}

.waku .photo-school img {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

/*---------------------------------------------------- */
/* Course */
/*---------------------------------------------------- */
.haco-course {
	padding: 20px 0 0 0;
	margin: 0;
	width: 100%;
	height: auto;
}

.haco-course table {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

.haco-course table td.course-box1 {
	padding: 8px 0;
	margin: 0;
	width: 32%;
	height: auto;
}

.haco-course table td.course-box2 {
	padding: 0;
	margin: 0;
	width: 2%;
	height: auto;
}

/*---------------------------------------------------- */
/* Colorbox */
/*---------------------------------------------------- */
.colorbox {
	padding: 8px 0;
	margin: 0;
	width: 100%;
	border: 1px solid #CCCCCC;	
}

.colorbox p {
	padding: 0;
	margin: 0 8px;
	font-size: 100%;
}

.colorbox p .red1 {
	padding: 0;
	margin: 0 10px 0 0 0;
	color: #ea5350;
}

.colorbox p .red2 {
	padding: 0;
	margin: 0 10px 0 0 0;
	color: #b93a2c;
}

.colorbox p .blue1 {
	padding: 0;
	margin: 0 10px 0 0 0;
	color: #006b86;
}

.colorbox p .blue2 {
	padding: 0;
	margin: 0 10px 0 0 0;
	color: #2f8fbb;
}

.colorbox p .yellow1 {
	padding: 0;
	margin: 0 10px 0 0 0;
	color: #f29839;
}

.colorbox p .green1 {
	padding: 0;
	margin: 0 10px 0 0 0;
	color: #84a554;
}

.colorbox p .purple1 {
	padding: 0;
	margin: 0 10px 0 0 0;
	color: #6979a2;
}

.colorbox p .pink1 {
	padding: 0;
	margin: 0 10px 0 0 0;
	color: #ee858c;
}

/*---------------------------------------------------- */
/* Button */
/*---------------------------------------------------- */
.waku .waku-btn {
	padding-top: 20px;
	width: 100%;
	overflow: hidden;
}

.waku .waku-btn .btn-links1 {
	float: right;
	margin-left: 15px;
}

.waku .waku-btn .btn-links1 a {
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	padding: .5em 1em .4em;
	background-color: #009e96;
	display: block;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.waku .waku-btn .btn-links1 a:hover {
	background-color: #00726b;
}