.ui-datepicker-trigger {
	vertical-align: middle;
	margin-top: -4px;
}

.ui-state-sat {
	border: 1px solid #A3AFFF;
	background: #DFE4FF;
	font-weight: bold;
	color: #2E6E9E;
}

.ui-state-sat.ui-state-hover {
	border: 1px solid #8B9AFF;
	background: #C1CBFF;
	font-weight: bold;
	color: #2E6E9E;
}

.ui-state-sun {
	border: 1px solid #ECC5C5;
	background: #FCDFDF;
	font-weight: bold;
	color: #2E6E9E;
}

.ui-state-sun.ui-state-hover {
	border: 1px solid #E9A7A7;
	background: #FBBCBC;
	font-weight: bold;
	color: #2E6E9E;
}

.ui-datepicker {
	width: 20em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker table {
	width: 100%;
	font-size: 1.2em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
  background-color: #ffecec;   /* 背景色を設定 */
  color: #f00!important;       /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
  background-color: #eaeaff;   /* 背景色を設定 */
  color: #00f!important;       /* 文字色を設定 */
}
/* ホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover{
  opacity: 0.8;
}
/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight{
  background-color: #fffa90!important;
}