@charset "shift_jis";


/* -------------------------------------------------------------------------------------------------
   イベント情報カテゴリページCSS

   [body.events]指定のある、下記のページに関するcss
    ・events/index.html ---------- イベント情報

   date:2010.07.10
   update:2011.07.31
------------------------------------------------------------------------------------------------- */


/* =================================================================================================
   イベント情報
================================================================================================= */

/* 記事エリアとアーカイブリストを囲むコンテナ（div.main）
--------------------------------------------------------------------------------------- */

body.events div#contents div.main {
	margin: 0 5px 0 30px;
	padding-top: 20px;
	width: 669px;
	text-align: left;
}

body.events div#contents div.main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
body.events div#contents div.main { display: inline-block; }
body.events div#contents div.main { display: block; }
/* Mac版IEのみに適用 \*//*/
body.events div#contents div.main { overflow: hidden; }
/* */

/* 個別の記事（div.article）
--------------------------------------------------------------------------------------- */

body.events div#contents div.article {
	margin: 0 0 30px 65px;
	width: 575px;
	background: url(../image/article_bg_f0ffff.jpg) no-repeat bottom left #f0ffff;
	border: solid 1px #87cefa;
}

body.events div#contents div.article:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
body.events div#contents div.article { display: inline-block; }
body.events div#contents div.article { display: block; }
/* Mac版IEのみに適用 \*//*/
body.events div#contents div.article { overflow: hidden; }
/* */

/* 記事のタイトル ------------------------------------------------- */

body.events div#contents div.article h2 {
	margin: 0;
	padding: 13px 15px 5px 18px;
	border: solid 0px #1e90ff; /* サブページ デフォルトのborderに上書きするため必要 */
	font-size: 108%;
	font-weight: bold;
}

/* 記事の本文とイメージを囲むコンテナ（div.box）
--------------------------------------------------------------------------------------- */

body.events div#contents div.article div.box {
	margin: 10px 30px 8px 30px;
}

body.events div#contents div.article div.box:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
body.events div#contents div.article div.box { display: inline-block; }
body.events div#contents div.article div.box { display: block; }
/* Mac版IEのみに適用 \*//*/
body.events div#contents div.article div.box { overflow: hidden; }
/* */

/* 記事の本文 ----------------------------------------------------- */

body.events div#contents div.article div.box p.events_txt {
	margin: 0 0 0.5em 0;
}

/* 記事のイメージ ------------------------------------------------- */

body.events div#contents div.article div.box p.event_img {
	margin: 0 !important;
	text-align: center;
}

body.events div#contents div.article div.box p.event_img img {
	padding: 8px 16px 15px 16px; /* 画像の周囲の余白。サムネイルサイズが変わった場合はここで余白を調整。 */
}

/* 記事の掲載日 --------------------------------------------------- */

body.events div#contents div.article div.box p.date {
	clear: both;
	margin: 0 0 0.5em 0;
	font-size: 116%;
	text-align:right;
}