@charset "utf-8";


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

	[ top_info.css]

	News system use style

	date - creation:2010-03-01 // update:2013-11-27

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



/*=========================================================
	index
		1. top page style
=========================================================*/



/* 1. top page style
=========================================================*/

/* Important
---------------------------------------------------------*/

div#infoImportant{
}
div.infoImportantCms{
	width:703px;
	margin-bottom:10px;
	border:1px solid #ADB5BC;
}
#infoImportant dl{
	border:3px solid #ffffff;
	padding-left:125px;
	background:#FFE42B url(/common/images/info_bk_important.gif) no-repeat 0 center;
}
#infoImportant dt{
	display:block;
	float:left;
	width:8.5em;
	padding:.2em 0 .2em .7em;
	line-height:1.6;
	font-weight:bold;
	background-color:#ffffff;
}
#infoImportant dd{
	padding:.2em 0 .2em 10em;
	line-height:1.6;
	background-color:#ffffff;
	font-size:100% !important;
}
div#infoImportant h2{
	position:absolute;
	margin-top:-1000px;
}


/* info list
---------------------------------------------------------*/
ul.infoList{
	display:block;
	float:right;
	width:430px;
	margin-top:-1.9em;
	list-style:none;
	text-align:right;
}
ul.infoList li{
	display:inline;
	margin-left:15px;
}


/* link icon */
.icoRss,.icoList,.icoCal{
	padding-left:17px;
	background-repeat:no-repeat;
	background-position:0 80%;
}

/* icon image */
#wrapper #content .icoRss{background-image:url(/common/images/for_ico_rss.gif);}
#wrapper #content .icoList{background-image:url(/common/images/for_ico_list.gif);}
#wrapper #content .icoCal{background-image:url(/common/images/for_ico_calender.gif);}


/* pick up
---------------------------------------------------------*/
#infoPickup{
	clear:both;
	margin:10px 0 20px;
	padding:0;
	height:90px;
	list-style:none;
	overflow:hidden;
}
#infoPickup li{
	display:block;
	float:left;
	height:90px;
	padding:0;
	overflow:hidden;
}
li#pickup-l,li#pickup-r{width:16px;}
#pickup-l a,#pickup-r a{
	display:block;
	height:0;
	padding-top:90px;
	overflow:hidden;
	background-image:url(/common/images/info_base.gif);
	background-repeat:no-repeat;
}


#pickup-l a{background-position:-600px 0;}
#pickup-r a{background-position:-630px 0;}
#pickup-l a:hover{background-position:-660px 0;}
#pickup-r a:hover{background-position:-690px 0;}


#infoPickup #pickup-main{
	width:660px;
	padding-left:8px;
}
#infoPickup ul li{
	width:208px;
	margin-right:10px;
	font-size:89%;
	line-height:1.3;
}
#infoPickup a{
	display:block;
	height:86px;
}
#infoPickup img{
	display:block;
	float:left;
	width:80px;
	height:80px;
	margin-right:6px;
	border:3px solid #DCDFE2;
}
#infoPickup a:hover img{border:3px solid #FF994D;}


#infoPickup a span{
	display:block;
	color:#333333;
	font-weight:bold;
	margin-bottom:5px;
}


/* News & Event
---------------------------------------------------------*/

/* h2 */

#content h2.h2-info{
	clear:both;
	padding-bottom:12px;
	border-left:none;
	background:transparent url(/common/images/info_h2_bk.gif) repeat-x 0 bottom;
}


div#infoNews,div#infoEvent{
	position:relative;
	clear:both;
	margin:10px 0 20px;
}


#infoNews,#infoEvent{
	line-height:1.6;
}
#infoNews ul,#infoEvent ul{
	margin-top:10px;
	padding-left:0;
	list-style:none;
	border-bottom:2px solid #2D6086;
}
#infoNews li,#infoEvent li{
	display:block;
	float:left;
	width:85px;
	height:19px;
	margin-right:5px;
	overflow:hidden;
}
#infoNews ul a,#infoEvent ul a{
	display:block;
	padding-top:19px;
	overflow:hidden;
	height:0;
	background-image:url(/common/images/info_base.gif);
	background-repeat:no-repeat;
}


#infoNews dl,#infoEvent dl{
	clear:both;
	margin-top:10px;
	height:18em;
	overflow:auto;
}
#infoEvent dl{
	height:13em;
}
#infoNews dl.hei-liquid,#infoEvent dl.hei-liquid{
	height:auto;
}
#infoNews dt,#infoEvent dt{
	display:block;
	float:left;
	width:9em;
	width:10em;
	margin-left:5px;
	font-weight:bold;
}
#infoNews dd,#infoEvent dd{
	margin:0 5px 5px 0;
	padding:0 8px 4px 10em;
	padding:0 8px 4px 10.5em;
	background:url(/common/images/for_border1.gif) repeat-x left bottom;
}
/* display block */

#news-applicant,#news-student,#news-public,
#news-job,#news-etc,
#event-function,#event-chair,
#event-free,#event-only,#event-etc{display:none;}

/* tab */

#news-Tab-research a{background-position:-721px 0;}
#news-Tab-applicant a{background-position:-100px 0;}
#news-Tab-student a{background-position:-200px 0;}
#news-Tab-public a{background-position:-300px 0;}
#news-Tab-job a{background-position:-400px 0;}
#news-Tab-etc a,#event-Tab-etc a{background-position:-500px 0;}
#event-Tab-function a{background-position:-100px -50px;}
#event-Tab-chair a{background-position:-200px -50px;}
#event-Tab-free a{background-position:-300px -50px;}
#event-Tab-only a{background-position:-400px -50px;}


/* tab - over */

#news-Tab-all a:hover,#news-Tab-all a.active,

#event-Tab-all a:hover,#event-Tab-all a.active{background-position:0 -20px;}
#news-Tab-research a:hover,#news-Tab-research a.active{background-position:-721px -20px;}
#news-Tab-applicant a:hover,#news-Tab-applicant a.active{background-position:-100px -20px;}
#news-Tab-student a:hover,#news-Tab-student a.active{background-position:-200px -20px;}
#news-Tab-public a:hover,#news-Tab-public a.active{background-position:-300px -20px;}
#news-Tab-job a:hover,#news-Tab-job a.active{background-position:-400px -20px;}
#news-Tab-etc a:hover,#news-Tab-etc a.active,

#event-Tab-etc a:hover,#event-Tab-etc a.active{background-position:-500px -20px;}
#event-Tab-function a:hover,#event-Tab-function a.active{background-position:-100px -70px;}
#event-Tab-chair a:hover,#event-Tab-chair a.active{background-position:-200px -70px;}
#event-Tab-free a:hover,#event-Tab-free a.active{background-position:-300px -70px;}
#event-Tab-only a:hover,#event-Tab-only a.active{background-position:-400px -70px;}


/* ico */

dl#news-all dt,dl#event-all dt{
	width:10em;
	padding-right:60px;
	background-repeat:no-repeat;
	background-position:90% 50%;
}
#news-all dt.newsTag-1{background-image:url(/common/images/info_ico_applicant.gif);}
#news-all dt.newsTag-2{background-image:url(/common/images/info_ico_student.gif);}
#news-all dt.newsTag-3{background-image:url(/common/images/info_ico_public.gif);}
#news-all dt.newsTag-4{background-image:url(/common/images/info_ico_job.gif);}
#news-all dt.newsTag-5,#event-all dt.eventTag-etc{background-image:url(/common/images/info_ico_etc.gif);}


#event-all dt.eventTag-6{background-image:url(/common/images/info_ico_function.gif);}
#event-all dt.eventTag-7{background-image:url(/common/images/info_ico_chair.gif);}
#event-all dt.eventTag-8{background-image:url(/common/images/info_ico_free.gif);}
#event-all dt.eventTag-9{background-image:url(/common/images/info_ico_only.gif);}
#event-all dt.eventTag-10{background-image:url(/common/images/info_ico_etc.gif);}


/* clear hack
---------------------------------------------------------*/

/* Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php */

#infoNews li:after,
#infoEvent li:after{
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
#infoNews li,#infoEvent li{display:inline-block;}
/* Hides from IE-mac \*/

* html #infoNews li,* html #infoEvent li{height:1%;}
#infoNews li,#infoEvent li{display: block;}
/* End hide from IE-mac */