@charset "utf-8";

/********************************************************************************

	カレンダースタイル

********************************************************************************/

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

	01.index
	
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------

	01.contents-header
	
------------------------------------------------------------------------ */
#contents-header p {
	margin:0 10px 5px 10px;
}
/* ------------------------------------------------------------------------
	summary（カレンダーページ）
------------------------------------------------------------------------ */
#contents-header .summary {
	padding:0 10px;
	margin:0 0 10px 0;
}
#contents-header .summary img {
	margin:0 0 10px 0;
}

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

	02.contents-body
	
------------------------------------------------------------------------ */
/* ------------------------------
	contents-box
------------------------------ */
.contents-box-lv3,
.content-box {
	margin:0 10px 20px 10px;
}
/* ------------------------------------------------------------------------
	place-info
------------------------------------------------------------------------ */

/* ------------------------------
	place-info-l
------------------------------ */
.place-info-l {
	float:left;
	width:280px;
}
.place-info-l dl {
	margin:0 0 10px 0;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	background:#EDEDED;
}
.place-info-l dl dt {
	float:left;
	clear:left;
	width:5em;
	border-top:1px solid #999;
	padding:0.5em;
}
.place-info-l dl dd {
	margin:0 0 0 6em;
	background:#FFF;
	border-top:1px solid #999;
	border-left:1px solid #999;
	padding:0.5em;
}
/* ------------------------------
	button-area
------------------------------ */
.button-area ul {
	width:500px;
	margin:0 auto;
}
.button-area li.odd {
	float:left;
}
.button-area li.even {
	float:right;
}
/* ------------------------------
	gmap
------------------------------ */
.place-info #gmap,
.place-info #gmap2,
.place-info #gmap3,
.place-info #gmap4 {
	width:340px;
	height:240px;
	background:#000;
	float:right;
	border:1px solid #999;
}


/* ========================================================================

	cal-box（カレンダープログラムエリア）
	
======================================================================== */

#cal-box {
	margin:0 0 10px 0;
	background:#FFF;
}

#cal-box p {
	margin:0 0 10px 0;
}

/* ------------------------------------------------------------------------
	タイトル部分（今月、来月、再来月）
------------------------------------------------------------------------ */

.cal-nav {
	text-align:center;
	font-weight:bold;
	margin:0 0 10px 0;
	position:relative;
}

.cal-nav ul {
	position:absolute;
	top:0;
	right:0;
}

.cal-nav li {
	float:left;
	margin:0 0 0 5px;
}

.cal-nav p {
	text-align:center;
}



/* ------------------------------------------------------------------------
	table（カレンダー）
------------------------------------------------------------------------ */
table.calendar {
	margin:5px auto;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	font-size:100%;
}
/* ----- カレンダーの曜日部分 ----- */
table.calendar thead {
	background: url(/calendar/images/thead-bg.gif) left top repeat-x;
	height:1em;
}
/* ----- 日曜日文字カラー（赤） ----- */
table.calendar th.sun,
table.calendar td.sun span {
	color:#F00;
}
/* ----- 土曜日文字カラー（青） ----- */
table.calendar th.sat,
table.calendar td.sat span {
	color:#00F;
}
/* ----- 本日カラー（黄） ----- */
#cal_box td.today {
	background:#FFFFAA;
}

/* ----- セルの基本位置） ----- */
#cal_box td p {
	text-align:center;
}

/* ----- セルのスタイル ----- */
table.calendar th,td {
	width:90px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	padding:5px;
	vertical-align:top;
}
/* ----- 日付セルの高さ ----- */
table.calendar td {
	height:90px;
	text-align:center;
}
/* ----- 日付部分のスタイル ----- */
#cal_box td span {
	text-align:right;
	border-bottom:1px dotted #999;
	display:block;
	margin:0 0 5px 0;
}
/* ----- 日付がない日のセルカラー ----- */
#cal_box .empty {
	background:#DEDEDE;
}

/* ----- 終了予定 ----- */
#cal_box .hide {
	border:0 none;
	text-align:center;
	color:#666;
}
/* ----- タイムスタンプ ----- */
#cal_box .text_right {
	text-align:right;
}

/* --------------------------
	エラーメッセージ
-------------------------- */
.error {
	margin:0 10px;
}
#error_header {
	font-weight:bold;
	border-top:1px solid #999;
	padding:5px 10px 0 10px;
}
#error {
	border-bottom:1px solid #999;
	padding:0 10px 5px 10px;
}