/* -------------------------------------------------------------------- */

/**
 * イベント情報ヘッダー
 *
**/
#idEventHead {
	width    : 900px;
	height   : 60px;
	z-index  : 10;
	position : relative;
}

#idEventHead p{
	text-align  : left;
	padding-top : 15px;
}

/* -------------------------------------------------------------------- */

/**
 * イベント情報全体
 *
**/
#idEventAll {
	width         : 900px;
	margin-bottom : 50px;
}

/* -------------------------------------------------------------------- */

/**
 * 一覧
 *
**/
.clsEventTitle {
	background-image : url(../../images/main/event/bg_event_head_title.gif);
	width            : 900px;
	height           : 32px;
}

#idEventList {
	width         : 860px;
	padding       : 30px 20px 30px 20px;
}

#idEventList td{
	vertical-align : top;
}
	
.clsEventListBox {
	position       : relative;
	width          : 200px;
	margin-bottom  : 20px;
}

.clsEventListImg {
	width            : 200px;
	height           : 150px;
	margin-bottom    : 5px;
}

.clsEventListPlay {
	position         : absolute;
	z-index          : 10;
	top              : 0px;
	left             : 0px;
	background-image : url(../../images/main/event/bg_event_play.png);
	width            : 200px;
	height           : 150px;
	cursor           : pointer;
}

.clsEventListDetailTop {
	background-image : url(../../images/main/event/bg_event_detail_top.gif);
	width            : 200px;
	height           : 6px;
}

.clsEventListDetailCenter {
	background-image  : url(../../images/main/event/bg_event_detail_center.gif);
	background-repeat : repeat;
	width             : 180px;
	text-align        : left;
	padding           : 10px;
}

.clsEventListDetailBottom {
	background-image : url(../../images/main/event/bg_event_detail_bottom.gif);
	width            : 200px;
	height           : 3px;
}

.clsEventListDetailDay{
	color         : #C9AE69;
	font-weight   : bold;
	line-height   : 16px;
}

.clsEventListDetailTitle{
	color         : #696969;
	font-weight   : bold;
	line-height   : 16px;
}

.clsEventListDetailText {
	color         : #696969;
	line-height   : 16px;
}

.clsEventListDetailLine {
	height            : 1px;
	width             : 180px;
	border-bottom     : 1px dotted #696969;
	margin-bottom     : 8px;
}