/* datepicker用CSS */
/* datepickerの元CSSを上書き、又は追加している */

/*
   カレンダーのの大きさを変える場合
   ① 下記のCSS .ui-datepicker のフォントサイズを変更する。
   ② /home/sites/www.toyoko-inn.com/web/jquery/jquery-ui-themes-1.10.3/ui/jquery-ui.js の dpShim の大きさを変更する必要がある。
           inst.dpShim.css({position: ($.datepicker._inDialog && $.blockUI ?
           "static" : (isFixed ? "fixed" : "absolute")), display: "none",
           left: offset.left + "px", top: offset.top + "px", width: "308px", height: "235px"});
      の width, height を変更する。
   ③ 下記の『閉じる』ボタン関連のCSSを変更する。
*/

/* datepickerの大きさ */
.ui-datepicker { font-size: 70%; }

/* 土曜、日曜、祝日の文字色、又クリック(active)された後の色 */
.date-sunday   .ui-state-default { color: #df4d4d; }
.date-sunday   .ui-state-active  { color: #ffffff; }
.date-saturday .ui-state-default { color: #35a6e9; }
.date-saturday .ui-state-active  { color: #ffffff; }
.date-holiday0 .ui-state-default { color: #df4d4d; }
.date-holiday0 .ui-state-active  { color: #ffffff; }

/* 『閉じる』ボタンの全体的な幅 */
button.ui-datepicker-close div { width: 53px; }

/* 『×』アイコンの位置 */
button.ui-datepicker-close span.add-icon-close { float: left; }

/* ie6, ie8, ff, chrome, safari, opera:『閉じる』文言の位置 */
button.ui-datepicker-close span.add-text-close {
	display: block;
	padding-top:   3px;
	_padding-top:  4px;
	padding-left:  4px;
	float: left;
}

/* ie10:『閉じる』文言の位置 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* IE10-specific styles go here */
	button.ui-datepicker-close span.add-text-close {
		display: block;
		padding-top:   2px;
		padding-left:  4px;
		float: left;
	}
}

/* 『今日』ボタンを表示しない */
button.ui-datepicker-current { display: none; }