@charset "utf-8";

/*=========================================================
	[ event.css ]
	site top design
	date - creation:2010-03-31 // update:2010-07-06
=========================================================*/

/*=========================================================
	index
		1. content
=========================================================*/

@import "/common/css/recommend.css";

/* 1. content
=========================================================*/
#content #infoEvent dl{
	height:auto;
}


/* News & Event
---------------------------------------------------------*/
div#infoEvent{
	position:relative;
	clear:both;
	margin:10px 0 20px;
}

#infoEvent{
	line-height:1.6;
}
#infoEvent ul{
	display:block;
	height:19px;
	margin-top:10px;
	padding-left:0;
	list-style:none;
	border-bottom:2px solid #2D6086;
}
/* only IE6 */
* html #infoEvent ul{
	height:19px;
}

#infoEvent li{
	display:block;
	float:left;
	width:85px;
	height:19px;
	margin-right:5px;
	overflow:hidden;
}
#infoEvent ul a{
	display:block;
	padding-top:19px;
	height:0;
	overflow:hidden;
	background-image:url(/common/images/info_base.gif);
	background-repeat:no-repeat;
}

#infoEvent dl,.des-news{
	position:relative;
	margin:10px 5px 0 5px;
	width:695px;
	height:auto;
}
#infoEvent dl.hei-liquid{
	height:auto;
}
#infoEvent dt,.des-news dt{
	position:absolute;
	left:0;
	width:9em;
	padding:.3em 0 .3em;
	line-height:1;
	font-weight:bold;
}
#infoEvent dd,.des-news dd{
	padding:.5em 0 .5em 10em;
	line-height:1.4;
	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 */
#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-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#event-all dt{
	width:13.5em;
	background-repeat:no-repeat;
	background-position:90% 50%;
}
dl#event-all dd{
	padding-left:15em;
}
#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);}