@charset "UTF-8";
/* CSS Document */

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

イベント情報のみに使用するスタイルを記述
   
--------------------------------------------------------------*/
#event {}

/**** 1カラム（緑色のフレーム） ****/
.eventFrame {
    width: 930px;
    border: solid 1px #7db839;
	padding: 9px;
}

/**** 2カラム（緑色のフレーム） ****/
table.eventList {
    border-collapse: collapse;
}

table.eventList td {
    vertical-align: top;
}

table.eventList td.event {
    width: 445px;
	border: solid 1px #7db839;
	padding: 9px;
}

table.eventList td.space {
    width: 20px;
	border: none;
	padding: 0;
}

/**** イベントタイトル ****/
.eventTitle {
    border-bottom: dotted 1px #7db839;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

/**** イベント詳細（縦写真の場合） ****/
.eventPhotoBox01 {
    float: left;
	width: 160px;
}

.eventTxtBox01 {
    float: right;
	width: 270px;
}

/**** イベント詳細（横写真の場合） ****/
.eventPhotoBox02 {
    float: left;
	width: 200px;
}

.eventTxtBox02 {
    float: right;
	width: 230px;
}

/**** 100527のみ ****/

.backblue {
	background-color: #e8f2fd;
	padding: 12px;
}

.backblue02 {
	background-color: #a0ccfa;
	padding: 8px;
	width: 400px;
	margin: 12px 0 12px 0;
}

/**** 091119のみ ****/

.event01 {
	font-size: 1.1em;
	color: #00A23F;
	line-height: 1.6em;
	font-weight: bold;
}
.eventBox {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
.dot {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mt20 {
	margin-top: 20px;
}

.ml20 {
	margin-left: 20px;
}

/**** イベント1段 ****/
.eventList1Row {
	margin:0 auto;
}

table.eventList1Row td.event {
    width: 850px;
	border: solid 1px #7db839;
	padding: 9px;
}

.eventPhotoBox1Row {
    float: left;
	width: 200px;
}

.eventTxtBox1Row {
    float: right;
	width: 630px;
}

/**** イベント詳細 dl フロート ****/
.eventInfo dt {
    float: left;
    width: 3em;
	display: block;
	clear: both;
}

.eventInfo dd {
	margin-left: 3em;
	display: block;
}

/*--------------------------------------------
Dear Me Early Summer 2010.04
---------------------------------------------*/
table.dearme_EarlySummer {
    margin: 0 auto 20px;
}

table.dearme_EarlySummer td.detail {
    width: 405px;
	border: solid 1px #A1D7DF;
	padding: 9px;
	vertical-align: top;
}

table.dearme_EarlySummer td span.day {
    background-color: #42bcc6;
	padding: 3px;
	color: #FFFFFF;
}

table.dearme_EarlySummer td p.title {
    color: #00aac3;
	font-weight: bold;
	margin: 10px 0;
}