@charset "utf-8";
/* CSS Document */

.ui-datepicker {
	position:relative;
	margin-top:1px;
  padding: 0 !important;
  width: auto !important;
}

.ui-datepicker a {
	color: #333333 !important;
}

.ui-datepicker-header,
.ui-datepicker-calendar {
	width:100% !important;
	font-size:12px;
	color:#000;
}
.ui-datepicker-header {
  padding: 0 !important;
	text-align:center !important;
}

.ui-datepicker-header a:hover {
	background-color: transparent !important;
	border: none !important;}

.ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-header a.ui-datepicker-next {
  position: relative;
	top: 3px;
  left: auto;
  right: auto; 
	width:16px;
	height:16px;
	background-size:16px 16px;
	background-position:center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.ui-datepicker-header a.ui-datepicker-prev{
	float:left;
	margin-left:5px;
	background-image:url(../img/icon_arrowL-white.png);}
.ui-datepicker-header a.ui-datepicker-next{
	float:right;
	margin-right:5px;
	background-image:url(../img/icon_arrowR-white.png);}

.ui-datepicker-header a.ui-datepicker-prev .ui-icon,
.ui-datepicker-header a.ui-datepicker-next .ui-icon {
	display:none;
}

.ui-datepicker-today {
	font-weight:bold;
}
.ui-datepicker-today a{
	background-color:#FFD5D2 !important;
}
.ui-datepicker-calendar {
	border-collapse:collapse;
	background-color:#fff;
}
.ui-datepicker-calendar th {
  padding: 0;
	background:#ddd!important;
}

.ui-datepicker-calendar td {
	border:none !important;
}
	
.ui-datepicker table {
  margin: 0 !important;
	font-size: 12px;
}

.ui-datepicker-calendar td {
	text-align:center !important;
}

.ui-datepicker-calendar td a{display:block;}
.ui-datepicker-calendar td a:hover {background-color:#B9DCFF;}

.ui-datepicker-title select {
	padding: 0;
	height:20px;
  vertical-align: baseline;
}
.ui-datepicker-title select.ui-datepicker-year {
	margin-right:4px;
	width:55px;
}
.ui-datepicker-title select.ui-datepicker-month {
	margin-left:4px;
	width:50px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center !important;
}

.ui-datepicker .ui-datepicker-title{
  margin: 0;
	line-height: inherit;}


/* 日曜日のカラー設定 */
#ui-datepicker-div .ui-sunday a,
#ui-datepicker-div .ui-holiday a{
  color: #f00 !important;}
/* 土曜日のカラー設定 */
#ui-datepicker-div .ui-saturday a{
  border: none;
  color: #00f !important;}

/* 特定日のカラー設定 */
.ui-dateType01 a{background-color:#FDCCEC !important;}
.ui-dateType02 a{background-color:#CFF !important;}
.ui-dateType03 a{background-color:#FF9 !important;}
.ui-dateType04 a{background-color:#DEFA9C !important;}
.ui-dateType05 a{background-color:#FC9 !important;}

/* 特定日のカラー設定 凡例表示 */
span.ui-dateType01{color:#FDCCEC !important;}
span.ui-dateType02{color:#CFF !important;}
span.ui-dateType03{color:#FF9 !important;}
span.ui-dateType04{color:#DEFA9C !important;}
span.ui-dateType05{color:#FC9 !important;}


/* フォームのデータピッカー表示 */
#ui-datepicker-div.ui-datepicker {
	width:180px !important;
	border:1px solid #666;
	border-radius: 5px;
	overflow: hidden;
	z-index:1000000000 !important;}
#ui-datepicker-div .ui-datepicker-calendar td a{
	border:none !important;
	padding:1px 4px;
  background-color: transparent;}
#ui-datepicker-div .ui-datepicker-header {
	padding:2px 0 !important;
  border: none;
	background-color:#666;
	color:#fff;
	border-radius: 0;}
#ui-datepicker-div .ui-datepicker-other-month.ui-state-disabled {opacity: 0.9 !important;}
#ui-datepicker-div .ui-datepicker-other-month .ui-state-default {
	border: none !important;
	color: #bfb9b6;}
	

/* 右パネルのカレンダー表示 */
.p-sidePanel .ui-datepicker {width: auto;}

.p-sidePanel .ui-datepicker-header a.ui-datepicker-prev,
.p-sidePanel .ui-datepicker-header a.ui-datepicker-next{
	position:relative;
  background-image:none;}
.p-sidePanel .ui-datepicker-header a.ui-datepicker-prev:after,
.p-sidePanel .ui-datepicker-header a.ui-datepicker-next:after{
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	margin-top: auto;
  margin-bottom: auto;
	width: 8px;
  height: 8px;
	border-top-style: solid;
  border-top-width: 2px;
	border-right-style: solid;
  border-right-width: 2px;
	border-color: #494949;
	content: "";}
.p-sidePanel .ui-datepicker-header a.ui-datepicker-prev:after{
	left:5px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg); 
	transform: rotate(-135deg);}
.p-sidePanel .ui-datepicker-header a.ui-datepicker-next:after{
	right: 5px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);}


/* 右パネルのカレンダー表示・年間カレンダー */
.p-sidePanel .ui-datepicker .ui-datepicker-header {padding: 3px 0 2px 0 !important;}

.p-sidePanel .ui-datepicker select.ui-datepicker-month,
.p-sidePanel .ui-datepicker select.ui-datepicker-year {
  margin-right: 5px;
	width: auto;
}

.p-sidePanel .ui-datepicker-header,
.ui-datepicker-year .ui-datepicker-header{
  border: none;
	font-size:13px;
	font-weight:bold;}
.p-sidePanel .ui-datepicker-calendar td a,
.ui-datepicker-year .ui-datepicker-calendar td a{
	padding:6px 4px;}
.p-sidePanel .ui-datepicker-calendar th,
.ui-datepicker-year .ui-datepicker-calendar th {
	padding-top:4px;
	padding-bottom:4px;}

/* 年間カレンダー */
.ui-datepicker-year .ui-datepicker-inline {
	margin-left:-40px;
	width:auto !important;}
.ui-datepicker-year .ui-datepicker-header{}
.ui-datepicker-year .ui-datepicker-group {
	margin-left:50px;
	margin-bottom:10px;
	width:300px;
	min-height:260px;}
.ui-datepicker-year .ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-year .ui-datepicker-header a.ui-datepicker-next{
	display:none;}
  
/* ユーザ */
.donut-user .jqplot-title {display:none;}

/* 670px以下 */
@media screen and (max-width:670px) {
.ui-datepicker-year{
	margin:0 auto;
	width:302px;}	
.ui-datepicker-year .ui-datepicker-inline,
.ui-datepicker-year .ui-datepicker-group{
	margin-left:0;}
}