@charset "utf-8";

/* TOP PAGE
---------------------------------------------*/

#toppage {background: url(../img/bg_body.jpg) center top no-repeat;}


.topmsg {
	position: relative;
	width: 590px;
	margin-left: 8px;
	font-size: 14px;
	z-index: 2;}

.topmsg .right {
	margin-top: 2em;
	font-size: 12px;
	line-height: 1.5em;}

.ttl-topics {
	position: relative;
	margin: -35px 0 0 -38px;
	z-index: 1;}

/* for IE6 */
* html .ttl-topics {width: 661px;}

#infotop {
	position: relative;
	font-size: 12px;
	width: 565px;
	margin: -115px 0 55px 55px;
	z-index: 3;}

#infotop dt {
	float: left;
	width: 8em;
	padding: 12px 0;}

#infotop dd {
	padding: 12px 0;
	border-bottom: 1px solid #333;}

#ttl-topevent {margin-bottom: 15px;}

.topevent {
	clear: both;
	overflow: auto;
	width: 890px;
	height: 1%;
	padding: 10px 5px;
	border-bottom: 1px solid #333;}

.topevent .eventimg {
	float: left;
	width: 80px;
	padding: 8px 0;}

.topevent .eventimg img {
	border-top: 2px solid #f5f5c6;
	border-bottom: 12px solid #f5f5c6;
	border-left: 3px solid #f5f5c6;
	border-right: 3px solid #f5f5c6;}

.topevent .eventsummary {
	float: right;
	width: 800px;
	padding: 8px 0;}

.topevent .eventsummary p {
	line-height: 1.5em;}


.more {
	margin-left: 2px;
	padding-left: 10px;
	background: url(../img/arrow_more.gif) left 5px no-repeat;}


.btndetail {margin-top: 1em;}