/* ================================================================
	calendar	LIGHT themes
=================================================================== */

/* ------------------------------------------------------------------------------------------------------
g l o b a l _ s e t t i n g
-------------------------------------------------------------------------------------------------------*/

/*レイアウト大枠幅*/
/*.scheduler_page #main_contents,
.schedule_page #main_contents { width: 760px; padding: 0 100px; }*/

/*LINK COLOR #D9C9AC*/
/*+++++++++++++++++++++++++
 C O L O R   S E T T I N G
+++++++++++++++++++++++++*/

/*テーブル枠の色*/
.week_schedule th,
.week_schedule td,
.calendar_schedule th,
.calendar_schedule td{ border: 1px #5b4e37 solid; }

.calender_meta,
.week_meta { border-bottom: 1px solid #5b4e37; }

/*日付の色*/
.calendar_date,
.week_date { color: #222; }

.calendar_date a,
.week_date a { color: #222; }

/*過去の日付*/
.calendar_past .calendar_date,
.week_past .week_date,
.calendar_past .calendar_date a,
.week_past .week_date a { color: #aaa; }

/*項目の文字色*/
.calendar_items div a,
.week_items div a { color: #000; }

/*予約ボタン*/
.calendar_reserve a { background-color: #817569; color: #fff; }
.week_reserve a { background-color: #817569; color: #fff; }

/*++++++++++++++++++++++++++++++++++
 B A C K G R O U N D  S E T T I N G
++++++++++++++++++++++++++++++++++++*/

/*前 今月 次*/
.calender_head_button a { background: url(./image/today_bg.png); }

/* 週表示 */
.calendar_display_button a { background: url(./image/today_bg.png); }

/*曜日*/
.calendar_weeks_header .calendar_sat,
.week_weeks_header.week_sat { background: url(./image/color/saturday.png); }
.calendar_weeks_header .calendar_sun,
.week_weeks_header.week_sun { background: url(./image/color/sunday.png); }

/*今日の背景と文字色*/
.calendar_today,
.week_today { background: url(./image/today_bg.png); }
.calendar_today .calender_meta,
.week_today .week_meta { background: url(./image/today_bg_date.png); }
.calendar_today .calender_meta .calendar_date,
.calendar_today .calender_meta .calendar_date a,
.week_today .week_meta .week_date,
.week_today .week_meta .week_date a { color:#fff; }

/*header meta系*/
.calendar_weeks_header,
.week_weeks_header,
.calender_meta,
.week_meta,
.schedule_detail { background: url(./image/week_header_bg.png); }

/*カレンダー項目*/
.calendar_item_1 a,
.week_item_1 .week_item_title,
.schedule_item_color_1 { background: url(./image/color/item_1.png); }
.calendar_item_2 a,
.week_item_2 .week_item_title,
.schedule_item_color_2  { background: url(./image/color/item_2.png); }
.calendar_item_3 a,
.week_item_3 .week_item_title,
.schedule_item_color_3 { background: url(./image/color/item_3.png); }
.calendar_item_4 a,
.week_item_4 .week_item_title,
.schedule_item_color_4 { background: url(./image/color/item_4.png); }
.calendar_item_5 a,
.week_item_5 .week_item_title,
.schedule_item_color_5 { background: url(./image/color/item_5.png); }


/*++++++++++++++++++++++++++++++++++++++++++++++
common
++++++++++++++++++++++++++++++++++++++++++++++*/
.calendar_day { margin: 0; padding: 0; }

.calender_meta,
.week_meta { display: block; height: 30px; margin: 0 0 1px; padding: 8px 5px 0px 5px; position: relative; }
.calendar_date,
.week_date { display: block; font-size: 20px; font-weight: bold; line-height: 20px; width: 45px; }
.calendar_date a,
.week_date a { display: block; font-size: 20px; font-weight: bold; line-height: 20px; text-decoration: underline; }
.calendar_reserve { display: block; font-size: 12px; line-height: 18px; position: absolute; top: 6px; right: 4px; }
.calendar_reserve a { display: block; font-size: 11px; line-height: 20px; width: 26px; text-align: center; }

.week_reserve { display: block; position: absolute; top: 7px; left: 50px; }
.week_reserve a { display: block; font-size: 12px; line-height: 24px; margin-left: 15px; padding: 0 15px; text-align: center; }

.calendar_items { /*height: 96px;*/ margin: 0px 0 1px; font-size: 12px; }
.calendar_items div { margin-bottom: 1px; text-align: center; }
.calendar_items div a { display: block; padding: 2px 2px;}

/*前 今月 次*/
.calender_head_button { display: block; }
.calender_head_button a { display: block; font-weight: normal; }
.calender_head_button.calender_prev { width: 30%; float: left; }
.calender_head_button.calender_prev a { margin: 2px; }
.calender_head_button.calender_this { width: 40%; float: left; }
.calender_head_button.calender_this a { margin: 2px 0; }
.calender_head_button.calender_next { width: 30%;  float: right; }
.calender_head_button.calender_next a { margin: 2px; }

/*週表示月表示*/
.calendar_display_button { display: block; width: 50%; float: left; }
.calendar_display_button a { display: block; font-weight: normal; }
.calnedar_week_btn a { }
.calnedar_week_btn a { margin: 2px; }
.calnedar_month_btn a { margin: 2px 2px 2px 0px; }
.week_items div .week_item_title { padding: 5px 10px; }
.week_items div .week_item_detail { padding: 0 10px; }

/*曜日*/
.week_weeks_header { text-align: center; vertical-align: middle; font-size: 18px; }
.calendar_weeks_header th { height: 35px; vertical-align: middle; }
.week_item_title { margin-bottom: 5px; }
.week_item_detail  { margin-bottom: 15px; }

/*日別ページ*/
.schedule_title h2 { margin-bottom: 2px; font-weight: bold; font-size: 18px; padding: 2px 5px; }
.schedule_detail { padding: 20px 5px 20px; margin-bottom: 25px; }