/*-------------------------------------------------

-------------------------------------------------*/
*{ padding: 0; margin: 0;}
/*
body{ font-size: 16px; color: #333; background:#fffac6; font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro," メイリオ",Meiryo,Osaka," ＭＳ Ｐゴシック",MS PGothic," sans-serif";}
*/
body{ font-size: 16px; color: #333; background:#eaeae0; font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro," メイリオ",Meiryo,Osaka," ＭＳ Ｐゴシック",MS PGothic," sans-serif";}


img{ border: none;}
h1{ font-size: 20px; color: #1a202c; font-weight:normal; text-transform:uppercase;}
h1 span.c_1{ color: #6aaee0;}
h1 span.c_2{ color: #ed7faf;}
h1 span.c_3{ color: #fbc92c;}
h1 span.c_4{ color: #10b3a0;}

h2{ font-size: 24px; color: #355ba1; font-weight: bold; line-height: 22px;}
h3{ font-size: 18px; color: #333333; font-weight: bold; line-height: 22px;}
h3 span{ font-size: 16px; color: #333333; font-weight:normal; line-height: 20px;}
p{ line-height: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
a{ text-decoration:none; color: #355ba1;}
a:hover{ color: #d13f31;}
/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/
.mar-top30{ margin-top: 30px;}
.mar-top20{ margin-top: 20px;}
.mar-top10{ margin-top: 10px;}
.mar-right30{ margin-right: 30px;}
.mar-bottom20{ margin-bottom: 20px;}
.float-left{ float: left;}
.float-right{ float: right;}
.clearing { clear: both;}
.panel{ background: #ffffff;}
.title{}
.Stitle{ padding: 20px 40px 0px 40px; box-sizing:border-box;}
.content{}

.button a{ text-decoration: none; display: block; width: 140px; height: 30px; background: #00a0e9; color: #ffffff; line-height: 30px; text-align: center; text-transform: uppercase;}
.button_top a{ text-decoration: none; display: block; width: 140px; height: 30px; background: #355ba1; color: #ffffff; line-height: 30px; text-align: center; text-transform: uppercase;}

.button a:hover{ background: #d13f31;}

.page{ width: 960px; margin: 0 auto;overflow: hidden;}
/*-------------------------------------------------
MENU CLASSES
-------------------------------------------------*/
.menu-wrap{ overflow: hidden; background: #ffffff;}
.menu{ margin: 0 auto; width:960px; background: #ffffff;　height:85px; margin-top:10px;}
.menu ul li{ list-style:none; float:left; width:auto;}
.menu ul li a{ display:block; height:85px; line-height:85px; padding-left:30px; padding-right:30px; font-size:18px; color:#1a202c; border-right:#ffffff solid 1px; text-transform:uppercase;}
.menu ul li a:hover{ background: #ffffff; color:#1a202c;}

.menu ul li a.M_01:hover{ background:#6aaee0; color:#ffffff;}
.menu ul li a.M_02:hover{ background:#ed7faf; color:#ffffff;}
.menu ul li a.M_03:hover{ background:#fbc92c; color:#ffffff;}
.menu ul li a.M_04:hover{ background:#10b3a0; color:#ffffff;}
.menu ul li a.M_05:hover{ background:#ece1e3; color:#1a202c;}

.menu ul li a.active{ background: #ece1e3; color:#1a202c;}

/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/
.header{margin:0 auto; width: 960px; height: 80px;}
.logo{ width: 600px; float: left; line-height: 80px;}
.logo h1{ font-size:28px; color: #d13f31; font-weight: normal;}
.logo h1 span{ color:#1a202c;}

.social{ float:right; margin-top: 30px;}
.social ul li{list-style:none; float:left; margin-left:15px;}

/*-------------------------------------------------
div banner
-------------------------------------------------*/
.banner{width:960px; height:240px; margin:0 auto; margin-bottom:30px; position:relative;}
/*
.banner h1{ padding:0px; float:right; background:#fffac6; text-transform:uppercase; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top: 0px; right: 0;}
*/
.banner h1{ padding:0px; float:right; background:#eaeae0; text-transform:uppercase; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top: 0px; right: 0;}
.banner h2{ padding:10px; float:right; background:#ffffff; text-transform:uppercase; color:#1a202c;  font-size:22px; font-weight:normal; font-family: Roboto; position: absolute; top: 58px; right: 0;}
/*-------------------------------------------------
MAIN COLUMAS CLASSES
-------------------------------------------------*/
.primary-col{ width: 650px; overflow: hidden; float: left;}
.primary-col p{ padding-bottom: 10px; line-height: 22px;}
.generic{ float: left; overflow: hidden; width: 100%;}
.generic002{ float: left; overflow: hidden; width: 100%; background: #ffffff; margin: 30px 0 10px 0;}
.generic003{ float: left; overflow: hidden; width: 100%; background: #ffffff; margin: 20px 0 10px 0;}
.generic004{ float: left; overflow: hidden; width: 100%; background: #ffffff; margin: 20px 0 0px 0;}
.generic .panel{ padding: 20px 30px 30px 30px;}
.generic .title h1{ padding-bottom: 0px; color: #be4f7f;}
.generic .title h2{ padding-bottom: 0px; color: #be4f7f; font-weight: normal;}
.generic .content{ overflow: hidden;}
.generic .content h2{ padding-top: 10px; padding-bottom: 10px;}
.block{ width: 320px;}
.block .panel{ padding: 10px 10px 30px 20px;}
.block .title h1{ padding-bottom: 0px;}
.block .content img{ padding-bottom: 20px;}
.block .content h3{ padding-bottom: 10px;}
.block .content p{ padding-bottom: 20px;}

.block .content dt{ font-size: 14px;}
.block .content dt.sec{ font-size: 14px; margin: 5px 0 0 0;}
.block .content dd{ font-size: 14px; line-height: 20px;}
.block .content dd.s12{ font-size: 12px; line-height: 20px;}
.block .content dd.s12 span{ padding: 0 0 0 12px;}

/*-------------------------------------------------
SIDE BAR CLASSES
-------------------------------------------------*/
.side-bar{ width: 280px; overflow: hidden; float: right;}
.search{ background: #d13f31; padding: 25px 20px 25px 20px; overflow: hidden;}
.search .title h1{ color: #fff; padding-bottom: 20px;}
.search ul li{ list-style: none; float: left; list-style: none;}
.textfiled{ background: #ffffff; width: 200px; height: 36px;  text-indent: 5px; border: none;}
.side-bar .panel{ padding: 30px 20px 25px 20px; overflow:hidden;}
.side-bar .panel .title{ padding-bottom: 25px;}
.side-bar .panel .title span{ float:left; padding: 4px 8px 0 2px;}

.side-bar .content ul li{ list-style: none; color: #1a202c; height: 80px; padding: 0 0 10px 20px;}
.side-bar .content ul li.-no-border-bottom{ border-bottom: none;}
.side-bar .content ul li a{ text-decoration: none; color: #1a202c;}
.side-bar .content ul li a img:hover{ opacity: 0.6;}

.side-bar .content img{ float:left;}
.side-bar .content .recentPost{ float: right; text-align: left; width: 130px; line-height: 16px; font-size: 12px;}
.side-bar .content .recentPost span{ float:right; text-align: left; width: 130px; line-height: 18px; font-size: 14px; font-weight: bold;}
.side-bar .content .recentPost a{ text-decoration:none; color:#355ba1; float:left; padding-top:20px;}
.side-bar .content .recentPost a:hover{ color:#d13f31;}

/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/

.contact-form { background:#f4f8f6; padding:30px; width:440px; float:left;}
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {display: block; color:#939191;font-size:14px; float:left; width:80px; text-align:left; padding:5px 20px 0 0;}
.contact-form .input_text {padding:10px 10px;width:318px;background:#ffffff;border:#e1ece7 1px solid; color:#939191;}
.contact-form .message{padding:10px 10px;width:318px; background:#ffffff; border:#e1ece7 1px solid;overflow:hidden;height:150px; color:#939191; font-size:14px;}
.contact-form .button{padding:8px;background:#355ba1; color:#ffffff; text-transform:uppercase; font-family:'Oswald', sans-serif;border:0px solid;margin-left:100px;margin-top:20px;}

.address { float:left; width:370px; margin-left:30px;}
.address .panel { border:none; color:#9b9e9a}
.address .panel .title h1 {  color:#d13f31; padding-bottom:10px;}
.address .panel .content p span { color:#9b9e9a;}


/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
.primary-footer{ overflow:hidden; margin:0 auto; min-width:960px;}
.footer-wrap{ background:#1a202c; overflow:hidden; padding-top:50px; margin-top:50px; padding-bottom:50px;}
.footer{ width:960px; margin:0 auto;}
.footer .panel{float:left; background:none; width:300px;}
.footer .panel .title h1{ color:#ffffff;}
.footer .panel .content{padding-top:25px;}
.footer .panel .content p{ color:#435059;}
.footer .panel .content .button a{ margin-top:30px; background:#d13f31; width:70px; height:30px;}
.footer .panel .content .button a:hover{ margin-top:30px; background:#355ba1;}
.footer .panel .content ul li{ list-style:url(../images/arrow.png) inside; border-bottom:#273042 solid 1px; line-height:35px;}
.footer .panel .content ul li a{text-decoration:none; color:#435059;}
.footer .panel .content ul li a:hover{color:#d13f31;}
.footer .panel .content ul li.-no-border-bottom{border-bottom:none;}

.copyright-wrap{ background: #355ba1; overflow: hidden; padding: 20px 0px 20px 0px;}
.copyright-wrap .panel{width: 960px; margin: 0 auto; background: none;}
.copyright-wrap .panel .content p{ color: #ffffff; text-align: center; font-size: 12px;}
.copyright-wrap .panel .content p a{ text-decoration: none; color: #ffffff;}
.copyright-wrap .panel .content p a:hover{ color: #1a202c;}



.textred2{
    color: #c00;
}
.program_box3{
	clear:both;
	margin: 10px 0px 10px 0px;
	padding: 7px 7px 0px 7px;
	border: 2px solid #c00;
    color: #c00;
}

.program{
	clear:both;
	width: 570px;
	box-sizing:border-box;
}
.program dl{
	clear:both;
	margin:10px 0 20px 0; 
/*	height:260px;*/
}
.program dt{
	float:left;
	clear:both;
	width: 100px;
	font-weight:bold;
	font-size:18px;
}

.program dd{
	float:left;
	width: 460px;	
}

.program li{
	list-style:none;
}
.font10{
	font-size: 10px;
}

.font12{
	font-size: 12px;
}
.font14{
	font-size: 14px;
}
.font16{
	font-size: 16px;
}

.font18{
	font-size: 18px;
}

.font_b{
	font-weight: bold;
}
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list3 li{
	position:relative;
	padding-left:50px;
	padding-top:10px;
	font-size: 24px; 
	font-weight: bold;
}
 
.list3-maru:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:3px; 
	left:3px; 
	border-radius:25px;
	height:25px; 
	width:25px; 
	border:7px solid #ea3d92;
}

.content p{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.teacher img{
	border:1px solid #dcdcdc;
}

table.type08 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-left: 1px solid #ccc;
	margin:30px 0px 20px 0px;
	font-size: 14px; 
}

table.type08 thead th {
    padding: 8px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #ea3d92;
    background: #dcdcd1;
	text-align: center;
}

table.type08 tbody th {
    padding: 8px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #ececec;
	font-size: 14px; 
	text-align: center;
}

table.type08 td {
    padding: 8px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
	font-size: 14px; 
	vertical-align:middle;
}
.type08_1{
    width: 35px;
}
.type08_2{
    width: 55px;
	text-align: center;
}
.type08_3{
    width: 650px;
    border-right: 1px solid #ccc;
}
.type08_4{
    width: 170px;
	text-align: center;
}

.type08_5{
    width: 170px;
	text-align: center;
    border-right: none;
}
.suke01{
	font-size: 14px; 
}
.suke02{
	font-size: 16px; 
    font-weight: bold;
}
.suke03{
	font-size: 18px; 
    font-weight: bold;
}
.suke04{
	font-size: 12px; 
}

.text_day {
    color: #355ba1;
	font-size: 24px; 
    font-weight: bold;
    line-height: 25px;

}
.text_day1 {
    line-height: 25px;

}
.mt07 {
	margin: 7px 0px 0px 0px;

}
.mt10 {
	margin: 10px 0px 0px 0px;

}
.mt50 {
	margin: 50px 0px 0px 0px;

}

.pt10 {
	padding: 10px 0px 0px 0px;

}
.pt50 {
	padding: 50px 0px 0px 0px;

}