@charset "UTF-8" ;

.reserve_therapist_list {
	z-index:80; 
	border: solid 1px #000000; color:#000000; font-size:14px; line-height:14px;
	background-color:#FFF; position: fixed; height:51px; text-align:center; 
}

/* ウィンドウ幅が0〜800pxの場合に適用するCSS */
@media screen and ( max-width:800px )
{
.reserve_therapist_list {
	z-index:80; 
	border: solid 1px #000000; color:#000000; font-size:10px; line-height:10px;
	background-color:#FFF; position: absolute; height:51px; text-align:center; 
}

}

#modal-content {
	width:50%;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 100 ;
}

@media screen and ( max-width:800px )
{

#modal-content {
	width:70%;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 100 ;
}


}

#modal-overlay {
	z-index: 90 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}


.button-modal {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-modal:hover {
	cursor: pointer ;
	color: #f00 ;
}

.schedule_border 	{ z-index:0; border: solid 1px #000000; color:#000000; font-size:14px; line-height:14px; }
/* ウィンドウ幅が0〜800pxの場合に適用するCSS */
@media screen and ( max-width:800px ){
.schedule_border 	{ z-index:0; border: solid 1px #000000; color:#000000; font-size:10px; line-height:10px; }
}

.schedule_bottom_dotted	{ z-index:0; border-bottom: dotted 1px #aaaaaa; }
.schedule_bottom_dashed { z-index:0; border-bottom: dashed 1px #000000; }
.schedule_bottom_red { z-index:0; border-bottom: solid 2px #0000FF; }

.schedule_record	{ z-index:2; text-align:left; font-size:10px; color:#FFF;}
.schedule_record:hover	{ z-index:2; background: #ffe6b1; font-size:12px; color:#000; cursor:pointer;}

.schedule_session	{ z-index:0; text-align:left; font-size:10px; color:#FFF;}
.schedule_session:hover	{ z-index:0; background: #ffe6b1; font-size:12px; color:#000; cursor:pointer;}

.reserve_open {
	z-index:2; border: solid 1px #000000; background-color: #6efa9c; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}
.reserve_req {
	z-index:2; border: solid 1px #000000; background-color: #abfdc6; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}
.reserve_checkin {
	z-index:2; border: solid 1px #000000; background-color: #6efa9c; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}

.reserve_noshow {
	z-index:2; border: solid 1px #000000; background-color: #ff7f94; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}
.reserve_overtime {
	z-index:2; border: solid 1px #000000; background-color: #ff7f94; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}
.reserve_paid {
	z-index:2; border: solid 1px #000000; background-color: #cccccc; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}
.reserve_break {
	z-index:1; border: solid 0px #000000; background-color: #888888; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}
.reserve_cancel {
	z-index:1; border: solid 1px #000000; background-color: #e7e7e7; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}
.reserve_payment {
	z-index:2; border: solid 1px #000000; background-color: #ff7f94; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}
.reserve_confirm {
	z-index:2; border: solid 1px #000000; background-color: #ff7f94; opacity: 0.8; color:#000000; font-size:12px; text-align:left; vertical-align:top;
}

.payment_summary {
	z-index:2; border-bottom: solid 1px #000000;
}

table.table_appointment { border:none 0px #000; }
table.table_appointment th  { border:none 0px #000; }
table.table_appointment td { border:none 0px #000; }


table.sales_summary {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.sales_summary th {
	/* width:100px; */
	padding: 3px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
	white-space: nowrap;
}
table.sales_summary td {
	background-color:#FFF;
	padding: 3px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	white-space: nowrap;
}



table.cashflow_summary {
	background-color:#FFF;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.cashflow_summary th {
	width:100px;
	padding: 3px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
	white-space: nowrap;
}
table.cashflow_summary td {
	padding: 3px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	white-space: nowrap;
}




table.daily_summary {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.daily_summary th {
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
	white-space: nowrap;
}
table.daily_summary td {
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	white-space: nowrap;
}



table.work_summary {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.work_summary th {
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #000;
	border-left: 1px solid #fff;
	/*background: #eee; */
}
table.work_summary td {
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.reserve_history {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.reserve_history th {
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #000;
	border-left: 1px solid #fff;
	/*background: #eee; */
}
table.reserve_history td {
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


table.user_list {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.0;
	border:0 px;
}
table.user_list td {
	padding: 5px;
	vertical-align: top;
	border:0 px;
}

.bold { font-weight:bold; }
.red { color:#FF0000; }

.cubettl{
border-style: solid;
border-width: 1px;
border-color: #000000;
color:#000000;
}

.cubettl2{
border-style: dashed;
border-width: 1px;
border-color: #000000;
color:#000000;
}

/*Safariのみ見え方が異なるため、ハックで調整*/
body:last-child:not(:root:root) .cubettl {
padding-top:0px;
padding-bottom:1px;
}
body:last-child:not(:root:root) .cubettl2 {
padding-top:0px;
padding-bottom:1px;
}