/* ------------------------------
　 基本設定
------------------------------ */

/* 基本 */
body{
margin:0 auto;
padding:0px;
color:#333;
background-color:#ffffff;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
text-align:center;
letter-spacing: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;

}

div{
zoom:100%;
}
div,p{
margin:0px;
padding:0px;
}

/* リンク */
a		{text-decoration:none;}
a:link		{color:#005ba4;}
a:visited	{color:#005ba4;}
a:hover		{color:#f05a24; text-decoration:underline}


img, img a{ border:none;}

ul,ol,li,dl,dt,dd{
margin:0px;
padding:0px;
list-style:none;
zoom:100%;
}

h2,h3,h4{margin:0px; padding:0px; width:auto;}

.txt_s{font-size:11px; line-height:1.4em}
.txt{font-size:13px; line-height:1.4em}
.txt_m{font-size:14px; line-height:1.4em}
.txt_l{font-size:15px; line-height:1.4em}
.txt_b{font-size:17px; line-height:1.4em}
.txt_t{font-size:19px; line-height:1.4em}

.txt_indent1{padding-left:1em; text-indent:-1em;}


/* ------------------------------*/
#header_logo{
margin:0px auto;
padding:0;
background:#fff;
width:960px;
text-align:left;
}
h1{
margin:25px auto 15px;
width:auto;
float:left;
zoom:100%;
}
#header_logo #logoimg{
margin:23px auto 0;
float:right;
}

#header_logo #telimg{
margin:23px 30px 0 0px;
float:right;
}

/* ------------------------------TOP*/

#top_img{
margin:0px auto;
padding:0px 0 0;
background:url(../img/top_imgback.jpg) top center repeat-x;
text-align:center;
box-shadow:0px 4px 6px 0px rgba(0,0,0,0.13);
}

#top_img_bgi{
margin:0px auto;
padding:0px 0 0;
background:url(../img/top_bg_new.jpg) top center repeat;
position:relative;
}

#top_img_bgi div.row{width:960px;height:399px;position:absolute;left:50%;top:0px;margin-left:-480px;}

#top_img_btn_left{position:absolute;top:310px;left:0px;height:198px;}
#top_img_btn_right{position:absolute;top:310px;right:0px;height:198px;}

#top_img_btn{
margin:0 auto;
padding:320px 0 0;
overflow: hidden;
width:960px;
}

#top_img ul{
position:relative;
background:none;
height:178px;
}
#top_img ul li{
margin:0 0 10px 15px;
float:left;
position:relative;
box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.15);

}
#top_img ul li a{
margin:1px;
display:block;
width:148px;
height:164px;
border:1px solid #fff;
}



#top_img ul li a:hover{
margin:0;

filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity:0.85;


}
#top_img ul li.arc a{border:1px solid #369fd9;}
#top_img ul li.arc a:hover{
border:2px solid #FFF;
}
#top_img ul li.med a{border:1px solid #ed6c00;}
#top_img ul li.med a:hover{
border:2px solid #FFF;
}

#top_img ul li#top_01 a{background:url(../img/top_gakka01.png) 0 0 no-repeat;}
#top_img ul li#top_01 a:hover{background:url(../img/top_gakka01.png) -148px 0 no-repeat;}

#top_img ul li#top_02 a{background:url(../img/top_gakka02.png) 0 0 no-repeat;}
#top_img ul li#top_02 a:hover{background:url(../img/top_gakka02.png) -148px 0 no-repeat;}

#top_img ul li#top_03 a{background:url(../img/top_gakka04.png) 0 0 no-repeat;}
#top_img ul li#top_03 a:hover{background:url(../img/top_gakka04.png) -148px 0 no-repeat;}

#top_img ul li#top_04 a{background:url(../img/top_gakka03_new.png) 0 0 no-repeat;}
#top_img ul li#top_04 a:hover{background:url("../img/top_gakka03_new.png") -236px 0 no-repeat;}

#top_img ul li#top_05 a{background:url("../img/top_gakka05.png") 0 0 no-repeat;}
#top_img ul li#top_05 a:hover{background:url("../img/top_gakka05.png") -148px 0 no-repeat;}




#bunner{
margin:10px 5px 0 30px;
overflow: hidden;
}

#bunner ul{display:flex;flex-wrap:wrap;justify-content:space-between;
}
#bunner ul:after{display:none;}
#bunner ul li{flex-basis:343px;max-width:343px;margin-bottom:10px;}
#bunner ul li a:hover{opacity:0.6;}

/* ------------------------------menu*/


#global_area{
margin:0px 0 0;
background:url(../img/global_back.gif) top center repeat-x #89cbdf;
}



#global_area div#globalNavi{
margin:0px auto;
width:962px;
}
#global_area.index div#globalNavi{
margin:0px auto 0;
}


#global_area div ul#nav{
position:relative;

float:left;
background:none;
z-index:1000;
}

#global_area div ul#nav li{
float:left;
position:relative;

}

#global_area div ul#nav li a{
padding:0.7em 0 0.5em;
display:block;
border-left:1px solid #FFF;
/*width:129px;*/
width:157px;
color:#FFF;
box-sizing:border-box;
}
#global_area div ul#nav li.wid a{ width:175px;}
#global_area div ul#nav li.rb a{border-right:1px solid #FFF;}
#global_area div ul#nav li a:hover{
color:#3895ca;
background:url(../img/global_backon_gr.gif) top center repeat-x;
text-decoration:none;
}
#global_area div ul#nav li a{background-image:url(../img/shadow_m.png);background-position:left top;background-repeat:repeat-x;}
#global_area div ul#nav li a.ble{background-color:#00B7ED;}
#global_area div ul#nav li a.grn{background-color:#87CBBF;}
#global_area div ul#nav li a.pnk{background-color:#ED8599;}
#global_area div ul#nav li a.org{background-color:#F5A33B;}
#global_area div ul#nav li a.ppl{background-color:#B890C0;}


#global_area div ul#nav li ul{
top:35px;
left:0px;
display:none;
position:absolute;
text-align:left;
/*width:129px;*/
width:157px;
float:none;
padding:0 0 5px;
background: #e5e4e4;
border-right:1px solid #fff;
border-left:1px solid #fff;
}


#global_area div ul#nav li.wid ul{
top:35px;
left:0px;
display:none;
position:absolute;
text-align:left;
width:175px;
float:none;
padding:0 0 5px;
background: #e5e4e4;
border-right:1px solid #fff;
border-left:1px solid #fff;
}


#global_area div ul#nav li ul li,
#global_area div ul#nav li.wid ul{
float:none;
left:0;
}

#global_area div ul#nav li ul li a{
background:url(../img/bl_blue.gif) 8px 0.7em no-repeat;
padding:10px 8px 7px 18px;
width:100%;
border-bottom:1px solid #9fa0a0;
border-left:none;
color:#595757;
display:block;
box-sizing:border-box;
}

#global_area div ul#nav li.wid ul li a{
background:url(../img/bl_blue.gif) 8px 0.7em no-repeat;
padding:10px 7px 7px 18px;
width:100%;
border-bottom:1px solid #9fa0a0;
border-left:none;
color:#595757;
}



#global_area div ul#nav li ul li.hb a,
#global_area div ul#nav li.wid ul li.hb a{
border-top:1px solid #9fa0a0;
}

#global_area div ul#nav li ul li.lbi a,
#global_area div ul#nav li.wid ul li.lbi a{
background:url(../img/bl_blue2.gif) 8px 0.7em no-repeat;
}

#global_area div ul#nav li.rb ul li,
#global_area div ul#nav li.rb ul li a{
border-right:none;
border-left:none;
}

#global_area div ul#nav li ul li a:hover,
#global_area div ul#nav li.wid ul li a:hover{
background:url(../img/bl_white.gif) 8px 0.7em no-repeat #717071;
color:#FFF;
}

#global_area div ul#nav li ul li.lbi a:hover,
#global_area div ul#nav li.wid ul li.lbi a:hover{
background:url(../img/bl_white2.gif) 8px 0.7em no-repeat #717071;
}


/*------------------------------共通*/


#main{
margin:5px auto 0;
width:960px;
border-top:1px solid #b2b2b2;

}
#main.top{
margin:20px auto 0;
}
#left{
float:left;
width:220px;
text-align:left;
}

#right{
float:right;
border-left:1px solid #b2b2b2;
width:739px;
text-align:left;
padding-bottom:30px;
}


/* ------------------------------left*/

#left dl{
width:215px;
}
#left dl dt{
margin:10px 0 0;
padding:8px 10px 5px;
background:#878787;
color:#FFF;
}
#left dl dd{
border-bottom:1px dotted #717171;
}

#left dl dd a{
padding:9px 5px 5px 24px;
color:#369fd9;
display:block;
background:url(../img/tr_blue.png) 10px 13px no-repeat;

}
#left dl dd a:hover{
color:#4d4d4d;
text-decoration:underline;
background:url(../img/tr_blue.png) 10px 13px no-repeat #edf4f4;;
}

#left ul#left_bunner{
margin:10px 0 0;

}

#left ul#left_bunner li{
margin:15px 0 0;
padding:0px;
}
#left ul#left_bunner li a{
display:block;
text-align:left;
}

#left ul#left_bunner li a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.70;
-khtml-opacity: 0.70;
opacity:0.70;
}

#left ul#left_bunner li ul.shiryo{
margin:0px;
padding:0px;
width:215px;
}

#left ul#left_bunner li ul.shiryo li{
margin:0px;
}
#left ul#left_bunner li ul.shiryo li a{
margin:0px;
padding:5px 0px 0;
border:1px solid #369fd9;
border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
width:212px;
height:240px;
display:block;
text-align:center;
overflow:hidden;
}






/* ------------------------------right_top*/

#news{
margin:10px 5px 10px 30px;
}

#news table{
margin:0px 0 0;
}
#news table td{
padding:10px 10px 6px;
border-bottom: 1px dotted #717171;
}

#news div{
margin:6px 0 0 0;
text-align:right;
}

#news div a{
display:block;
padding:3px 3px 3px 20px;
background:url(../img/sq_rr_kw.gif) left center no-repeat;
width:7.5em;
float:right;
color:#717171;
}

#news div a:hover{
background:url(../img/sq_rr_wk.gif) left center no-repeat;
color:#f05a24;
}


/* ------------------------------right_top*/

#top_gakka{
border-top:1px solid #b2b2b2;
padding:20px 5px 5px 30px;
}


#top_gakka_l{
float:left;
width:342px;
}

#top_gakka_r{
float:right;
width:342px;
}

#top_gakka_l h2,
#top_gakka_r h2{
width:auto;
}

#top_gakka_l ul,
#top_gakka_r ul {
margin:15px 0 0;
width:342px;
}

#top_gakka_l ul li,
#top_gakka_r ul li{
margin:5px 0 0;
text-align:center;
}


#top_gakka_l ul li a{
border:1px solid #7dcbf2;
display:block;
padding:7px 5px;
}
#top_gakka_r ul li a{
border:1px solid #f3ab53;
display:block;
padding:7px 5px;
}


#top_gakka_l ul li a:hover img ,
#top_gakka_r ul li a:hover img{
filter:alpha(opacity=70);
-moz-opacity:0.70;
-khtml-opacity: 0.70;
opacity:0.70;
}

#top_gakka_r ul.sub{
margin-top:42px;
}
#top_gakka_r ul.sub li{
}
#top_gakka_r ul.sub li a{
padding:0px;
border:0px;
}



#top_form{
padding:110px 0px 0 0px;
width:960px;margin:20px auto;
}

#top_form_1{
float:left;
width:325px;
}
#top_form_2{
float:left;
width:149px;
}
#top_form_3{
float:left;
width:312px;
}
#top_form_4{
float:right;
width:149px;
}


#top_form_1 ul{
background:url("../img/top_form_01back_s3.jpg") no-repeat;
height:189px;
padding:0 8px 0;
border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-sizing:border-box;
padding-top:122px;
padding-right:13px;
text-align:left;
}

#top_form_1 ul li{
display:inline-block;
width:100%;
}
#top_form_1 ul li a{
background:url(../img/sq_rr_ow.gif) 7px 6px no-repeat #FFF;
display:block;
padding:2px 4px 2px 20px;
color:#595757;
font-size:1.3em;
line-height:1.7em;
font-weight:bold;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
}

#top_form_1 ul li a:hover{
background:url(../img/sq_rr_wo.gif) 7px 6px no-repeat #ed6c00;
color:#fff;
}
#top_form_2{
	margin-left:12px;
}

#top_form_2 ul li:nth-of-type(1){
height:78px;
margin-bottom:10px;
}
#top_form_2 ul li:nth-of-type(2){
height:101px;
}

#top_form_2 ul li img{
display: block;
margin:0;
padding:0
}

/*
#top_form_2 ul li{
background:url("../img/top_form_ao.jpg") no-repeat;
height:189px;
box-sizing:border-box;
border:1px solid #e67791;
border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;

}

#top_form_2 ul li{
margin-top:155px;
margin-left:8px;
float:left;
}
#top_form_2 ul li a{
background:url("../img/sq_rr_p.jpg") 7px 6px no-repeat #FFF;
display:block;
padding:4px 8px 3px 23px;
border:1px solid #e67791;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
}


#top_form_2 ul li a:hover{
background:url("../img/sq_rr_ph.jpg") 7px 6px no-repeat #e67791;
border:1px solid #fff;
color:#fff;
}
*/
#top_form_3{
	margin-left:8px;
}

#top_form_3 ul{
background:url(../img/top_form_newcourse.jpg) no-repeat;


border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-sizing:border-box;
padding-top:160px;
margin-left:18px;
text-align:left;
}

#top_form_3 ul li{
display:inline-block;
}
#top_form_3 ul li a{
background:url(../img/sq_rr_ow.gif) 7px 6px no-repeat #FFF;
display:block;
padding:2px 4px 2px 20px;
color:#595757;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
}

#top_form_3 ul li a:hover{
background:url(../img/sq_rr_wo.gif) 7px 6px no-repeat #ed6c00;
color:#fff;
}

#top_form_4 ul{
background:url(../img/top_form_02back_20.jpg) no-repeat;
height:189px;
box-sizing:border-box;
border:1px solid #369fd9;
border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

#top_form_4 ul.y21{
background:url(../img/top_form_02back_21.jpg) no-repeat;
}

#top_form_4 ul li{
margin-top:155px;
margin-left:8px;
float:left;
}
#top_form_4 ul li a{
background:url(../img/sq_rr_bw.gif) 7px 6px no-repeat #FFF;
display:block;
padding:4px 8px 3px 23px;
border:1px solid #369fd9;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
}


#top_form_4 ul li a:hover{
background:url(../img/sq_rr_wb.gif) 7px 6px no-repeat #369fd9;
border:1px solid #fff;
color:#fff;
}


/*SNS*/


#sns,#sns_s{
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding:20px 5px 5px 30px;
}
#sns::after,#sns_s::after{
	display:none;
}
#sns a{
	display:block;
	width:49%;
	margin-bottom:2em;
}

#sns_s a{
	display:block;
	width:23%;	
	margin-bottom:2em;	
}
#sns a img,
#sns_s a img{width:100%;}



/* ------------------------------footer*/

#page_top{
margin:35px auto 0;
text-align:right;
float:none;
clear:both;
width:960px;
}
#page_top p a{
display:block;
padding:5px 23px 4px 0;
background:url(../img/sq_tr_bw.png) right center no-repeat;
color:#323333;
width:5.5em;
float:right;
}
#page_top p a:hover{
background:url(../img/sq_tr_wb.png) right center no-repeat;
color:#f05a24;
}


#footer_area{
margin:5px 0 0;
background:#f5f7f7;
text-align:center;
float:none;
clear:both;
}

#footer{
margin:0 auto;
width:960px;

}

#footer address{
margin:12px 0 10px;
float:left;
}
#footer p{
margin:10px 0 0 0;
float:right;
}

#footer .txt a{display:inline-block;color:#FFF;padding:3px 5px 1px;background:#3DA0D7;border-radius:3px;}
#footer .txt a+a{margin-left:6px;}

#copy{
margin:0 auto;
padding:10px 0 15px;
width:960px;
text-align:left;
color:#878887;
}

/* ------------------------------*/
div:after,
h1:after,
ul:after,ol:after,li:after,dl:after,dt:after,dd:after{
content: "";
clear:both;
height:0;
display:block;
visibility:hidden;
}

/*-------------カリキュラム-------------*/
.curriculum{
	margin-top:10px;
}
.curriculum td,
.curriculum th{
	line-height:1.5em;
}


.curriculum td{	
	border-right:1px solid #000;
}
.curriculum th,
.curriculum td:nth-last-of-type(9),
.curriculum td:nth-last-of-type(8),
.curriculum td:nth-last-of-type(5),
.curriculum td:nth-last-of-type(2),
.curriculum td:nth-last-of-type(1){	
	border-right:2px solid #000;
}
.curriculum thead th,
.curriculum tbody tr:nth-of-type(1) th,
.curriculum tbody tr:nth-of-type(1) td,
.curriculum tfoot tr:nth-of-type(1) td,
.curriculum tfoot tr:nth-of-type(1) th,
.curriculum tbody tr:nth-last-of-type(1) th,
.curriculum tbody:nth-of-type(n+2) tr:nth-last-of-type(1) td,
.curriculum tbody:nth-of-type(n+2) tr:nth-last-of-type(2) th,
.curriculum tbody:nth-of-type(n+2) tr:nth-last-of-type(2) td
{
	border-top:2px solid #000;
}

.curriculum tbody:nth-of-type(2) tr:nth-of-type(1) th,
.curriculum tbody:nth-of-type(2) tr:nth-of-type(1) td{
	border-top:1px solid #000;
}

.curriculum tbody:nth-of-type(2) tr:nth-last-of-type(2) th,
.curriculum tbody:nth-of-type(2) tr:nth-last-of-type(2) td{
	border-top:none;
}

.curriculum thead tr:nth-child(1) th:nth-child(1),
.curriculum tbody th,
.curriculum tfoot th,
.curriculum tbody:nth-last-of-type(1) tr:nth-last-of-type(1) td:first-child{
	border-left:2px solid #000;
}
.curriculum tfoot th,
.curriculum tfoot td{
	border-bottom:2px solid #000;
}

.curriculum td,th{
	text-align:center;
}
.curriculum td:nth-last-of-type(-n+7){
	text-align:right !important;
}
.curriculum tbody tr:nth-last-of-type(1) td:nth-of-type(1),
.curriculum tbody:nth-last-of-type(1) tr:nth-last-of-type(2) td:nth-of-type(1){
text-align:center;
}

/*-------------------------------ギャラリー*/
#gallery div::after{
	display:none;
}

#gallery p.title_a{
	margin:0.5em;
}

#gallery b.main_c{
	font-size:1.3em;
}

#gallery div.flex{
	margin-bottom:3em;
}

#gallery div.flex a{
	width:45%;
	margin:2%;
	display:block;
}

#gallery div.flex a img{
	width:100%;
	
}




/* ------------------------------教職員採用情報*/
#recruit_staff{
	padding:9px 10px 7px;
	border:1px solid #F1C9C5;
	background:#FCF3F2;}
#recruit_staff p{
	text-align:left;}
#news div #recruit_button a{
	display:block;
	float:right;
	text-align:left;
	background:url(../img/recruit_icon_off.gif) 7px no-repeat #ffffff;
	padding:6px 0 5px 23px;
	width:75px;
	border:1px solid #EA6F62;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
	color:#E84332;/*#AB2112*/
	margin-top:-2em;}
#news div #recruit_button a:hover{
	background:url(../img/recruit_icon_on.gif) 7px no-repeat #e84332;
	color:#ffffff;}


#zaimu{
	width:94%;
	margin:1em auto;
	padding:1em;
	border-collapse: collapse;
	
}
#zaimu th{
	padding:0.5em 0;
	border:1px solid #ccc;
	background:#fff;
}
#zaimu td{
	border:1px solid #ccc;
	padding:0.5em;
}

#top_form_2 #about{
background:url(../img/sq_rr_ow.gif) 4px no-repeat #FFF;
display:block;
padding:2px 4px 2px 16px;
color:#595757;
font-size:1.3em;
line-height:1.3em;
font-weight:bold;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
}

#top_form_2 #about:hover{
background:url(../img/sq_rr_wo.gif) 4px no-repeat #ed6c00;
color:#fff;
}

.top_line{
	margin:15px 5px 0 30px;
	padding:15px 18px;
	background:url(../img/top_line.gif) no-repeat;}
.top_line img.line_qr{
	width:110px;
	height:auto;
	float:right;}

ul.txtbox_left{
	
}

ul.txtbox_left:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}

ul.txtbox_left li{
	padding-right:20px;
	float:left;}