@charset "utf-8";

/********** 定休日カレンダー P-グリーン **********/

/***** レイアウト *****/
#pi_calendar div.subc_cal_cont {
	padding:0 20px 15px;
}

#pi_calendar div.cal_wrapper table.cal {
	width:100%;
	border-collapse:collapse;
}

#pi_calendar div.cal_wrapper table.cal tr td {
	text-align:center;
	font-size:85%;
	line-height:3;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th {
	padding:10px 0 0;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th p.month {
	display:inline-block;
	margin:0.5em 0;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th input.prev {
	float:left;
	-webkit-appearance:none;
	-webkit-border-radius:: 0;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th input.next {
	float:right;
	-webkit-appearance:none;
	-webkit-border-radius:: 0;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th input {
	background:none;
	padding:0.5em;
	font-size:80%;
	line-height:1;
	font-family:monospace;
	cursor:pointer;
}

#pi_calendar div.subc_cal_cont .cap ul {
	margin:5px 0 0;
	padding:0;
}

#pi_calendar div.subc_cal_cont .cap li {
	display:inline-block;
	overflow:hidden;
	padding:0 10px 0 0;
	font-family:monospace;
	font-size:85%;
}

#pi_calendar div.subc_cal_cont .cap li > span:nth-child(1) {
	padding:0 2px 0 0;
	line-height:1.2;
	font-size:120%;

}

#pi_calendar div.subc_cal_cont .cap .cap-info {
    line-height:1.4;
	margin:10px 0 0;
	font-size:90%;
}

/***** 配色 *****/
#pi_calendar {
	color:#63a351;
}

#pi_calendar div.cal_wrapper table.cal tr td.cal_dispdate {
	border:1px solid #b5ee85;
	background:#fff;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th input {
	border:1px solid #b5ee85;
	background:#fff;
	color:#63a351;
}

#pi_calendar div.subc_cal_cont .cap .ico_cap01 {
    color:#6cf;
}

#pi_calendar div.subc_cal_cont .cap .ico_cap02 {
    color:#f00;
}

#pi_calendar div.subc_cal_cont .cap .ico_cap03 {
    color:#ff0;
}

#pi_calendar div.cal_wrapper table.cal tr td div.Today {
    background:#f5ffee;
    color:#6cf;
    font-weight:bold;
}

#pi_calendar div.cal_wrapper table.cal tr td div.ccolor1{
	background:#f00;
}

#pi_calendar div.cal_wrapper table.cal tr td div.ccolor2{
	background:#ff0;
}