@charset "UTF-8";
#leftmain,
#rightmain{
	width:980px;
	padding:28px;
	margin:2px 2px 50px;
	background:#fff;
	box-shadow: 0 0px 2px #999999;
	-moz-box-shadow: 0 0px 2px #999999;
	-webkit-box-shadow: 0 0px 2px #999999;
}
#calender{
	width: 670px;
	position:relative;
}
#leftmain #calender{
	float: left;
}
#rightmain #calender{
	float: right;
}
.reserv_top{
	overflow:hidden;
}
.reserv_top:before{
	content:"";
	width:980px;
	height: 71px;
	display:block;
	margin-bottom:20px;
	background:url(/images/img_reserve_step.png) no-repeat 0 -214px;
}
.reserv_title{
	background:#f3ece1;
	padding:1px;
	border-radius:4px;		/* CSS3 */
	-webkit-border-radius:4px;	/* Safari,Google Chrome用 */
	-moz-border-radius:4px;
	margin-bottom:10px;
}
.reserv_title p{
	border:3px solid #fff;
	border-radius:4px;		/* CSS3 */
	-webkit-border-radius:4px;	/* Safari,Google Chrome用 */
	-moz-border-radius:4px;
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:10px 20px;
	text-shadow:0 2px 0 #fff;
}
.reserv_top .reserv_top_text{
	font-size:10px;
	margin-bottom:20px;
	color:#999;
}
#schedule #nominate{
	border:4px solid #f3ece1;
	padding:10px;
	overflow:hidden;
	font-size:10px;
	height:112px;
	position: relative;
}
#schedule #nominate .staff{
	float:left;
	width:130px;
}
#schedule #nominate .photo{
	border:1px solid #dfdfdf;
	float:left;
	margin-right: 5px;
}
#schedule #nominate .photo span{
	width:62px;
	height:90px;
	overflow: hidden;
	display: block;
	text-align: center;
}
#schedule #nominate .photo span img{
	opacity: 1;
}
#schedule #nominate .reserve_title,
#schedule #nominate .text,
#schedule #nominate .style{
	font-weight:bold;
	font-size:11px;
	margin-bottom:5px;
	color:#666;
}
#schedule #nominate .name{
	color:#ff7884;
	font-weight:bold;
}
.selectbox{
	width:300px;
	float:left;
	border-right:2px solid #F5F3EF;
	border-left:2px solid #F5F3EF;
	margin:0 10px;
	padding:0 10px;
	height: 115px;
}
.selectbox p{
	color:#999;
}
.coupon_groupe{
	height:110px;
}
.coupon_groupe dd span{
	color:#ff7884;
	font-weight:bold;
}
#schedule #nominate #cancel_catalog,
#schedule #nominate #cancel_nominate{
	cursor: pointer;
	width:140px;
	text-align:center;
	float:right;
	display:block;
	padding:8px;
	margin-bottom:10px;
	font-size:11px;
	border:3px solid #f9f9f9;
	font-weight:bold;
	text-shadow:0 2px 0 #fff;
	border-radius:4px;		/* CSS3 */
	-webkit-border-radius:4px;	/* Safari,Google Chrome用 */
	box-shadow:0 0px 2px #999999; /* CSS3 */
	-moz-box-shadow:0 0px 2px #999999; /* Firefox用*/
	-webkit-box-shadow:0 0px 2px #999999; /* Google Chrome, Safari用*/
	-moz-border-radius:4px;
	background: #f1eae0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1eae0 0%, #d6cec0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1eae0), color-stop(100%,#d6cec0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1eae0 0%,#d6cec0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1eae0 0%,#d6cec0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1eae0 0%,#d6cec0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1eae0 0%,#d6cec0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1eae0', endColorstr='#d6cec0',GradientType=0 ); /* IE6-9 */
}
#schedule #nominate #cancel_catalog:hover,
#schedule #nominate #cancel_nominate:hover{
	cursor:pointer;
	opacity:0.7;
    transition:all 0.2s ease-out 0s;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    zoom:1;
}
.nostaff #reload{
	cursor:pointer;
	margin:5px 0;
	color:#0044cc;
	text-decoration:underline;
}
#schedule #week{
	border-left:4px solid #f3ece1;
	border-right:4px solid #f3ece1;
	border-bottom:4px solid #f3ece1;
	padding:6px;
	display:block;
	font-size:11px;
	margin-bottom:50px;
}
#schedule tr.date_line th{
	background:#f8f5f0;
}
#schedule tr.date_line .prev_week{
	width:75px;
	height:49px;
	display:block;
	cursor:pointer;
	background:url(/images/bg_reserve_icon.png) no-repeat 0 -49px;
	text-indent:-9999px;
}
#schedule tr.date_line .next_week{
	width:75px;
	height:49px;
	display:block;
	cursor:pointer;
	background:url(/images/bg_reserve_icon.png) no-repeat 1px 0;
	text-indent:-9999px;
}
#cancel_catalog:hover,
#schedule tr.date_line .prev_week:hover,
#schedule tr.date_line .next_week:hover{
	opacity:0.7;
    transition:all 0.2s ease-out 0s;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    zoom:1;
}
#reserve_contents th,
#reserve_contents td{
	width: 75px;
	text-align:center;
	border:1px solid #F5F3EF;
	background:#fff;
	height:22px;
	vertical-align: middle;
	font-weight:bold;
}
table,tr,th,td{
	border-collapse:collapse;
}
.prev_week, .next_week{
	cursor:pointer;
}
#schedule .attention_title{
	font-weight:bold;
	border-bottom:1px dotted #d6d6d6;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:11px;
}
#schedule .attention .text{
	margin-bottom:15px;
	font-size:10px;
}
#schedule .nostaff{
	border:4px solid #f3ece1;
	padding:10px;
}
#schedule .nostaff p.reserve_title{
	font-size:15px;
	font-weight:bold;
	color:#ff7884;
}
#stafflist{
	margin:10px 0;
	overflow:hidden;
	position:relative;
}
#stafflist dt{
	font-size:11px;
	font-weight:bold;
}
#stafflist dd{
	font-size:10px;
	color:#9f9f9f;
}
#stafflist li{
	float:left;
	margin:0 14px 10px 0;
	overflow:hidden;
	width:84px;
	cursor:pointer;
}
#stafflist li p:hover{
	border:2px solid #ff7884;
	opacity:0.7;
    transition:all 0.2s ease-out 0s;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    zoom:1;
}
#stafflist li dt:hover{
	color:#ff7884;
	text-decoration:underline;
}
#stafflist li p{
	display: block;
	overflow: hidden;
	width:80px;
	height:109px;
	border:2px solid #dfdfdf;
	text-align:center;
}
#schedule #nominate .photo span img,
#stafflist li p img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#stafflist dl{
	height:50px;
}
#cancel_catalog{
	float:right;
	padding:10px;
}
#loader{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	filter: alpha(opacity=6);
	-moz-opacity:0.6;
	opacity:0.6;
	background:#fff;
}
#canvasLoader{
	margin: 0 auto;
	width: 28px;
	background: #000;
	border-radius: 5px;
	padding: 5px;
}
th.hover,
td.hover{
	background:#eee !important;
}
th.hoverffe7e9,
td.hoverffe7e9{
	background:#ffdce4 !important;
}
th.hoverdff1fe,
td.hoverdff1fe{
	background:#c1e3fb !important;
}
.date_line th:nth-of-type(1), .date_line th:nth-of-type(1){
	width: 76px;
	height: 48px;
	display: block;
}
.ffe7e9{
	color:#9f114a;
}
.dff1fe{
	color:#112c4d;
}
/** NEW **/
#schedule tr.date_line th.Sat,#schedule tr td.Sat{
	background: rgb(223, 241, 254);
	color: #112c4d;
}
#schedule tr.date_line th.Sun,#schedule tr td.Sun{
	background: rgb(255, 231, 233);
	color: #9f114a;
}
.no_use{
    background: #fefaf5;
    border-top: 1px solid #f3ece1;
    border-bottom: 1px solid #f3ece1;
    padding: 25px 0;
    text-align: center;
    color: #ff7884;
    font-size: 14px;
    font-weight: bold;
    margin: 30px 0;
    letter-spacing: 0.5px;
}