@charset "utf-8";

/* -----------------------------------------------
 * 観光文化情報ステーション
 * calendarページ(cakendar.php) CSS
 *
 * Author     : sue
 * LastUpdate : 08/07/09
----------------------------------------------- */

/* ===============================================
 *【基本構成】
 *
 * 1.カレンダー
 * 2.カレンダーの下　他の月
 * 3.イベントリスト
=============================================== */

#article .cBox {
	width: 580px;
	margin-top: 15px;
}

/* -----------------------------------------------------------------------------
 * 1.カレンダー
----------------------------------------------------------------------------- */

/* カレンダー　全体 */
#calenderArea {
	margin: 18px 0;
}

	/* カレンダー　単体 */
	#calenderArea .calender {
		float: left;
		width: 266px;
	}
	
	/* 右側に表示するカレンダー */
	#calenderArea .calenderR {
		float: right;
	}
	
	/* カレンダーはテーブルです */
	#calenderArea .calender table {
		width: 266px;
		border: 1px solid #cccccc;
		border-collapse: collapse;
	}

		/* キャプション */
		#calenderArea .calender table caption {
			padding: 4px 0 0 8px;
			height: 30px;
			color: #404040;
			font-size: 130%;
			font-weight: bold;
			text-align: left;
			/*background: url("../img/calenderDate.gif") no-repeat left top;*/
		}

		/* 曜日 */
		#calenderArea .calender table thead th {
			width: 38px;
			padding: 2px;
			text-align: center;
			border: 1px solid #cccccc;
			background: #e7e7e7;
		}

			/* 曜日：日曜日 */
			#calenderArea .calender table thead th.sun {
				color: #ff0000;
				background: #ffdddd;
			}

			/* 曜日：土曜日 */
			#calenderArea .calender table thead th.sat {
				color: #0080ff;
				background: #ddeeff;
			}

		/* 日付たち */
		#calenderArea .calender table tbody td {
			border: 1px solid #cccccc;
			background: #ffffff;
		}

			/* 空 */
			#calenderArea .calender table tbody td.empty {
				empty-cells: show;
			}

			/* 土曜日 */
			#calenderArea .calender table tbody td.sat {
				background: #ddeeff;
			}

			/* 休日 */
			#calenderArea .calender table tbody td.holiday {
				background: #ffdddd;
			}


			/* 日付 */
			#calenderArea .calender table tbody td p {
				margin: 2px 0;
				text-align: center;
			}

				/* 件数 */
				#calenderArea .calender table tbody td p.items {
					font-size: 80%;
				}

/* -----------------------------------------------------------------------------
 * 2.カレンダーの下　他の月
----------------------------------------------------------------------------- */

#otherCalender {
	margin-bottom: 32px;
}

	#otherCalender h3 {
		font-size: 110%;
		margin-bottom: 3px;
		/*padding: 0 0 0 28px;*/
		border-bottom: 2px solid #cccccc;
		/*background: url("../img/iconCalendar.gif") no-repeat left;*/
	}

	#otherCalender dl.otherM {
		margin: 6px 0 24px;
	}

		#otherCalender dl.otherM dt {
			float: left;
			width: 60px;
			margin-right: 8px;
			font-weight: bold;
		}

		#otherCalender dl.otherM dd {
			float: left;
			width: 580px;
			margin-bottom: 4px;
		}

			#otherCalender dl.otherM dd ul li {
				float: left;
				margin-right: 16px;
				line-height: 1.6;
			}


	/* 今週、今月、来月以降 */
	#otherCalender .eventInfoLink {
		margin: 0 0 16px;
	}
	
		#otherCalender .eventInfoLink li {
			float: left;
			margin-right: 12px;
			padding-left: 13px;
			background: url("../../common/img/listType01.gif") no-repeat left;
		}


/* -----------------------------------------------------------------------------
 * 3.イベントリスト
----------------------------------------------------------------------------- */

.eventsList h3 {
	margin: 18px 0;
	font-size: 130%;
	border-bottom: 2px solid #cccccc;
}

.eventsList h4 {
	padding: 3px 0 3px 6px;
	font-size: 110%;
	border-left: 4px solid #0C6488;
	background: #efefef;
}

.eventsList ul {
	margin: 0 0 12px 1em;
}

	.eventsList ul li {
		padding: 5px 0;
		list-style-type: disc;
		list-style-position: inside;
		line-height: 1.8;
		border-bottom: 1px solid #cccccc;
	}