/* カレンダー（日付選択） */
.calender {
	width:300px;
	display: block;
	overflow:hidden;
	position: absolute;
	background: rgb(248, 248, 248);
	border: 1px solid #c0c0c0;
	padding:5px 0px;
	border-radius:0px 0px 2px 2px ;
	-moz-border-radius:0px 0px 2px 2px ;
	-webkit-border-radius:0px 0px 2px 2px ;
	box-shadow:0px 3px 8px 1px #d2d2d2;
	-moz-box-shadow:0px 3px 8px 1px #d2d2d2;
	-webkit-box-shadow:0px 3px 8px 1px #d2d2d2;
}
.improper { color:#999; }
.calender div {
	clear:left;
	text-align:center;
}
#datetitle {
	position:relative;
	padding:0 5px;
}
#calenderclose {
	margin:5px;
}
.control {
	position:relative;
}
#main .control>button {
	float:left;
	position:absolute;
	top:0;
	right:5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #000000;
	margin: 4px 4px 0;
}
#main .control>button:nth-of-type(1){
	left: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 8px 6px 0;
	border-color: transparent #000000 transparent transparent;
}
.calender>table {
	float:left;
	margin:5px 3px;
}
.calender table{
	width:300px;
}
.calender table,
.calender table td,
.calender table th {
	border:none;
	text-align:center;
}
.calender table td,
.calender table th {
	width:20px;
	height:20px;
	padding:4px;
	border:none;
}
.calender table th{
	background:#F8F8F8;
	border-bottom:1px solid #c0c0c0;
}
.calender table td{
	border-radius:2px;
	background:#fff;
}
.calender table td.select{
	background:#0287D0;
	color:#fff;
}