@charset "utf-8";

h2 { text-indent: -1000em;}
.page {
	width: 85px;
	margin: 0 0 15px;
	padding-left:15px;
	background: url(images/icn_arr02.png) no-repeat left top;
	clear: both;
	float:right;
	font-size: 93%;
}

/* ---------- header ---------- */
header { margin-bottom: 45px;}

#slider {
	margin: 0 auto;
	height: 414px;
	background: url(images/slider-demo.jpg) no-repeat center;
}
#top #contents
{
	width: 950px;
	margin:0px auto;
}
/* ---------- right_con ---------- */
#top #right_con {
	width: 300px;
	float: right;
}
#top #right_con .menu_box li{
	margin-bottom: 15px;
}
#top #right_con .cal_box {
	margin-bottom: 25px;
}

/* ---------- left_con ---------- */
#top #left_con{
	width: 580px;
	float: left;
}
.pr_banner ul li {
	float: left;
	width: 280px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.pr_banner ul li.wide {
	float: none;
	width: 570px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	clear: both;
}
/* ---------- bottom_con ---------- */
#top #bottom_con{
	width: 950px;
	margin: 0 auto 50px;
	clear: both;
	overflow: hidden;
}
#top #bottom_con #fb_box {
	float: left;
	margin-left: 35px;
	margin-bottom: 50px;
}
#top #bottom_con #tw_box {
	float: right;
	margin-right: 35px;
}
#top #bottom_con #sponsored {
	clear: both;
}
	#top #bottom_con #sponsored h2 {
		width: 590px;
		height: 21px;
		margin-bottom: 40px;
		background: url(images/top/h2_sponsored.png) no-repeat;
	}
	#top #bottom_con #sponsored li {
		margin-right: 12px;
		float: left;
	}
	#top #bottom_con #sponsored li:nth-child(5){ margin-right: 0px;}



#info_con {
	width: 580px;
	margin-bottom: 25px;
	border: 1px solid #E6E6E6;
	overflow: hidden;
	height: 400px;
}
	#info_con h2 {
		width: 580px;
		height: 59px;
		margin-bottom: 15px;
		background: url(images/top/h2_concerts.jpg) no-repeat;
	}
	#info_con .info_box {
		width: 170px;/*170px*/
		height: 230px;/*255px*/
		margin-left: 10px;
		margin-bottom: 15px;
		padding: 20px 0 15px;
		background: #f2f2f2;
		float: left;
	}
	#info_con .info_box:nth-child(2) { margin-left: 25px;}
	#info_con .info_box li.photo {
		margin: 0 auto 15px;
		width:118px;
		height:170px;
		overflow:hidden;
		text-align: center;
	}
	#info_con .info_box li.title {
		width: 140px;
		height:50px;
		margin:0 auto;
		padding-left: 20px;
		background: url(images/icn_arr02.png) no-repeat left top;
		font-size: 93%;
		line-height:135%;
		overflow:hidden;
	}
#news_con {
	width: 300px;
	height: 400px;
	margin-bottom: 25px;
	border: 1px solid #E6E6E6;
	overflow: hidden;
}
	#news_con h2 {
		width: 300px;
		height: 59px;
		margin-bottom: 25px;
		background: url(images/top/h2_infomation.jpg) no-repeat;
	}
	#news_con dl {
		width: 290px;
		height: 280px;
		margin: 0 auto 10px auto;
		color: #4e4e4e;
		font-size: 11px;
		overflow-y:scroll;
	}
	#news_con dl dt{
		margin-left: 10px;
	}
/*
	#news_con dl dt.cat01{ background: url(images/top/icn_cat01.png) no-repeat;}
	#news_con dl dt.cat02{ background: url(images/top/icn_cat02.png) no-repeat;}
*/
	#news_con dl dd{
		margin-bottom: 10px;
		padding: 5px 5px 10px 10px;
		border-bottom: 1px dotted #c4c4c4;
		font-size: 108%;
		line-height:150%;

	}

#top .pdfbox {
 width: 130px;
 height:170px;/*210px*/
 margin-bottom: 20px;
 padding:45px 5px 0;
 border: 1px solid #e6e6e6;
 float:left;
 font-size:93%;
 overflow:hidden;
 text-align:center;
}
#top .pdfbox img { margin-bottom: 10px;}
#top .pdfbox p {
 width:95px;
 margin-top:5px;
 margin-left:30px;
 padding-left:12px;
 background: url(images/icn_arr02.png) no-repeat left top;
 font-size:93%;
}
#top .yb {
 background:url(images/top/bg_yearbook.png) no-repeat;
}
#top .td {
 margin-right:15px;
 background:url(images/top/bg_trend.png) no-repeat;
}

#infomation span.tag01,
#infomation span.tag02,
#infomation span.tag03,
#infomation span.tag04,
#infomation span.tag05,
#infomation span.tag06,
#infomation span.tag00 {
	width:80px;
	margin-right:5px;
	padding: 0 3px;
	font-size:9px;
	color: #ffffff;
	text-align: center;
	line-height:100%;
	letter-spacing: 0.1em;
	background: #bbbbbb;
}
#infomation span.tag01 { background: #cf292b;}
#infomation span.tag02 { background: #63a505;}
#infomation span.tag03 { background: #0885c7;}
#infomation span.tag04 { background: #ff8000;}
#infomation span.tag05 { background: #999999;}
#infomation span.tag06 { background: #8000ff;}