@charset "utf-8";


.flex-control-nav{
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1000;
}

.flex-control-nav ul{
	position:absolute;
	top:0;
	left:100px;
}



.flex-control-paging li a{
	background:#fff;
	box-shadow: none;
}

.flex-control-paging li a:hover {
	background:#5CBFCE;
}


.flex-control-paging li a.flex-active{
	background:#5CBFCE;
	box-shadow: none;
}

.flex-direction-nav a {
	width:30px;
	height:105px;
	text-indent:-9999px;
	top:167px;
}

.flex-direction-nav .flex-prev {
    left: 0px;
	background:url(../images/btn_left.png) no-repeat 0 0;
	text-indent:-9999;
	text-align:left;
}

.flex-direction-nav .flex-next {
    right: 0px;
	background:url(../images/btn_right.png) no-repeat 0 0;
	text-indent:-9999;
	text-align:left;
}



/*-----------------------------------------
	ショーケース
-------------------------------------------*/
#showcase{
	width:980px;
	margin:0 auto 10px;
	position:relative;
}

#viewer{
	width:980px;
	overflow:hidden;
	height:400px;
	margin-bottom:5px;
	position:relative;
}



#showcase p{
	text-align:right;
	float:right;
	color:#387FE5;
	font-weight:bold;
}

#showcase .prev{
	position:absolute;
	top:140px;
	left:10px;
	z-index:300;
	cursor:pointer;
}

#showcase .next{
	position:absolute;
	top:140px;
	right:10px;
	z-index:300;
	cursor:pointer;
}


#showcase-roll{
	width:4000px;
	position:absolute;
	height:480px;
	top:0;
	left:0px;
}

#main-lead{
	width:980px;
	margin:0 auto 23px;
}

#main-lead h2{
	font-size:34px;
	line-height:1.2;
	font-weight:normal;
	text-align:center;
}

#wrap{
	padding:0;
}

#wrap .right-box{
	float:right;
	width:580px;
	height:800px;
	margin-right:10px;
	background:#ccc;
}


/*無償*/
#f-top #showcase{
	height:auto;
	margin-bottom:50px;
}




/*-----------------------------------------
	パーツ
-------------------------------------------*/
.new{
	position:relative;
	top:4px;
	left:0;
}




/*-----------------------------------------
	ポイント
-------------------------------------------*/
#point-box{

}

#point-box .inner{
	width:980px;
	padding:0 0 35px;
}

#point-box p{
	padding:0 13px;
}

#point-box .left-box{
	width:480px;
	float:left;
}

#point-box .right-box{
	width:480px;
	float:right;
}

#point-box .tit{
	position:relative;
	font-size:16px;
	padding:0px 0 15px 42px;
	color:#4498FF;
	border-top:3px solid #4498FF;
	border-bottom:1px dotted #4498FF;
	background:url(../images/icon_point.gif) no-repeat left 50%;
	margin-bottom:17px;
}

#point-box .tit h3{
	position:relative;
	top:10px;
	left:0;
}


/*-----------------------------------------
	スクール特集
-------------------------------------------*/

.school-special{
	margin-bottom:45px;
}

.school-special .inner{
	width:980px;
}

.sp-others{
    margin-right: -15px;
    overflow: hidden;
    zoom: 1;
}

.sp-others_tit{
	line-height:1.4;
	font-size:18px;
	font-weight:bold;
	border-left:6px solid #444;
	padding-left:20px;
	margin-bottom:20px;
}
/*
.sp-others_box{
	background:url("/images/school/school_special/other_bg.jpg") no-repeat 0 0;
	width:475px;
	height:104px;
	float:left;
	line-height:1.3;
	margin-left:5px;
	margin-right:15px;
	margin-bottom:10px;
	display: table;
}

.sp-others_box_thum{
	display:table-cell;
	width:181px;
}

.sp-others_box_txt{
	width:250px;
	color:#FFF;
	display:table-cell;
	vertical-align:middle;
}
*/

/*--▼191106--*/
.sp-others_box{
	background:url("/images/school/school_special/other_bg.jpg") no-repeat 0 0;
	width:475px;
	height:104px;
	float:left;
	line-height:1.3;
	margin-left:5px;
	margin-right:15px;
	margin-bottom:10px;
	/*border-collapse: separate;
	border-spacing: 25px 0;*/
}

.sp-others_box_thum{
	width:181px;
	float:left;
	/*margin-right:25px;*/
}

.sp-others_box_txt{
	width:250px;
	/*height:104px;*/
	color:#FFF;	
	line-height: 1.5;
	margin-bottom: 5px;
	font-size: 14px;

}

.sp-others_box_date{
	width:250px;
	color: #CCCCCC;
	font-size: 12px;
}


.sp-others_box_in{
	width:250px;
	height: 104px;
	float: left;
	display: table;
}

.sp-others_box_in2{
	display: table-cell;
  vertical-align: middle;	
	
}
/*--▲191106--*/


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

#f-top .sp-others_box{
	background:url("/images/school/school_special/other_bg_f.jpg") no-repeat 0 0;
	width:580px;
	float:none;
	margin-left:0px;
	margin-right:0px;
}

/*-----------------------------------------
	スペシャルレポート　バナー
-------------------------------------------*/
#sreport-box{
	width:980px;
	overflow:hidden;
	margin:0 auto 45px;
	/*padding-top: 20px;*/
}

.sreport-thumb{
	width: 318px;
	height:212px;
	margin:0 10px 10px 0;
	float:left;
}

/*-----------------------------------------
	動画
-------------------------------------------*/
#movie-box{
	width:980px;
	overflow:hidden;
	margin:0 auto 45px;
}

#movie-box .inner{

}

.movie-thumb{
	width:320px;
	height:120px;
	margin-bottom:10px;
	position:relative;
	border:1px solid #ccc;
	float:left;
	box-sizing:border-box;
}

#movie-box .img{
	position:relative;
}

#movie-box img.icon{
	width:auto;
	margin:0;
	position:absolute;
	top:27px;
	left:65px;
}



.movie-thumb p{
	line-height:1.4;
}

.movie-thumb img{
	width:142px;
	float:left;
	margin: 20px 15px 20px 20px;
}



.movie-thumb .date{
	font-size:11px;
	color:#4498FF;
}

.movie-thumb .txt{
	width:134px;
	float:left;
	margin-top:22px;
}

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

#f-top #movie-box{
	margin-bottom:25px;
}

#f-top #movie-thum{
	margin-bottom:25px;
	width:580px;
	height:120px;
	border:1px solid #ccc;
}

#f-top #movie-thum img{
	width:142px;
	float:left;
	margin:20px;
}

#f-top #movie-thum .img{
	position:relative;
}

#f-top #movie-thum img.icon{
	width:auto;
	margin:0;
	position:absolute;
	top:43px;
	left:75px;
}

#f-top #movie-thum .txt{
	width:380px;
	float:left;
	margin-top:25px;
}

#f-top #movie-thum .date{
	font-size:12px;
	color:#1292B2;
	margin-top:10px;
}

#f-top #movie-thum .tit{
	font-size:16px;
	font-weight:bold;
}


/*-----------------------------------------
  営業特集
-------------------------------------------*/
#esp-box{
  width:980px;
  overflow:hidden;
  margin:0 auto 45px; 
}


#esp-box .inner{

}

.esp-thumb{
  width:320px;
  height:82px;
  margin-bottom:10px;
  position:relative;
  border:1px solid #ccc;
  float:left;
  box-sizing:border-box;
}

.esp-thumb img{
  width:120px;
  float:left;
  margin:0 20px 0 0;
}


#esp-box a:link{
  color:#444;
}

#esp-box a:visited {
  color:#444;
}

#esp-box a:hover {
  color:#387FE5;
}

#esp-box a:active{
  color:#444;
}

#esp-box .txt{
  line-height: 80px;
  width:160px;
  float:left;
  text-align: center;
  text-align: left;

}

#esp-box .txt .arrow_b {
  display: inline-block;
  vertical-align: middle;
  /*line-height: normal;*/
}

#esp-box .arrow_b {
font-size: 14px;
line-height:1.4;

}


/*-----------------------------------------
	無償
-------------------------------------------*/

#f-top #detail-box{
	padding-top:30px;
}

#f-top #main-lead h2{
	font-size:28px;
	line-height:1.4;
}

#policy{
	margin-bottom:25px;
}

#policy .tit{
	height:35px;
	margin-bottom:13px;
	background: url(../images/f_policy_icon.gif) no-repeat 0 0;
}

#policy .tit h3{
	color:#4498FF;
	font-size:20px;
	font-weight:normal;
	padding-top:3px;
	padding-left:41px;
}



/*-----------------------------------------
	レポート
-------------------------------------------*/
#report-box{
	padding:0;
	margin:0 auto 50px;
}


#report-box .tit{
	height:32px;
	margin-bottom:13px;
	background: url(../images/icon_report.png) no-repeat 0 0;
}

#report-box h3{
	/*color:#00264C;*/
	font-size:16px;
	font-weight:bold;
	padding-top:3px;
	padding-left:41px;
}

#report-box .inner{
	background: url(../images/top_report_bg.gif) no-repeat 0 0;
	/*border:3px solid #52BFD0;*/
	border:3px solid #79B4FF;  /*-- 高校標準カラ―　--*/
	padding:15px 30px;
	box-sizing:border-box;
}

#report-box .left-box{
	float:left;
	width:620px;
}

#report-box .left-box ul{
	margin-left:10px;
}

#report-box .right-box{
	float:right;
	width:280px;
}

#report-box .right-box p{
	margin-top:15px;
}

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

#f-top #report-box{
	width:580px;
	margin-bottom:50px;

}

#f-top #report-box .inner{
	width:100%;
	padding:0;
	box-sizing:border-box;
	background: url(../images/top_report_bg.gif) no-repeat 0 0;
	/*border:3px solid #52BFD0;*/
	border:3px solid #79B4FF;  /*-- 高校標準カラ―　--*/
	padding:15px;
}

#f-top #main-lead{
	width:580px;
}



/*-----------------------------------------
	詳細
-------------------------------------------*/
#detail-box{

}

#detail-box .left-box{
	width:360px;
	float:left;
	margin-left:10px;
}

#detail-box .right-box{
	width:580px;
	float:right;
	margin-right:10px;
}

/*-----------------------------------------
	テーブル　基本
-------------------------------------------*/
table th{
	font-size:13px;
	font-weight:normal;
}




/*-----------------------------------------
	所在地
-------------------------------------------*/

#address table{
	width:100%;
	padding:20px 0 10px;
	border:1px solid #DBDBEA;
	/*background:#FAFAFA;*/
    background:#F4FAFF; /* -- 高校表組背景　強調1 --*/

}

#address table th{
	font-weight:normal;
	padding:0 0 0 15px;
	font-size:12px;
	width:60px;
	border-right:1px olid #ccc;
	border:none;
	background:none;
	word-break:keep-all;
	color:#00264C;
	vertical-align:top;
	text-align:left;
}

#address table td{
	text-align:left;
	word-break:break-all;
	border:none;
	line-height:1.4;
	padding-bottom:10px;
	padding:0 15px 0 0;
}

#address table td#url{
	padding-bottom:14px;
}

#address table td li{
	float:left;
}

.mt10{
	margin-top:10px;
}

/*-----------------------------------------
	定員
-------------------------------------------*/

#capa h4.vl{
	margin-bottom:10px;
}


#capa-st{
	position:relative;
	margin-bottom:5px;
}

#capa-st ul{
	float:right;
}

#capa-st li{
	float:left;
	margin-right:15px;
}

#capa-st li.mr-none{
	margin-right:0;
}

#capa-st li span{
	font-weight:bold;

}

#capa table{
	width:100%;
	border-left:1px solid #DBDBEA;
	border-bottom:1px solid #DBDBEA;
}

#capa table th{
	width:25%;
	font-size:13px;
	padding:0 25px 0 20px;
	border-top:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	/*background:#DDF0F4;*/
	background:#FAFAFA; /* --表組見出し標準カラ― grey--*/
	padding:5px 0;
	color:#00264C;
	text-align:center;
}

#capa table td{
	text-align:left;
	border-top:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	line-height:1.4;
	text-align:center;
	padding:10px 0;
}

#capa table td:nth-child(1){
	background:#F4FAFF; /* -- 高校表組背景　強調1 --*/
}

#capa table th.w{
	/*background:none;*/
	background:#FAFAFA; /* --表組見出し標準カラ― grey--*/
}

/*-----------------------------------------
	学費
-------------------------------------------*/
#tuition table{
	width:100%;
	border-left:1px solid #DBDBEA;
	border-bottom:1px solid #DBDBEA;
}

#tuition table th{
	padding:0 25px 0 20px;
	font-size:12px;
	border-top:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	/*background:#DDF0F4;*/
	background:#FAFAFA; /* --表組見出し標準カラ― grey--*/
	padding:5px 0;
	color:#00264C;
	text-align:center;
}

#tuition table td{
	text-align:left;
	border-right:1px solid #DBDBEA;
	line-height:1.4;
	text-align:center;
	padding:10px 0;
	font-size:16px;
}


/*-----------------------------------------
	特徴
-------------------------------------------*/

#feature table{
	border-left:1px solid #DBDBEA;
	border-bottom:1px solid #DBDBEA;
}

#feature table.t-none th{
	border-top:none;
}

#feature table th{
	font-weight:normal;
	color:#00264C;
	/*padding:7px 0;*/
	padding:0 1%; 
	width:23%;
	/*background:#F1F9FA;*/
	background:#FAFAFA; /* --表組見出し標準カラ― grey--*/
	border-top:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	text-align:center;
	line-height:1.2;
	height:42px;
	vertical-align:middle;
}

#feature table td{
	padding:11px 10px;
	border-right:1px solid #DBDBEA;
	text-align:center;
	line-height:1.2;
}

/*-----------------------------------------
	偏差値
-------------------------------------------*/

h3.vl span {
	font-size:14px;
}

.deviation table{
	width:100%;
	border-left:1px solid #DBDBEA;
	border-bottom:1px solid #DBDBEA;
}

.deviation table th{
	border-top:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	background:#FAFAFA;
	font-weight:normal;
	text-align:center;
	line-height:1.2;
	height:35px;
}

.deviation table td{
	border-top:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	line-height:1.2;
	font-weight:bold;
	height:40px;
}

.devi_course{
	width:350px;
	background-color:#E1EFFF;
	padding-left:15px;
}

.devi_num{
	width:113px;
	background-color:#F4FAFF;
	font-size:16px;
	text-align:center;
}

/*-----------------------------------------
	内申基準・優遇等
-------------------------------------------*/

.confidential-re table{
	width:100%;
	border-left:1px solid #DBDBEA;
	border-bottom:1px solid #DBDBEA;
}

.confidential-re table th{
	border-top:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	background:#FAFAFA;
	font-weight:normal;
	text-align:center;
	line-height:1.2;
	height:35px;
}

.confidential-re table td{
	border-top:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	line-height:1.2;
	font-weight:bold;
	height:40px;
	padding-left:15px;
}


/* 20201204  --*/

/*
.conf_course{
	width:192px;
	background-color:#E1EFFF;
}

.conf_standard{
	width:370px;
	background-color:#F4FAFF;
}

.conf_standard span{
	font-weight:normal;
	padding-left:0.3em;
	padding-right:0.3em;
}

-- */

.conf_course{
	width:192px;
	background-color:#E1EFFF;
	padding: 10px 15px;
}

.conf_standard{
	width:370px;
	background-color:#F4FAFF;
}

.conf_standard span{
	font-weight:normal;
	padding-left:0.3em;
	padding-right:0.3em;
}

.recomend_tag {
    background-color: #2777e2;
    padding: 5px 16px;
    margin-right: 10px;
    color: #fff;
    font-size: 0.80em;
    border-radius: 3px;
}

.deviation .exam_course_txt{
	padding: 12px 15px 22px;
    line-height: 1.9;

}

.deviation .spbr{
	display: none;
}




/*-----------------------------------------
	制服
-------------------------------------------*/
#uniform table{
	width:346px;
	border-left:1px solid #DBDBEA;
	border-bottom:1px solid #DBDBEA;
}

#uniform table th{
	padding:0 25px 0 20px;
	font-size:12px;
	border-top:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	/*background:#DDF0F4;*/
	background:#FAFAFA; /* --表組見出し標準カラ― grey--*/
	padding:5px 0;
	color:#00264C;
	text-align:center;
}

#uniform table td{
	text-align:left;
	border-right:1px solid #DBDBEA;
	border-top:1px solid #DBDBEA;
	line-height:1.4;
	text-align:center;
	padding:10px 0;
	font-size:13px;
}

#uniform table th.w{
	/*background:none;*/
}




/*-----------------------------------------
	写真
-------------------------------------------*/
#photo-box #photo{
	display:inline-block;
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:15px;
}

.btn{
	display:block;
}

/*-----------------------------------------
	地図
-------------------------------------------*/

#map-box{
	margin-bottom:50px;
}

#map-box .inner{
	width:980px;
}

#gmap{
	border-top:1px solid #DBDBEA;
	border-left:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
}

#access{
	border-bottom:1px solid #DBDBEA;
	border-left:1px solid #DBDBEA;
	border-right:1px solid #DBDBEA;
	margin: -7px 0 0 0;
}


#gmap{
	width:978px;
	height:372px;
}

#map-box table th{
	/*background:#DDF0F4;*/
	background:#FAFAFA; /* --表組見出し標準カラ― grey--*/
	color:#00264C;
	text-align:center;
	width:120px;
	text-align:center;
	vertical-align:middle;
}

#map-box table td{
	vertical-align:top;
	text-align:left;
	padding:25px 25px;
}

#map-box table td.url{
	vertical-align:middle;
	padding:20px 40px 15px;
	line-height:1.2;
}

#map-box table td li{
	text-indent:-1em;
	margin-left:1em;
}

#map-box table h4{
	color:#1292B5;
}

/*-----------------------------------------
	公立高校　併願おすすめ
-------------------------------------------*/

.recommend{
	padding-top:10px;
}

.tit_recommend{
	font-size:18px;
	font-weight:bold;
	color:#FC7214;
	line-height:1.2;
	border-bottom:6px solid #FC7214;
	padding-bottom:5px;
	margin-bottom:10px;
}

.recommend-box{
	background: url(/share/images/arrow_black.png) no-repeat 97% 50% #FEF7AF;
	width:580px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height:1.2;
	margin-bottom:5px;
	/*-- 2016.9.5変更 
	background: url(../images/top_recommend_bg.gif) no-repeat 0 0;
	width:550px;
	height:40px;
	padding:15px;
	--*/
}

/*-- 2016.9.5 追加 --*/
.recommend-box p{
	padding-left: 15px;
	padding-right: 15px;
}

.recommend-box_name{
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}

.co-rec{
	color:#FC7214;
	font-weight:bold;
}
	
.recommend a{
	color:#444;
}

.recommend a:hover{
	color:#2777E2;
}


iframe {
    border: 0;
}