@charset"UTF-8";

/* bxslider RESET
===================================*/
#calendar .bx-wrapper{
position:relative;
margin:0 auto;
padding:0;
*zoom:1;
-ms-touch-action:pan-y;
touch-action:pan-y;
}

#calendar .bx-viewport{
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform:translatez(0);
}

/* Firefox */
@-moz-document url-prefix(){
#calendar .bx-viewport{
padding:0 0 25px 0;
}
}


/* ====CALENDER COMMON============================ */
#calendar .calendar_inner:after{content:""; clear:both; display:block;}

#calendar .calendar_inner{
margin:0 auto 0 auto;
padding:10px 0 10px 0;
position:relative;
width:280px;
overflow:hidden;
}

#calendar .calendar_inner .bx-wrapper{
width:280px;
}

#calendar .calendar_inner table{
width:280px;
border-right:1px solid #fee4ad;
border-left:1px solid #fee4ad;
position:absolute;
top:0;
left:0;
}

/* #calendar table
==================================== */
#calendar table th,
#calendar table td{
text-align:center;
}

#calendar table caption em{
display:block;
font-size:14px;
line-height:100%;
color:#000;
font-weight:bold;
text-align:center;
padding:10px 0 0 0;
}

#calendar table caption em i{
padding:0 0 0 0.5em;
}

#calendar table thead th{
font-size:12px;
line-height:110%;
font-weight:bold;
padding:13px 0 3px 0;
color:#000;
}

/* #calendar table tbody
-------------------------------------------------- */
#calendar table tbody{
background-color:#fff;
border-top:1px solid #d1c193;
border-right:1px solid #d1c193;
border-left:1px solid #d1c193;
}

#calendar table tbody td{
border-bottom:1px solid #d1c193;
border-left:1px solid #d1c193;
height:35px;
vertical-align:middle;
font-size:14px;
line-height:60%;
font-weight:bold;
color:#c1baae;
}

#calendar table tbody td a{
display:block;
zoom:1;
}

#calendar table tbody td a:active{text-decoration:none;}

#calendar table tbody td span{
display:block;
font-size:12px;
}

/* #calendar table tbody td.holiday
-------------------------------------------------- */
#calendar table tbody td.holiday{
padding-top:4px;
font-size:14px;
line-height:100%;
color:#787267;
}

/* #calendar table tbody td.emp
-------------------------------------------------- */
#calendar table tbody td.emp{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/webapl/img/cal_bg.png) repeat-x 0 bottom #f5e3c5;
}

#calendar table tbody td.emp,
#calendar table tbody td.emp a{
color:#000;
font-weight:bold;
}

#calendar table tbody td.emp:hover,
#calendar table tbody td.emp.hover{
background:url(/sun_common/contents_alias/factory/kyushu-kumamoto/webapl/img/cal_bg_on.png) repeat-x 0 bottom #ce9f57;
}

/* #calendar table tbody td.no_sem
-------------------------------------------------- */
#calendar table tbody td.no_sem{
color:#000;
font-weight:bold;
}

/* #calendar table tbody td.emp_select
-------------------------------------------------- */
#calendar table tbody td.emp_select{background-image:none;
background-color:#b83;
}

#calendar table tbody td.emp_select,
#calendar table tbody td.emp_select a{
color:#fff;
font-weight:bold;
}

/* #calendar .bx-wrapper .bx-controls
-------------------------------------------------- */
#calendar .bx-wrapper{
position:relative;
}

#calendar .bx-controls a{
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
position:absolute;
top:1px;
background-repeat:no-repeat;
background-position:0 0;
width:30px;
height:30px;
background-position:0 0;
background-size:30px 30px;
-moz-background-size:30px 30px;
-webkit-background-size:30px 30px;
}

#calendar .bx-controls .bx-prev{
background-image:url(/sun_common/contents_alias/factory/kyushu-kumamoto/webapl/img/cal_ico_prev.png);
left:1px;
}

#calendar .bx-controls .bx-next{
background-image:url(/sun_common/contents_alias/factory/kyushu-kumamoto/webapl/img/cal_ico_next.png);
right:1px;
}

#calendar .bx-controls a.disabled{
display:none;
}

/* ====/CALENDER COMMON============================ */






/* ===TOP====================================== */
/* #top_calendar_box #calendar_box
-------------------------------------------------- */
#top_calendar_box{width:296px;margin:0 auto;border:2px solid #e0ca98;border-radius:4px;background:#fee4ad;}
#top_calendar_box #calendar_box{
border:1px solid #fff;
}

#top_calendar_box #calendar_box #calendar .calendar_inner table{
width:270px !important;
margin:0 5px 0 5px;
}

#top_calendar_box #calendar_box #calendar .bx-controls .bx-prev{
left:5px;
}

#top_calendar_box #calendar_box #calendar .bx-controls .bx-next{
right:4px;
}





/* ====WEBAPL_TOP============================ */
/* #course_top_wrap #calendar_box
-------------------------------------------------- */
#course_top_wrap #calendar_box{
background:#fee4ad;
box-shadow:0 0 4px 3px #c8bca1;
-webkit-box-shadow:0 0 4px 3px #c8bca1;
-moz-box-shadow:0 0 4px 3px #c8bca1;
width:240px;
margin:0 auto;
}

#course_top_wrap #calendar_box #calendar .calendar_inner{
width:220px;
}


/* #course_top_wrap #calendar_box #date_sort
-------------------------------------------------- */
#course_top_wrap #calendar_box #date_sort{
width:240px;
height:56px;
margin:0 0 0 -10px;
position:relative;
}

#course_top_wrap #calendar_box #date_sort dl dt,
#course_top_wrap #calendar_box #date_sort dl dd{
line-height:0;
}

#course_top_wrap #calendar_box #date_sort dl dt img{
position:absolute;
top:0;
left:0;
width:85px;
height:52px;
}

#course_top_wrap #calendar_box #date_sort dl dd img{
display:block;
width:150px;
height:39px;
position:absolute;
top:6px;
right:0;
}

#course_top_wrap #calendar_box #date_sort dl dd a{
display:none;
z-index:100;
}





/* ====WEBAPL COURSE============================ */
/* #course_detail_wrap #calendar
==================================== */
#course_detail_wrap #calendar{
width:880px;
margin:60px auto 0 auto;
background:#fee4ad;
border-radius:4px;
}

#course_detail_wrap #calendar h2{
line-height:0;
}

#course_detail_wrap #calendar h2 img{
width:405px;
height:auto;
margin:-30px 0 0 240px;
}

/* #course_detail_wrap #calendar .calendar_inner
-------------------------------------------------- */
#course_detail_wrap #calendar .calendar_inner:after{content:""; clear:both; display:block;}

#course_detail_wrap #calendar .calendar_inner{
padding:10px 0 30px 10px;
position:static;
width:100%;
}

#course_detail_wrap #calendar .calendar_inner table caption{
border-top:1px solid #d1c193;
border-right:1px solid #d1c193;
border-left:1px solid #d1c193;
background-color:#fff;
}

#course_detail_wrap #calendar .calendar_inner table caption em{
padding:10px 0 0 0;
letter-spacing:1px;
}

#course_detail_wrap #calendar .calendar_inner table{
float:left;
width:260px;
margin:0 0 0 20px;
border-right:1px solid #d1c193;
border-left:1px solid #d1c193;
background-color:#fff;
position:static;
}

#calendar table thead th{
padding-top:10px;
}

#course_detail_wrap #calendar .calendar_inner table tbody td{
height:40px;
line-height:128%;
}

#course_detail_wrap #calendar .calendar_inner table tbody td a{
padding:4px  0 0 0;
}

/* ====/WEBAPL COURSE============================ */