input#imeactive { /*日本語入力*/
  ime-mode: active;
}
input#imeinactive { /*英数字*/
  ime-mode: inactive;
}
input#imedisabled { /*英数字固定*/
  ime-mode: disabled;
}
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

div#header {
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  background-color: rgb(63, 169, 21);
  color: rgb(255, 255, 255);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
}
div#headerLeft {
  text-align: left;
  float: left;
  padding: 0 10px 0 10px;
}
div#headerRight {
  text-align: right;
  padding: 0 10px 0 10px;
}

div#menu {
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  position: fixed;
  top: 30px;
  left: 0px;
  width: 100%;
  height: 80px;
}
div#panel {
  left:calc(-200px + 50%);
  padding-top:30px;
  padding-bottom:30px;
  background-color:white;
  border-radius:10px;
  width:400px;
  position:fixed;
}
body.indexImg {
  background: url(../images/body_bg.jpg) no-repeat 0 0 / cover;
}
div#menuLike{
  width: calc(100% - 20px);
  text-align: right;
  padding: 0 10px 0 10px;
}
div#menuLeft {
  height: 40px;
  text-align:	left;
  float: left;
  padding: 0 10px 0 10px;
}
div#menuRight {
  width: calc(100% - 30px);
  height: 40px;
  text-align: right;
  padding: 0 10px 0 10px;
}
span#textBottom {
  position:absolute;
  bottom: 0;
}

div#left {
  width: 100%;
  font-size: 16px;
  text-align: left;
}
div#center {
  width: 100%;
  font-size: 16px;
  text-align: center;
}
div#right {
  width: calc(100% - 30px);
  text-align: right;
  padding: 0 10px 0 10px;
}

div#body {
  font-size: 16px;
  line-height: 30px;
  position: fixed;
  top: 110px;
  width: 100%;
  padding: 0 10px 0 10px;
}
div#loginbody {
  font-size: 16px;
  line-height: 30px;
  position: fixed;
  top: 150px;
  width: 100%;
  padding: 0 10px 0 10px;
}
div#subbody {
  font-size: 16px;
  position: fixed;
  top: 30px;
  width: 100%;
  padding: 0 10px 0 10px;
}
div#subbody10 {
  font-size: 16px;
  position: fixed;
  top: 10px;
  width: 100%;
  padding: 0 10px 0 10px;
}
div#bodyScroll {
  border-color: rgb(153, 153, 153);
  border-style: solid;
  border-width: 1px;
  width: calc(100% - 20px);
  height: calc(100% - 180px);
  position: fixed;
  overflow-x: auto;
  overflow-y: auto;
}
div#bodyScrollUser {
  border-color: rgb(153, 153, 153);
  border-style: solid;
  border-width: 1px;
  width: calc(100% - 20px);
  height: calc(100% - 150px);
  position: fixed;
  overflow-x: auto;
  overflow-y: auto;
}
div#bodyScrollFile {
  border-color: rgb(153, 153, 153);
  border-style: solid;
  border-width: 1px;
  width: calc(100% - 20px);
  height: calc(100% - 320px);
  position: fixed;
  overflow-x: auto;
  overflow-y: auto;
}
div#bodyScrollFile2 {
  border-color: rgb(153, 153, 153);
  border-style: solid;
  border-width: 1px;
  width: calc(100% - 20px);
  height: calc(100% - 150px);
  position: fixed;
  overflow-x: auto;
  overflow-y: auto;
}
div#subbodyScroll {
  border-color: rgb(153, 153, 153);
  border-style: solid;
  border-width: 1px;
  width: calc(100% - 20px);
  height: calc(100% - 70px);
  position: fixed;
  overflow-x: auto;
  overflow-y: auto;
}
div#dragArea {
  border-style: dotted;
  background-color: rgb(152, 251, 152);
  text-align:center;
  position: fixed;
  top: calc(100% - 200px);
  width: 800px;
  height: 150px;
  right: 0px;
  left: 0px;
  margin: auto;
}
div#dragArea2 {
  border-style: dotted;
  background-color: rgb(152, 251, 152);
  text-align:center;
  width: 450px;
  height: 150px;
  right: 0px;
  left: 0px;
  margin: auto;
}
input#subtext {
  margin: 3px 0px 3px 0px;
}

div#footer {
  font-size:16px;
  line-height:30px;
  text-align:center;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
}
div#subfooter {
  font-size:16px;
  line-height:30px;
  text-align:center;
  width: 100%;
  height: 30px;
  margin: 10px 0px 10px 0px;
}
div#subfooter10 {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  position: fixed;
  bottom: 10px;
  left: 0px;
  width: 100%;
  height: 30px;
}
input[type='button'] {
  background: rgb(63, 169, 21);
  padding: 0px 3px;
  border-radius: 5px;
  border: 1px solid rgb(169, 169, 169);
  border-image: none;
  width: 100px;
  height: 30px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
   -moz-border-radius: 5px;
   -webkit-border-radius:
   5px; -o-border-radius: 5px;
   -ms-border-radius: 5px;
   -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.3);
}
input[type='button']:hover {
  background: rgb(255, 255, 255);
  color: rgb(63, 169, 21);
}
input[type='button'].btis {
  width: 60px;
}
input[type='button'].btil {
  width: 140px;
}
input[type='button'].off {
  background: rgb(169, 169, 141);
  color: rgb(63, 169, 21);
}

table.tbl {
  border: 0px currentColor;
  border-image: none;
  font-size: 14px;
  position: relative;
  border-collapse: collapse;
  margin-right: auto;
  margin-left: auto;
  table-layout: fixed;
}

table.tbl td {
  white-space: nowrap;
  padding: 3px 10px 3px 10px;
}

table.tbl th {
  position: sticky;
  top: -1px;
  z-index: 1;
}
table.tbl tr:first-of-type {/*最初の要素を固定する*/
  position: sticky;
  left: -1px;
  text-align: left;
}

table.tbl tr:first-of-type {
  position: sticky;
  left: -1px;
  text-align: left;
}

table.tbl th.head0 {
  border: 1px solid rgb(255, 255, 255);
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  text-align: center;
  white-space: pre;
}

table.tbl th.head1 {
  border: 1px solid rgb(153, 153, 153);
  background: rgb( 63, 169,  21);
  color: rgb(255, 255, 255);
  text-align: center;
  white-space: pre;
}

table.tbl td.data0 {
  border: 1px solid rgb(255, 255, 255);
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  white-space: pre;
}

table.tbl td.data1 {
  border: 1px solid rgb(153, 153, 153);
  background: rgb(255, 255, 255);
  white-space: pre;
}

table.tbl td.data2 {
  border: 1px solid rgb(153, 153, 153);
  background: rgb(230, 236, 176);
  white-space: pre;
}
input[type='text'].text1 {
  background-color: rgb(255, 255, 255);
}
input[type='text'].text2 {
  background-color: rgb(230, 236, 176);
}

table.tbl colgroup#colcat_category {
  width: 250px;
}
table.tbl colgroup#colcat_pseudonym {
  width: 250px;
}
table.tbl colgroup#colcat_remarks {
  width: 250px;
}
table.tbl colgroup#colcat_releaseuser {
  width: 250px;
}
table.tbl colgroup#colcat_button {
  width: 180px;
}
table.tbl colgroup#colcat_time {
  width: 170px;
}
table.tbl colgroup#colcat_authority {
  width: 170px;
}
table.tbl colgroup#colcat_username {
  width: 170px;
}
table.tbl colgroup#colcat_userid {
  width: 170px;
}
table.tbl colgroup#colcat_password {
  width: 170px;
}
table.tbl colgroup#colcat_company {
  width: 170px;
}
table.tbl colgroup#colcat_responsible {
  width: 170px;
}
table.tbl colgroup#colcat_mailaddress {
  width: 170px;
}
table.tbl colgroup#colcat_checkbox {
  width: 50px;
}