@charset "utf-8";

#main input, #main select {
	vertical-align: top;
}

.calendar_style1 {
}
.calendar_style2 {
}
.calendar_style3 {
}
.calendar_style4 {
	margin-right: 10px;
}
.calendar_style5 {
	background-color: #FFE6E6;
}
.calendar_style6 {
}
.calendar_style7 {
}
.calendar_style8 {
}
.calendar_style9 {
}
.calendar_style10 {
	background-color: #E6E6FF;
}
.calendar_style11 {
	width: 100%;
	table-layout: fixed;
	_table-layout: auto;
}
.calendar_style11 tbody tr th {
	text-align: center;
	height: 1.4em;
	_width: 14%;
}
.calendar_style12 {
}
.calendar_style12 td {
	height: 110px;
}
.calendar_style12 td div {
	padding: 2px 8px 0 8px;
	margin: 2px -8px;
	word-wrap: break-word;
}
.calendar_style13 {
	height: 1.4em;
}
.calendar_style13 td,
.calendar_style14 td {
	white-space: nowrap;
	overflow: hidden;
}
.calendar_style15 {
	margin-right: 10px;
}


/* calendar index */
ul.calendar_index {
	width: 210px;
	padding: 2px 0 2px 0;
	margin: 0;
	text-align: center;
}
ul.calendar_index li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.calendar_index li a {
	background: none;
}
ul.calendar_index li.calendar_index_now {
	font-weight: bold;
	text-align: center;
}
ul.calendar_index li.calendar_index_last {
	text-align: left;
}
ul.calendar_index li.calendar_index_next {
	text-align: right;
}


/* calendar table */
table.calendar_table {
	width: 100%;
	border-color: #CCCCCC;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 12px 0;
}
table.calendar_table th {
	border-color: #CCCCCC;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	font-size: 88.8%;
	font-weight: normal;
	text-align: center;
}
table.calendar_table td {
	border-color: #CCCCCC;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	font-size: 88.8%;
	text-align: center;
}
.cal_sun {
	background-color: #ffdbdb;
	color: #CB017B;
}
.cal_mon,
.cal_tue,
.cal_wed,
.cal_thu,
.cal_fri {
	background-color: #f5f5f5;
}
.cal_sat {
	color: #009ACA;
	background-color: #beeeee;
}
.cal_hol {
	background-color: #ffdbdb;
}
.cal_today {
	background-color: #FF9933;
}


/* 表ヘッダ：日付 */
th.cal_day {
	width: 4em;
}
/* 表ヘッダ：曜日 */
th.cal_week {
	width: 6em;
}
/* 表2ヘッダ：日付 */
th.cal2_day {
	width: 13em;
}


/* ガントチャート */
#main #main_a .calendar_gant_style1 {
	width: 100%;
	table-layout: fixed;
}
#main #main_a .calendar_gant_style1 tbody tr th {
	text-align: center;
	height: 1.4em;
}
#main #main_a .calendar_gant_style2 {
	border-bottom: 0;
}
#main #main_a .calendar_gant_style3 {
	margin-right: 10px;
}
#main #main_a .calendar_gant_style4 {
	margin-right: 10px;
	padding: 0;
	margin: 0;
	border-top: 0;
	border-bottom: 0;
	/* 20130809 ユイコム（コメント状態：はみ出た部分は改行して表示, コメント解除：はみ出た部分はGoogleカレンダーのように途切れて消える）: ;
	white-space: nowrap;*/
	overflow-x: hidden;
}
#main #main_a .calendar_gant_style5 {
	padding: 0 0 0 5px;
	margin: 1px 0 1px 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#main #main_a .calendar_gant_style6 {
	margin: 0 5px 0 0;
}
#main #main_a .calendar_gant_style7 {
	border-top: 0;
	border-bottom: 0;
	height: 15px;
}


/* カレンダー テーブルヘッダ(曜日)背景色 */
#main #main_a .calendar_week_normal {
	}
#main #main_a .calendar_week_sat {
	background-color: #E6E6FF;
}
#main #main_a .calendar_week_sun {
	background-color: #FFE6E6;
}


/* カレンダー 行事背景色 */
#main #main_a .calendar_color1 {
	background-color: #dddddd;
	border: 1px solid #cccccc;
}
#main #main_a .calendar_color2 {
	background-color: #ffe6b3;
	border: 1px solid #ffcc99;
}
#main #main_a .calendar_color3 {
	background-color: #ffffbb;
	border: 1px solid #ffe0b0;
}
#main #main_a .calendar_color4 {
	background-color: #ddffb3;
	border: 1px solid #ccffb3;
}
#main #main_a .calendar_color5 {
	background-color: #ccffcc;
	border: 1px solid #99ff99;
}
#main #main_a .calendar_color6 {
	background-color: #ccffff;
	border: 1px solid #b3e6ff;
}
#main #main_a .calendar_color7 {
	background-color: #ccddff;
	border: 1px solid #99ccff;
}
#main #main_a .calendar_color8 {
	background-color: #ccccff;
	border: 1px solid #b3b3ff;
}
#main #main_a .calendar_color9 {
	background-color: #ffdde6;
	border: 1px solid #ffccb3;
}
#main #main_a .calendar_color10 {
	background-color: #ffcccc;
	border: 1px solid #ffb3b3;
}


/* calendar cell */
.calendar1_data {
	width: 22%;
}
.calendar1_event {
	width: 78%;
}

.calendar2_data {
	width: 7%;
}
.calendar2_day {
	width: 15%;
}
.calendar2_event {
	width: 55%;
}
.calendar2_section {
	width: 23%;
}