@charset "utf-8";

body{
	min-width:1000px;
	}

#academic a, #sectionInfo a{
color:#333;
	}

#top #contents a img:hover{
	opacity:0.6;
	}

/*====================================================================

　Main image

====================================================================*/

#mainImage {
    position: relative;
	top: -33px;
	background: #f9f9f9;
	height: 380px;
	z-index:0;
	overflow:hidden;
	}

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#slide{ 
	width: 1400px;
	height: 380px;
	left: 50%;
}
#slide>img,  
#slide>div,
#slide>a { display: none; }


/* CONTAINER
   ================================================== */

div.orbit-wrapper {
	background: url('../img/mainimage/loading.png') no-repeat center center #f1f1f1;
	overflow: hidden;
	margin: 0 auto;
    width: 100%;
    height: 1px;
	z-index: 1;
 }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    /*overflow: hidden*/
}

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit .slide {
	position: absolute;
	top: 0;
	left: -50%;
	height: 380px;
}

/*
div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    right: 50%;
    line-height: 0; 
    display: none; }
*/

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }



/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
	display:block;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -22px;
    cursor: pointer; }

div.slider-nav span.right {
	background: url(../img/onslidebtn/nav_r.png) 0 0;
	right: 50%;
	margin-right:-544px;
	text-align: center;
}

div.slider-nav span.right:hover, div.slider-nav span.left:hover { 
	opacity:0.8;
 }

div.slider-nav span.left {
	background: url(../img/onslidebtn/nav_l.png) 0 0;
	left:50%;
	margin-left:-544px;
	text-align: center;
}

/* slide01 */

.slide01 .faculty_ort {
	position: absolute;
	top: 230px;
	left: 280px;
}
.slide01 .faculty_hs {
	position: absolute;
	top: 230px;
	right: 280px;

}


/* slide01 */

.slide02 .bustour {
	position: absolute;
	top: 97px;
	right: 425px;
}



/*====================================================================

　topBtn

====================================================================*/

#topbtnCover {
	position:relative;
	width:1000px;
	margin: 0 auto;
	top:-41px;
	height:41px;
	clear:both;

}
#topbtn {
	position:absolute;

	margin: 0 auto;
	z-index: 100;
}
#topbtn li {
	margin: 0 5px 0 0;
	float: left;
}
#topbtn ul li a {
	display: block;
	overflow: hidden;
}


/*====================================================================

　contents

====================================================================*/

#top #contents {
	width:100%;
	margin:5px auto 0 auto;
	}

.sectionInner {
	width:1000px;
	margin:0 auto;

	}


/*====================================================================

　feature

====================================================================*/


#featureMain {
	width: 670px;
	float:left;
	}

#featureMain h2{
	margin: 0 0 20px 0;
	}

#featureMain ul li{
	margin:0 20px 10px 0;
	float:left;
	}

#featureMain ul li.even{
	margin-right:0;
	}

#featureSide {
	width:300px;
	float:right; 
	}

#featureSide li {
	margin: 0 0 10px 0;
	}


/*====================================================================

　TopNews

====================================================================*/

#sectionTopNews{
	margin: 30px 0 0 0;
	padding: 30px 0;
	background:#EBE4D2;	
	}

#sectionTopNews h2{
	margin:35px 0 0 0;
	float:left;
	}

#topnewsCarousel{
	width:840px;
	float:right;
	}

#sectionTopNews .bx-wrapper{
	padding: 0 27px 0 26px;
	position:relative;
	}

#sectionTopNews a.bx-prev{
	position:absolute;
	top:42px;
	left:0;
	background:url(../img/topnews/nav_left.gif);
	height: 35px;
	width:26px;
	text-indent:-9999px;
	}

#sectionTopNews a.bx-next{
	position:absolute;
	top:42px;
	right:0;
	background:url(../img/topnews/nav_right.gif);
	height: 35px;
	width:26px;
	text-indent:-9999px;
	}

#topnewsCarousel .bx-viewport{
	border-left:1px solid #ccc2af;
	border-right:1px solid #ccc2af;
	}

#topnewsCarousel ul li{
	width:376px;
	margin-left:-1px;
	font-size:90%;
	line-height:1.3;
	background:url(../img/topnews/dotline.gif) no-repeat left center;
	float:left;

	}
#topnewsCarousel ul li.firstUnit{
	background:none;
	}

#topnewsCarousel ul li a{
	width:336px;
	padding:10px 20px;
	display:block;
	color:#333;
	}
#topnewsCarousel ul li a:hover{
	background: #F8F2E6;
	}

#topnewsCarousel ul li span{
	display:block;
	width:150px;
	float:left;
	}

#topnewsCarousel ul li span strong{
	display:block;
	margin: 0 0 5px 0;
	color: #e34a5f;
  	white-space:nowrap;	
	}
	
	
#sectionTopNews ul li img{
	float:right;
	}	





/*====================================================================

　News

====================================================================*/

#sectionNews {
	padding: 30px 0;
	background: #F9F3E7;
	}

#sectionNews h2 {
	margin: 0 0 10px 0;
	}
	
#sectionNews #pickup {
	width:499px;
	border-right:1px solid #e8dec9; 
	float:left;
	}

#sectionNews #pickup .unit {
	width: 220px;
	margin: 0 20px 0 0;
	float:left;
	}

#sectionNews #pickup .unit strong{
	color:#7f6f50;
	font-size: 90%;
	}

#sectionNews #pickup .unit img{
	margin: 5px 0 0 0;
	}

#sectionNews #pickup .unit p{
	font-size:90%;
	line-height: 1.3;
	}


#sectionNews #topics {
	width:460px;
	padding:0 0 0 40px;
	float:right;
	}

#sectionNews #topics #topicsTit{
	position:relative;
	}

#sectionNews #topics #topicsTit span{
	display:block;
	position: absolute;
	padding:2px 10px;
	background: #333;
	color:#fff;
	font-size:80%;
	}
#sectionNews #topics #topicsTit span.list{
	top:10px;
	right:0;
}
#sectionNews #topics #topicsTit span.rss{
	top:10px;
	right:50px;
}


/* tabs */

ul.tabs {
	width: 460px;
}
ul.tabs li:last-child { border:none; }
ul.tabs li {
	font-size: 80%;
	float: left;
	background-color: #E0DACE;
	border-right: 1px solid #BEB9AF;

}
ul.tabs li:hover { background-color: #BEB9AF; }
ul.tabs li.active {
	position: relative;
	margin-bottom: -1px;
	background-color: #fff;
	border:none;
}
ul.tabs li a {
	display: block;
	padding: 0;
	color: #515151;
	line-height: 30px;
	text-decoration: none;
	width: 90px;
	height: 30px;
	text-align: center;
	overflow: hidden;
}
ul.tabs li a.press {
	width: 94px;
	letter-spacing: -1px;
}
ul.tabs li.active a {
	color: #f96d70;
}
/*
ul.tabs li.active:after {
  content: "";
  position: absolute;
  top: 35px;
  left: 42%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #dd3a50;
}*/

div.tabs_content {
	background: #fff;
	width: 450px;
	padding: 10px 0 10px 10px;
/*	background: url(../img/dotline02.png) repeat-x bottom;*/
}

div.tabs_content #tabs_whatsnew, 
div.tabs_content #tabs_admissions, 
div.tabs_content #tabs_event, 
div.tabs_content #tabs_sports, 
div.tabs_content #tabs_press {
	height: 180px;
	margin: 0 5px 0 0;
	overflow: auto;
}

div.tabs_content dl {
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	background: url(../img/dotline02.png) repeat-x bottom;
}
div.tabs_content dl { width: 100%; }
div.tabs_content dl:after {
	content: ""; 
	display: block; 
	clear: both;
}
div.tabs_content dl dt {
	color: #554029;
	font-weight: bold;
	width: 100px;
	float: left;
}
div.tabs_content dl dd {
	padding-right: 5px;
	overflow: hidden;
}
div.tabs_content dl dt .info, 
div.tabs_content dl dt .ad, 
div.tabs_content dl dt .event, 
div.tabs_content dl dt .sports, 
div.tabs_content dl dt .press {
	display: block;
	margin-left: 0;
	padding: 1px 0;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.4;
	width: 80px;
	text-align: center;
}
div.tabs_content dl dt .info { color: #368ea6; background-color: #d3edf4; }
div.tabs_content dl dt .ad { color: #629816; background-color: #daefbd; }
div.tabs_content dl dt .event { color: #e58004; background-color: #ffebc0; }
div.tabs_content dl dt .sports { color: #7d5c99; background-color: #eae1f3; }
div.tabs_content dl dt .press { color: #488b85; background-color: #daf0ee; letter-spacing: -1px; }









/*====================================================================

　Outline

====================================================================*/


#sectionOutline{
	padding:50px 0;
	background:url(../img/line_double.gif) repeat-x bottom;
	}


#academic {
	width:490px;
	float:left;
	}

#academic #facultyTable th{
	height:130px;
	}

#academic #graduateTable{
	margin: 30px 0 0 0;
	}
#academic table {
	border-collapse:separate;
	border-spacing:0;
}

#academic table th{
	padding: 0 10px;
	border-right: 1px dotted #333;
	}


#academic table td {
	padding: 4px 3px 4px 15px;
	font-size:90%;
	white-space: nowrap;
	}

#academic #facultyTable td a{
	padding: 0 0 0 10px;
	background: url(../img/ico_arrow_academic01.gif) no-repeat left;
	} 
	
#academic #graduateTable td a{
	padding: 0 0 0 10px;
	background: url(../img/ico_arrow_academic01.gif) no-repeat left;
	} 



#closeUp {
	width:460px;
	float:right;
	}

#closeUp ul{
	margin: 20px 0 0 0;
	}

#closeUp li{
	margin: 0 20px 10px 0;
	float:left;
	}

#closeUp li.even{
	margin-right:0;
	}



/*====================================================================

　Info

====================================================================*/

#sectionInfo{
	padding:50px 0;
	}


#linkArea {
	width:740px;
	float:left;
	}

#carousel{

	}

#linkArea .bx-wrapper{
	padding: 0 30px;
	position:relative;
	}

#linkArea a.bx-prev{
	position:absolute;
	top:30px;
	left:0;
	background:url(../img/carousel/nav_left.gif);
	height: 30px;
	width:30px;
	text-indent:-9999px;
	}

#linkArea a.bx-next{
	position:absolute;
	top:30px;
	right:0;
	background:url(../img/carousel/nav_right.gif);
	height: 30px;
	width:30px;
	text-indent:-9999px;
	}

ul#carousel li{
	width: 220px;
	}

#affiliate{}

#affiliate table{
	width:100%;
	margin: 30px 0 0 0;
	border-collapse:separate;
	border-spacing:5px;
	}

#affiliate table th {
	padding: 0 20px 0 0;
	}

#affiliate table td{
	font-size:90%;
	padding:3px 12px 2px 15px;
	border-left:1px dotted #666;
	white-space: nowrap;
	}

#affiliate table td a{
	padding: 0 0 0 10px;
	background: url(../img/ico_arrow_academic01.gif) no-repeat left;	
	}
	
#publicInfoArea {
	width:210px;
	background: #f6f6f6;
	padding: 10px;
	border:1px solid #e1e1e1;
	float:right;
	}
#publicInfoArea  ul{
	padding: 5px 10px;
	background: #fff;
	}
#publicInfoArea  ul li{
	padding: 8px 0 8px 20px;
	background:url(../img/ico_arrow04.png) no-repeat left;
	border-bottom: 1px dotted #666;	
	font-size:90%;
	}
#publicInfoArea  ul li.last{
	border:none;
	}

/*====================================================================

　Mobile Layout

====================================================================*/

@media only screen and (max-width: 1000px) {
	
	/* sidenav */
	div.slider-nav { display: none; }

}