@charset "utf-8";

#calenderarea {
	min-height: 300px;
}
#datepicker {
	min-height: 266px;
}
.ui-datepicker {
	width: 100%;
	padding: 0;
	display: none;
	box-sizing: border-box;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 30px 0 8px 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	/*position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;*/
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	/*top: 1px;*/
	background-color: #ffffff;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
}
.ui-datepicker .ui-datepicker-prev {
	/*left: 2px;*/
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 40px;
	left: 15px;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #3a3a3a transparent transparent;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 40px;
	right: 15px;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #3a3a3a;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover {
	top: 40px;
	left: 15px;
	border-style: solid;
	transform: scale(1.2);
	border-color: transparent #ff0000 transparent transparent;
}
.ui-datepicker .ui-datepicker-next-hover {
	top: 40px;
	right: 15px;
	border-style: solid;
	transform: scale(1.2);
	border-color: transparent transparent transparent #ff0000;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	/*display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;*/
	display: none;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	color: #646464;
}
.ui-datepicker .ui-datepicker-title:before {
	/*`content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 40px;
	left: 15px;
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #3a3a3a transparent transparent;	*/
}
.ui-datepicker .ui-datepicker-title:after {
	/*content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 40px;
	right: 15px;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #3a3a3a;*/
}
.ui-datepicker .ui-datepicker-title div.ui-datepicker-month-figure{
	margin-right: 8px;
	text-align: center;
	font-size: 21px;
	letter-spacing: -3px;
}
.ui-datepicker .ui-datepicker-title span.ui-datepicker-month {
	letter-spacing: 0;
}
.ui-datepicker span.ui-datepicker-year {
	display: none;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0;
}
.ui-datepicker thead th {
	padding: 4px 0;
	border: solid 1px #c5c5c5;
	text-align: center;
	color: #646464;
	font-size: 10px;
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform-origin: 20px 12px;
	-ms-transform-origin: 20px 12px;
	font-weight: bold;
}
.ui-datepicker thead th:first-child {
	border-left: none;
}
.ui-datepicker thead th:last-child {
	border-right: none;
}
.ui-datepicker td {
	border: solid 1px #c5c5c5;
	padding: 0px;
}
.ui-datepicker tbody tr td:first-child {
	border-left: none;
}
.ui-datepicker tbody tr td:last-child {
	border-right: none;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	/*padding: .2em;*/
	text-align: center;
	text-decoration: none;
}
.ui-datepicker td.disable a,
.ui-datepicker td.disable span {
	color: #c6c6c6;
}
.ui-datepicker td.saturday a{
	color: #239ed9;
}
.ui-datepicker td.saturday.disable a,
.ui-datepicker td.saturday.disable span,
.ui-datepicker td.gcal-saturday.disable a,
.ui-datepicker td.gcal-saturday.disable span {
	color: #cde4f6;
}
.ui-datepicker td.sunday a {
	color: #e12579;
}
.ui-datepicker td.sunday.disable a,
.ui-datepicker td.sunday.disable span,
.ui-datepicker td.gcal-sunday.disable span,
.ui-datepicker td.gcal-sunday.disable span {
	color: #fbd0ec;
}
.ui-datepicker td.saturday.disable a:hover {
	/*background: #ffffff;*/
	color: #cde4f6;
}
.ui-datepicker td.sunday.disable a:hover {
	/*background: #ffffff;*/
	color: #fbd0ec;
}
.ui-datepicker td.able a {
	cursor: pointer;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 9px;
	-webkit-font-smoothing: antialiased;
}
.ui-datepicker span.ui-datepicker-year {
	font-size: 20px;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
	border-bottom: none;
}
.ui-widget-header {
	border: none;
	background: none;
	color: #333333;
	font-weight: bold;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	display: table-cell;
	width: 40px;
	padding: 6px 0;
	border: none;
	background: none;
	font-size: 13px;
	font-weight: bold;
	color: #373737;
}
.ui-state-default.disable {
	color: #c6c6c6;
	cursor: default;
}
.ui-state-default.disable:hover {
	background: #ffffff;
	color: #c6c6c6;
}
/*
.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,
.ui-button:hover,
.ui-button:focus {
	background: #ffffdd;
	font-size: 13px;
	font-weight: bold;
	/*border: 1px solid #cccccc;*/
	color: #2b2b2b;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	/*background: #278df4;*/
	/*border: 1px solid #003eff;*/
	font-weight: bold;
	color: #373737;
}
.ui-datepicker-today.disable,
.ui-datepicker-today.disable .ui-state-active {
	background: #278df4!important;
	color: #ffffff!important;
}
.ui-datepicker-today.able .ui-state-active:hover {
	background: #ffffdd!important;
	color: #373737!important;
}
.ui-datepicker-today .ui-state-default.ui-state-hover {
	/*color: #373737;*/
}
.ui-datepicker-today.able,
.ui-datepicker-today.able.saturday,
.ui-datepicker-today.able.sunday,
.ui-datepicker-today.able,
.ui-datepicker-today.able .ui-state-active {
	background: #ff9900!important;
	color: #ffffff;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	/*border: 1px solid #dad55e;
	background: #fffa90;*/
	color: #ffffff;
}
.ui-datepicker-other-month {
	background: #eaeaea;
	opacity: 1!important;
}
.ui-datepicker-other-month a,
.ui-datepicker-other-month span {
	opacity: 1!important;
}
/*
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary,
.ui-datepicker-other-month {
	background: #eaeaea;
	filter:Alpha(Opacity=70);
	opacity: 1;
}
*/
td.able a:hover {
	/*background:#ffffdd;*/
	color: #373737;
}
.ui-datepicker-calendar td.able a:hover {
	background:#ffffdd !important;
	color:#373737 !important;
}
.ui-datepicker-calendar td.disable a {
	cursor: default;
}
/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0;
}