@charset "utf-8";


/* ----------------------------------------------------------------
    カレンダー部分（jQueryUI上書き）
----------------------------------------------------------------- */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ pro w3",osaka,Arial,Helvetica,sans-serif;
}
.ui-datepicker{
  padding:0;
  z-index:3 !important;
}
.ui-datepicker th{
  font-size:10px;
  font-weight:normal;
  padding:5px 6px 4px;
  color:#333;
}
.ui-datepicker td span,
.ui-datepicker td a{
  padding:2px 6px;
}
.ui-datepicker{
  border-top:none;
  border-right:5px solid #4ba5d1;
  border-bottom:5px solid #4ba5d1;
  border-left:5px solid #4ba5d1;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
  color:#333;
  border:1px solid #bcbcbc;
  background:none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{
/*  background-color:#fff; */
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{
  padding:1px 5px;
  border:2px solid #ff992b;
  background-color:#ffef99;
}
.ui-datepicker-calendar .date-holiday a{
  color:#e5302c;
}
.ui-datepicker-calendar .date-saturday a{
  color:#2261b7;
}

.ui-datepicker .ui-datepicker-title{
  font-size:12px;
  line-height:34px;
  vertical-align:middle;
  height:34px;
}
.ui-datepicker .ui-datepicker-month{
  font-size:20px;
}
.ui-datepicker-title select,
.ui-datepicker-title option{
  font-weight:normal;
  color:#333;
}


.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
  height:18px;
/*   line-height:10px; */
  padding-left:2px;
  border:none;
  *margin-top:5px;
  font-size:12px;
}
.ui-datepicker select.ui-datepicker-month{
  width:33%;
  margin-left:1px;
}
.ui-datepicker .ui-datepicker-header{
  padding:0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-left,
.ui-corner-br{
  border-radius:0;
}
.ui-widget-header{
  border-top:none;
  border-right:1px solid #fff;
  border-bottom:none;
  border-left:none;
  background-color:#4ba5d1;
  background-image:none;
}
.ui-datepicker-group-last .ui-widget-header{
  margin-right:-1px;
  border-right:none;
}
.ui-widget-header a{
  cursor:pointer;
}
.ui-widget-header .ui-icon{
  width:4px;
  height:7px;
  background-image:url("//s.skygate.co.jp/pc/search/images/ico/search_icon_sprite.png");
}
.ui-icon-circle-triangle-w{
  background-position:-243px 0;
}
.ui-icon-circle-triangle-e{
  background-position:-257px 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{
  top:8px;
  width:24px;
  height:18px;
  background-color:#fff;
}
.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{
/*  background-color:#ffffff; */
  background-image:none;
}
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus{
  border:none;
}

/* .ui-datepicker-calendar .ui-state-hover, */
.ui-datepicker-calendar .ui-state-focus{
  padding:1px 5px;
  border:2px solid #ff992b;
  background-color:none;
}

.ui-datepicker .ui-datepicker-prev{
  left:1px;
}
.ui-datepicker .ui-datepicker-prev span{
  margin-top:-4px;
  margin-left:-3px;
}
.ui-datepicker .ui-datepicker-next{
  right:1px;
}
.ui-datepicker .ui-datepicker-next span{
  margin-top:-4px;
  margin-left:-1px;
}

/* ----------------------------------------------------------------
    サジェスト部分（jQueryUI上書き）
----------------------------------------------------------------- */
.ui-autocomplete{
  overflow:auto;
  max-height:17em;
}
.ui-autocomplete .letter-matching{
  font-weight:bold;
  color:#f30;
}

/* ----------------------------------------------------------------
    カレンダー　出発日/期間/現地出発日　カラー設定
----------------------------------------------------------------- */
.cl-dep-date,
.cl-dep-date .ui-state-active,
.cl-travel-period,
.cl-rtn-date{
  background-color: #ffef99;
}
.ui-datepicker td:hover{
  background-color: #fff;
}
.ui-datepicker td a:hover{
  background-color: #fff;
  padding:1px 5px;
  border:2px solid #ff992b;
}