body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Verdana, Roboto, "Droid Sans", "ＭＳ Ｐゴシック", sans-serif;
  margin: 0;
/*  text-align:center; */
  color:dimgray;
  background-color:white; /* white; */
  font-size: 14px;
}

h2 {
   font-size: 16px;
}

textarea {
    margin: 4px;
}
input[type=text],
input[type=password] {
    margin: 4px;
}

input[type=button],
button[type=button],
.button {
    padding: 2px;
    height: 26px;
    margin: 2px;
 /*   width: 160px; */
    background-color: white;
	color: dimgray;
    border: 2px;
    border-style: outset;
    border-color: lightgray;
    cursor:pointer;
    font-size: 14px;
    text-align: center;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
   opacity: 0.9;
   filter: alpha(opacity=90);
}


#btn_logout {
  position: absolute; /* relative;  absolute; */
  top:4px;
  right:20px;
  width:80px;
  display:none;
}

ul {
  width:50vw;
}
li {
  margin: 1px 2px 1px 2px;
  padding: 0;
  height: 32px;
  list-style-type: none;
}
 li::before {
   position: relative;
   left: -18px;
   display: inline-block;
   width: 11px;
   height: 11px;
   content: '';
   border-radius: 100%;
   background: black;
 }


li input[type=button],
li button[type=button],
li .button {
  margin: 0;
  width: 100px;
}

td input[type=button],
td button[type=button],
td .button {
    padding: 1px 4px;
    height: 20px;
    margin: 1px;
    border: 1px;
    border-style: outset;
    font-size: 12px;
}


 ul {
   width:auto;
 }

 li {
   height: auto;
 }
 li input[type=button],
 li button[type=button],
 li .button {
   height: 32px;
   margin: 10px 0;
   box-shadow:2px 2px 2px #999;
 }


  input[type=button],
  button[type=button],
  .button {

   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/white+0,e5e5e5+100;White+3D */
   background: white; /* Old browsers */
   background: -moz-linear-gradient(top, white 0%, silver 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, white 0%,silver 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, white 0%,silver 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='silver',GradientType=0 ); /* IE6-9 */

    border: 1px;
    border-style: outset;
    border-radius:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
  }

  #btn_logout {
    top:10px;
    height: 24px;
    right:12px;
    font-size: 12px;
  }


  a {
    text-decoration: none;
  }

}


.contents {
  background-color:white; /* honeydew; mediumaquamarine; */
  text-align: center;
}
label {
  display: inline-block;
  width:100px;
}


.img_operate {
  margin:4px 4vw;
  width:90vw;
}


 #header {
  margin:10px 0 0 0;
  height:90px;
 }

#logo {
  margin:4px 24px;
  width:120px;
  float:left;
}

  #subject {
    margin:16px 2px 2px 120px;
    color:black;
    font-weight:bold;
  }


 #myname {
  position:absolute;
  top:86px;
  left:24px;
  margin:0;
  padding:0;
  color:#dcbb42; /*#c19e24; */
  font-size: 14px;
  font-weight:bold;
 }


  #menu {
    margin: 2px 20px 2px 2px;
    width:80vw;
    text-align: center;
 }


#menu_reg_list {
  display: none;

}

#menu_reg_new {
  display: none;

}

.menu_text {
   min-width:40vw;
   text-align: left;
  display: inline-block; 
  color:dimgray;
   font-size: 15px;
  width:140px;
}



#img_reg {
   display:none;
}

.sp_only {
  display:none;
}

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

 .pc_only {
   display:none;
 }
 .sp_only {
  display:inline-block;
 }

}



.backgr,
.backgr,
.backgr,
.backgr {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    padding: 20px;              /* 余白指定 */
    height: 100vh;              /* 高さ指定 */
    width: 98vw;
    text-align:  center;        /* 中央寄せ */
/*    opacity: 0.9;
    filter: alpha(opacity=90); */
}

.dialog,
.dialog3,
.dialog4 {
	margin: 240px auto;
	width: 300px;
    background-color: white; /* #E6E6FA;  lavendar; */
    text-align:center;
    overflow: scroll;
    border: 1px;
    border-color: #c19e24;
    border-style:solid;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
/*    opacity: 0.9;
    filter: alpha(opacity=90); */
    -ms-overflow-style:none;
}

.dialog2 {
/*	position:relative;
    border: 1px solid #aaa; */

	margin: 240px auto;
	width: 320px;
    background-color: white;
    text-align:center;
    overflow: scroll;
    border: 1px;
    border-color: gray;
    border-style:solid;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-overflow-style:none;
}

.dialog2 label {
  width:80px;
}

.dialog2 input[type=text] {
  width:150px;
  padding: 1px 4px;
}
.dialog2 input[type=button] {
    width:100px;
    border: 2px;
    border-style: outset;
    border-color: lightgray;
    cursor:pointer;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
   opacity: 0.9;
   filter: alpha(opacity=90);
}


.dialog4 {
  width: 360px;
}
.dialog::-webkit-scrollbar,
.dialog2::-webkit-scrollbar,
.dialog3::-webkit-scrollbar,
.dialog4::-webkit-scrollbar {
   display: none;
}


.dialog4 label {
  width:140px;
}
.dialog4 input[type=text],
.dialog4 span {
    margin: 8px 2px;
    width:180px;
}

.dialog4 label{
  font-size: 12px;
}

.dialog input[type=button],
.dialog2 input[type=button],
.dialog3 input[type=button],
.dialog4 input[type=button] {
   box-shadow:1px 1px 1px #999;
}


















.anime {
	transition-property:all;
	transition-duration:1600ms;
	transition-delay:200ms;
	transition-timing-function:ease;
}


#header2 {
  position:fixed;
  top:10px;
  left:0;
  height:16vh;
  width:98vw;
  text-align:left;
  font-size: 10px;
  overflow:hidden;
}

#logo2 {
  position:relative;
  margin:0 0 0 10px;
  width:120px;
}

#subject2 {
  position:relative;
  top:-40px;
  left:100px; 
}



#login {
  position:fixed;
  top: 16vh;
  left: 0;
  height:84vh;
  margin:0;
  width:98vw;
  text-align:center;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url(../img/entrance.jpg);
 /*  opacity: 0.6;
   filter: alpha(opacity=60); */
  overflow: hidden;

}

#img_entrance {
  position:relative;
  width:98vw;
  bottom:0px;
}


#login_panel {
	position:relative;
    border: 1px solid #aaa;
  width: 260px;
    height:330px; 
    top: 120px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color:#9e821d;
    font-size: 18px;
  background-color: white; 

    border: 0px;
    border-color:white;
   opacity: 0;
   filter: alpha(opacity=0);
  overflow: hidden;

}

#login h3 {
    margin: 8px auto;
    font-size: 22px;
}

#login label {
    color:#9e821d;
  /* margin: 0 auto 0 40vw; */
}

#img_person,
#img_key {
  margin: 0px;
  width: 24px;
}

#user_id,
#passwd {
  position:relative;
  top: -6px;
   margin: 0 0 0 4px;
    border: 0px;
    border-color:white;
  width:140px;
    font-size: 14px;
}

#login hr {
    color:#9e821d;
  width:170px;
  margin: 0 auto;
  height:2px;
    border: 2px;
    border-color:#9e821d;
  background-color: #9e821d; 
 /*   border-style: none; */

}


#btn_signin {
    color:white;
  background-color:#9e821d;
  background: linear-gradient(to bottom, #dcbb42 0%,#9e821d 100%);
    font-size: 18px;
    border-color:#9e821d;
   width: 100px; 
}
#img_ssl {
  margin: 10px;
  width: 64px;
}

#isnew {
   margin:1px 4px;
   padding:1px 4px;;
   font-size: 10px;
   color: white;
   background: orange;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
@media screen and (max-width: 1000px) {
  #isnew {
    position: absolute;
    margin: 16px;
    left: 86vw;
  }
}





table {
  text-align:center;
}

th {
  color:white;
  background-color:#c19e24;
}
.th_send, .td_drop {
  border: 0;
  color:white;
  background-color:#c19e24;
}

.th_send .add_com {
/*  position: absolute;
  right: 14px; */
  padding: 1px;
  height: 18px;
  border: 1px;
  font-size: 12px;
}

.rep_head {
  background-color:yellowgreen;
}

.sp_head {
  background-color: whitesmoke;
}
.sp_head2 {
  background-color: honeydew;
}
.sp_num {
  color: white;
  background-color: #a9d18e; /* yellowgreen; darkseagreen; lightgreen; */
}
.sp_desc {
  background-color: #D2DEEF;
}


.tr_odd {
  background-color:#efdfa7;
}

.tr_odd2 {
  border-color: yellowgreen;
  background-color:beige;
}

.tr_even {
  background-color:ghostwhite;
}


.tr_even2 {
  border-color: ;
  background-color:ivory;
}


#data_trans {
    width: 98vw;
}
#table_trans {
    width: 92vw;
}

#div_prog,
#div_prog1,
#div_prog2,
#div_prog3,
#div_prog4,
#div_prog5 {
  margin: 0 3%;
  width:94%; 
  height:18px;
  background-color:ivory;

}

#prg_bar,
#prg_bar1,
#prg_bar2,
#prg_bar3,
#prg_bar4,
#prg_bar5 {
  background-color:#9e821d;
  height:18px;
  width :0;
}




#reg_list {
    width: 98vw;
}
#table_reg_list {
    width: 92vw;
}





#reg_new {
 /* position:relative;
  top: -130px; */
  background-color: #efdfa7;
  margin: 40px;
  padding: 0px;
    text-align:center;
 /*   overflow: scroll; */
    border: 1px;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
/*    opacity: 0.9;
    filter: alpha(opacity=90); */
    -ms-overflow-style:none;
}
#reg_new::-webkit-scrollbar {
   display: none;
}

#hr_reg {
  position:relative;
  top: 16px;
  margin: 0 0 0 140px;
  background-color: #dcbb42;
  border-style:solid;
  border-color:#dcbb42;
  height:0px;
}
#reg_new label {
  width:160px;
}

#img_reg_user {
  position:relative;
  top: -20px;
  left: -110px;
  width:100px;
}

#reg_contents {
  position:relative;
  top: -30px;
}


#p_reg_info1 {
  margin:0;
  position:relative;
  top: 4px;
  font-size: 11px;
}
#p_reg_info2 {
  margin:0;
  position:relative;
  top: 8px;
  font-size: 11px;
}
#lb_make_account {
  margin:0;
  width:100%;
  font-size: 12px;
  color:white;
  background-color: #dcbb42;

}

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

 #img_reg_user {
   left: -110px;
 }
 #p_reg_info1,
 #p_reg_info2 {
   font-size: 8px;
 }
}

@media screen and (max-width: 438px) {
 #img_reg_user {
   left: -70px;
 }
}






hr {
 margin:1px;
 padding:0;
 height:1px;
}

#receive_data {
    width: 98vw;
}
@media screen and (max-width: 1000px) {
  #receive_data {
    position: relative;
    padding: 8px 0;
    width: 100vw;
    height: calc(100vh - 292px);
    background-color: sky#9e821d;

    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style:none;
  }
  #receive_data::-webkit-scrollbar {
    display: none;
  }
  #receive_list {
    position: absolute;
    left: 12px;
  }
}

@media screen and (max-height: 479px) {
  #receive_data {
    position: static;
  }
}


#table_receive {
  width:94vw;
}



option {
 height : 14px;
 font-size : 12px;
}

#aggre_selector {
    margin: auto auto 10px auto;
    text-align:center;
}
#oyy {
    margin: auto auto 12px auto;
}


.filedlg {
/*    position: absolute; */
    position: fixed;
    display: none;
    top: 20vh;
/*    left: 20vw; */
    right:10vw;
/*    width: 80vw;
    height: 60vh; */
    color: black;

//	margin: 240px auto;
	min-width: 300px;
    background-color: white; /* #E6E6FA;  lavendar; */
    text-align:center;
    overflow: scroll;
    border: 1px;
    border-color: #c19e24;
    border-style:solid;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
/*    opacity: 0.9;
    filter: alpha(opacity=90); */
    -ms-overflow-style:none;


}
.filedlg::-webkit-scrollbar {
   display: none;
}