@charset "UTF-8";

#exam-info-box {
  background: #fff176;
  /*border: 12px solid #eee;*/
  margin: 12px auto 0;
  padding: 24px;/*24px*/
  width: 882px;
  height: auto;
}

#exam-info-box .title-bar {
  background: #FF0004;
  border-radius: 4px;
  margin-bottom: 12px;
  padding: 6px 14px 6px;
}
#exam-info-box .title-bar h4 {
  border-left: 6px solid #fff;
  color: #fff;
  font-size: 16px;
  /*font-weight: bold;
  line-height: 1.125rem;*/
  padding-left: 12px;
  text-shadow: 1px 1px 1px #555;
}
#exam-info-box p.text-news {
  color: #c41411;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 12px;
  padding-left: 14px;
}
#exam-info-box p.record-date {
  color: #757575;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}
#exam-info-box .text-box {
  color: #333;
  font-size: 14px;
  line-height: 18px;
  padding-left: 14px;
}

/* --------------------------------------------
	mainTopImg
-------------------------------------------- */
#mainTopImg {
	overflow: hidden;
	zoom: 1;
	width: 940px;
	height: 314px;
	margin: 0 auto;
	position:relative;
}

#mainTopImg #slide {
	z-index:1;
	margin:5px 0 0;
	}

.gakka_bg {
	width:940px;
	height:92px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	}

#mainTopImg .gakka_link {
	z-index:3;
	height:68px;
	position:absolute;
	bottom:0;
	}

#mainTopImg ul {
	margin-left: 5px;
	
}
#mainTopImg ul li {
	display :block;
	float: left;
	cursor:pointer;
}

#mainTopImg ul li a {
	display:block;
	}

#mainTopImg ul li.gakka_01 {
	background:url(../../img/btn_department_01_on.jpg)
	}

#mainTopImg ul li.gakka_02 {
	background:url(../../img/btn_department_02_on.jpg)
	}

#mainTopImg ul li.gakka_03 {
	background:url(../../img/btn_department_03_on.jpg)
	}

#mainTopImg ul li:hover img {
	visibility:hidden;
	cursor:pointer;
	}

/*2019年_第二学科募集停止用*/
#mainTopImg .gakka_link {
	z-index:3;
	height:68px;
	position:absolute;
	bottom:0;
	}

#mainTopImg ul {
	margin-left: 5px;
	
}
#mainTopImg ul li {
	display :block;
	float: left;
	cursor:pointer;
}

#mainTopImg ul li a {
	display:block;
	}

#mainTopImg ul li.gakka_01 {
	background:url(../../img/btn_dept01_2019_on.png)
	}

#mainTopImg ul li.gakka_02 {
	background:url(../../img/btn_dept_tsushin_2019_on.png)
	}

#mainTopImg ul li:hover img {
	visibility:hidden;
	cursor:pointer;
	}

/* ---------top 資料請求ボタン 161020追記↓--------- */

.box_top_01_t .top_taiken {
	width:215px;
	height:82px;
	background-size: 215px 82px !important;
	background:url(/common/img/lnav/sub_bnr_03_on.png);
	float:left;
}

.box_top_01_t .top_taiken a {
	display:block;
}

.box_top_01_t .top_taiken a:hover img {
	visibility:hidden !important;
	cursor:pointer !important;
}

/*お申し込みはこちら学科別*/
.btn_shiryo ul {
	margin:12px 0 10px 21px;
	}

.btn_shiryo ul li {
	width:58px;
	height:58px;
	float:left;
	}

.btn_shiryo ul li.shiryo_01 {
	background:url(../../img/btn_top_d0101_on.png)
	}

.btn_shiryo ul li.shiryo_02 {
	background:url(../../img/btn_top_d0102_on.png)
	}

.btn_shiryo ul li.shiryo_03 {
	background:url(../../img/btn_top_t0103_on.png)
	}

.btn_shiryo ul li a {
	display:block;
	}

.btn_shiryo ul li a:hover img {
	visibility:hidden !important;
	cursor:pointer !important;
	}

/*学校紹介動画 - マウスオーバー*/
.top_movie_link {
	width:454px;
	height:65px;
	background:url(../../img/h2_top_07_on.jpg);
	}

.top_movie_link a {
	display:block ;
	}

.top_movie_link a:hover img {
	visibility:hidden !important;
	}

/*Web学校説明会- マウスオーバー*/
.top_movie_setsumei {
	width:454px;
	height:97px;
	background:url(../../img/h2_top_08_on.jpg);
	}

.top_movie_setsumei a {
	display:block ;
	}

.top_movie_setsumei a:hover img {
	visibility:hidden !important;
	}

/*第一学科学校紹介動画 - マウスオーバー*/
.top_movie1_link {
	width:454px;
	height:149px;
	background:url(../../img/h2_top_10_on.png);
	}

.top_movie1_link a {
	display:block ;
	}

.top_movie1_link a:hover img {
	visibility:hidden !important;
	}


/*Q&A - マウスオーバー*/
ul.top_qa_link {
	width:177px;
	margin:0 auto;
	}

ul.top_qa_link li {
	width:59px;
	height:81px;
	float:left;
	padding:0 !important;
	margin:0 !important;
	}

ul.top_qa_link li.qa_01 {
	background:url(../../img/btn_top_0102r_on.gif);
	}

ul.top_qa_link li.qa_02 {
	background:url(../../img/btn_top_0103r_on.gif);
	}

ul.top_qa_link li.qa_03 {
	background:url(../../img/btn_top_0104r_on.gif);
	}

ul.top_qa_link li a {
	display:block;
	}
	
ul.top_qa_link li a:hover img {
	visibility:hidden !important;
	cursor:pointer !important;
	}
/*Q&A - マウスオーバ 　追加2017/07/20ー*/
ul.top_qqa_link {
	width:96px;
	margin:0 auto;
	}

ul.top_qqa_link li {
	width:32px;
	height:44px;
	float:left;
	padding:0 !important;
	margin:0 !important;
	}

ul.top_qqa_link li.qqa_01 {
	background:url(../../img/btn_top_0102c.gif);
	}

ul.top_qqa_link li.qqa_02 {
	background:url(../../img/btn_top_0103c.gif);
	}

ul.top_qqa_link li.qqa_03 {
	background:url(../../img/btn_top_0104c.gif);
	}

ul.top_qqa_link li a {
	display:block;
	}
	
ul.top_qqa_link li a:hover img {
	visibility:hidden !important;
	cursor:pointer !important;
	}

/*20190305_Q&A改修*/
ul.top_qqa_link_02 {
	padding:0 0 0 7px;
	margin-top: 8px !important;
}

ul.top_qqa_link_02 li {
	float:left;
	padding:0 !important;
	margin:5px 0 0 0 !important;
}

/*What's new 色分け追加　20180822*/

.new_tsushin , .new_daiichi , .new_daini {
	font-size: 0.8em;
	color: #555555;
	display: inline-block;
	padding: 1px 5px;
	margin: -3px 5px 1px 0;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	position: relative;
	top:-2px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	box-shadow: 1px 1px 0 rgba(0,0,0,0.35);
}

.new_tsushin {
	background: #7edcea;
}

.new_daiichi {
	background: #ffe57c;
}

.new_daini {
	background: #a4eb83;
}

.balloonoya {
  position   : relative;  
  margin: 0 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #bdc8c8;
}
.balloonoya:hover .balloon {
  display: inline;                
}
.balloon {
  position   : absolute;                
  display: none;                        
  padding: 5px;                         
  background-color: #ffffcc;       
  width:356px;                          
  left : 8%;                           
  top : 86%;                        
  font-size: 100%;                       
  z-index: 1;
  text-align: left;
  line-height: 200%;
}