@charset "utf-8";
@import url("../../css/import.css");
@import url("../../css/aside.css");
/* ===================================================================
CSS information

 file name  :event.css
 author     :Lyon
 style info :イベントページ用CSS
=================================================================== */

/* -----------------------------------------------------------
	.イベント・レポート情報　上半分
----------------------------------------------------------- */
.event h2 {
	width:632px;
	height:92px;
	margin:0 0 25px 0;
	background:url(../img/event.gif) no-repeat;
}

.report h2 {
	width:632px;
	height:92px;
	margin:0 0 25px 0;
	background:url(../img/eventReport.gif) no-repeat;
}

.event #event_bar {
	width:632px;
	height:36px;
	margin:0 0 15px 0;
	background:url(../img/bar_event.gif) no-repeat;
}

.report #event_bar {
	width:632px;
	height:36px;
	margin:0 0 15px 0;
	background:url(../img/bar_sunset.gif) no-repeat;
}


.event .rss {
	margin:0 0 5px 0;
	padding:0 5px 0 0;
	float:right;
}

/* -----------------------------------------------------------
	.イベント情報　タイトル
----------------------------------------------------------- */
.eventBlock h4 {
	width:630px;
	background:url(../../img/share/bar_title_bottom2.gif) no-repeat bottom #8dc21f;
	color:#fff;
	overflow:hidden;
	clear:both;
}

.eventBlock h4 .eventTitle {
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	background:url(../../img/share/bar_maru.gif) no-repeat left 45%;
	display:inline;
	font-size:117%;
	float:left;
}

.eventBlock .eventTitleTop {
	width:630px;
	height:4px;
	margin:0 0 -2px 0;
	background:url(../../img/share/bar_title_top2.gif) no-repeat top;
}

.eventBlock p.date {
	float:left;
	width:400px;
	color:#4d4d4d;
	font-weight:bold;
}

/* -----------------------------------------------------------
	.イベント情報　画像　テキスト
----------------------------------------------------------- */

.eventContent {
	width:616px;
	padding:8px 8px 15px 8px;
}

.eventContent:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.eventContent p {
}

.eventContent p em {
	font-weight:bold;
}

.eventContent p.clear {
	clear:both;
}

.eventContent p.text {
	clear:none;
	float:left;
	width:400px;
	overflow:hidden;
}

.eventContent p.imgR {
	clear:right;
	float:right;
	width:200px;
	padding-left:15px;
}

.eventContent p.imgR img {
	background:none;
	border:none;
}

.eventContent p.imgR a,
.eventContent p.imgR a:hover{
	background:none;
}

.eventContent p.imgC {
	clear:both;
	text-align:center;
}
.eventContent p.imgC img {
	background:none;
	border:none;
}

.eventContent p.imgC a,
.eventContent p.imgC a:hover{
	background:none;
}

.eventContent div.html {
	clear:both;
	width:100%;
}

.eventContent strong {
	color:#7ab500;
}

.imgComment {
	width:200px;
	text-align:center;
	clear:both;
	float:right;
}

.eventContent table {
	margin:0 0 0 0;
	color:#4d4d4d;
	font-weight:bold;
}

.eventContent th {
	padding:0 0 2px 0;
	vertical-align:top;
}

.eventContent td {
	padding:0 0 2px 0;
	vertical-align:top;
}

.eventContent p {
	clear:left;
	margin:8px 0;
}

.eventContent p a {
	padding:0 0 0 8px;
	color:#7ab500;
	background:url(../../img/index/arrow_off.gif) no-repeat scroll left 40%;
}

.eventContent p a:hover {
	color:#7ab500;
	text-decoration:underline;
	background:url(../../img/index/arrow_on.gif) no-repeat scroll left 40%;
}

/*-----------------------------------
	イベント内に項目が２つ以上ある場合のスタイル
-----------------------------------*/
.detailTxt {
	clear:both;
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #ccc;
}