@import url("base.css");

#contents {
	padding-bottom:50px;
}

/* サイドエリア
-----------------------------------*/
#side_area .calendar {
	width:200px;
	padding-bottom:20px;
	font-size:10px;
	text-align:center;
	font-family:Verdana;
}

#side_area .archive {
	width:200px;
	padding-bottom:40px;
}


/* タブ
-----------------------------------*/
#tab {
	width:730px;
	height:31px;
	padding:0px 0px 18px 0px;
	background-image:url(../img/event/tab_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#tab a.news_tab {
	width:141px;
	height:31px;
	display:block;
	background-image:url(../img/event/news_tab.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#tab a.news_tab:hover {
	background-position:top right;
}


/* 年月と一覧へ戻る（詳細用）
-----------------------------------*/
#contents .date {
	float:left;
	width:630px;
}

#contents .back {
	float:right;
	width:100px;
	text-align:right;
}


/* ボックス
-----------------------------------*/
#contents .box {
	float:left;
	width:230px;
	height:340px;
	margin-bottom:28px;
	background-image:url(../img/event/box_foot.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#contents .box .inner {
	width:200px;
	height:284px;
	padding:10px 14px 14px;
	border:1px solid #D9D9D9;
}

#contents .box .inner .icon {
	float:left;
	width:120px;
	height:20px;
	padding-top:4px;
}

#contents .box .inner .state {
	float:right;
	width:80px;
	height:24px;
	color:#FF0000;
	text-align:right;
	font-weight:bold;
}

#contents .box .inner .photo {
	width:200px;
	height:150px;
}

#contents .box .inner .title {
	width:200px;
	height:20px;
	padding-top: 10px;
}

#contents .box .inner .info {
	width:200px;
	height:48px;
	line-height:16px;
	padding:4px 0px 5px 0px;
}

/* スペース */
#contents .space {
	float:left;
	width:20px;
	height:340px;
}

/* 詳細ボタン */
a.bt_details {
	width:100px;
	height:23px;
	display:block;
	background-image:url(../img/event/bt_details.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
a.bt_details:hover {
	background-position:top right;
}


/* 詳細
-----------------------------------*/
#contents .details {
	width:700px;
	margin:auto;
	padding-bottom:20px;
}

#contents .details .photo {
	float:left;
	width:120px;
}

#contents .details .date {
	float:right;
	width:570px;
	line-height:15px;
	color:#B3B3B3;
	font-size:11px;
	font-family:Verdana;
}

#contents .details .title {
	float:right;
	width:570px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
}

#contents .details .comment {
	float:right;
	width:570px;
}


/* フラッシュエリア
-----------------------------------*/
#contents .flash_area {
	width:660px;
	margin:auto;
}

#contents .flash_area .flash {
	width:629px;
	height:458px;
	padding:26px 0px 0px 29px;
	border:1px solid #D9D9D9;
	background-image:url(../img/event/shoei_text.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

/* マップエリア
-----------------------------------*/
#contents .map_area {
	width:660px;
	margin:auto;
}

#contents .map_area .map {
	width:650px;
	height:440px;
	padding:4px;
	border:1px solid #D9D9D9;
}

#contents .map_area .back {
	width:660px;
	text-align:center;
	padding:24px 0px 20px 0px;
}


/* フォント
-----------------------------------*/
.font_verdana_gary14 {
	color:#B3B3B3;
	font-size:14px;
	font-family:Verdana;
}