/*パネル全体*/
#ui-datepicker-div{position: absolute;z-index: 99999 !important;}
.ui-widget-content { border: 1px solid #aaa; background:#fff; color:#333;}
.ui-widget-content a { color: black;}
/*ヘッダ*/
.ui-widget-header { border:none; background: #333; color: white; font-weight: bold;}
.ui-widget-header a { color: white;}
/*カレンダーの日*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { border: 1px solid #ccc; background:none; font-weight: normal; color:#333;}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited { color:#333; text-decoration: none;}
/* 日曜日のカラー設定 */
.ui-datepicker-calendar tr td:first-child a{ background:#FCD9DF !important; color:#EF4962 !important;}
.ui-datepicker-calendar tr th:first-child{ color:#EE3753 !important;}
/* 土曜日のカラー設定 */
.ui-datepicker-calendar tr td:last-child a{ background:#E4EEF5 !important;color:#5396C1 !important;}
.ui-datepicker-calendar tr th:last-child { color:#458DBC !important;}

/*カレンダーの日：カーソルが乗った時*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border: 1px solid #555 !important; font-weight: normal; color:#333;}
.ui-state-hover a,
.ui-state-hover a:,
.ui-state-hover a:link,
.ui-state-hover a:visited { color: black; text-decoration: none;}
/*カレンダーの日：最後にクリックされた日*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { border: 1px solid #555 !important; font-weight: normal; color:#333;}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited { color: black; text-decoration: none;}
/*"<前"、"次>"アイコン*/
.ui-widget-header .ui-icon { background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/images/ui-icons_ffffff_256x240.png);}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{ position: absolute;top: 4px; width: 1.8em; height: 1.8em;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover { position: absolute;top: 3px; width: 1.8em; height: 1.8em; background:#111;border:1px solid #fff; }