:root{
	--Mainclr:limegreen;
	--MenuLineClr:#259925;
	--Lineclr:black;
	--MarkLineClr:silver;
	--MenuFntClr:white;
	--FntClr:black;
	--TimeSclr:dimgray;
	--Timeclr:silver;
	--Emptyclr:white;
	--Tdclr:limegreen;
	--Okclr:paleturquoise;
	--Notclr:tomato;
	--Hldclr:red;
	--Nextclr:silver;
	--HldNextclr:lightcoral;
	--Scrlclr:lightslategray;
	--UnaprvLnclr:black;
	--UnaprvBgclr:#ffff70;
	--AprvLnclr:black;
	--AprvBgclr:paleturquoise;
	--Selclr:palegreen;
	--Pushclr:#259925;
	--DisFntclr:lightgray;
	--DiaBGclr:#061A06;
	--BGclr:mintcream;
	--Btnhvrclr:#3dff3d;
	--BtnFntClr:white;
	--ModeChangeBGClr:white;
	--AprvDialogBtnClr:#ffcd32;
	--AprvDialogBtnUnderClr:#f29925;
	--AprvDialogBtnHvrClr:#ffda69;
	--NormalTextAreaClr:white;
	--NoteFntClr:red;
}

.disabled a,
a.disabled {
    pointer-events: none;
}

a:hover {
    color: #15848F;
}

a {
    color: var(--FntClr);
    text-decoration:underline;
}

.side-nav li a:not(.button) {
    color: var(--Fntclr);
}

.side-nav li a:not(.button):hover {
    color: #15848F;
}

header {
    background-color: #D33C44;
    color: var(--empty);
    font-size: 30px;
    height: 84px;
    line-height: 64px;
    padding: 16px 0px;
    box-shadow: 0px 1px rgba(0, 0, 0, 0.24);
}

header .header-title {
    padding-left:80px
}

legend {
    color:var(--FntClr);
}

.row {
    max-width: 80rem;
}

.actions.columns {
    margin-top:1rem;
    border-left: 5px solid var(--BGclr);
    padding-left: 15px;
    padding: 32px 20px;
}

.actions.columns h3 {
    color:#15848F;
}

.related table {
    border: 0;
    width: 100%;
    table-layout: fixed;
}

.index table thead {
    height: 3.5rem;
}

.header-help {
    float: right;
    margin-right:2rem;
    margin-top: -80px;
    font-size:16px;
}

.header-help span {
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    padding: 0.25rem 0.5rem 0.375rem;
    font-size: 0.8rem;
    background-color: #0097a7;
    color: #FFF;
    border-radius: 1000px;
}

.header-help a {
    color: #fff;
}

ul.pagination li a {
    color: rgba(0, 0 ,0 , 0.54);
}

ul.pagination li.active a {
    background-color: #DCE47E;
    color: #FFF;
    font-weight: bold;
    cursor: default;
}
ul.pagination .disabled:hover a {
    background: none;
}

.paginator {
    text-align: center;
}

.paginator ul.pagination li {
    float: none;
    display: inline-block;
}

.paginator p {
    text-align: right;
    color: rgba(0, 0 ,0 , 0.54);
}

.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

.form .error-message {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    color: rgba(0, 0, 0, 0.54);
}

.required > label {
    font-weight: bold;
}
.required > label:after {
    content: ' *';
    color: #C3232D;
}

select[multiple] {
    min-height:150px;
    background: none;
}
input[type=checkbox],
input[type=radio] {
    margin-right: 0.5em;
}

.date select,
.time select,
.datetime select {
    display: inline;
    width: auto;
    margin-right: 10px;
}

.error label,
.error label.error {
    color: #C3232D;
}

.view h2 {
    color: #6F6F6F;
}

.view .columns.strings {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
}

.view .numbers {
    background-color: #B7E3EC;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right: 0.7rem;
}

.view .columns.dates {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
    background-color:#DCE47E;
    color: #fff;
}

.view .columns.booleans {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
    background-color: #8D6E65;
    color: #fff;
}

.view .strings p {
    border-bottom: 1px solid #eee;
}
.view .numbers .subheader, .view .dates .subheader {
    color:#747474;
}
.view .booleans .subheader {
    color: #E9E9E9
}

.view .texts .columns {
    margin-top:1.2rem;
    border-bottom: 1px solid #eee;
}

/** Notices and Errors **/
.cake-error,
.cake-debug,
.notice,
p.error,
p.notice {
    display: block;
    clear: both;
    background-repeat: repeat-x;
    margin-bottom: 18px;
    padding: 7px 14px;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
}

.cake-debug,
.notice,
p.notice {
    color: #000000;
    background: #ffcc00;
}

.cake-error,
p.error {
    color: #fff;
    background: #C3232D;
}

pre {
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin: 15px 0px;
    color: rgba(0, 0 ,0 , 0.74);
    padding:5px;
}

.cake-error .cake-stack-trace {
    margin-top:10px;
}

.cake-stack-trace code {
    background: inherit;
    border:0;
}

.cake-code-dump .code-highlight {
    display: block;
    background-color: #FFC600;
}

.cake-error a,
.cake-error a:hover {
    color:#fff;
    text-decoration: underline;
}

.checks {
    padding:30px;
    color: #626262;
    background-color: #B7E3EC;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-bottom: 2em;
}

.checks h4 {
    margin-bottom: 1.5rem;
}

.checks hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.checks .success,
.checks .problem {
    margin-left: 10px;
}
.checks .success:before,
.checks .problem:before {
    line-height: 0px;
    font-size: 28px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
}

.checks .success:before {
    content: "✓";
    color: green;
    margin-right: 9px;
}

.checks .problem:before {
    content: "✘";
    color: red;
    margin-right: 9px;
}

.top-bar.expanded .title-area {
    background: var(--Mainclr);
}

.top-bar.expanded, .top-bar,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button) {
    background: var(--Mainclr);
    cursor:default;
    z-index:99;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: var(--Btnhvrclr);
    background: var(--Btnhvrclr);
}

.side-nav li.heading {
    color: var(--Mainclr);
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.4375rem 0.875rem;
}

#actions-sidebar {
    background: var(--BGclr);
}

.index table {
    margin-top: 0rem;
    border: 0;
    width: 100%;
    table-layout: fixed;
}

table {
    background: #fff;
    margin-bottom: 1.25rem;
    border: none;
    table-layout: fixed;
    width: 100%;
}

table thead {
    background: none;
}

table thead tr {
    border-bottom: 1px solid #1798A5;
}

table tr th {
    text-align: center;
}

table tr:nth-of-type(even) {
    background: none;
}

fieldset {
    border: none;
    padding: 1.25rem;
    margin: 1.125rem 0;
}

fieldset legend {
    border-bottom: 2px solid #1798A5;
    width: 100%;
    line-height: 2rem;
}

.form button[type="submit"] {
    float: right;
    text-transform: uppercase;
    box-shadow: none;
}

.form button:hover, .form button:focus {
    background: var(--Btnhvrclr);
    box-shadow: none;
}

button {
    background: var(--Mainclr);
    border-bottom:solid 4px var(--BtnBtmclr);
    border-radius:5px;
    font-size:medium;
    padding:5px;
    display:block;
    margin:5px auto;
        
}

@media screen and (min-width:400px){
	button,input[type="text"],input[type="password"]{
		width:25%;
	}
}

@media screen and (max-width:399px){
	button,input[type="text"],input[type="password"]{
		width:40%;
	}
}

button:active{
	--webkit-transform:translateY(4px);
	transform:translateY(4px);
	border-bottom:none;
}

div.message{
    text-align: center;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 0 1.5rem 0 1.5rem;
    transition: height 300ms ease 0s;
    background-color: #a0d3e8;
    color: #626262;
    top: 15px;
    right: 15px;
    z-index: 999;
    overflow: hidden;
    height: 35px;
    line-height: 2.5em;
}

#Msgspc{
	transition:height 200ms ease 0s;
}

div.message:before {
    line-height: 0px;
    font-size: 20px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 12px 14px 12px 10px;
    content: "i";
    color: #a0d3e8;
}

div.message.error {
    background-color: var(--Notclr);
    color: #FFF;
}

div.message.error:before {
    padding: 11px 16px 14px 7px;
    color: var(--Notclr);
    content: "x";
}
div.message.hidden {
    height: 0;
}


.vertical-table th {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #1798A5;
    border: none;
    text-align: left;
}

.vertical-table {
    vertical-align: middle;
}

.vertical-table td {
    text-align: right;
}

.content {
    padding: 2rem;
}

/* Use 'one true layout' methods to get equal height columns */
.container {
    overflow: hidden;
    min-height: 92%; /* full height almost always */
}

/* Force equal height by overflowing */
.content,
#actions-sidebar {
//	margin-bottom: -99999px;
//	padding-bottom: 99999px;
}

@media(max-width: 640px) {
    #actions-sidebar {
        padding-bottom: 2rem;
        margin-bottom: 0;
    }
}

.content h3 {
    color: #be140b;
    padding-bottom: 0.5rem;
    margin-bottom: 20px;
}

.content h4 {
    color: #be140b;
    padding-bottom: 0.5rem;
    margin-bottom: 20px;
    border-bottom: 2px solid #be140b;
}

.content .related h4 {
    color: #4d8f97;
    padding-bottom: 0.5rem;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 0px;
}



table td {
    vertical-align: top;
    word-break: break-all;
}

@media screen and (max-width:959px){
	body{
		width:100%;
		height:auto;
		margin-left:auto; 
		margin-right:auto;
	}
	
	label{
		margin:0 0px;
/*	2020/06/10	高嶋追記	*/
		width:100%;
		height:45px;
	}
	
	.MobileNot{
		display:none;
	}
	
	h3{
		margin:5px;
	}
	/*	4/22追記	*/
	form{
		margin-bottom:4%;
	}
	
	.input{
		margin-bottom:7%;
	}
	
	/*	4/22追記ここまで	*/
	
	.dialog{
		width:80%;
		padding:3%;
	}
	
	textarea{
		width:96%;
	}
	
	#Fm{
		width:auto;
		margin-bottom:5px;
	}
	
	.DiaTtl{
		width:99%;
	}
	
	.FmTtl{
		width:25%;
	}
	
	.FmData{
		width:72%;
	}
	.FmRdo{
		width:31.9%;
	}
	.FmTm{
		width:45%;
	}
	.FmItm{
		width:5%;
	}
	.FmMemo{
		width:99%;
	}
	
	#Menu{
		width:100%;
		height:45px;
		padding:0;
		margin:0;
	}	
	
	#Menu label{
/*	2020/06/10	高嶋追記　*/
		width:100%;
		height:45px;
	}
	
	ul#MenuTool{
		height:auto !important;
		display:inline;
		width:auto;
		position:relative;
	}
		
	.Title{
		width:auto;
		height:50px;
		font-size:120%;
		clear:left;
	}
	
	.title-area{
		outline:ridge 1px var(--BGclr);
	}
	
	.Tag{
		width:39.3%;
		height:50px;
		font-size:100%;
		padding:1% 0;
			
	}
	
	.top-bar.expanded{
		height:90px;
		overflow:visible;
	}
	
	.top-bar-section{
		height:45px;
	}
	
	.top-bar-section ul li{
		height:45px;
		margin:0;
		float:left;
		width:50%;
		outline: ridge 1px var(--BGclr);
	}	
	
	ul.top-menu-mobile{
		height:45px;
	}
	
	.top-bar-section div.title-area{
		width:100%;
		height:45px;
	}
	
	.top-bar-section ul li.UserName{
		width:50%;
	}
	
	.top-bar-section ul li>a{
		padding:0;
		font-size:small;
		display:inline-block;
	}
	
	#MenuTool>.MenuItem{
		width:100%;
	}
	
	#homePage{
		height:45px;
		padding:0px; 
		margin:0px; 
	}
	
	#PageTitle{
		padding:0;
		font-size:x-large;
		color:var(--MenuFntClr);
	}
	
	.empty{
		width:10%;
	}
	
	/*	4/23編集(#RsvSched)(.clrsample, .marksample, .mgnpdg)	*/
	#RsvSched{
		width:98%;
	}
	
	.clrsample, .marksample, .mgnpdg{
		width:95%;
		table-layout:fixed;
		text-align:center;
		font-size:small;
	}
	
	.RsvClr{
		width:95%;
	}
	
	#RsvPlaceSel{
		width:94.5%;
		padding-left:5px;
	}
	
	.schedule{
		width:95%;
		height:400px;
		
	}
	
	.sltbox{
		width:95%;
		height:20px;
	}
	
	.sltbox td{
		width:31%;
	}
	
	/*	4/23編集(.DayRsv)(#scrollDay)(.DayRsv th)	*/
	.DayRsv{
		height:400px;
	}
	
		
	.DayRsv th{
		width:10%;
		height:20px;
	}
	
	.DayRsv td{
		width:100%;
	}
	
	#scrollDay{
		width:95%;
	}
	
	.main{
		height:auto;
	}
	
	.button{
		width:47.5%;
		height:50px;
		margin:1.5%;
	}
	
	.empty{
		width:5%;
	}
	
	.fnt, .mark{
		font-size:small;
	}
	
	/*	4/22変更(.Month)(#NowMonth)	*/
	.Month{
		width:95%;
		height:50px;
	}
	
	#PrevMonth,#NextMonth{
		width:25%;
	}
	
	#NowMonth{
		width:50%;
		font-size:x-large;
		text-align:center;
		vertical-align:middle;
	}
	
	#calender{
		clear:both;
		width:98%;
	}
	
	/*	4/23編集(#inquiry)	*/
	#inquiry{
		clear:both;
		width:98%;
	}
	
	.PassBtn{
		width:40%;
	}
}

@media screen and (min-width:960px){
	body{
		width:960px;
		height:720px;
		margin-left:auto; margin-right:auto;
	}
	
	.PCNot{
		display:none
	}
	/*	4/22追記(.fnt)	*/
	.fnt{
		font-size:smaller;
	}
	
	.mark{
		padding-left:1.5%;
	}
	
	.dialog{
		width:450px;
		padding:15px;
	}
	
	label{
		margin:0;
		width:100%;
		height:45px;
	}
	
	.FmData label{
		width:25%;
		height:30px;
	}
	
	.UserName{
		width:200px;
	}
	
	textarea{
		width:410px;
	}
	
	#Fm{
		width:420px;
		margin:0 15px 10px;
	}
	
	.DiaTtl{
		width:420px;
	}
	
	.FmTtl{
		width:60px;
	}
	.FmData{
		width:330px;
		
	}
	
	.FmRdo{
		width:110px;
		margin-bottom:10px;
	}
	
	/*	4/23編集(.FmTm),追加(.SelData)	*/
	.FmTm{
		width:143px;
	}
	
	.SelData{
		width:96.5%;
	}
	.FmItm{
		width:30px;
	}
	.FmMemo{
		width:420px;
	}
	.DiaBtn{
		width:200px;
	}
	
	.clrsample, .marksample{
		width:430px;
		font-size:small;
	}
	
	#homePage{
		width:150px;
		width:100%;
		outline: ridge 2px var(--BGclr);
	}
	
	#PageTitleFnt{
		font-size:large;
		text-decoration:none;
		outline: ridge 2px var(--BGclr);
	}
	#PageTitleFnt:hover{
	}
	
	#Menu{
		width:100%;
		height:45px;
		padding:0;
		margin:0;
		outline: ridge 2px var(--BGclr);
	}
	
	#MenuTitle{
		height:45px;
		
	}
	
	li.MenuLabel, li.MenuItem{
		width:200px;
		padding:0.5%;
	}
	
	.top-bar.expanded, .top-bar,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button) {
		height:45px;
	}
	
	.top-bar-section ul li{
		width:20%;
	}
	
	.Tag{
		width:245px;
		height:35px;
	}
	
	.Title{
		width:555px;
		height:35px;
	}
	
	.LinkHP{
		width:150px;
		height:35px;
	}
	
	.LinkHP img{
		border:none;
	}
	
	.empty{
		width:50px;
	}
	
	.RsvClr{
		width:430px;
	}
	
	.schedule{
		width:430px;
		height:350px;
	}
	
	.sltbox{
		width:400px;
		height:20px;
	}
	
	.sltbox td{
		width:120px;
		text-align:right;
	}
	
	.DayRsv{
		height:440px;
	}
	
	#scrollDay{
		width:475px;
	}
	
	p.space{
		margin-bottom:0.25rem;
	}
	
	#BtnRsv{
		margin : 20px auto;
	}
	
	.DayRsv th{
		width:40px;
	}
	
	.DayRsv td{
		width:400px;
	}
	.main{
		height:650px;
	}
	
	.button, PassBtn{
		width:210px;
		height:35px;
		margin:0 13px;
	}
	
	.Month{
		width:430px;
		height:40px;
	}
	
	/*	4/22 追記(.schedule th)	*/
	.schedule th{
		padding:5px 8px;
	}
	
	.fnt .mark{
		font-size:small;
	}
	
	/*	4/22追記(.mark)	4/22削除(#PrevMonth)(#NextMonth)	*/
	.mark{
		padding:1.5px 1.5px 1.5px 6.4px;
	}
	
	#PrevMonth,#NextMonth{
		width:60px;
	}
	
	#NowMonth{
		width:auto;
		text-align:center;
		font-size:x-large;
		vertical-align:middle;
	}
	
	#RsvSched{
		float:left;
		width:460px;
	}
	
	#RsvPlaceSel{
		width:430px;
		margin:5px auto;
		padding:5px;
	}
	
	#inquiry{
		float:right;
		width:480px;
		height:555px;
	}
	
	.index{
		width:80%;
	}
}

body{
	text-align:center;
	font-family:"メイリオ",sans-serif;
	font-size:medium;
}

input.UserText{
	background-color:var(--NormalTextAreaClr);
}

input.UserText:focus{
	background-color:var(--NormalTextAreaClr);
}

/*	4/23編集(select)	*/
select{
	height:auto;
	padding:1%;
	margin:0;
}

input[type=radio]{
	margin-bottom:10%;
}

#Menu{
	z-index:9999;
	height:auto;
}

#Menu label{
	color:var(--MenuFntClr);
	user-select:none;
	
}

.dialog{
	display:none;
	position:fixed;
	border:solid 1px var(--Lineclr);
	top:7.5%;
	height:auto;
	overflow:hidden;
	z-index:9999;
	background-color:var(--BGclr);
	box-sizing:content-box;
}

.Notes{
	color:var(--NoteFntClr);
	width:315px;
	margin:5px auto;

}

#PassInput label{
	height:0;
}

#dialog-Bg{
	width:100%;
	height:120%;
	display:none;
	z-index:999;
	background-color:var(--DiaBGclr);
	opacity:0.5;
	position:fixed;
	top:0; left:0;
}	
	
.open_dialog,.close_dialog{
	cursor:pointer;
}

.dialog h3{
	text-align:center;
}

.DiaTtl{
		margin:auto;
}

#Fm{
	height:auto;
	display:inline-block;
}

#FmUnit{
	margin:0;
}

/*	4/23編集(#FmTtlSel)
	(.FmTtl, .FmData, .FmRdo, .FmTm, .FmItm, .FmTtlMemo, .FmMemo, .DiaBtn, .FmTtlDnl)
	(label.radio)	
*/
#FmTtlSel{
	height:25px;
	margin:5px 0;
	width:98%;
	font-size:small;
}

.FmTtl, .FmData, .FmRdo, .FmTm, .FmItm, .FmTtlMemo, .FmMemo, .DiaBtn, .FmTtlDnl{
	display:inline-block;
	font-size:small;
	text-align:left;
}

.FmTtl, .FmData, .FmRdo, .FmTm, .FmItm, .FmMemo, .DiaBtn{
	margin-bottom:10px;
}

.FmItm{
	text-align:center;
}

label.radio{
	width:32%;
	height:30px;
}

span#TxtEnd{
	padding:0 20%;
}

#FmDnlRsnMemo{
	width:100%;
	height:auto;
}

.DiaBtn{
	height:20px;
	
}

.DiaBtn, .button, .PassBtn{
	border-bottom:solid 4px var(--Pushclr);
	border-radius:3px;
	background-color:var(--Mainclr);
	color:var(--BtnFntClr);
	text-align:center;
	
}

.DiaBtn:hover, .button:hover{
	background-color:var(--Btnhvrclr);
	color:var(--Lineclr);
}

.DiaBtn:active, .button:active{
	-webkit-transform: translateY(4px);
	transform:translateY(4px);
	border-bottom:none;
}


.button{
	display:inline-block;
	padding:1px;
}

.button:disabled,.button[disabled]:hover{
	background-color:var(--Mainclr);
	border-bottom:solid 4px var(--Pushclr);
	color:var(--DisFntclr);
	opacity:0.5;
}


.sltbox{
	table-layout:fixed;
	
}

#homePage{
	cursor:pointer;
}

/*	4/22編集(.fnt)	*/
.fnt{
	padding-left:1.5%;
}

#PageTitle{
	text-decoration:none;
}

#PageTitleWidth{
	width:60%;
}

#MenuTitle{
	display:none;
}

#MenuTool{
	position:relative;
	list-style:none;
}

li.MenuLabel, ul li.MenuItem{
	width:100%;
	display:block;
	text-align:center;
	position:relative;
	color:var(--BtnhvrClr);
	text-decoration:underline;
	z-index:9999;
}

ul#MenuTool{
	height:auto;
}

a#PageTitleFnt:hover {
    background-color: var(--Mainclr);
}
label.MenuLabel:hover{
	background-color:var(--Btnhvrclr);
	color:var(--BGclr);
}

#MenuTool>.MenuItem{
	background-color:var(--MenuLineClr);
	display:none;
	outline: solid 1px var(--BGclr);
}

.MenuItem:hover{
	background-color:var(--Btnhvrclr);
	color:var(--BGclr);
}

#RsvRecept{
	display:none;
}

#ModeName{
	text-decoration:underline;
}

.Title{
	margin:0px; padding:0px;
	background-color:var(--Mainclr);
	border:solid 1px var(--Lineclr);
	text-align:center;
	font-weight:bold;
}

.flt{
	float:left;
}

.Tag{
	border:solid 1px var(--Lineclr);
	background-color:var(--Mainclr);
	color:var(--Lineclr);
	text-align:center;
	vertical-align:middle;
}

.main{
	margin:0px;
	padding:0px;
	background-color:var(--Emptyclr);
	font-size:medium;
}

#calender{
	margin:0px;
	text-align:center;
}

#RsvSched{
	margin:0px auto;
	text-align:center;
}

#inquiry{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

/* 4/22	変更(.Month)	*/
.Month{
	table-layout:fixed;
	margin : 3px auto;
}
	
.schedule{
	margin:5px auto;
	table-layout:fixed;	
	outline:solid 1px var(--Lineclr);
}

.schedule th{
	outline:solid 1px var(--Lineclr);
}

.schedule td{
	border:solid 1px var(--Lineclr);
	
	margin:1px;
}

.schedTop{
	border-top:solid thin var(--Lineclr);
	border-left:solid thin var(--Lineclr);
	border-right:solid thin var(--Lineclr);
	
}

.schedBtm{
	border-bottom:solid thin var(--Lineclr);
	border-left:solid thin var(--Lineclr);
	border-right:solid thin var(--Lineclr);
}

.clrsample, .marksample, .mgnpdg{
	margin:5px auto;
	height:35px;
}

.fnt.mark{
	border-bottom:solid 1px var(--MarkLineClr);
}

/*	4/22	削除(.marktable)	*/

	
.normalline{
	border:solid 1px var(--Lineclr);
}
/*	2020/05/28	高嶋追記　*/
.td_underline{
	text-decoration:underline;
}

.TodayOpeline{
	border:dashed 3px var(--Tdclr) !important;
}

.Todayline{
	border:solid 3px var(--Tdclr) !important;
}

.Opeline{
	border:dashed 2px var(--Lineclr) !important;
}

.clrempty{
	background:var(--Emptyclr);
}

.clrok{
	background:var(--Okclr);
}
	
.clralrt{
	background:var(--UnaprvBgclr);
}
	
.clrnot{
	background:var(--Notclr);
}

.hld{
	color:var(--Hldclr);
}

.next{
	color:var(--Nextclr);
}

.hldnext{
	color:var(--HldNextclr);
}

.Left{
	text-align:left;
}

/*	4/23編集(#ScrollJump)(.mgnpdg)(.DayRsv)	*/
.mgnpdg{
	margin:0 auto;
	padding:0px;
	font-size:larger;
}

.DayRsv{
	margin:0 auto;
	outline:solid 1px var(--Lineclr);
	table-layout:fixed;
	border-collapse:collapse;
	text-align:left;
}

#ScrollJump {
    width: 50%;
    display: block;
    float: right;
    padding: 2px 5px;
    margin: 2px 2px 4.5px 0;
}

#ScrollJump option{
	text-align:center;
}

#scrollDay{
	height:385px;
	overflow-y:scroll;
	padding:5px;
	outline:ridge 2px var(--Lineclr);
	margin:0 auto;
	user-select:none;
}

.TimeS, .Time, .TimeM{
	height:25px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}


.TimeS{
	border-top:solid 2px var(--TimeSclr);
	line-height:0px;
}

.TimeM{
	border-top:dashed 1px var(--TimeSclr);
}
.TimeM th{
	color:var(--TimeSclr);
	font-size:smaller;
}

.Time{
	border-top:dashed 1px var(--Timeclr);
}

.schedule tbody tr td,.Approved, .Unapproved{
	text-align:center;
	vertical-align:middle;
	font-size:medium;
}

a.wide{
	display:block;
}

#Aprv{
	background-color:var(--AprvDialogBtnClr);
	border-bottom : solid 4px var(--AprvDialogBtnUnderClr);
}

#Aprv:hover{
	background-color:var(--AprvDialogBtnHvrClr);
}

.Unapproved{
	border:solid 1px var(--UnaprvLnclr);
	background-color:var(--UnaprvBgclr);
}

.Approved{
	border:solid 1px var(--AprvLnclr);
	background-color:var(--AprvBgclr);
}

.Selected{
	background-color:var(--Selclr);
}

.command{
	list-style:none;
	margin:0;
	padding:0;
}

#PrevMonth{
	text-align:left;
}

#NextMonth{
	text-align:right;
	
}

.disHide{
	display:none;
}

#login,#pswchg{
	display:block;
	text-align:center;
	
}

.Authentication p{
	font-size:30px;
	text-align:center;
}

.BtnPos{
	text-align:center;
}

.UserInfo{
	font-size:20px;
	text-align:center;
}

#UserNewEntry tr{
	height:40px;
}

#UserNewEntry tr th{
	width:25%;
	vertical-align:middle;
	font-size:medium;
	text-align:left;
}

#UserNewEntry th.MustInput{
    font-weight: bold;
}

#UserNewEntry tr th.MustInput:after{
    content: ' *';
    color: #C3232D;
}
#UserNewEntry tr th,#UserNewEntry tr td{
	vertical-align:middle;
}

#UserNewEntry tr td input,.InputSel select{
	margin:5px 0;

}

#UserNewEntry tr td input{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}

.InputSel select{
	width:100%;
	padding:0 5px;
	height:40px;
}