@charset "utf-8";
/*-------------------------------
datepickerダイアログ
-------------------------------*/
div.datepicker_dialog {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
	width:400px;	/*width:600px;*/
}
div.datepicker_container {
	display: none;
	position: absolute;
	padding:0;
	margin:0;
	left: 0;
	top: 0;
	right:0;
	z-index:900;
	background: rgba(0, 0, 0, 0.0);
}

/*-------------------------------
datepickerメインレイアウト
-------------------------------*/
div.datepicker_main {
	border: 1px solid #bfbfbf;
	margin-bottom: 5px;
}
div.datepicker_main > div.header {
	border-color: #25abb7;
	color: #ffffff;
	background: linear-gradient(#28ced8, #25abb7);
	margin: -1px;
	padding: 6px 5px 6px 10px;
	font-weight: bold;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}
div.datepicker_main > div.body {
	margin:1px;
	padding: 3px;
}

/*-------------------------------
datepickerヘッダーレイアウト
-------------------------------*/
div.datepicker_header {
	display:table;
	border-collapse:separate;
	width:100%;
	margin: 0px;
}
div.datepicker_header > div.left {
	display:table-cell;
	text-align:left;
}
div.datepicker_header > div.center {
	display:table-cell;
	text-align:center;
}
div.datepicker_header > div.right {
	display:table-cell;
	text-align:right;
}

/*-------------------------------
datepickerタイトル年月
-------------------------------*/
span.datepicker_title_ym {
	font-size:12px;
}
/*-------------------------------
datepickerコントローラーボタン
-------------------------------*/
button.datepicker_controller {
	border-color: #25abb7;
	background: #ffffff;
	color: #25abb7;
	font-size: 14px;
}
button.datepicker_controller:hover {
	border-color: #ffa500;
	background: linear-gradient(#ffa500, #ffbc00);
	color: #ffffff;
}

/*-------------------------------
datepickerボディレイアウト
-------------------------------*/
table.datepicker_table {
	width: 100%;
	table-layout: fixed;
}
table.datepicker_table,
table.datepicker_table th,
table.datepicker_table td {
	border: 1px solid #bfbfbf;
}
table.datepicker_table .week_header {
	height: 20px;
	text-align: center;
}
table.datepicker_table .sunday {
	background: #ffd8d6;
	color: #ff3a33;
}
table.datepicker_table .week_day {
	background: #ffffff;
	color: #444444;
}
table.datepicker_table .saturday {
	background: #d3e5ff;
	color: #519eff;
}

/*-------------------------------
datepickerボタン
-------------------------------*/
div.datepicker_dialog button.day {
	font-size: 28px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 60px;
}
button.sunday {
	border-color: #ffd8d6;
	background: #ffd8d6;
	color: #ff3a33;
}
button.sunday:hover {
	border-color: #ff3a33;
	background: #ff3a33;
	color: #ffffff;
}
button.saturday {
	border-color: #d3e5ff;
	background: #d3e5ff;
	color: #519eff;
}
button.saturday:hover {
	border-color: #519eff;
	background: #519eff;
	color: #ffffff;
}
button.week_day {
	border-color: #ffffff;
	background: #ffffff;
	color: #444444;
}
button.week_day:hover {
	border-color: #444444;
	background: #444444;
	color: #ffffff;
}
button.today {
	border-color: #fff2b0;
	background: #fff2b0;
	color: #ff9900;
}
button.today:hover {
	border-color: #ffbc00;
	background: #ffbc00;
	color: #ffffff;
}
button.select_day {
	border:4px solid #0088ff;
	border-radius:8px;
}
button.select_day:hover {
	border:4px solid #0088ff;
}