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

 file name  :event.css
 style info :eventページ用CSS
=================================================================== */

#article h2 {
	margin-bottom:25px;
}


/*------------------------------------
	イベント情報
------------------------------------*/
div.event {
	width:522px;
	background:url(../img/event/blue/bg-event.gif) repeat-y 0% 0%;
	margin-bottom:10px;
}

div.event p {
	margin-bottom:1em;
}

/*	イベントタイトル
------------------------------------*/

div.event h3 {
	width:488px;
	background:#9aa9cd url(../img/event/blue/bg-event_title.gif) no-repeat;
	margin:0;
	padding:7px 0px 5px 34px;
	color:#ffffff;
	font-weight:bold;
}

/*	イベントコンテンツ部分
------------------------------------*/
div.event_inner {
	width:482px;
	padding:10px 20px;
	background:url(../img/event/blue/bg-event_bottom.gif) no-repeat 0% 100%;
}

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

/*	イベントテキスト
------------------------------------*/
div.event_text {
	width:auto;
}

/*	イベント画像(中央)
------------------------------------*/
div.event_photo {
	clear:both;
	text-align:left;
}
/*	イベント画像(右側)
------------------------------------*/
div.event_photo.right {
	clear:none;
	float:right;
	width:200px;
	padding-left:10px;
	padding-bottom:10px;
	text-align:center;
}

/*	イベント画像キャプション
------------------------------------*/
p.caption {
	text-align:left;
}

div.event_photo.right {
	text-align:left;
}

/*------------------------------------
	色別上書きクラス
------------------------------------*/

/*	ピンク
------------------------------------*/

div.event.pink {
	background:url(../img/event/pink/bg-event.gif) repeat-y 0% 0%;
}

div.event.pink div.event_inner {
	background:url(../img/event/pink/bg-event_bottom.gif) no-repeat 0% 100%;
}

div.event.pink h3 {
	background:#f07388 url(../img/event/pink/bg-event_title.gif) no-repeat;
}