html {
        font-size:16px;
    }
	BODY {
		color:	white;
        overscroll-behavior: none;
        overscroll-behavior-y: none;
		font-family:'Meiryo';
/*		font-size:	16pt;
*/		background-color: lightsteelblue;
		scrollbar-highlight-color:silver;
		scrollbar-arrow-color:silver;
		scrollbar-base-color:lightsteelblue;
		scrollbar-face-color:lightsteelblue;
		scrollbar-track-color:#505050;
		scrollbar-shadow-color:#404040;
		scrollbar-darkshadow-color:lightsteelblue;
	}
    A {text-decoration:none;}
	A:link { color:white; }
	A:visited { color:white; }
	A:active { color:red; }
	A:hover { color:white; 
     box-shadow:  3px 3px 7px 1px rgba(0,0,0,0.4);
       transform: scale(1.05,1.05);
    }
	H1 {
/*	  width: 90%;
*/	  font-size: 1.4em;
	  font-family: Impact,Arial,Verdana,sans-serif;
	  letter-spacing: 0.4em;
	  color: #FFFFFF;
	  background-color: #747474;
	  padding: 1px 1em 1px 0.7em;
	  border-left: solid 3px #DADADD;
/*	  filter: alpha(opacity=100,finishopacity=10,style=1);	
*/	}
	h2{
	  color: white;
	  font-size: 1.2em;
	  font-weight: bold;
	  letter-spacing: 0.1em;
	  margin: 0px 20px 2px 12px;;
	  padding: 1px 10px 1px 5px;
	  border-bottom: solid 1px #747474;
	}
	h3 {
	  border-left   : #AABBFF 10px solid;
	  border-top    : #AABBFF 5px solid;
	  border-right  : #AABBFF 1px solid;
	  border-bottom : #AABBFF 1px solid;
	  font-family   : Verdana,Arial,Helvetica,sans-serif;
	  padding-left  : 3pt;
	  margin-bottom : 5px;
	}
	h4 {
	  border-left   : #505050 10px solid;
	  padding-left  : 4px;
	  font-family   : Verdana,Arial,Helvetica,sans-serif;
	  padding-left  : 2pt;
	  margin-bottom : 5px;
	}
	TABLE {
	  border-collapse: collapse;
		border-color: silver;
	}
	TH {
/*	  font-size: 10pt;
*/	  color: silver;
	  background-color: #505050;
		border-color: silver;
	}
	TD {
/*	  font-size: 10pt;
*/	  color: white;
		border-color: silver;
	}
	.form_text    { border: 1px solid #8080C0; color:#5F5FAF }
	.form_button    { border:1px solid #5F5FAF; color: #FFFFFF; background-color: black; text-align:center }

	.total {
	  font-size: 20;
	  font-weight: bold;
	}
	.update {
	  color: white;
	  background-color: red;
	  font-size: 20;
	  font-weight: bold;
	}
	.error {
	  background-color: pink;
	  font-weight: bold;
	}
	.del{
	  text-decoration : line-through;
	}
	.mark_yel{
	  background-color: yellow;
	}
	.text_box{
	  BORDER-RIGHT    : #000000 1px solid;
	  BORDER-LEFT     : #000000 1px solid;
	  BORDER-TOP      : #000000 1px solid;
	  BORDER-BOTTOM   : #000000 1px solid;
	  FONT-SIZE       : 10pt;
	  COLOR           : #000000;
	  BACKGROUND-COLOR: #ffffff
	}
	.fixedLay{
	  position: absolute;
	  color: red;
	}
    div.main {
      margin-left: 12rem;
    }  
    div.sidebar {
	position        : absolute;
	top             : 0px;
	left            : 0px;
	width           : 12rem;
	font-size       : x-small;
	padding         : 2pt;
	border-right    : #404040 1px solid;
	border-bottom   : #404040 1px solid;
	color           : white;
	background-color: lightsteelblue;
	word-break      : break-all;
    }

    @media only screen and (max-width: 767px) { 
        html {
            overscroll-behavior: none;
            font-size:24px;
    		background-color: black;
        }
        div.main {
            margin-left: 1rem;
        }  
        div.sidebar {
            display:none;
	        width           : 2rem;
	        font-size       : x-small;
        }
    }
/* ラジオボタンを非表示にする */
.radioPanel input{
    display: none;
}
/* ラベルのスタイル */
.radioPanel label{
    display: block;
    float: left;
    cursor: pointer;
    width: 80px;
    margin: 0;
    padding: 12px 5px;
    border-right: 1px solid #000000;
    background: #bdc3c7;
    color: #555e64;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    transition: .2s;
}
/* チェックされた時のスタイル*/
.radioPanel input[type="checkbox"]:checked + label,
.radioPanel input[type="radio"]:checked + label {
    background-color: #a1b91d;
    color: #fff;
    border-right: 1px solid #000000;
    background-image: url(reten.png);
    background-size: 20px;
    background-position: right top;
    background-repeat: no-repeat;
}
/* マウスオーバーした時のスタイル */
.radioPanel label:hover{
    background-color: #a9a9a9;
}
/* 角を丸くする*/
.radioPanel label:first-of-type{
    border-radius: 3px 0 0 3px;
}
.radioPanel label:last-of-type{
    border-right: 0px;
    border-radius: 0 3px 3px 0;
}
 #modal-overlay{
     z-index:1;
     display:none;
     position:fixed;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background-color:rgba(0,0,0,0.50);
 }

  input[type="checkbox"].accordion + div{
    display:none;
  }
  input[type="checkbox"].accordion:checked + div{
    display:block;
  }
  input[type="checkbox"].accordion{
    display:none;
  } 

ul.main-menu li{
    float: left;
    width: 120px;
    height: 22px;
    background: #ddd;
    position: relative;
    list-style:none;
    font-size: small;
    -webkit-box-shadow:0 1px 13px rgba(0,0,0,0.8);
    -moz-box-shadow:0 1px 13px rgba(0,0,0,0.8);
    box-shadow:0 1px 13px rgba(0,0,0,0.8);
    z-index: 100;
}

ul.main-menu li a:hover{
    background: #f0f0f0;
}
ul.main-menu li a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 20px;
    text-indent: 10px;
    text-decoration: none;
    position:relative;
    font-size: x-small;
    color:black;
}

ul.main-menu li ul.sub-menu{
    position: absolute;
    padding: 0px;
    display: none;
    list-style:none;
}

ul.sub-menu li{
    float:none;
}
ul.sub-menu li ul.sub-menu{
    top:5px;
    left:120px;
}
ul.main-menu:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.fixed01,
.fixed02{
  position: sticky;
  top: 0;
  left: 0;
  color: #fff;
  background: #747474;
}
.fixed01{
  z-index: 2;
}
.fixed02{
  z-index: 1;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
.flexX{
    display: flex;
    flex-wrap: wrap;
}
.menucel{
    width: 20em;
}
.itemlabel{
    -webkit-flex-basis: 6em;
    flex-basis: 6em;
}
.itemdata{
    -webkit-flex-basis: 40em;
    flex-basis: 40em;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.itemattr{
    -webkit-flex-basis: 10em;
    flex-basis: 10em;
}
.flex input[type="text"], .flex textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}