@charset "utf-8";
/*
CSS Information
 File name:      event.css
 Author:         Administrator
 Style Info:     /event.php
----------------------------------------------------- */
/* CSS override and Class setting
***********************************/
/* #unEvent
***********************************/
#unEvent {
	margin: 0 0 15px 0;
}
#unEvent ul.unEventList {
	padding: 10px;
}
#unEvent ul.unEventList li {
	display: block;
	margin: 0 0 10px;
	padding: 10px;
	border: solid 1px #999;
}
#unEvent ul.unEventList li:last-child {
	margin-bottom: 0;
}
#unEvent ul.unEventList li .title {
	padding: 5px 10px;
	background: #666;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	text-align: left;
}
#unEvent ul.unEventList li dl {
	margin: 10px 0 0 0;
}
#unEvent ul.unEventList li dl dt {
	display: block;
	float: left;
	padding: 20px 0;
	width: 150px;
	color: #fff;
	font-size: 182%;
	font-weight: bold;
}
#unEvent ul.unEventList li.cat1 dl dt {
	background: #42a3ff;
}
#unEvent ul.unEventList li.cat2 dl dt {
	background: #00bc4e;
}
#unEvent ul.unEventList li.cat3 dl dt {
	background: #ff351e;
}
#unEvent ul.unEventList li.cat4 dl dt {
	background: #de279b;
}
#unEvent ul.unEventList li dl dd {
	display: block;
	padding: 0 0 0 160px;
	text-align: left;
}
#unEvent ul.unEventList li dl dd em,
#unEvent ul.unEventList li dl dd span,
#unEvent ul.unEventList li dl dd small {
	display: block;
}
#unEvent ul.unEventList li dl dd em {
	color: #fd03a2;
	font-size: 139%;
	font-weight: bold;
}
#unEvent ul.unEventList li dl dd span,
#unEvent ul.unEventList li dl dd small {
	margin: 5px;
}
#unEvent ul.unEventList li dl dd small {
	font-size: 93%;
}
#unEvent ul.unEventList li .body {
	margin: 10px 0 0 0;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.6;
}

/* #event
***********************************/
section ul.eventList {
	padding: 10px;
}
section ul.eventList li {
	display: block;
	margin: 0 0 20px;
	border: solid 1px #999;
}
section ul.eventList li:last-child {
	margin-bottom: 0;
}
section ul.eventList li .title {
	padding: 5px 10px;
	background: #666;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	text-align: left;
}
section ul.eventList li .date {
	display: block;
	padding: 10px;
	color: #666;
	font-size: 93%;
	text-align: right;
}
section ul.eventList li .thumb {
	display: block;
	margin: 0 auto;
	width: 790px;
	text-align: center;
}
section ul.eventList li .thumb img {
	width: auto;
	height: auto;
	max-width: 790px;
	vertical-align: top;
}

section ul.eventList li .body {
	margin: 10px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.6;
}