﻿@charset "UTF-8";

/* ---------------------------------------------------------
	CSS Document calendar
--------------------------------------------------------- */

input.datepickers {
	min-height: 21px;
	padding: 0 3px;
	border: solid 1px #a9a9a9;
	/* border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; */
	background: #fff url(calendar.gif) no-repeat 97%;
}

#ui-datepicker-div {
	font-size: 13px;
	font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', osaka, Arial, Helvetica, Verdana, sans-serif;
}

#ui-datepicker-div td a {
	text-align: center;
	font-size: 13px;
	font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', osaka, Arial, Helvetica, Verdana, sans-serif;
	line-height: 18px;
	color: #333;
}

.date-holiday .ui-state-default {
	background: #f99;
}

.date-sunday .ui-state-default {
	background: #ffdfdf; 
}

.date-saturday .ui-state-default {
	background: #dfffff; 
}

.ui-state-disabled .ui-state-default {
	background: none repeat scroll 0 0 #ffffff;
	text-decoration: line-through;
}

    /* カレンダーを最前面に表示させる */
    .ui-datepicker  {
        z-index: 1000 !important;
    }
    /* 平日の背景色 */
    .date-weekday .ui-state-default {
        background: #ffffff;
    }
    /* カレンダーで選択された日付の背景色 */
    .date-weekday.ui-datepicker-current-day .ui-state-active {
        background : #ffffcc;
    }
    /* マウスオーバー時の背景色 */
    .date-weekday .ui-state-default.ui-state-hover {
        border: 1px solid #999999;
        background: #ffcc66;
    }
    /* ボタンパネル関連 */
    .ui-datepicker .ui-datepicker-buttonpane {
        text-align: center;
    }
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: none;
    }
    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        font-weight: bold;
        color: #000000;     
    }
    .ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary {
        display: none;
    }
