@charset "UTF-8";

/* layout  ------------------------------*/

h2{	
	position:absolute;
	}

/* アイコンの説明 */

ul#statusIcon{
	position:relative;
	left:361px;
	width:305px;
	border:1px solid #CCCCCC;
	padding:0 5px;
	margin-bottom:10px;
}

	ul#statusIcon li{
		float:left;
		padding:3px;
	}

	ul#statusIcon img{
		display:block;
	}


/* イベント紹介 */

.eventBox{
	display:block;
	padding:10px;
	border:1px solid #CCCCCC;
}

	.eventBox h3{
		color:#003366;
		font-weight:bold;
		line-height:150%;
		padding-bottom:10px;
	}
	
	.eventBox h3 img{
		vertical-align:middle;
		margin-right:5px;
	}

	.eventBox h3 a:link,
	.eventBox h3 a:visited{
		color:#003366;
		text-decoration:none;
	}

	.eventBox h3 a:hover{
		color:#0099ff;
		text-decoration:underline;
	}

	.eventBox h3 span.sold{
		color:#CC0000;
		font-size:11px;
		font-weightl:bold;
	}
	
	.eventBox .image{
		float:left;
	}

	.eventBox .txtArea{
		clear:both;
		padding-top:10px;
	}

	.eventBox .txtArea h4{
		font-weight:bold;
		line-height:130%;
		border-bottom:1px solid #333333;
		padding-bottom:2px;
		margin-bottom:5px;
	}

	.eventBox .txtArea p{
		line-height:150%;
		padding:5px 0 0 0;
	}

	.eventBox .txtArea .lead{
		color:#888888;
		font-weight:bold;
		padding:4px 0 0 0;
		margin:0;
		border-top:0;
	}

	/* 2カラム分のブロック */
	.block01{
	}

	.column2{
		float:left;
		width:424px;
	}
	
	.column2 .image{
		width:370px;
		margin-right:-10px;
	}
	
		.column2 .image img{
			float:left;
			display:block;
			margin-right:7px;
		}

	/* 3カラム並ぶブロック */
	.block02{
		width:684px;
		margin-right:-20px;
		margin-top:10px;
	}

	.column{
		float:left;
		width:196px;
		margin-right:10px;
	}
	
	.column .image{
		width:140px;
	}
	
		.column .image img{
			display:block;
		}

ul.statusArea{
	float:right;
	width:50px;
}

ul.statusArea li{
	height:20px;
}

ul.statusArea img{
	display:block;
	vertical-align:bottom;
	line-height:0;
}

p.detailBtn{
	height:18px;
	padding:0;
	margin:10px 0 0 0;
	text-align:right;
	display:block;
	border-top:none!important;
}

p.detailBtn a{
	width:100px;
	height:18px;
	font-size:1px;
	line-height:100%;
	text-indent:-9999px;
	text-align:left;
	display:block;
	background-image:url(/category/event/images/btn_detail.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 auto;
	padding:0;
}

p.detailBtn a:link,
p.detailBtn a:visited{
	background-position:0 0;
}

p.detailBtn a:hover{
	background-position:0 -30px;
}

/* 動画紹介 */
#movieArea{
	float:right;
	width:208px;
	border:1px solid #CCCCCC;
	padding:4px;
}

	#movieArea p{
		font-size:11px;
		font-weight:bold;
		padding:4px 0 0 0;
		margin:0;
	}