/* 予約メッセージ */
.lb_yoyaku_message
{
	width:95%;
	text-align:center;
	color:#000000;
	display:block;
	padding:6px;
	border-left:3px dotted #ff33ff;
	border-right:3px dotted #ff33ff;
	border-top:3px dotted #ff33ff;
	border-bottom:3px dotted #ff33ff;
}

/* 日付選択 */
.box_date_select
{
	width:95%;
	text-align:center;
	color:#000000;
	display:block;
	padding:6px;
}
/* 入力エリア */
.box_date_select input
{
	font-size:110%;
}
/* ボタン */
.box_date_select button
{
	font-size:105%;
}

/* 枠グループ名称表示 */
.box_group_name
{
	width:95%;
	text-align:center;
}

/* 枠グループタブテーブル */
.tbl_group_tab
{
	width:600px;
	text-align:center;
	display:block;
	padding:0;
	margin-right:auto;
	margin-left:auto;
}

/* 枠グループタブテーブル（td） */
.td_group_tab
{
	width:150px;
	text-align:center;
	color:#000033;
	display:block;
	padding:6px;
	border:1px solid #3333ff;
	background:#9999ff;
}
/* 予約カレンダー */
.box_yoyaku_calendar
{
	width:95%;
	text-align:center;
}

/* 予約カレンダー（table） */
.box_yoyaku_calendar table
{
	border:3px double #333399;
	border-collapse: collapse;
	border-spacing: 0;
	margin-right:auto;
	margin-left:auto;
}

/* 予約カレンダー（tr） */
.box_yoyaku_calendar tr
{
	border:1px solid #333399;
    height:40px;
	vatical-align:top;
}

/* 予約カレンダー（td） */
.box_yoyaku_calendar td
{
	border:1px solid #333399;
    width:80px;
}

/* 予約カレンダー（span） */
.box_yoyaku_calendar span
{
	font-size:75%;
	margin:2px;
	padding:2px;
	display:block;
	background:#ccdddd;
}

/* 予約カレンダー（div） */
.box_yoyaku_calendar div.box_sel_date
{
	font-weight:700;
	color:#990000;
}

/* 予約カレンダー曜日（tr） 曜日 */
.box_yoyaku_calendar tr.tr_week_str
{
    background:#ccccff;
    text-align:center;
    vartical-align:middle;
    height:20px;
    font-size:85%;
}

/* 予約カレンダー曜日（td） 土曜日 */
.box_yoyaku_calendar td.td_week_str_sat
{
    color:#0000ff;
}

/* 予約カレンダー曜日（td） 日曜日 */
.box_yoyaku_calendar td.td_week_str_sun
{
    color:#ff0000;
}

/* 予約カレンダー（td） 祝日 */
.box_yoyaku_calendar td.td_holiday
{
	color:#ff0000;
	background:#ffdddd;
}

/* 予約カレンダー（td） 祝日（span） */
.box_yoyaku_calendar td.td_holiday span
{
	color:#ff0000;
	background:#eecccc;
}

/* 予約カレンダー（td） 土曜日 */
.box_yoyaku_calendar td.td_saturday
{
	color:#0000ff;
	background:#ddddff;
}

/* 予約カレンダー（td） 土曜日（span） */
.box_yoyaku_calendar td.td_saturday span
{
	color:#0000ff;
	background:#ccccee;
}

/* 予約カレンダー（td） 日曜日 */
.box_yoyaku_calendar td.td_sunday
{
	color:#ff0000;
	background:#ffdddd;
}

/* 予約カレンダー（td） 日曜日（span） */
.box_yoyaku_calendar td.td_sunday span
{
	color:#ff0000;
	background:#eecccc;
}

/* 予約カレンダー（td） 通常（偶数月） */
.box_yoyaku_calendar td.td_e
{
	color:#000000;
	background:#ccdddd;
}

/* 予約カレンダー（td） 通常（偶数月）（span） */
.box_yoyaku_calendar td.td_e span
{
	color:#000000;
	background:#ddeeee;
}

/* 予約カレンダー（td） 祝日（偶数月） */
.box_yoyaku_calendar td.td_holiday_e
{
	color:#ff0000;
	background:#eecccc;
}

/* 予約カレンダー（td） 祝日（偶数月）（span） */
.box_yoyaku_calendar td.td_holiday_e span
{
	color:#ff0000;
	background:#ffdddd;
}

/* 予約カレンダー（td） 土曜日（偶数月） */
.box_yoyaku_calendar td.td_saturday_e
{
	color:#0000ff;
	background:#ccccee;
}

/* 予約カレンダー（td） 土曜日（偶数月）（span） */
.box_yoyaku_calendar td.td_saturday_e span
{
	color:#0000ff;
	background:#ddddff;
}

/* 予約カレンダー（td） 日曜日（偶数月） */
.box_yoyaku_calendar td.td_sunday_e
{
	color:#ff0000;
	background:#eecccc;
}

/* 予約カレンダー（td） 日曜日（偶数月）（span） */
.box_yoyaku_calendar td.td_sunday_e span
{
	color:#ff0000;
	background:#ffdddd;
}

/* 予約リンク */
/*通常リンク*/
.box_yoyaku_calendar a
{
	color: #0000ff;
	display:block;
	width:100%;
}
/*既に見たリンク*/
.box_yoyaku_calendar a:visited
{
	color: #0000ff;
}
/*クリック時のリンク*/
.box_yoyaku_calendar a:active
{
	color: #0000ff;
}
/*カーソルが上にある時のリンク*/
.box_yoyaku_calendar a:hover
{
	color: #ff0000;
	text-decoration: none;
}

/* 予約時間詳細 */
.box_yoyaku_time
{
	width:95%;
	text-align:center;
	padding:10px;
}

/* 予約時間詳細（table） */
.box_yoyaku_time table
{
	border:3px double #333399;
	border-collapse: collapse;
	border-spacing: 0;
	margin-right:auto;
	margin-left:auto;
}

/* 予約時間詳細（tr） */
.box_yoyaku_time tr
{
	border:1px solid #333399;
}

/* 予約時間詳細（td） */
.box_yoyaku_time td
{
	border:1px solid #333399;
    width:80px;
}

/* 予約時間詳細（td） ヘッダー部分 */
.box_yoyaku_time td.td_yoyaku_time_header
{
	border:1px solid #333399;
    width:100%;
    padding:10px 5px;
    background:#ccccff;
    font-weight:700;
}

/* 予約時間詳細（td） 時間部分 */
.box_yoyaku_time td.td_yoyaku_time_time
{
    background:#ddddff;
}

/* 予約時間詳細（td） 状態部分 */
.box_yoyaku_time td.td_yoyaku_time_status
{
}
/* 予約時間リンク */
/*通常リンク*/
.box_yoyaku_time a
{
	color: #0000ff;
	display:block;
	width:100%;
}
/*既に見たリンク*/
.box_yoyaku_time a:visited
{
	color: #0000ff;
}
/*クリック時のリンク*/
.box_yoyaku_time a:active
{
	color: #0000ff;
}
/*カーソルが上にある時のリンク*/
.box_yoyaku_time a:hover
{
	color: #ff0000;
	text-decoration: none;
}

.box_yoyaku_time span
{
	font-size:100%;
	font-weight:700;
	color:#990000;
}