@charset "utf-8";
/* CSS Document */

.CalendarAreaBack{
	background:#fff;
	width:100%;
	padding:0;
	box-sizing:border-box;

}
.StaffCalendarArea{
	width:100%;

}
.StaffCalendarArea ul{
	width:100%;
	font-size:0;
}
.StaffCalendarArea li{
	display: inline-block;
	margin: 0 auto 5%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}


table.calendar { 
	width: 100%;
	list-style: none;
	font-size: 15px;
	padding: 0px;
	background-color: lightgray;
	border-spacing: 1px;
}

table.calendar th {
	vertical-align:middle;
	text-align: center !important;
	text-align:center;
	width:14.2%;
	border: 1px solid #dcdcdc;
	padding: 3% 0;
	box-sizing:border-box;

}
.calendartitle{
	background:#fff;
	font-size:14px;
	font-weight:bold;	
	height: 30px;
	
}
.calendarweek{
	background-color:#fff;
	color:#1f1f1f;
	font-size:12px;
	font-weight:bold;
	height: 25px;
	
}

table.calendar td {
	height				: 45px;
	border-style		: solid;
	border-color		: white;
	border-width		: 1px;
	background-color:white;
	font-size			: 0.9em;
	text-align			: center;
	vertical-align:middle;
	border: 1px solid #dcdcdc;
	
}
table.calendar td p.normal{
	font-size:12px;
	text-align:center;
}
table.calendar td p.holiday{
	font-size:12px;
	text-align:center;
	color:red;
}
table.calendar td p.other{
	font-size:12px;
	text-align:center;
}


table.calendar th.red {
//	color				:#EAA;
	width:14.3%;
}

table.calendar th.blue {
//	color				:#AAE;
	width:14.3%;

}

table.calendar td.week_6 {

	color				:#AAE;
}

table.calendar td.week_0 {
	color:#1f1f1f;
	
}

table.calendar td.week_1 {

	color:#1f1f1f;
}

table.calendar td.week_2 {
	color:#1f1f1f;
	
}

table.calendar td.week_3 {
	color:#1f1f1f;
	
}

table.calendar td.week_4 {
	color:#1f1f1f;
	
}

table.calendar td.week_5 {
	color:#1f1f1f;
	
}

table.calendar td.week_6 {
	color:#1f1f1f;
	
}

table.calendar td.week_0 font{
	color:#EAA;
	
}

table.calendar td.week_1 font{

	color				:#1f1f1f;
}

table.calendar td.week_2 font{

	color				:#1f1f1f;
}

table.calendar td.week_3 font{

	color				:#1f1f1f;
}

table.calendar td.week_4 font{

	color				:#1f1f1f;
}

table.calendar td.week_5 font{

	color				:#1f1f1f;
}

.staffCalendarSampleArea{
	margin-top:10px;
	float: left;

}
.staffCalendarSampleArea table{
	margin:auto;
}

.staffCalendarSampleArea tr{
	margin:100%;
}

.staffCalendarSampleArea table th{
	width:15px;
	line-height:15px;

}

.staffCalendarSampleArea table td{
	font-size:11px;
	
}

.shukkin{
	background-color:#fff;
	border:1px solid #dcdcdc;
}
.flex{
	background-color:#aaa;
	border:1px solid #aaa;
}
.yasumi_am{
	background-color:#6A5ACD;
	border:1px solid #6A5ACD;
}

.yasumi_pm{
	background-color:#CD5C5C;
	border:1px solid #CD5C5C;
}

.yasumi{
	background-color:#1f1f1f;
	border:1px solid #1f1f1f;
}