/*トップ
------------------------------*/
.top-box{padding:30px 20px;}
.top-box-inner{width:1100px;margin:0 auto}

/*メイン
------------------------------*/
.main-wrap{width:1140px;padding:30px 20px;}
.main-img{width:770px;height:350px;position:relative;float:left}
.main-img ul li{position:absolute;top:0;left:0}
.main-img ul li a img{transition:0.3s}
.main-img ul li a:hover img{opacity:0.8}

.main-slider{opacity:0;transition:1s;}
.main-slider.on{opacity:1}

.main-edit{position:absolute;top:0;right:0;}
.main-edit .edit{margin:0;}
.main-pager{position:absolute;bottom:10px;right:10px;}
.main-pager .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.main-pager .bx-pager .bx-pager-item,
.main-pager .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.main-pager .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	outline: 0;
	border-radius:50%;
	transition:all 0.4s;
}

.main-pager .bx-pager.bx-default-pager a:hover,
.main-pager .bx-pager.bx-default-pager a.active {
	background: #02B1E6;
}

.main-event{width:300px;height:350px;float:right;position:relative;}
.top-event{width:304px;height:204px;background:url(../images/event-bg.jpg) no-repeat;position:absolute;top:-4px;left:-4px}
.top-event-inner{width:300px;height:100px;position:absolute;top:30px;right:0;padding:5px;}
.top-event-inner a{display:block;padding:10px;color: #ffffff;}
.top-event-inner a strong{display:block;margin-bottom:7px;}
.top-event-inner a p{line-height:1.3;font-size:17px;font-size:1.7rem;}
.top-event-inner a:hover{color:#d7272d}

.top-pamph{width:300px;height:130px;position:absolute;bottom:0;left:0;border:1px solid #ded7d2;}
.top-pamph a{padding:10px;display:block;overflow:hidden;}
.top-pamph a:hover{background:rgba(215,38,45,0.1)}
.top-pamph img{width:auto;height:108px;float:right;border:1px solid #e1e1e1;margin-left:26px;}
.top-pamph strong{font-size:18px;font-size:1.8rem;margin-bottom:6px;display:block;}
.top-pamph p{font-size:12px;font-size:1.2rem;line-height:1.3}
.top-pamph span{display:block;background:#d7272d;width:145px;padding:6px 10px;position:absolute;bottom:10px;color:#fff;font-size:14px;font-size:1.4rem;line-height:1}
.top-pamph span i{float:right;line-height:1}

/*学科
------------------------------*/
.top-course{background:url(../images/bg-course.png);}
.top-course ul{overflow:hidden;margin-bottom:-31px;}
.top-course ul li{width:346px;height:120px;float:left;margin-right:31px;margin-bottom:31px;border:1px solid #ded7d2;}
.top-course ul li:nth-child(3n){margin-right:0}
.top-course ul li a{display:block;position:relative;overflow:hidden;width:344px;height:118px;}
.top-course ul li a img{width:100%;height:auto;position:absolute;top:0;right:0;transition:0.4s}
.top-course ul li a strong{display:inline-block;position:absolute;top:37px;left:26px;font-size:20px;font-size:2.0rem;transition:0.4s;z-index:1}
.top-course ul li a strong.jisseki{display:inline-block;position:absolute;top:25px;left:26px;font-size:20px;font-size:2.0rem;transition:0.4s;z-index:1}
.top-course ul li a strong span{font-size:15px;font-size:1.5rem;font-weight:normal;}
.top-course ul li a p{position:absolute;top:67px;left:26px;font-size:11px;font-size:1.1rem;z-index:1;line-height:1.3}
.top-course ul li a:hover img{width:120%;position:absolute;top:-10%;right:0;}
.top-course ul li a.ban:hover img{width:105%;position:absolute;top:-5%;right:0;}

.top-course ul li a span.info{font-size: 95%;font-weight: bold;color: #d7272d;margin-top: 5px;}
.top-course ul li a span.info span{font-size: 70%;font-weight: bold;color: #000;margin-top: 5px;line-height: 1.2;display: inline-block}

.top-course ul li a:hover strong{color:#d7272d}
a .tc-icon{position:absolute;bottom:15px;right:40px;background:#d7272d;z-index:1;width:26px;height:26px;border-radius:50%;text-align:center;opacity:0;transition:0.4s;}
a .tc-icon i{font-size:15px;color:#fff;line-height:26px;margin-left:1px;}
a:hover .tc-icon{position:absolute;bottom:15px;right:15px;opacity:1;}

/*トピックス
------------------------------*/
.top-news{width:440px;float:left;margin-right:30px;}
.top-news h2{font-size:18px;font-size:1.8rem;font-weight:normal;letter-spacing:1px;border-top:1px solid #ded7d2;border-bottom:1px solid #ded7d2;height:40px;line-height:40px;padding:0 10px;position:relative;}
.top-news h2 a{display:block;height:26px;width:53px;line-height:26px;background:#3961b8;position:absolute;top:7px;right:7px;text-align:center;color:#fff;font-size:14px;font-size:1.4rem;}
.top-news h2 a:hover{background:#02b1e6}
.top-fb{width:300px;float:left;margin-right:30px;}
.top-twitter{width:300px;float:left}

/*ソーシャル
------------------------------*/
.top-twitter{}

.top-twitter a{
	display: block;
	margin-bottom: 10px;
	border: none;
}


/*バナー
------------------------------*/
.top-bn{border-top:1px solid #e4e0e0;border-bottom:1px solid #e4e0e0;background:#faf9f9}
.top-bn .top-box-inner{position:relative;}
.banner-edit{position:absolute;bottom:-50px;right:31px;}
.banner-edit .edit{margin:0;}
.bn-prev{position:absolute;top:50%;left:0;margin-top:-16px}
.bn-next{position:absolute;top:50%;right:0;margin-top:-16px}
.bn-pn i{font-size:33px;color:#d7272d}
.bn-pn i:hover{color:#f60;}
.top-bn .bx-viewport{height:93px!important}
.top-bn li a{border:1px solid #ddd;display:block;}
.top-bn li img{width:100%;height:auto;transition:0.3s;}
.top-bn li img:hover{opacity:0.7}

/*重要なお知らせ
----------------------*/
.important_wrap{margin-bottom:30px;padding:0 20px;}
.important{border-collapse:separate;border-spacing:0;width:1100px;margin:0 auto}
.important th{background:#e6001b;font-weight:normal;color:#fff;border-radius:5px 0 0 5px;white-space:nowrap;vertical-align:middle;padding:0 15px;}
.important td{border:2px solid #e6001b;border-left:0;border-radius:0 5px 5px 0;width:100%;padding:10px;background:#fef7f8;}

.important_list{margin:0;padding:0;list-style-type:none;}
.important_list li{border-bottom:1px solid #dfd8d9;}
.important_list li:last-child{border-bottom:0;}
.important_list li a{display:block;padding:10px 5px 10px 7.5em;color:#000;transition:0.3s;position:relative;font-size:14px;text-decoration:none;line-height:1.4;}
.important_list li a span{width:7em;display:inline-block;position:absolute;left:0.5em;}
.important_list li a:hover{background:#fce5e8;}