@charset "utf-8";
@media print, screen and (min-width: 771px) {
body {
	-webkit-print-color-adjust: exact;
}
body,h1,h2,h3,h4,h5,p,ul,li {
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #525252;
}

dl{
	margin:0;
	padding:0;
}

.w1080Contents {
	width:1080px;
	margin:0 auto;
}

ul li {
	list-style-type:none;
}
a img {border-style:none;} 

.tC {
	text-align:center;
}

.tR {
	text-align:right;
}

.tL {
	text-align:left;
}

.left {float: left;}

.right {float: right;}

.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}


.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}



.clearfix_2:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height: 0vh;
	visibility:hidden;
	content:".";
}
.clearfix_2 {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix_2 {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

.height0 {
	line-height: 0;
}
	
	
a:link {color:#3c5899;text-decoration: underline;} /*未訪問のリンクの色*/
a:visited {color:#3c5899;text-decoration: underline;} /*訪問済みのリンクの色*/
a:hover {color:#3c5899;text-decoration: underline;} /*カーソルが乗っているリンクの色*/
a:active {color:#3c5899;text-decoration: underline;} /*クリック中のリンクの色*/

/*** top ***/

.mt0 {
	margin-top:0px !important;
}

.mt5 {
	margin-top:5px !important;
}

.mt10 {
	margin-top:10px !important;
}

.mt20 {
	margin-top:20px !important;
}

.mt30 {
	margin-top:30px !important;
}

.mt40 {
	margin-top:40px !important;
}

.mt50 {
	margin-top:50px !important;
}

.mt60 {
	margin-top:60px !important;
}

.mt70 {
	margin-top:70px !important;
}

.mt80 {
	margin-top:80px !important;
}

.mt90 {
	margin-top:90px !important;
}
.mt100 {
	margin-top:100px !important;
}

/*** bottom ***/

.mb0 {
	margin-bottom:0px !important;
}

.mb5 {
	margin-bottom:5px !important;
}

.mb10 {
	margin-bottom:10px !important;
}

.mb20 {
	margin-bottom:20px !important;
}

.mb25 {
	margin-bottom:25px !important;
}

.mb30 {
	margin-bottom:30px !important;
}

.mb35 {
	margin-bottom:35px !important;
}

.mb40 {
	margin-bottom:40px !important;
}

.mb45 {
	margin-bottom:45px !important;
}

.mb50 {
	margin-bottom:50px !important;
}

.mb60 {
	margin-bottom:60px !important;
}

.mb70 {
	margin-bottom:70px;
}

.mb80 {
	margin-bottom:80px;
}

.mb90 {
	margin-bottom:90px;
}

.mb100 {
	margin-bottom:100px;
}

/*** left***/

.ml10 {
	margin-left:10px;
}

.ml20 {
	margin-left:20px;
}

.ml30 {
	margin-left:30px;
}

.ml40 {
	margin-left:40px;
}

.ml50 {
	margin-left:50px;
}

.ml60 {
	margin-left:60px;
}

.ml70 {
	margin-left:70px;
}

.ml80 {
	margin-left:80px;
}

.ml90 {
	margin-left:90px;
}

/*** right***/

.mr10 {
	margin-right:10px;
}

.mr20 {
	margin-right:20px;
}

.mr28 {
	margin-right:28px;
}


.mr30 {
	margin-right:30px;
}

.mr40 {
	margin-right:40px;
}

.mr50 {
	margin-right:50px;
}

.mr58 {
	margin-right:58px;
}

.mr60 {
	margin-right:60px;
}

.mr70 {
	margin-right:70px;
}

.mr80 {
	margin-right:80px;
}

.mr90 {
	margin-right:90px;
}


/*** padding left***/

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl68 {
  padding-left: 68px !important;
}


.pl100 {
  padding-left: 100px !important;
}

.pl105 {
  padding-left: 105px !important;
}

.pl110 {
  padding-left: 110px !important;
}

.pl115 {
  padding-left: 115px !important;
}

/*** padding right***/

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr58 {
  padding-right: 58px !important;
}


.pr115 {
  padding-right: 115px !important;
}

/*** padding top***/

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-left: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

/*** width ***/

.w180 {
	width: 180px;
}

.w220 {
	width: 220px;
}


.w230 {
	width: 230px;
}

.w240 {
	width: 240px;
}

.w250 {
	width: 250px;
}

.w260 {
	width: 260px;
}

.w270 {
	width: 270px;
}

.w280 {
	width: 280px;
}

.w300 {
	width: 300px;
}

.w320 {
	width: 320px;
}

.w330 {
	width: 330px;
}

.w340 {
	width: 340px;
}

.w350 {
	width: 350px;
}

.w360 {
	width: 360px;
}

.w380 {
	width: 380px;
}

.w390 {
	width: 390px;
}

.w430 {
	width: 430px;
}

.w460 {
	width: 460px;
}

.w470 {
	width: 470px;
}

.w480 {
	width: 480px;
}

.w490 {
	width: 490px;
}

.w580 {
	width: 580px;
}

/**************************************

	MAIN VISUAL MOVIE

**************************************/
#movieArea {
	/*margin-top: 50px;*/
	max-height: 80vh;
	overflow: hidden;
}

#movieArea .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}


#movieArea .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
	/*height: 80vh;*/
}
/**************************************

	HEADER SUB MENU

**************************************/

#header_inner {
    width:1080px;
	margin:0 auto;
}

#header_inner #logo {
    padding-top: 15px;
    float: left;
    margin-right: 220px;
}

#header_right {
	width: 490px;
    float: right;
    *zoom: 1;
}

#global_nav ul {
    display: flex;
}

.category_menu {
	margin-top: 15px;
}

.category_menu ul {
	display: flex;
}

#c_menu_01 {
	background: #3c5899 ;
	padding: 13px 20px 10px;
	color: #fff;
	border-radius: 5px;
	font-size: 13px;
	margin-right: 10px;
}

#c_menu_01 a:link {
	color: #fff;
	text-decoration: none;
}

#c_menu_01 a:visited {
	color: #fff;
	text-decoration: none;
} /*訪問済みのリンクの色*/
#c_menu_01 a:hover {
	color:#ffffff;
	text-decoration: none;
} /*カーソルが乗っているリンクの色*/
#c_menu_01 a:active {
	color:#ffffff;
	text-decoration: none;
} /*クリック中のリンクの色*/

#global_nav ul li {
	background: url(../images/img_commons/ico_header_menu.png) #f2f2f2 no-repeat scroll 12px center;
	font-size: 13px;
	padding: 10px 10px 10px 35px;
	margin: 10px 7px 30px;
	border-radius: 5px;
} 

#global_nav ul li:first-child {
	margin-left: 0px !important;
}

.headerContents {
	width:1080px;
	margin:0 auto;
}

.HeaderSubMenu {
  display: flex;
}
.HeaderSubMenu li:first-child {
  margin-right: auto;
}

ul.HeaderSubMenu li h1 a img {
	margin: 25px 0 22px;
}

ul.HeaderSubMenu li.subMenu {
    background: url(../images/img_commons/ico_header_menu.png) #f2f2f2 no-repeat scroll 12px 10px;
    font-size: 13px;
    padding: 5px 10px 5px 30px;
    margin: 33px 5px;
    border-radius: 5px;
}

li.subMenu a:link {color:#7a7a7a;text-decoration: none;} /*未訪問のリンクの色*/
li.subMenu a:visited {color:#7a7a7a;text-decoration: none;} /*訪問済みのリンクの色*/
li.subMenu a:hover {color:#7a7a7a;text-decoration: none;} /*カーソルが乗っているリンクの色*/
li.subMenu a:active {color:#7a7a7a;text-decoration: none;} /*クリック中のリンクの色*/

.headertop_bg {
	border-bottom:6px solid #3c5899;
}

/*Seach*/
    dl.search1{
    	position:relative;
    	background-color:#fff;
    	border:3px solid #b5b5b5;

    }
    dl.search1 dt{
    	margin-right:40px;
    	padding:5px 0 5px 8px;
    }
    dl.search1 dt input{
    	/*width:100%;*/
    	height:24px;
    	line-height:24px;
    	background:none;
    	border:none;
		width: 270px;
    }
    dl.search1 dd{
    	position:absolute;
    	top:0;
    	right:0;
		padding: 10px;
    }
    dl.search1 dd button{
    	display:block;
    	padding:10px;
    	background:none;
    	border:none;
    }
/*
    dl.search1 dd button span{
    	display:block;
    	width:20px;
    	height:20px;
    	background:url(../images/img_commons/searches.png) no-repeat scroll 0 0;
    }
*/
#c_menu_02 input.submit{
    display: block;
    padding: 10px;
    background: none;
    border: none;
    width: 20px;
    height: 20px;
    background: url(../images/img_commons/searches.png) no-repeat scroll 0 0;
}

.headerSub_bg {
}


#MianImg {
	width: 100%;
	height: 669px;
	background:url(../images/img_index/mainimg_index.jpg) #FFF no-repeat scroll center center / cover;
}

.main_visual {
	
}

.main_visualArea {
	position:relative;
	/*width:1080px;
	height: 669px;
	margin:0 auto;*/
}
/*
.Emergency {
	position:relative;
}
*/
#EmergencyArea {
	position:absolute;
	width:500px;
	right:60px;
	bottom:20px;
}

.EmergencyBox {
	border:3px solid #dedd12;
	background-color: rgba(255,255,255,0.6);
	padding:10px;
	margin: 0 0 40px;
}

.EmergencyBox p {
	font-size:13px;
	line-height:1.5;
}

.EmergencyBox p a:link {color:#3a5998;} /*未訪問のリンクの色*/
.EmergencyBox p a:visited {color:#3a5998;} /*訪問済みのリンクの色*/
.EmergencyBox p a:hover {color:#3a5998;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.EmergencyBox p a:active {color:#3a5998;} /*クリック中のリンクの色*/

.EmergencyTit {
	color:#d90000;
	font-weight:bold;
	margin-bottom:13px;
    font-size: 18px;
}

.EmergencyTit::before {
	content: url(../images/img_index/ico_emergency.png);
	
}

/**************************************

	GLOBAL MENU

**************************************/

#GlobalMenu {
	background:#3c5899;
}

.MenuContents {
	width:1080px;
	margin:0 auto;
}

#GlobalMenuBar {
  display: flex;
  justify-content: space-between;
}

ul#GlobalMenuBar li {
	font-size: 16px;
	border-right: 1px solid #778ab8;
	width: 180px;
	text-align: center;
	height: 60px;
	line-height: 60px;
}


ul#GlobalMenuBar li ul.sub_menu_03 li,ul#GlobalMenuBar li ul.sub_menu_04 li {
	font-size: 16px;
	border-right: 1px solid #778ab8;
	width: 180px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

ul#GlobalMenuBar li ul.sub_menu_01 li {
	font-size: 16px;
	border-right: 1px solid #778ab8;
	width: 260px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

ul#GlobalMenuBar li ul.sub_menu_02 li {
	font-size: 16px;
	border-right: 1px solid #778ab8;
	width: 260px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

ul#GlobalMenuBar li ul.sub_menu_05 li {
	font-size: 16px;
	border-right: 1px solid #778ab8;
	width: 300px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

ul#GlobalMenuBar li ul.sub_menu_06 li {
	font-size: 16px;
	border-right: 1px solid #778ab8;
	width: 300px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}


#GlobalMenuBar li:first-child {
	border-left: 1px solid #778ab8;
}

#GlobalMenuBar li li {
  border: none !important;
}

#GlobalMenuBar li a {
	display:block;
}

#GlobalMenuBar li a:link {color:#FFF;text-decoration: none;} /*未訪問のリンクの色*/
#GlobalMenuBar li a:visited {color:#FFF;text-decoration: none;} /*訪問済みのリンクの色*/
#GlobalMenuBar li a:hover {color:#FFF;text-decoration: none;background: #0e1f5b;} /*カーソルが乗っているリンクの色*/
#GlobalMenuBar li a:active {color:#FFF;text-decoration: none;background: #0e1f5b;} /*クリック中のリンクの色*/

#GlobalMenuBar li.active a{color:#FFF;text-decoration: none;background: #0e1f5b;} 

/*** TopMenu ***/

#GlobalMenu {
    background: #3c5899;
}


/**************************************

	TOPICS AREA

**************************************/

#topics {
	background:#f2f2f2;
	padding:60px 0 30px;
}

.thumbnail_news {
    
}
/*
ul.TopicsBox {
  display: flex;
  justify-content: center;
}
*/

ul.TopicsBox li {
	margin: 0px 15px 20px 0px;
    float: left;
	width: 255px;
    display: inline;
    border: 1px solid #e6e6e6;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    height: 300px;
	border-radius: 5px;
}

ul.TopicsBox li:last-child{
	margin: 0;
}

ul.TopicsBox li img {
    display: inline-block;
    background-color: rgb(204, 204, 204);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 140px;
    background-size: cover;
    object-fit: cover;
	-webkit-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px; 
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px; 
	border-top-right-radius:5px;
}


.TopicsContents:before {
	    border: 10px solid transparent; /* 三角形の元となる指定（一旦全て透過にする） */
	    border-bottom-color: #FFF; /* 作成したい三角形に合わせて１辺の色をつける */
	    content: "";
	    position: absolute;
	   /* bottom: 0;
	    left: 50%; /* 中央寄せに使用 */
	   /* margin-left: -70px; /* 中央寄せに使用*/
		top: -25px;
}

.iconTopic {
	color:#FFF;
	background:#3c5899;
	padding:3px 12px;
	font-size:12px;
}

.iconTopic {
    color: #FFF;
    background: #3c5899;
    padding: 3px 12px;
    font-size: 12px;
}

.cate_all {
	color: #FFF;
	background: #3c5899;
	padding: 3px 12px;
    font-size: 12px;
}

.cate_high {
	color: #FFF;
	background: #3c995b;
	padding: 3px 12px;
    font-size: 12px;
	
}

.cate_junior {
	color: #FFF;
background: #f19149;
padding: 3px 12px;
font-size: 12px;
}

.date {
	display:block;
	margin:5px 0;
	font-size:80%;
	color:#525252;
}

.postTitle {
	font-size:85%;
	line-height:1.5;
	height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}


ul.TopicsBox li a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
ul.TopicsBox li a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
ul.TopicsBox li a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
ul.TopicsBox li a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

.TopicsContents {
	padding:20px;
	position: relative;
}

/*** News Box ***/

.NewsTit {
	margin-bottom:25px;
}

.NewsTit ul {
  display: flex;
}
.NewsTit ul li:first-child {
  margin-right: auto;
}

.NewsTit ul li {
	font-size:80%;
	color:#7d7d7d;
}

.NewsTit ul li.categryBut {
	border-left:1px solid #bbbbbb;
	padding:2px 5px; 
	position: relative;
}

.NewsTit ul li.categryBut a {
	padding: 3px 10px;
}

.NewsTit ul li.ButLast {
  border-right:1px solid #bbbbbb;
}

.NewsTit ul li.categryBut a:link {color:#525252;text-decoration: none;} /*未訪問のリンクの色*/
.NewsTit ul li.categryBut a:visited {color:#525252;text-decoration: none;} /*訪問済みのリンクの色*/
.NewsTit ul li.categryBut a:hover {color:#FFF;text-decoration: none;background: #3c5899; } /*カーソルが乗っているリンクの色*/
.NewsTit ul li.categryBut a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/


.NewsTit ul li.categryBut a:hover::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 60%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3c5899 transparent transparent transparent;
    z-index: 1;
}

.NewsTit ul li.categryBut a.current {
    background: #3c5899;
	color:#FFF;
	position: relative;
}

.NewsTit ul li.categryBut a.current::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 60%;
    margin-left: -10px;



    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3c5899 transparent transparent transparent;
    z-index: 1;
}


.NewsTit ul li.categryBut_all a.current {
    background: #3c5899;
    color: #FFF;
    position: relative;
}

.NewsTit ul li.categryBut_all a.current::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 60%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3c5899 transparent transparent transparent;
    z-index: 1;
}

.NewsTit ul li.categryBut_high a.current {
    background: #3c995b;
    color: #FFF;
    position: relative;
}

.NewsTit ul li.categryBut_high a.current::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 60%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3c995b transparent transparent transparent;
    z-index: 1;
}

.NewsTit ul li.categryBut_junior a.current {
    background: #f19149;
	color:#FFF;
	position: relative;
}

.NewsTit ul li.categryBut_junior a.current::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 60%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #f19149 transparent transparent transparent;
    z-index: 1;
}

.NewsTit ul li.categryBut_all,.NewsTit ul li.categryBut_high,.NewsTit ul li.categryBut_junior {
    border-left: 1px solid #bbbbbb;
    padding: 2px 5px;
    position: relative;
}

.NewsTit ul li.categryBut_all a,.NewsTit ul li.categryBut_high a,.NewsTit ul li.categryBut_junior a {
    color: #525252;
    text-decoration: none;
}

.NewsTit ul li.categryBut_all a,.NewsTit ul li.categryBut_high a,.NewsTit ul li.categryBut_junior a {
    padding: 3px 10px;
}


.NewsTit ul li.NewsListBut {
	margin-left:15px;
}

.NewsTit ul li.NewsListBut:before {
	    content: ">";
		margin-right:10px;
}

.NewsTit ul li.NewsListBut a:link {color:#525252;text-decoration: none;} /*未訪問のリンクの色*/
.NewsTit ul li.NewsListBut a:visited {color:#525252;text-decoration: none;} /*訪問済みのリンクの色*/
.NewsTit ul li.NewsListBut a:hover {color:#525252;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.NewsTit ul li.NewsListBut a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

#NewsBox {
  display: flex;
  justify-content: space-between;
}

#news_area_list .new dd:before {
  content: "NEW";
  background-color: #ff3000;
  padding: 2px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  margin-right: 5px;
}

#SchoolBox {
	background:#FFF;
	width:490px;
	height:auto;
	border:1px solid #e6e6e6;
	border-radius: 5px;
	padding:30px 20px 10px ;
}

.SchoolNews {
    width: 490px;
    height: 325px;
    overflow: hidden;
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}

#ClubBox {
	background:#FFF;
	width:490px;
	height:auto;
	border:1px solid #e6e6e6;
	border-radius: 5px;
	padding:30px 20px 10px ;
}

.SchoolNews dl {
    color: #525252;
    font-size: 80%;
    line-height: 2.5em;
    text-align: left;
}

.SchoolNews dl dt {
    float: left;
    width: 9em;
}


.SchoolNews dl dd a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
.SchoolNews dl dd a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
.SchoolNews dl dd a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.SchoolNews dl dd a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

.SchoolNews dl dd {
	margin-left: 9em;
}

#IndexBanner {
	margin:30px 0;
}

.IndexBnnerArea a:nth-child(2){
	margin:0 24px;
}

/*
.BannerMatrix ul {
  display: flex;
  justify-content: space-between;
}
*/

ul.BannerImgList li {
	float: left;
	margin-right: 30px;
} 

ul.BannerImgList li:last-child {
	margin-right: 0 !important;
}

ul.BannerImgList2 li {
	float: left;
	margin-right: 20px;
} 

ul.BannerImgList2 li:last-child {
	margin-right: 0 !important;
}


#BannerArea {
	background:#f2f2f2;
	padding:50px 0 ;
}

#SchoolLinkBG {
	background:#3b5998;
	padding:30px 0 25px;
}

.TitC {
	text-align:center;
	margin-bottom:30px;
}

.school_link_text {
    font-size: 13px;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
}

.school_link_text a {
    border-left: 1px solid #fff;
    padding: 0 10px;
}
	
.school_link_text a:first-child {
	padding: 0;
	border-left: 0;
}


.school_link_text a:link {color:#fff;text-decoration: none;} /*未訪問のリンクの色*/
.school_link_text a:visited {color:#fff;text-decoration: none;} /*訪問済みのリンクの色*/
.school_link_text a:hover {color:#fff;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.school_link_text a:active {color:#fff;text-decoration: none;} /*クリック中のリンクの色*/


/**************************************

	FOOTER AREA

**************************************/

#FooterSiteMap {
	background:#525252;
	padding:30px 0 50px;
}
#FooterSiteMap .lead {
	color: #fff;
}

#FooterMenuTop {
	border-bottom:1px solid #393939;
	padding-bottom:30px;
}

.column_products01, .column_products02, .column_products03, .column_products04, .column_products05, .column_products06  li {
    font-size: 12px;
    font-weight: normal;
    line-height: 2em;
    color: #fff;
}

.column_products01 {
    float: left;
    padding: 0px 0px 10px;
    width: 180px;
}

.column_products02 {
    float: left;
    padding: 0px 0px 10px;
    width: 180px;
}

.column_products03 {
    float: left;
    padding: 0px 0px 10px;
    width: 180px;
}
.column_products04 {
    float: left;
    padding: 0px 0px 10px;
    width: 180px;
}

.column_products05 {
    float: left;
    padding: 0px 0px 10px;
    width: 180px;
}
.column_products06 {
    float: left;
    padding: 0px 0px 10px;
    width: 180px;
}

.lead {
	font-size: 110%;
	font-weight: bold;
	padding-left: 15px;
	margin-left: -15px;
	position: relative;
}

.lead::before {
	content: " ";
	font-weight: bold;
	color: #FFF;
	position: absolute;
	background: #FFF;
	width: 12px;
	height: 1px;
	top: 90%;
	left: 0;
}

#FooterSiteMap a:link {color:#fff;text-decoration: none;} /*未訪問のリンクの色*/
#FooterSiteMap a:visited {color:#fff;text-decoration: none;} /*訪問済みのリンクの色*/
#FooterSiteMap a:hover {color:#fff;text-decoration: none;} /*カーソルが乗っているリンクの色*/
#FooterSiteMap a:active {color:#fff;text-decoration: none;} /*クリック中のリンクの色*/

#FooterMenuBottom {
	border-top:1px solid #868686;
	padding-top:35px;
}

.footerSubMenu_01,.footerSubMenu_02,.footerSubMenu_03,.footerSubMenu_04,.footerSubMenu_05 li{
	font-size: 12px;
    font-weight: normal;
    line-height: 2em;
    color: #fff;
}

.footerSubMenu_01 {
    float: left;
    padding: 0px 0px 10px;
    width: 220px;
}

.footerSubMenu_02 {
    float: left;
    padding: 0px 0px 10px;
    width: 210px;
}

.footerSubMenu_03 {
    float: left;
    padding: 0px 0px 10px;
    width: 270px;
}

.footerSubMenu_04 {
    float: left;
    padding: 0px 0px 10px;
    width: 200px;
}

.footerSubMenu_05 {
    float: left;
    padding: 0px 0px 10px;
    width: 170px;
}

#FooterInfo {
	padding:40px 0 35px;
}

#FooterInfoArea {
	font-size:12px;
	color:#676767;
	line-height:2em;
}

#FooterInfoArea ul {
  display: flex;
  justify-content: space-between;
}

.footerTextLink a {
    border-left: 1px solid #676767;
    padding: 0 10px;
}

#FooterInfoArea a:link {color:#676767;text-decoration: none;} /*未訪問のリンクの色*/
#FooterInfoArea a:visited {color:#676767;text-decoration: none;} /*訪問済みのリンクの色*/
#FooterInfoArea a:hover {color:#676767;text-decoration: none;} /*カーソルが乗っているリンクの色*/
#FooterInfoArea a:active {color:#676767;text-decoration: none;} /*クリック中のリンクの色*/


/**************************************

	TOPPEGE BUTTON AREA

**************************************/


.globalfooter {
   position:relative;
}
.globalfooter.fixed {
  /*padding-top:100px;*/
}
.globalfooter .innerBottom {
  height:75px;
  width:80px;
  position:fixed;
  /*position:fixed;*/
  
  right:0;
  bottom:0;
}
.globalfooter .innerBottom.fixed {
  /*position:relative;*/
  position:absolute;
  /*right:0;
  bottom:155px;*/
}


.innerTop.fixed {
  position:fixed;
  top:0;
}


#SchoolLinkBG {
    position: relative;
}


/**************************************

	SUBPAGE AREA

**************************************/

/***HEADER AREA***/


.JuniorSubtitBG {
	width: 100%;
	padding: 60px 0;
	background:url(../images/img_junior/bg_header_img.jpg)#FFF no-repeat scroll center center / cover;
}

.NewsSubtitBG {
	width: 100%;
	padding: 60px 0;
	background:url(../images/img_news/bg_header_img.jpg)#FFF no-repeat scroll center center / cover;
}

.ContactSubtitBG {
	width: 100%;
	padding: 60px 0;
	background:url(../images/img_contact/bg_header_img.jpg)#FFF no-repeat scroll center center / cover;
}

.SeniorSubtitBG {
	width: 100%;
	padding: 60px 0;
	background:url(../images/img_senior/bg_header_img.jpg)#FFF no-repeat scroll center center / cover;
}

.AboutSubtitBG {
	width: 100%;
	padding: 60px 0;
	background:url(../images/img_about/bg_header_img.jpg)#FFF no-repeat scroll center center / cover;
}

.ClubSubtitBG {
	width: 100%;
	padding: 60px 0;
	background:url(../images/img_club/bg_header_img.jpg)#FFF no-repeat scroll center center / cover;
}

.AccessSubtitBG {
	width: 100%;
	padding: 60px 0;
	background:url(../images/img_access/bg_header_img.jpg)#FFF no-repeat scroll center center / cover;
}

.SubtitN h2 {
	/*background-color: rgba(255,255,255,0.7);*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	padding:15px 10px;
	color:#3c5899;
	font-size: 220%;
	font-weight: 500;
}
/*
.Subtit h2::before {
	content:url(../images/img_junior/ico_page_tit.png);
	position: absolute;
}
*/
.Subtit h2 {
	/*background-color: rgba(255,255,255,0.7);*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	padding:15px 25px;
	color:#3c5899;
	font-size: 220%;
	font-weight: 500;
}
/*
.Subtit h2 span {
	padding-left: 70px;
}

.SubtitSenior h2::before {
	content:url(../images/img_senior/ico_page_tit.png);
	position: absolute;
}
*/
.SubtitSenior h2 {
	background-color: rgba(255,255,255,0.7);
	padding:15px 10px;
	color:#3c5899;
	font-size: 220%;
	font-weight: 500;
}

.SubtitSenior h2 span {
	padding-left: 70px;
}


/**************************************

	PANKUZU AREA

**************************************/

.pankuzu_list {
    background: #636363;
}

.pankuzu_contents ul li {
    float: left;
    padding: 0 7px 0 10px;
    background:url(../images/img_commons/arr_pankuzu.png) no-repeat 0 50%;
	color: #fff;
}

.pankuzu_contents {
    padding: 15px 0;
    color: #FFF;
    font-size: 80%;
}

.pankuzu_contents .home {
    padding-left: 0;
    background: none;

}

.pankuzu_contents ul li a:link {color:#FFF;text-decoration: none;} /*未訪問のリンクの色*/
.pankuzu_contents ul li a:visited {color:#FFF;text-decoration: none;} /*訪問済みのリンクの色*/
.pankuzu_contents ul li a:hover {color:#FFF;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.pankuzu_contents ul li a:active {color:#FFF;text-decoration: none;} /*クリック中のリンクの色*/


#PageContents {
	padding:40px 0 ;
}

#sideNavArea {
	width:220px;
	float:left;
}

#ContentsArea,
.ContentsAreaOne {
	width:820px;
	float:right;
}
.ContentsAreaOne {
  width: 1070px !important;
  margin: 0 auto;
}

/**************************************

	SIDE MENU AREA

**************************************/

.Parent {
	display:block;
	padding:15px 5px ;
	border:1px solid #e2e6f0;
	margin-bottom:2px;
}

.Parent li a {
	background:url(../images/img_commons/ico_header_menu.png) transparent no-repeat scroll 15px 12px;
	padding: 10px 0 10px 35px;
	line-height: 3;
	font-size: 13px;
}
.Parent li.active a {
	background:url(../images/img_commons/ico_side_menu_disabled_r.png) transparent no-repeat scroll 15px 12px;
  color: #a5a5a5 !important;
}

.Parent li.activeSub a {
  color: #a5a5a5 !important;
}

.Parent li a.current {
	background:url(../images/img_commons/ico_side_menu_03.png) transparent no-repeat scroll 15px 12px;
	padding: 10px 0 10px 35px;
	line-height: 3;
	font-size: 13px;
}

.Parent li a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
.Parent li a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
.Parent li a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.Parent li a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

ul.Child {
	margin-left: 15px;
}

ul.Child li a {
	background:url(../images/img_commons/ico_side_menu_02.png) transparent no-repeat scroll 15px 15px;
	padding: 10px 0 10px 35px;
	line-height: 3;
	font-size: 13px;
}

/**************************************

	TITLE AREA

**************************************/

.tit_L span {
	/*display:block;*/
  display: table;
	padding:5px 20px;
	margin:2px 0;
	font-size: 130%;
	font-weight: 500;
}

.tit_L {
  background:#f7f7f7;
	color:#3c5899;
	margin:2px 0 20px;
	border-bottom:2px solid #3c5899;
	border-top:2px solid #3c5899;
	padding: 10px 0;
	letter-spacing: 3px;
}

.tit_L span small {
  display: table-cell;
  vertical-align: middle;
	font-size: 70% !important;
}

.tit_L_j span {
	/*display:block;*/
  display: table;
	padding:5px 20px;
	margin:2px 0;
	font-size: 130%;
	font-weight: 500;
}

.tit_L_j {
  background:#fef8f4;
	color:#f19149;
	margin:2px 0 20px;
	border-bottom:2px solid #f19149;
	border-top:2px solid #f19149;
	padding: 10px 0;
	letter-spacing: 3px;
}

.tit_L_j span small {
  display: table-cell;
  vertical-align: middle;
	font-size: 70% !important;
}


.tit_L_h span {
	/*display:block;*/
  display: table;
	padding:5px 20px;
	margin:2px 0;
	font-size: 130%;
	font-weight: 500;
}

.tit_L_h {
  background:#f3f9f5;
	color:#3c995b;
	margin:2px 0 20px;
	border-bottom:2px solid #3c995b;
	border-top:2px solid #3c995b;
	padding: 10px 0;
	letter-spacing: 3px;
}

.tit_L_h span small {
  display: table-cell;
  vertical-align: middle;
	font-size: 70% !important;
}


.tit_L_Pink span {
    display: block;
    display: table;
    padding: 5px 20px;
    margin: 2px 0;
    font-size: 130%;
    font-weight: 500;
}

.tit_L_Pink {
  background:#f7f7f7;
	color:#f181a8;
	margin:2px 0 20px;
	border-bottom:2px solid #f181a8;
	border-top:2px solid #f181a8;
	padding: 10px 0;
	letter-spacing: 3px;
}

.tit_L_Pink span small {
  display: table-cell;
  vertical-align: middle;
	font-size: 70% !important;
}


.tit_M {
	background:url(../images/img_commons/ico_tit_m.png) no-repeat scroll 0 4px;
	clear: both;
	color: #3e5a9a;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
	margin: 5px 0 12px;
	padding: 0 0 10px 22px;
	font-family: 'Yu Gothic','ＭＳ ゴシック';
}

.tit_j {
	background:url(../images/img_commons/ico_tit_m_j.png) no-repeat scroll 0 4px;
	clear: both;
	color: #f1924b;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
	margin: 5px 0 12px;
	padding: 0 0 10px 22px;
	font-family: 'Yu Gothic','ＭＳ ゴシック';
}

.tit_h {
	background:url(../images/img_commons/ico_tit_m_h.png) no-repeat scroll 0 4px;
	clear: both;
	color: #3c995b;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
	margin: 5px 0 12px;
	padding: 0 0 10px 22px;
	font-family: 'Yu Gothic','ＭＳ ゴシック';
}



.tit_M_RED {
	clear: both;
	color: #b33030;
	font-size: 120%;
	font-weight: bold;
	line-height: 1;
	margin: 5px 0 12px;
	padding: 0 0 10px;
	font-family: 'Yu Gothic','ＭＳ ゴシック';
}


.tit_M small {
	font-size: 80%;
}

.tit_S {
	color:#525252;
	font-size:100%;
}

.tit_SS {
	color: #525252;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 10px;
}


.tit_line {
	color:#3c5899;
	font-size: 100%;
	border-bottom: 1px solid #3c5899;
	font-family: 'Yu Gothic','ＭＳ ゴシック';
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.tit_ColorA {
	color:#3c5899;
  font-family: 'Yu Gothic','ＭＳ ゴシック';
  font-size: 130%;
  padding: 20px 0 20px 30px;
  display: block;
  background: #e2e6f0;
}

.tit_ColorA small{
  font-size: 80%;
}

.tit_Type_L{
  font-size: 110%;
  display: block;
}

.tit_free {
  font-size: 155%;
  color: #3e5a9a;
  padding:5px 15px;
}

.tit_senior {
  font-size: 155%;
  color: #3e5a9a;
  padding:5px 15px;
  overflow: hidden;
  font-family: 'Yu Gothic','ＭＳ ゴシック';
}

.tit_senior:first-letter {
  font-size: 18px;
  color: #fff;
  background: #3e5a9a;
  display: block;
  padding: 3px 7px;
  text-align: center;
}

.tit_senior b {
  padding: 2px 10px 2px 5px;
}

.tit_senior i {
  background: #E2E6F0;
  border-radius: 12px;
  padding: 3px 14px;
  color: #666;
  font-size: 12px;
  font-style: normal;
}

.tit_message {
	font-family: 'Yu Gothic','ＭＳ ゴシック';
	color: #525252;
	font-size: 140%;
	margin: 0 0 22px 35px;
	font-weight: bold;
}

.tit_message i {
	font-family: 'Yu Gothic','ＭＳ ゴシック';
	color: #525252;
	font-size: 60%;
	font-style: normal;
	display: block;
}

.tit_message em {
	font-family: 'Yu Gothic','ＭＳ ゴシック';
	color: #525252;
	font-size: 50%;
	font-style: normal;
	margin-left:8px; 
}

.tit_club {
	color: #525252;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

.tit_Vow {
	color: #5f85db;
	font-size: 140%;
	border-bottom: 3px solid #e2e6f0;
	padding: 10px;
	margin-bottom: 10px;
}

.tit_b {
	color: #525252;
	font-size: 110%;
}

.tit_LL {
  font-size: 140%;
  color: #3e5a9a;
  border-left: 20px solid #3e5a9a;
  padding-left: 10px;
  margin-bottom: 20px;
}





/**************************************

	TEXT AREA

**************************************/


.txtBOX {
	display:block;
	font-size:90%;
	line-height:1.8;
	padding:5px 15px ;
	margin-bottom:25px;
	/*color: #7d7d7d;*/
}

.txtMin {
  font-size: 110%;
  font-family: 'Yu Gothic','ＭＳ ゴシック';
}

.text {
	font-size:90%;
	line-height: 1.8;
	text-align: justify;
	/*color: #7d7d7d;*/
}

.text_2 {
	font-size:90%;
	line-height: 1.8;
	text-align: justify;
	margin-bottom: 30px;
	/*color: #7d7d7d;*/
}

.answers_text {
	font-size:90%;
	line-height: 1.8;
	text-align: justify;
	margin-bottom: 30px;
	color: #7d7d7d;
}

.Arrange{
    display:block;
    text-indent:-1em; 
    padding-left:2em;
}

.Arrange_02 {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
}
.Arrange_03 {
    display: block;
    padding-left: 1em;
}

/**************************************

	TEXT COLOR AREA

**************************************/

.Green {
	color:#40a55f;
	font-weight: bold;
	
}

.NavyBlue {
	color: #3e5a9a;
}

/**************************************

	FONT SIZE AREA

**************************************/

.font70 {
	font-size: 70%;
}

.font80 {
	font-size: 80%;
}

.font90 {
	font-size: 90%;
}


.font110 {
	font-size: 110%;
}

.font120 {
	font-size: 120%;
}

.font130 {
	font-size: 130%;
}

.font140 {
	font-size: 140%;
}

.font150 {
	font-size: 150%;
}

.font160 {
	font-size: 160%;
}

.font170 {
	font-size: 170%;
}

.font180 {
	font-size: 160%;
}

.font190 {
	font-size: 190%;
}

.font200 {
	font-size: 200%;
}

.font210 {
	font-size: 210%;
}

.font220 {
	font-size: 220%;
}

/**************************************

	IMG AREA

**************************************/

.ImgL {
    float: left;
    margin: 0 30px 15px 0;
}

.ImgR {
    float: right;
    margin: 0 0 15px 30px;
}

.Imgs img {
  vertical-align: bottom;
  max-width: 100%;
}

/**************************************

	LIST AREA

**************************************/

.list_01 li {
    line-height: 1.5;
    margin: 0px 0px .5em;
    padding-left: 25px;
    background:url(../images/img_commons/ico_list_01.png) transparent no-repeat scroll 4px 5px;
    font-size: 14px;
}

ol.list_02 li {
    line-height: 1.5;
    font-size: 14px;
}
/*
ol > li:before {
	counter-increment: li; /*リストの数字を1つ進める。IE7以下、未対応*/
	/*content: counter(li); /*リストを連番にする*//*
	font-weight:bold;
	font-size:110%;
}
*/
.list_03 li {
    line-height: 1.5;
    margin: 0px 0px 0.3em;
    padding-left: 25px;
    background: url(../images/img_commons/ico_list_01.png) transparent no-repeat scroll 4px 5px;
    font-size: 14px;
    float: left;
    width: 150px;
}

.list_04 li {
    line-height: 1.5;
    margin: 0px 0px 0.3em;
    padding-left: 25px;
    background:url(../images/img_commons/ico_list_01.png) transparent no-repeat scroll 4px 5px;
    font-size: 14px;
}

.defaultlist
,.defaultlist li{
    	padding:0px;
    	margin:0px;
}
     
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
}
     
.list_05 {
	counter-reset:li;   
}
     
.list_05 li {
    	position:relative;
    	display: block;
    	padding:0px 0px 10px 17px;
    	margin-left:0px !important;
    	font-size: 14px;
    	background-image: none;
}
     
li.list_05-count:after {
    	counter-increment: li;
    	content: counter(li) "";
    	position: absolute;	
    	display: block;
    	text-align: center;
    	/*font-style: italic;*/
    	left: 0px;
    	top: -1px;
    	/*font-size: 30px;*/
    	color:#4f4f4f;
	    font-weight: bold;
    	/*font-family:'Goudy Bookletter 1911',Georgia,serif; */
}

.list_06 li {
    line-height: 1.5;
    margin: 0px 0px 1em 1.3em;
    padding-left: 5px;
    font-size: 14px;
	list-style-type: lower-alpha;
	background: none;
}
.list_07 li {
    line-height: 1.5;
    margin: 0px 0px 1em 1.3em;
    padding-left: 5px;
    font-size: 14px;
	list-style-type: katakana;
	background: none;
}

.matrix_list {
  display: flex;
}



.Box_01 {
	background:#f7f7f7;
	padding:20px;
	width:100%;
	font-size:85%;
	line-height:1.5;
	margin:20px 0;
	color:#525252;
  box-sizing: border-box;
}

.Box_02 {
	border:2px solid #45609e;
	padding:20px;
	width:100%;
	font-size:85%;
	line-height:1.5;
	margin:20px 0;
	color:#525252;
  box-sizing: border-box;
}

.Box_01 strong,.Box_02 strong {
	margin-bottom:10px;
	display:block;
}

.Box_03 {
  box-sizing: border-box;
  padding: 18px;
  border: 3px #f7f7f7 solid;
  border-radius: 8px;
}
.Box_03 b {
  display: block;
  margin-bottom: 20px;
}

.Box_04 {
	border:2px solid #45609e;
	width:100%;
	font-size:85%;
	line-height:1.5;
	margin:20px 0;
	color:#525252;
  box-sizing: border-box;
}

.Box_05 {
  background:#f7f7f7;
	padding: 30px;
	width: 100%;
	margin: 50px 0 ;
	box-sizing: border-box;
}

.Box_06 {
	border: 3px double #0099d3;
	padding: 15px;
	margin: 10px 20px;
}

.Box_07 {
	background: #fffde5;
	padding: 15px;
	margin: 10px 20px;
	font-size: 85%;
	color: #525252;
}

.Box_8 {
	border: 3px solid #e2e6f0;
	padding: 15px;
}


/**************************************

	TABLE AREA

**************************************/

.TableStyle_01 {
	width:100%;
	border-collapse: collapse;
	border-top: 1px solid #e2e6f0;
}

table.TableStyle_01 td {
    border-bottom: 1px solid #e2e6f0;
}

table.TableStyle_01 th, table.TableStyle_01 td {
    border-bottom: 1px solid #e2e6f0;
    font-size: 13px;
    padding: 9px;
}

table.TableStyle_01 th {
    background: #f7f7f7;
	text-align:left;
}



.TableStyle_02 {
	width: 100%;
	border: 1px solid #B1BCD6;
	display: inline-table;
	background: #FFF none repeat scroll 0% 0%;
	border-collapse: collapse;
	border-spacing: 0px;
	color: #333;
	margin-bottom: 1em;
}

.TableStyle_02 td, .TableStyle_02 th {
    font-size: 0.76em;
    line-height: 1.6;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #B1BCD6;
    padding: 10px 10px 7px;
    text-align: left;
    vertical-align: middle;
}

.TableStyle_02 {
    border-collapse: collapse;
    border-spacing: 0px;
    color: #333;
	margin-bottom: 40px;
}

.TableStyle_02 th {
    font-size: 0.76em;
    line-height: 1.6;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #B1BCD6;
    padding: 15px 10px 12px;
    text-align: center;
    vertical-align: middle;
	background: #CED5E5 none repeat scroll 0% 0%;
	font-weight: bold;
	color:#3c5899;
	white-space: nowrap;
}

.first_tr {
    background-color: #fffbe0;
    text-align: center;
}
/*
.TableStyle_02 tr:nth-child(2n) {    /* 偶数行 *//*
   background-color: #FFF;
}
.TableStyle_02 tr:nth-child(2n+1) {  /* 奇数行 *//*
   background-color: #eff4ff;
}
*/

.TableStyle_03 {
	width: 100%;
	border: 1px solid #B1BCD6;
	font-size: 130%;
}

.TableStyle_03 td, .TableStyle_03 th {
	border: 1px solid #B1BCD6;
	
}

.Table50 {
	width: 50% !important;
}
.Table60 {
	width: 60% !important;
}
.Table70 {
	width: 70% !important;
}

.TableStyle_04  {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

.TableStyle_04 th, .TableStyle_04 td {
    border-bottom: 1px solid #e2e6f0;
    font-size: 13px;
    padding: 9px;
}

.TableStyle_04 th {
    background: #f7f7f7;
	width: 20%;
}

.TableStyle_04 td.first_border {
	border-top: 1px solid #e2e6f0;
}

.TableStyle_04 th:first-child {
	border-top: 1px solid #e2e6f0;
}



/**************************************

	NEWS AREA

**************************************/

.News_tit_L {
	color:#3c5899;
	border-left: 5px solid #3c5899;
	padding: .25em 0 .25em .75em;
	font-size: 130%;
	margin:2px 0 20px;
}

.DayBox {
	background: #f7f7f7;
	padding: 10px;
	text-align: right;
	font-size: 90%;
	margin-bottom: 30px;
}

.NewsArea {
	margin-bottom: 90px;
}

ul.NewsParent {

}

ul.NewsParent li.current span {
	line-height: 3;
	font-size: 13px;
	border-bottom: 1px solid #3c5899;
	display: block;
}
ul.NewsParent li.current span i {
	color: #3c5899;
	font-weight: bold;
	font-size: 110%;
	padding: 0 10px;
	display: block;
	background: #f7f7f7;
	margin-bottom: 2px;
	font-style: normal;
}

ul.NewsParent li a {
	background:url(../images/img_commons/ico_list_01.png) transparent no-repeat scroll 15px 15px;
	padding: 10px 0 0 25px;
	line-height: 3;
	font-size: 13px;
}

ul.NewsParent {
	margin-bottom: 40px;
}


ul.NewsParent li a:link {color:#525252;text-decoration: none;} /*未訪問のリンクの色*/
ul.NewsParent li a:visited {color:#525252;text-decoration: none;} /*訪問済みのリンクの色*/
ul.NewsParent li a:hover {color:#525252;text-decoration: none;} /*カーソルが乗っているリンクの色*/
ul.NewsParent li a:active {color:#525252;text-decoration: none;} /*クリック中のリンクの色*/

.NewsParent ul.depth-2 {
  margin-left: 1em;
}

.NewsInfo {
	display: flex;
	margin-bottom: 16px;
}

.icoEent {
	color: #FFF;
	background: #da4484;
	font-size: 50%;
	width: 110px;
	padding: 3px ;
	text-align: center;
	border-radius:15px;
	
}

.NewsDays {
	color: #797979;
	font-size: 60%;
	font-weight: normal;
	margin-left: 15px;
}

/**ページャー**/

.pager {
    overflow: hidden;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
	margin: 20px 0;
}
 
.pager ul li {
    margin: 0 7px;
    position: relative;
    left: -50%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 13px;
    padding: 5px 9px;
}
 
.pager ul li a {
	border:1px solid #3c5899;
    color: #3c5899;
    text-decoration: none;
}
 
.pager ul li a:hover {
    background: #3c5899;
    color: #FFF;
}

.pager ul li.current {
	border:1px solid #d4dbde;
    color: #d4dbde;
    text-decoration: none;
	
}

.pager ul li.disabled {
	background: #d4dbde !important;
	border:1px solid #d4dbde;
    color: #FFF;
	padding: 16px 13px !important;
	
}

.pager ul li.back {
	background: #3c5899;
	padding: 11px 5px;
}

.pager ul li.next{
	background: #3c5899;
	padding: 11px 5px;
}

.pager ul li.back:before {
	    display: block;
	    content: "";
	    position: absolute;
	    top: 50%;
	    width: 0;
	    height: 0;
	    margin-top: -5px;
	    border: 5px solid transparent;
	    border-right: 5px solid #fff;
	    right: 12px;
	}

.pager ul li.disabled.back:before {
	    display: block;
	    content: "";
	    position: absolute;
	    top: 50%;
	    width: 0;
	    height: 0;
	    margin-top: -5px;
	    border: 5px solid transparent;
	    border-right: 5px solid #fff;
	    right: 10px;
	}

.pager ul li.next:before {
	    display: block;
	    content: "";
	    position: absolute;
	    top: 50%;
	    width: 0;
	    height: 0;
	    margin-top: -5px;
	    border: 5px solid transparent;
	    border-left: 5px solid #fff;
	    left: 11px;
	}
.pager ul li.disabled.next:before {
	    display: block;
	    content: "";
	    position: absolute;
	    top: 50%;
	    width: 0;
	    height: 0;
	    margin-top: -5px;
	    border: 5px solid transparent;
	    order-left: 5px solid #fff;
	    left: 11px;
	}
	#list2 lili.next a:hover:before {
	    left: 27px;
	}

/*** アーカイブ ***/

.news_days_area {
	display: flex;
}

.NewsArchiveArea {
	border-top: 1px dotted #3c5899;
}

.newsList {
    width: 820px;
    height: auto;
    overflow: hidden;
    padding: 30px 0px;
    margin: 0px auto;
    border-bottom: 1px dotted #3c5899;
	display: flex;
}

.news_days {
	color: #666;
	font-size: 80%;
	margin-right: 20px;
}

.List_icoEent {
	color: #FFF;
	background: #da4484;
	font-size: 70%;
	width: 110px;
	padding: 3px ;
	text-align: center;
	margin-right: 20px;
	border-radius:15px;
	
}
	
.cate_high {
	color: #FFF;
	background: #3c995b !important;
	
}
	
.cate_junior {
	color: #FFF;
	background: #f19149 !important;
	
}
	
.cate_all {
	color: #FFF;
	background: #3c5899 !important;
	
}

.List_icoTopics {
	color: #FFF;
	background: #3b6fad;
	font-size: 70%;
	width: 110px;
	padding: 3px ;
	text-align: center;
	margin-right: 20px;
	border-radius:15px;
	
}

.List_icoMedia {
	color: #FFF;
	background: #1f9124;
	font-size: 70%;
	width: 110px;
	padding: 3px ;
	text-align: center;
	margin-right: 20px;
	border-radius:15px;
	
}

.news_blog_title a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
.news_blog_title a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
.news_blog_title a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.news_blog_title li a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

.pastBtn {
	overflow: hidden;
}

.pastBtn ul {
	ist-style: none;
    position: relative;
    left: 50%;
    float: left;
	margin: 20px 0;
}

.pastBtn ul li {
    margin: 0 7px;
    position: relative;
    left: -50%;
    float: left;
}

.pastBtn ul li.BackReport,.pastBtn ul li.NextReport {
	border: 2px solid #3c5899;
	padding: 5px 0;
	width: 120px;
	text-align: center;
	font-size: 90%;
	
}

.pastBtn ul li.BackReport a::before {
	content:url(../images/img_commons/ico_side_menu_l.png) ;
	margin-right: 5px;
}

.pastBtn ul li.NextReport a::after {
	content:url(../images/img_commons/ico_side_menu_01.png);
	margin-left: 5px;
}

.pastBtn ul li.BackReport a,.pastBtn ul li.NextReport a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
.pastBtn ul li.BackReport a,.pastBtn ul li.NextReport a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
.pastBtn ul li.BackReport a,.pastBtn ul li.NextReport a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.pastBtn ul li.BackReport a,.pastBtn ul li.NextReport a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

.pastBtn ul li.BackReportD,.pastBtn ul li.NextReportD {
	border: 2px solid #9d9d9d;
	padding: 5px 0;
	width: 120px;
	text-align: center;
	font-size: 90%;
	color: #9d9d9d;
}

ul li.NextReportD a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
ul li.NextReportD a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
ul li.NextReportD a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
ul li.NextReportD a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

.pastBtn ul li.BackReportD span::before {
	content:url(../images/img_commons/ico_side_menu_disabled_l.png);
	margin-right: 5px;
}

.pastBtn ul li.NextReportD span::after {
	content:url(../images/img_commons/ico_side_menu_disabled_r.png);
	margin-left: 5px;
}


/**************************************

	CONTACT AREA

**************************************/

.Required {
	background: #ff0000;
	padding: 1px 2px;
	border-radius:3px;
	color: #FFF;
	font-size: 85%;
	font-weight: normal;
}
.tRed {
	color:#ff0000;
}

.dRed {
	color:#b20606;
}

.contact-form-submit {
    width: 100% !important;
    text-align: center;
	margin-top: 20px;
}

.contact-form-submit input {
	width: 300px;
    padding: 10px 0px;
    border: 1px solid #3c5899;
    background-color: #3c5899;
    color: #FFFFFF;
	font-size: 120%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius:50px;
}


.FormBtn {
	text-align:center;
	margin:20px auto 0px auto;
}

.FormBtn input {
	/*background:#000;*/
	background:#3c5899;
	color:#fff;
	border-radius: 50px;
	padding: 10px 0px;
	width: 300px;
	border: 1px solid #3c5899;
	font-size: 120%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input.Return{
	background:#999;
	border-radius: 50px;
	padding: 10px 0px;
	width: 300px;border: 1px solid #999;
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**************************************

	JUNIOR AREA

**************************************/


ul.indexThmList {
	display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}

ul.indexThmList li.indexThmFrame {
	border: 2px solid #e2e6f0;
	width: 260px;
  margin: 0 10px 10px 0;
	box-sizing: border-box;
  background: #f2f2f2;
}

ul.indexThmList li.indexThmFrame:nth-child(4){
   margin-right: 0;
}

ul.indexThmList li.indexThmFrame .ThmTit {
	padding: 20px 15px 22px;
	color: #395899;
	font-size: 120%;
	box-sizing: border-box;
  background: #fff;
  letter-spacing: 2px;
}

.ThmImg {
  text-align: center;
	width: 100%;
	margin: 0 auto;
  background: #fff;
}

.ThmText {
	/*padding: 10px 16px;*/
	font-size: 85%;
	line-height: 1.5;
	color: #5c5c5c;
  background: #fff;
  height: 10px;
}

.ThmConBottom {
	background: #f2f2f2;
	padding: 19px 5px 13px 15px;
}

.ThmList li {
    line-height: 1.5;
    margin: 0px 0px 0.2em;
    padding-left: 25px;
    background:url(../images/img_commons/ico_header_menu.png)transparent no-repeat scroll 4px 5px;
    font-size: 14px;
	color: #3c5899;
	font-weight: bold;
	
}

.ThmList li a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
.ThmList li a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
.ThmList li a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.ThmList li a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

.SekeiFloat {
  overflow: hidden;
  margin-bottom: 60px;
}
.SekeiFloat .SeLfet {
  float: left;
  width: 475px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SekeiFloat .SeLfet340 {
  float: left;
  width: 340px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SekeiFloat .SeLfet260 {
  float: left;
  width: 260px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SekeiFloat .SeRight {
  float: right;
  width: 280px;
}

.SekeiFloat .SeRight320{
  width: 320px;
}

.SekeiFloat .SeRight180{
  width: 180px;
}

.SekeiFloat .SeRight520{
  width: 520px;
}

.StrategiesFloat3,
.StrategiesFloat2 {
  overflow: hidden;
  margin-bottom: 60px;
}
.StrategiesFloat3 .StLfet1,
.StrategiesFloat2 .StLfet1{
  float: left;
  width: 50px;
  margin-right: 13px;
}
.StrategiesFloat3 .StLfet2 {
  float: left;
  width: 415px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.StrategiesFloat3 .StRight {
  float: right;
  width: 280px;
}

.StrategiesFloat2 .StLfet1 {
  float: left;
  width: 50px;
  margin-right: 10px;
}

.StrategiesFloat2 .StLfet2 {
  float: left;
  width: 740px;
}

.StrategiesFloat2 .StLfet2_730 {
  float: left;
  width: 730px;
}

.StrategiesFloat2 .StLfet2_730 .text {
  /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
  font-size: 110%;
  padding-right: 0;
}

.StrategiesFloat2 .StLfet1_260 {
  float: left;
  width: 260px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.StrategiesFloat2 .StLfet1_260 b {
  font-weight: bold;
  color: #3c5899;
  display: block;
  margin-bottom: 15px;
}

.StrategiesFloat2 .StRight1_390 {
  float: right;
  width: 390px;
}


.SeniorFloat {
  overflow: hidden;
  margin-bottom: 60px;
}

.SeniorFloat .SeLfet {
  float: left;
  width: 475px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SeniorFloat .SeLfet260 {
  float: left;
  width: 260px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SeniorFloat .SeLfet340 {
  float: left;
  width: 340px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SeniorFloat .SeRight {
  float: right;
  width: 280px;
  box-sizing: border-box;
}

.SeniorFloat .SeRight180 {
  float: right;
  width: 180px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SeniorFloat .SeRight520 {
  float: right;
  width: 520px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SeniorFloat .SeRight360,
.SeniorFloat .SeLfet360 {
  width: 360px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SeniorFloat .SeRight360 {
  float: right;
}

.SeniorFloat .SeLfet360 {
  float: left;
}

.SeniorFloat .SeRight180,
.SeniorFloat .SeLfet180 {
  width: 180px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.SeniorFloat .SeLfet460 {
  float: left;
  width: 460px;
}

.SeniorFloat .SeRight320 {
  float: right;
  width: 320px;
}

/**************************************

	SENIOR EVENTS

**************************************/
.pointArea{
  background: #F7F7F7;
  padding: 30px 0 0 0;
}

.pointArea .contents {
  width: 260px;
  margin: 0 auto 40px auto;
}

.pointArea .contents .pointHeader {
  font-size: 15px;
  color: #3c5899;
  margin-bottom: 10px;
  font-weight: bold;
}

.pointArea .contents .pointHeader small {
  font-size: 11px;
  color: #666;
  font-weight: normal;
}

.scheduleColorB,
.scheduleColorR {
  color: #fff;
  padding: 5px 0 5px 15px;
  margin-bottom: 20px;
}

.scheduleColorB {
  background: #0082C9;
}

.scheduleColorR {
  background: #C50719;
}

.scheduTableType {
  width: 100%;
  border-collapse:collapse;
  margin:0;
  padding:0;
  border:none;
  margin-bottom: 30px;
}

.scheduTableType tr th {
  width: 78px;
  text-align: center;
  margin:0;
  padding:0;
}

.scheduTableType tr td {
  box-sizing: border-box;
  padding:0 0 0 .8em;
  color: #525252;
  width: 50%;
  font-size: 86%;
}

.scheduTableTypeBlue tr th {
  border-right: 1px #0082C9 solid;
}

.scheduTableTypeTeRed th {
  border-right: 1px #C50719 solid;
}

/**************************************

	Reset Styles

**************************************/
.NoPd_L{
  padding-left: 0 !important;
}
.NoPd_R{
  padding-right: 0 !important;
}
.NoPd_B{
  padding-bottom: 0 !important;
}
.NoPd_T{
  padding-top: 0 !important;
}

/**************************************

	ABOUT AREA

**************************************/

.RightTextFloat {
  overflow: hidden;
  margin-bottom: 60px;
}

.TextBoxWordR {
	float: right;
	width: 440px;
	text-align: justify;
  	text-justify: inter-ideograph;
}

.TextBoxImgL {
	float: left;
	width: 320px;
}

/**************************************

	MESSAGE AREA

**************************************/

.tit_message_sub {
	font-size: 155%;
	color: #3e5a9a;
	margin-bottom: 25px;
	
	
}

.tit_message_sub span {
	padding:0 12px 0 35px;
	font-weight: bold;
}

.tit_message_sub::before {
	content:url(../images/img_commons/img_tit_top.jpg);
	position: absolute;
}

.tit_message_sub::after {
	content:url(../images/img_commons/img_tit_bottom.jpg);
	position: absolute;
}

.TextFloat {
  overflow: hidden;
  margin-bottom: 40px;
}

.messageImgL {
	float: left;
	width: 330px;
	margin-left: 35px;
}

.messageTxetR {
	float: right;
	width: 430px;
}

.hr_line01 {
	border-bottom: 2px solid #f7f7f7;
	margin: 40px 0;
}

hr {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}


/**************************************

	FACILITIES AREA

**************************************/

.FacilitiesTextFloat {
  overflow: hidden;
  margin-bottom: 40px;
}

.TextBoxFacilitiesL {
	float: left;
	width: 500px;
	text-align: justify;
  	text-justify: inter-ideograph;
}

.TextBoxFacilitiesR {
	float: right;
	width: 280px;
}

.TextBoxFacilitiesL_2 {
	float: left;
	width: 680px;
	text-align: justify;
  	text-justify: inter-ideograph;
}

.TextBoxFacilitiesL_3 {
	float: left;
	width: 800px;
	text-align: justify;
  	text-justify: inter-ideograph;
}

.TextBoxFacilitiesR_2 {
	float: right;
	width: 95px;
}

/**************************************

	SPIRIT AREA

**************************************/

.SpritList {
  display: flex;
  justify-content: space-between;
}

.SpritList li {
	text-align: center;
	width: 33.33%;
	background: transparent none repeat scroll 0% 0%;
	padding: 0px 13px 0px 0px;
	border-right: 1px dotted #555555;
}

.SpritList li:last-child {
     border-right:none;
}

.SpritList li p {
	font-size: 90%;
	line-height: 1.5;
}

.SpritListText {
  display: flex;
  justify-content: space-between;
}

.SpritList li a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
.SpritList li a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
.SpritList li a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.SpritList li a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

.list_01 li a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
.list_01 li a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
.list_01 li a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
.list_01 li a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

dl.nyushiList {width: 820px;}
dl.nyushiList dt {float:left;width:9em; color: #3c5899; font-weight: bold; font-size: 90%;border-bottom: 1px solid #d7d7d7;padding: 5px 5px 12px;}
dl.nyushiList dd {margin-left:9em;zoom:1; font-size: 90%;border-bottom: 1px solid #d7d7d7;padding: 5px 5px 12px;}

dl.nyushiList dd a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
dl.nyushiList dd a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
dl.nyushiList dd a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
dl.nyushiList dd a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/

dl.examList {width: 820px;}
dl.examList dt {float:left;width:0em; color: #3c5899; font-weight: bold; font-size: 90%;border-bottom: 1px solid #d7d7d7;padding: 5px 5px 12px;}
dl.examList dd {margin-left:0em;zoom:1; font-size: 90%;border-bottom: 1px solid #d7d7d7;padding: 5px 5px 12px;}

dl.examList dd a:link {color:#3c5899;text-decoration: none;} /*未訪問のリンクの色*/
dl.examList dd a:visited {color:#3c5899;text-decoration: none;} /*訪問済みのリンクの色*/
dl.examList dd a:hover {color:#3c5899;text-decoration: none;} /*カーソルが乗っているリンクの色*/
dl.examList dd a:active {color:#3c5899;text-decoration: none;} /*クリック中のリンクの色*/


/**************************************

	GAKUFU AREA

**************************************/

.tit_gakufu_sub {
	font-size: 90%;
	color: #5c5c5c;
	margin: 30px 0;
	font-weight: bold;
	
	
}

.tit_gakufu_sub span {
	padding:0 12px 0 35px;
	font-weight: bold;
}

.tit_gakufu_sub::before {
	content:url(../images/img_about/gakufu/gakufu_tit_01.gif);
	position: absolute;
}

.tit_gakufu_sub::after {
	content:url(../images/img_about/gakufu/gakufu_tit_02.gif);
	position: absolute;
}

/**************************************

	STATUS AREA

**************************************/

.or_tit {
	border-radius:70px;
	background: #ef8e4c;
	color: #FFF;
	font-size: 100%;
	padding: 20px 0 ;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}


.questions_tit {
	color: #003b83;
	margin-bottom: 15px;
	border-bottom: 1px dotted #003b83;
	padding-bottom: 15px;
}

.questions_tit span {
	padding:0 12px 0 110px;
}

.questions_tit::before {
	content:url(../images/img_junior/questions_and_answers/ico_questions.gif);
	position: absolute;
	
}

.answers_text {
	color:#c7000b;
	font-weight: bold;
	font-size: 110%;
}

/**************************************

	進学実績

**************************************/
.resultTable {
	overflow: hidden;
	margin-bottom: 30px;
}
.resultTable tbody td {
	text-align: center;
}
.resultTable tbody td:first-child {
  text-align: left;
}
.leftArea {
	width: 48%;
	float: left;
}
.rightArea {
	width: 48%;
	float: right;
}
.anchorLinkBox {
	border:2px solid #45609e;
	padding:10px;
	width:100%;
	font-size:85%;
	line-height:1.3;
	margin:20px 0 30px;
	color:#525252;
  box-sizing: border-box;
	overflow: hidden;
}
.anchorLink li {
	float: left;
	background: url(../images/img_commons/ico_side_menu_03.png) transparent no-repeat scroll 15px 12px;
    padding: 10px 30px 0 35px;
    font-size: 13px;
}
.resultTable tfoot td {
    font-size: 0.76em;
    line-height: 1.6;
    border-width: 2px 0px 1px 1px;
    border-style: solid;
    border-color: #B1BCD6;
    padding: 15px 10px 12px;
    text-align: center;
    vertical-align: middle;
	background: #f2f2f2 none repeat scroll 0% 0%;
	font-weight: bold;
	color:#3c5899;
}

a.pdf_link {
	background: #3e5a9a;
    box-shadow: 0px 3px 0 #36466a;
    font-weight: 900;
    letter-spacing: 1px;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    padding: 15px;
    /**border-radius: 5px;*/
    color: #FFF;
    text-decoration: none;
    display: block;
    width: 320px;
    text-align: left;
    box-sizing: border-box;
}

a.pdf_link:hover {
	background:  #36466a;
	box-shadow: 0px 3px 0 #36466a;
    
}

.caption {
	color: #525252;
	font-size: 12px;
	margin-top: 10px;
}

.caption::before {
	content:url(../images/img_commons/arrow_caption.gif);
	
}

.YellowText {
	font-weight: bold;
	line-height: 2;
	font-size: 120%;
}

.YellowText strong {
	background: linear-gradient(transparent 60%, #ffe599 60%);
}

.BtnLink ul {
	display: flex;
	justify-content: space-between;
}

.BtnLink ul li {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

a.pdf_link {
	background: #3c5899;
	width: 240px;
    box-shadow: 0px 3px 0 #283961;
    font-weight: 900;
    letter-spacing: 1px;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    padding: 15px;
    border-radius: 5px;
	color: #FFF;
	text-decoration: none;
	display:block;
	text-align:left;
	box-sizing:border-box;
	font-size: 90%;
	line-height: 1.5;

	
}

a.pdf_link:hover {
	background: #283961;
	box-shadow: 0px 3px 0 #283961;
    
}

a.text_link_type_a:link {color:#000;text-decoration: underline;} /*未訪問のリンクの色*/
a.text_link_type_a:visited {color:#000;text-decoration: underline;} /*訪問済みのリンクの色*/
a.text_link_type_a:hover {color:#000;text-decoration: none;} /*カーソルが乗っているリンクの色*/
a.text_link_type_a:active {color:#000;text-decoration: underline;} /*クリック中のリンクの色*/

dl.Course {
    display: block;
    line-height: 1.5em;
    margin: 5px 20px 20px 15px;
    text-align: left;
	font-size: 90%;
	line-height: 1.8;
	text-align: justify;
}

dl.Course dt {
    float: left;
    width: 5em;
}

dl.Course dd {
    margin-left: 5em;
    zoom: 1;
	margin-bottom: 30px;
}

.fs80 {
	font-size: 80%;
}
/**************************************

	サイトマップ

**************************************/
.sitemapRow {
	display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.sitemapRow h2 {
	color: #395899;
	font-weight: normal;
}
.sitemapRow ul {
  width: 30%;
}
.sitemapRow ul ul {
  width: 100%;
}
.sitemapRow .li-level-1 h4 {
    display: none;
}
.sitemapRow .li-level-1 li {
    background: none;
    padding-left: 0;
}
.sitemapRow li.li-level-2 {
    padding-left: 25px;
}

#SP_right {
		display: none;
	}
/**************************************

	学校説明会

**************************************/

.tableList_L {
	float: left;
	width: 380px;
	margin-right: 57px;
}

.tableList_R {
	float: right;
	width: 380px;

}
	
/**************************************

	部活

**************************************/
	
.AlignmentImg {
  display: flex;
  justify-content: space-between;
	margin-bottom: 40px;
}

.AlignmentImg img {
	background-position: center center;
	background-repeat: no-repeat;
	width: 390px;
	height: 290px;
	background-size: cover;
	object-fit: cover;
}
/*	
ul.NumberList li::before {
  content: "／";
  margin-left: .8em;  
  margin-right: .8em; 
}
ul.NumberList li:first-child::before {
  content: none;
}
ul.NumberList li {
	display: inline;
	color: #7d7d7d;
	font-size: 90%;
}	
*/	


	
ul.NumberList li {
  position: relative;
  font-size: 90%;
	margin: 0 0 10px 20px;
}
ul.NumberList li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #3e5a9a;
  border-radius: 100%;
}

	.sp {
		display: none;
	}
	
	.red {
		color: #c7000b;
	}
	.textLine {
		text-decoration: underline;
	}
	
	.redBox {
		background: #d01126;
		text-align: center;
		color: #fff !important;
		padding: 20px;
		width: 235px;
		box-sizing: border-box;
	}
	.redBox p {
		color: #fff !important;
	}
	.boxList {
		display: flex;
		justify-content: space-between;
		margin-bottom: 50px;
		
	}
	.number {
		background: #525252;
		padding: 5px;
		margin-right: 3px;
		color: #fff !important;
	}

}