/*==============================================================================*/
/*  File name     : calendar.css                                                */
/*  Summary       : OpenCity2 カレンダー 独自CSS                                */
/*==============================================================================*/

/*------------------------------------------------------------*/
/* 標準CSS Overwrite
/*------------------------------------------------------------*/


/*------------------------------------------------------------*/
/* 標準CSS 準拠
/*------------------------------------------------------------*/
/*----- 検索用 -----*/
.custom div.custom-find {
	margin-top: 5px;
	margin-bottom: 5px;
}

/*----- 追加用 -----*/
.custom div.custom-add {
	margin-top: 5px;
	margin-bottom: 5px;
}



/*------------------------------------------------------------*/
/* Calendar Common
/*------------------------------------------------------------*/
.cal-pos-left {
	text-align: left;
}
.cal-pos-right {
	text-align: right;
}
.cal-pos-center {
	text-align: center;
}


.cal-holiday {
	/* 祝日名称の表示 */
	font-size: 0.8em;
	color: #ff0000;
}
.cal-entry {
	/* カレンダー内の「追加」の表示 */
	margin-left: 0em;
	font-size: 0.8em;
	border-style: none;
}
.cal-schedule {
	/* カレンダー内の「予定」の表示に使用 */
	font-size: 0.8em;
}



/*------------------------------------------------------------*/
/* レイアウト用 */
/*------------------------------------------------------------*/
div.cal-calendar {
	width: 100%;
}
table.cal-layout {
	border-collapse: collapse;	
}

span.cal-delim-main {
	margin-left: -0.2em;
	margin-right: -0.2em;
}
span.cal-delim-sub {
	margin-left: -0.2em;
	margin-right: -0.2em;
}



/*------------------------------------------------------------*/
/* 表示切り替え */
/*------------------------------------------------------------*/
td.cal-switch-ymd {
	/* 日付切り替え */
	text-align: center;
	border-style: none;
	padding: 3px 0;
	font-size: 0.8em;
}
div.cal-switch-ymd {
	/* 日付切り替え */
	text-align: center;
	border-style: none;
	padding: 3px 0;
	font-size: 0.8em;
}
table.cal-switch-format td{
	/* 形式切り替え */
	text-align: right;
	border-style: none;
	background-color: #EFEFF2;
}


/*------------------------------------------------------------*/
/* カレンダー表示 */
/*------------------------------------------------------------*/
table.cal-calendar {
	border-collapse: separate;	
}


/*------------------------------------------------------------*/
/* ミニカレンダー表示 */
/*------------------------------------------------------------*/
table.cal-mini-calendar {
	border-collapse: separate;
}
table.cal-mini-calendar th {
	font-weight: normal;
}
tr.cal-mini-week th {
	border: solid 1px #9CA4C6;
	background-color: #EFEFF2;
	text-align: center;
}

td.cal-mini-sun {
	border: solid 1px #9CA4C6;
	background-color: #FFCFCF;
	text-align: center;
}
td.cal-mini-sat {
	border: solid 1px #9CA4C6;
	background-color: #ddeeee;
	text-align: center;
}
td.cal-mini-holiday {
	border: solid 1px #9CA4C6;
	background-color: #FFCFCF;
	text-align: center;
}
td.cal-mini-weekday {
	border: solid 1px #9CA4C6;
	background-color: #ffffff;
	text-align: center;
}
td.cal-mini-today {
	border: solid 1px #9CA4C6;
	background-color: #FFFFCC;
	text-align: center;
	font-weight: normal;
}

td.cal-mini-other-today {
	border: solid 1px #9CA4C6;
	background-color: #FFFFCC;
	text-align: center;
	font-weight: normal;
}
td.cal-mini-other-sun {
	border: solid 1px #9CA4C6;
	background-color: #ddcfcf;
	text-align: center;
}
td.cal-mini-other-sat {
	border: solid 1px #9CA4C6;
	background-color: #ccdddd;
	text-align: center;
}
td.cal-mini-other-weekday {
	border: solid 1px #9CA4C6;
	background-color: #f9f9f9;
	text-align: center;
}
td.cal-mini-other-holiday {
	border: solid 1px #9CA4C6;
	background-color: #eeeeee;
	text-align: center;
}

td.cal-mini-schedule-today {
	border: solid 1px #9CA4C6;
	background-color: #FFFFCC;
	text-align: center;
	font-weight: normal;
}
td.cal-mini-schedule-sun {
	border: solid 1px #9CA4C6;
	background-color: #FFCFCF;
	text-align: center;
}
td.cal-mini-schedule-sat {
	border: solid 1px #9CA4C6;
	background-color: #ddeeee;
	text-align: center;
}
td.cal-mini-schedule-holiday {
	border: solid 1px #9CA4C6;
	background-color: #FFCFCF;
	text-align: center;
}
td.cal-mini-schedule-weekday {
	border: solid 1px #9CA4C6;
	background-color: #ffffff;
	text-align: center;
}

td.cal-mini-schedule-other-today {
	border: solid 1px #9CA4C6;
	background-color: #FFFFCC;
	text-align: center;
	font-weight: normal;
}
td.cal-mini-schedule-other-sun {
	border: solid 1px #9CA4C6;
	background-color: #ddcfcf;
	text-align: center;
}
td.cal-mini-schedule-other-sat {
	border: solid 1px #9CA4C6;
	background-color: #ccdddd;
	text-align: center;
}
td.cal-mini-schedule-other-weekday {
	border: solid 1px #9CA4C6;
	background-color: #f9f9f9;
	text-align: center;
}
td.cal-mini-schedule-other-holiday {
	border: solid 1px #9CA4C6;
	background-color: #eeeeee;
	text-align: center;
}

td.cal-mini-next {
	font-size: 0.8em;
	text-align: right;
}
td.cal-mini-prev {
	font-size: 0.8em;
	text-align: left;
}
span.cal-mini-target {
	font-weight: bold;
}

td.cal-mini-schedule-today a {
	color: #CC3300;
}
td.cal-mini-schedule-sun a {
	color: #CC3300;
}
td.cal-mini-schedule-sat a {
	color: #CC3300;
}
td.cal-mini-schedule-holiday a {
	color: #CC3300;
}
td.cal-mini-schedule-weekday a {
	color: #CC3300;
}

td.cal-mini-schedule-other-today a {
	color: #CC3300;
}
td.cal-mini-schedule-other-sun a {
	color: #CC3300;
}
td.cal-mini-schedule-other-sat a {
	color: #CC3300;
}
td.cal-mini-schedule-other-weekday a {
	color: #CC3300;
}
td.cal-mini-schedule-other-holiday a {
	color: #CC3300;
}

/*------------------------------------------------------------*/
/* 月間カレンダー */
/*------------------------------------------------------------*/
tr.cal-month-w th {
	border: solid 1px #9CA4C6;
	background-color: #EFEFF2;
	text-align: center;	
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100px;
	font-weight: normal
}
td.cal-month-day-sun {
	border: solid 1px #9CA4C6;
	width: 100px;
	height: 80px;
	background-color: #FFCFCF;
	vertical-align: top;
	padding: 2px;
}
td.cal-month-day-weekday {
	/* 平日 */
	border: solid 1px #9CA4C6;
	background-color: #ffffff;
	width: 100px;
	height: 80px;
	vertical-align: top;
	padding: 2px;
}
td.cal-month-day-sat {
	border: solid 1px #9CA4C6;
	width: 100px;
	height: 80px;
	background-color: #ddeeee;
	vertical-align: top;
	padding: 2px;
}
td.cal-month-day-holiday {
	/* 祝日 */
	border: solid 1px #9CA4C6;
	width: 100px;
	height: 80px;
	background-color: #FFCFCF;
	vertical-align: top;
	padding: 2px;
}
td.cal-month-day-other-sun {
	border: solid 1px #9CA4C6;
	width: 100px;
	height: 80px;
	background-color: #ddcfcf;
	vertical-align: top;
	padding: 2px;
}
td.cal-month-day-other-sat {
	border: solid 1px #9CA4C6;
	width: 100px;
	height: 80px;
	background-color: #ccdddd;
	vertical-align: top;
	padding: 2px;
}
td.cal-month-day-other-weekday {
	border: solid 1px #9CA4C6;
	width: 100px;
	height: 80px;
	background-color: #f9f9f9;
	vertical-align: top;
	padding: 2px;
}
td.cal-month-day-other-holiday {
	border: solid 1px #9CA4C6;
	width: 100px;
	height: 80px;
	background-color: #ddcfcf;;
	vertical-align: top;
	padding: 2px;
}
td.cal-month-day-today {
	/* 今日 */
	border: solid 1px #9CA4C6;
	width: 100px;
	height: 80px;
	background-color: #ffffcc;
	vertical-align: top;
	padding: 2px;
}


/*------------------------------------------------------------*/
/* 週間表示 */
/*------------------------------------------------------------*/
tr.cal-week-head th {
	border: solid 1px #9CA4C6;
	font-weight: normal;
	background-color: #EFEFF2;
}
/*
td.cal-week-add {
	border: solid 1px #9CA4C6;
	padding: 2px;
	width: 2em;
}
*/
td.cal-week-schedule {
	border: solid 1px #9CA4C6;
	padding: 2px;
	width: 85%;
}
td.cal-week-sun {
	text-align: center;
	border: solid 1px #9CA4C6;
	background-color: #FFCFCF;
	padding: 2px;
}
td.cal-week-sat {
	text-align: center;
	border: solid 1px #9CA4C6;
	background-color: #ddeeee;
	padding: 2px;
}
td.cal-week-holiday {
	/* 祝日 */
	text-align: center;
	border: solid 1px #9CA4C6;
	background-color: #FFCFCF;
	padding: 2px;
}
td.cal-week-weekday {
	/* 平日 */
	text-align: center;
	border: solid 1px #9CA4C6;
	background-color: #ffffff;
	padding: 2px;
}
td.cal-week-today {
	/* 今日 */
	text-align: center;
	border: solid 1px #9CA4C6;
	background-color: #ffffcc;
	padding: 2px;
}

div.cal-week-schedule {
	font-size: 0.8em;
	padding: 0;
	padding-bottom: 2px;
	border: none;
	border-bottom: 1px solid #EEEEEE;
}
div.cal-week-holiday {
	color: #ff0000;
	font-size: 0.8em;
	padding: 0;
	padding-bottom: 2px;
	border: none;
	border-bottom: 1px solid #EEEEEE;
}


/*------------------------------------------------------------*/
/* 一日表示 */
/*------------------------------------------------------------*/
div.cal-day-calendar {
	width: auto;
}
td.cal-day-link-today {
	text-align: center;
	font-size: 0.8em;
}
td.cal-day-calendar {
	vertical-align: top;
	padding: 2px;
}
td.cal-day-date {
	vertical-align: top;
	text-align: center;
	font-weight: normal;
	height: 1em;
	padding: 3px;
}
td.cal-day-schedule {
	vertical-align: top;
	width: 100%;
}
table.cal-day-list {
	border-collapse: collapse;	
	border: solid 1px #9CA4C6;
	width: 100%;
}
tr.cal-day-list th{
	border: solid 1px #9CA4C6;
	font-weight: normal;
	text-align: center;
	background-color: #EFEFF2;
}
tr.cal-day-list td{
	border: solid 1px #9CA4C6;
	border-bottom: solid 1px #eeeeee;
	text-align: right;
	padding: 2px;
}
div.cal-day-schedule {
	font-size: 0.8em;
	text-align: left;
	padding: 0;
	padding-bottom: 2px;
	border: none;
	border-bottom: 1px solid #EEEEEE;
}
div.cal-day-holiday {
	color: #ff0000;
	font-size: 0.8em;
	text-align: left;
	padding: 0;
	padding-bottom: 2px;
	border: none;
	border-bottom: 1px solid #EEEEEE;
}


/*------------------------------------------------------------*/
/* 一覧表示 */
/*------------------------------------------------------------*/
div.cal-list-switch {
	border: solid 1px #9CA4C6;
	padding: 10px;
	width: auto;
}
td.cal-list-calendar {
	vertical-align: top;
}
td.cal-list-date {
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	height: 1em;
	padding: 3px;
}
td.cal-list-schedule {
	vertical-align: top;
	width: 100%;
	padding: 6px;
}
div.cal-list-switch-year {
	margin-bottom: 5px;
	text-align: right;
	font-size: 0.8em;
}
div.cal-list-switch-month {
	margin: 2px 0px;
	font-size: 0.8em;
}
div.cal-list-switch-current {
	text-align: center;
	white-space: nowrap;
	font-size: 0.8em;
}
table.cal-list {
	border-collapse: collapse;	
	border: solid 1px #9CA4C6;
	width: 100%;
}
table.cal-list td{
	border: solid 1px #9CA4C6;
	padding: 2px;
}
tr.cal-list th{
	border: solid 1px #9CA4C6;
	font-weight: normal;
	background-color: #EFEFF2;
}
tr.cal-list-odd td{
}
tr.cal-list-even td{
	background-color: #F7F7F7;
}


/*------------------------------------------------------------*/
/* ユニット用　週間カレンダー */
/*------------------------------------------------------------*/
tr.cal-unit-week th{
	font-weight: normal;
	text-align: center; 
}
tr.cal-unit-week-w th{
	font-weight: normal;
	text-align: center; 
	border: solid 1px #9CA4C6;
	background-color: #ffffff;
	width: 100px;
}
td.cal-unit-week-sun {
	border: solid 1px #9CA4C6;
	background-color: #FFCFCF;
	padding: 2px;
	width: 100px;
	height: 100px;
	vertical-align: top;
}
td.cal-unit-week-sat {
	border: solid 1px #9CA4C6;
	padding: 2px;
	width: 100px;
	height: 100px;
	vertical-align: top;
}
td.cal-unit-week-holiday {
	/* 祝日 */
	border: solid 1px #9CA4C6;
	background-color: #FFCFCF;
	padding: 2px;
	width: 100px;
	height: 100px;
	vertical-align: top;
}
td.cal-unit-week-weekday {
	/* 平日 */
	border: solid 1px #9CA4C6;
	background-color: #ffffdd;
	padding: 2px;
	width: 100px;
	height: 100px;
	vertical-align: top;
}
td.cal-unit-week-schedule {
	/* 予定有り */
	border: solid 1px #9CA4C6;
	background-color: #ffd700;
	padding: 2px;
	width: 100px;
	height: 100px;
	vertical-align: top;
}

/*------------------------------------------------------------*/
/* ユニット用　ミニカレンダー */
/*------------------------------------------------------------*/
table.cal-mini-layout {
	width: 100%;
}

td.cal-mini-layout-blank {
	width: 50%;
}

td.cal-mini-layout-main {
}


/*------------------------------------------------------------*/
/* ユニット用　近況リスト */
/*------------------------------------------------------------*/
table.cal-unit-recent {
	width: 100%;
	border-collapse: collapse;	
}

td.cal-unit-recent-head {
	padding: 2px;
	font-weight: bold;
	border: solid 1px #9CA4C6;
	background-color: #EEEEEE;
}

td.cal-unit-recent-date {
	padding: 2px;
	width: 20%;
	font-size: 0.8em;
}

td.cal-unit-recent-schedule {
	padding: 2px;
	width: 80%;
	font-size: 0.8em;

}


/*------------------------------------------------------------*/
/* ユニット用　新着リスト */
/*------------------------------------------------------------*/
table.cal-unit-new {
	width: 100%;
	border-collapse: collapse;	
}

td.cal-unit-new-head {
	font-weight: bold;
	border: solid 1px #9CA4C6;
	background-color: #EEEEEE;
}

td.cal-unit-new-date {
	width: 20%;
	font-size: 0.8em;
}

td.cal-unit-new-schedule {
	width: 80%;
	font-size: 0.8em;

}


/*------------------------------------------------------------*/
/* アイコン用
/*------------------------------------------------------------*/
img.schedule {
	border: 0;
	margin: 0 2px 0 0;
}