
.YJcalendar-wrap {position:relative;}
.YJcalendar-wrap .YJcalendar-trigger {width: 21px; height: 30px; margin: 0 0 0 10px; background: url(../../images/common/bt_calendar.png) center center no-repeat; background-size: 21px; text-indent:-9999px;}
.YJcalendar-wrap .YJcalendar-inner {width:300px; box-sizing:border-box; background: #ffffff; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);}

.YJcalendar-wrap.YJcalendar-type-input .YJcalendar-inner {display:none; position:absolute; z-index:1;}
.YJcalendar-wrap.YJcalendar-type-input.open .YJcalendar-inner {display:block;}

.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head {height:40px; text-align:center; position:relative;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head .YJcalendar-select-area {font-weight: 700; line-height: 40px;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head .YJcalendar-select-area .YJcalendar-year {display: inline-block;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head .YJcalendar-select-area .YJcalendar-month {display: inline-block; margin: 0 0 0 10px;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head .YJcalendar-select-area select {width:90px; height:30px; padding: 0 0 0 10px; margin: 5px 0 0 10px;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head .YJcalendar-select-area select:first-child {margin-left:0;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head .YJcalendar-month-prev {position:absolute; top:0; left:0; width: 40px; height: 40px; background: #f7f7f7 url(../../images/common/view_prev.png) center center no-repeat; text-indent: -9999em;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head .YJcalendar-year-prev {position:absolute; top:20px; left:0;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head .YJcalendar-month-next {position:absolute; top:0; right:0; width: 40px; height: 40px; background: #f7f7f7 url(../../images/common/view_next.png) center center no-repeat; text-indent: -9999em;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-head .YJcalendar-year-next {position:absolute; top:20px; right:0;}

.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body {}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table {}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table thead tr th {height:30px; border-bottom: none; background: #2d5fc2; color: #ffffff;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table tbody tr td {height:40px; padding: 0; border-bottom-color: #eeeeee; background:#ffffff; color:#666666; cursor:pointer; text-align: center; vertical-align: middle;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table tbody tr td:hover {background:#f7f7f7;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table tbody tr td.today {background:#6a8f35; color: #ffffff;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table tbody tr td.sunday {color:#ff0000;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table tbody tr td.holiday {color:#ff0000;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table tbody tr td.saturday {color:#0000ff;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table tbody tr td.selected {background:#2d5fc2; color: #ffffff;}
.YJcalendar-wrap .YJcalendar-inner .YJcalendar-body table tbody tr td.disabled {background:#eeeeee; color:#ffffff !important; cursor: default;}