@charset "UTF-8";
/*共通*/
h1{
  font-size: 22px;
  margin-bottom:20px;
}
body{
  background-color: white;
  font-size: 12px;
  color: rgb(92, 105, 117);
  }
p{
  font-size:15px;
}
.success_message{
  color: blue;
  text-align: center;
  font-size:15px;

}
.err_message{
  color: red;
  text-align: center;
  font-size:15px;
}
.report_body{
    background-color: white;
    font-size: 12px;
    }
  h3{
    text-align: center;
    margin: 30px;
  }
.reset_div{
  font-size:17px;
  margin:10px 0 10px 30px;
}
  .center_wrapper{
    text-align: center;
    }
  .right_wrapper{
    text-align: right;
  }
  .title1{
    text-align: center;
    color: slategray;
    margin:3px;
    font-size: 23px;
  }
  .header_flex1{
    width: 400px;
    margin-top: 15px;
    margin-left: 20px;
    text-align: center;
    flex-shrink: 2;
  }
  .header_flex2{
    width: 595px;
    flex-shrink: 2;
    margin-bottom: 5px;
    margin-top: 15px;
  }
  .header_flex3{
    width: 300px;
    flex-shrink: 1;
    text-align: center;
    margin-top: 15px;
  }
  .logo_img{
    width: 250px;
    height: 40px;
  }
  .footer{
    text-align: center;
  }
  .logout_button{
    padding: 5px;
    font-size: 11px;
    margin-top:5px;
    color: slategray;
    }

  .container_flex{
    display: flex;
   margin-bottom:20px;
  }
  .flex_box1{
    width: 450px;
    flex-shrink: 2;
  }
  .flex_box2{
    width: 600px;
    flex-shrink: 1;
    text-align: left;
  }
  .flex_box3{
    width: 250px;
    flex-shrink: 2;
  }
  .flex_box1_1{
    width: 400px;
    flex-shrink: 2;
  }
  .flex_box2_1{
    width: 800px;
    flex-shrink: 1;
    text-align: left;
  }
  .flex_box3_1{
    width: 200px;
    flex-shrink: 2;
  }

 .flex_box_dep1{
    width: 500px;
    flex-shrink: 2;
  }
  .flex_box_dep2{
    width: 500px;
    flex-shrink: 1;
    text-align: left;
    margin-top:50px;
  }
  .flex_box_dep3{
    width: 400px;
    flex-shrink: 2;
  }
  .submit_button{
    margin-top: 15px;
    margin-right: 20px;
    padding: 3px;
    font-size: 15px;
    width: 170px;
    height:40px;
  }
  .dep_submit_button{
    margin-top: 15px;
    margin-right: 20px;
    padding: 3px;
    font-size: 14px;
    width: 160px;
    height:35px;
  }
  .dep_submit_button1{
   margin : 15px 20px  0px  50px;
    padding: 3px;
    font-size: 14px;
    width: 160px;
    height:35px;
  }
  .dep_submit_button2{
    padding: 3px;
    font-size: 14px;
    width: 160px;
    height:35px;
  }
.pull_down_menu{
  width: 170px;
  height: 30px;
}
.select_box{
  height: 25px;
  margin-top: 20px;
}
.edit_input{
  width: 160px;
  height: 22px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.edit_input_email{
  width: 160px;
  height: 22px;
  margin-top: 10px;
  margin-bottom: 15px;

}
.edit_pass_input{
  width: 160px;
  height: 22px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.employee_teble_details{
  font-size: 17px;
  text-align: center;
  margin:20px 0 30px 60px;
}
.employee_teble_details1{
  font-size: 17px;
  text-align: center;
  margin:20px 0 30px 120px;
}
.emp_ver_edit_con_div{
  font-size: 17px;
  text-align: center;
  margin:20px 0 30px 90px;
}

.employee_teble_reg_confirm{
  font-size: 17px;
  text-align: center;
  margin:20px 0 30px 120px;
}
.employee_teble_edit_details{
  margin-top: 20px;
  font-size: 16px;
  text-align: center;
  margin-left:-50px;
}
.employee_teble_tr{
  height: 30px;
}
.employee_teble_tr2{
  height: 60px;
}
.employee_teble1{
  text-align: left;
  width: 150px;
}
.employee_reg_con_teble1 {
  text-align: left;
  width: 150px; 
}

.employee_edit_con_th{

  text-align: left;

  width: 150px; 
}
.employee_teble_reg_con1{

  text-align: left;

  width: 150px;
}
.employee_teble_edit1{
  text-align: left;
  width: 170px;
}
.employee_teble{
  text-align: left;
  width: 300px;
}
.employee_edit_con_teble{
  text-align: left;
  width: 300px;
}
.employee_reg_confirm{
  text-align: left;
  width: 300px;
}
.Employee_email_table{

  font-size: 13px;

  width: 130px;

  text-align: left;

}
.edit_label{
  font-size: 17px;
}
.input_form{
  font-size: 20px;
  margin: 10px;
}
.report_text_yellow{
  background-color: yellow;
  padding-left: 10px;
  border:solid 0px;
}
  /*ログイン・メニュー*/
.login_message_span{
  margin-left:30px;
  font-size:11px;
}  

 .login_flex_box1{
    width: 280px;
    flex-shrink: 2;
  }
  .login_flex_box2{
    width: 800px;
    flex-shrink: 1;
    text-align: left;
  }
  .login_flex_box3{
    width: 280px;
    flex-shrink: 2;
  }
.login_mail_dev{
  margin-left:135px;
}

.checkbox{
  margin: 15px 0px 5px -50px;
  font-size:14px;
}
.login_span{
  font-size:11px;
  margin-left:70px;
}
.login_container{
    text-align: left;
    }
.login_info{
  font-size: 17px;
}
.login_message_span{
  margin-left:30px;
  font-size:11px;
} 


.menu_button{
  width: 200px;
  padding: 15px;
  margin:10px;
}
.login_form{
  font-size: 20px;
  margin: 5px;
  text-align: center;

}
.login_input{
  margin-top: 20px;
  width: 200px;
  height:25px;
  font-size:16px;

}

.password_reset_span{
  text-align: center;
  margin-left:400px;
  margin-top:50px;
}

/*メインメニュー*/
.main_menu{
  margin-top: 50px;
}

/*利用者メンテナンス*/
.employee_reg_form{
  margin-left:70px;
}
.Employee_list_flex_box1{

  width: 550px;

  flex-shrink: 2;

}

.Employee_list_flex_box1{

  width: 500px;

  flex-shrink: 1;

  text-align: left;

}

.Employee_list_flex_box1{

  width: 250px;

  flex-shrink: 2;

}
.employee_reg_th{
  text-align: left;
  width: 150px;
}
.Employee_wrapper{
  text-align: center;
}
.Employee_info{
  margin-top: 12px;
}
.Employee_search_form{
  margin:10px;
}
.sign_up_form{
  position:relative;
  left:118px;
}
.emp_ver_submit_div{
  margin-left: 110px;
}
.emp_edit_con_submit_div{
    margin-left: 170px;
    width:170px;
}
.emp_del_submit_div{
  margin-left: 150px;
}
.emp_ver_submit_div1{
  margin-left: 180px;
}
.employee_teble_del{
  font-size: 17px;
  text-align: center;
  margin:20px 0 30px 90px;
}
.employee_del_th1{
  text-align: left;
  width: 180px;
}
.employee_del_th{
  text-align: left;
  width: 300px;
}
/*利用者メンテナンス（管理部以外）*/
.Employee_container_flexbox_item{
  text-align: left;
  font-size: 18px;
}

.password_Edit_button_div{
  text-align: left;
  position:relative;
  left: 80px;
}
  .user_detail_flex_box1{
    width: 400px;
    flex-shrink: 2;
  }
  .user_detail_flex_box2{
    width: 650px;
    flex-shrink: 1;
    text-align: left;
  }
  .user_detail_flex_box3{
    width: 350px;
    flex-shrink: 2;
  }

/*利用者メンテナンス（パスワード編集）*/
.emp_details_submit_div{
  margin-left: 220px;
  text-align: center;
  width:200px;
}
.employee_teble_password{
  text-align: left;
  width: 200px;
}
.employee_teble_password1{

  text-align: left;
  margin-left:15px;
  width: 200px;

}
 .password_flex_box1{
    width: 350px;
    flex-shrink: 2;
  }
  .password_flex_box2{
    width: 650px;
    flex-shrink: 1;
    text-align: left;
  }
  .password_flex_box3{
    width: 250px;
    flex-shrink: 2;
  }

.new_password_form{
  font-size: 15px;
}
.new_password_input{
  width: 120px;
  height: 10px;
}
.password_edit_input{
  width: 200px;
  height: 22px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.reset_pass_th{
  width: 150px;
}
.reset_pass_tr{
  height: 50px;
}
.pass_reset_input{
  width: 200px;
  height: 22px;
}
.reset_pass_div{
  margin-bottom:60px;
}
.reset_pass_div1{
  margin:30px 0 30px 100px;
  width:280px;
  font-size:16px;
}
.form-horizontal{
  margin-left:100px;
}
.reset_pass_button_div{
  margin-left:50px;
  width:170px;
}
/*利用者メンテナンス*/
.employee_submit{
  position: relative;
  left: 90px;
  width:200px;
}
.edit_employee_submit{
  position: relative;
  left: 80px;
}
.employee_edit_submit_div{
  margin-left: 90px;
}
  .userdetails_flex_box1{
    width: 450px;
    flex-shrink: 2;
  }
  .userdetails_flex_box2{
    width: 500px;
    flex-shrink: 1;
    text-align: left;
  }
  .userdetails_flex_box3{
    width: 250px;
    flex-shrink: 2;
  }

/*社員情報一覧*/

.Employee_info_table_layout{
  margin-left:100px;
}
.Employee_info_table{
  font-size: 12px;
  width: 200px;
  text-align: left;
}
.Employee_info_table1{
  font-size: 13px;
  width: 150px;
  text-align: left;
font-weight:bold;
}
.emp_dmy_th{
  height:13px;
}
.Employee_info_table2{
  font-size: 15px;
  width: 100px;
  text-align: left;
}
.Employee_info_table_id{
  font-size: 13px;
  width: 60px;
  text-align: left;
}
.Employee_info_table_name{

  font-size: 13px;

  width: 145px;

  text-align: left;
  margin-left:5px;
}
.user_list_notice{
  font-size: 12px;
  width: 60px;
}
.Employee_flex_box1{
  width: 350px;
  flex-shrink: 2;
}
.Employee_flex_box2{
  width: 700px;
  flex-shrink: 1;
}
.Employee_flex_box3{
  width: 350px;
  flex-shrink: 2;
}
.Employee_info_div1{
  text-align: center;
  margin: 20px;
 margin-left: 60px;
}

.employee_edit_con_teble1{
  text-align: left;
  width: 180px;
}
/*部署メンテナンス*/
.dep_teble_reg_con{
  font-size: 17px;
  text-align: center;
  margin:20px 0 30px 0px;
}
  .dep_reg_con_submit_button{
    margin:15px 20px 0px 0px;
    padding: 3px;
    font-size: 14px;
    width: 160px;
    height:35px;
  }
  .dep_list_submit_button{
   margin:15px 20px 0px 0px;
    padding: 3px;
    font-size: 15px;
    width: 170px;
    height:40px;
  }

.dep_list_table{
      text-align: left;
}
.dep_del_con_teble{
  font-size: 17px;
  text-align: center;
  margin:20px 0 30px 20px;
}
.dep_ver_submit_div{
  margin-left: 80px;
}
  .dep_flex_box1{
    width: 430px;
    flex-shrink: 2;
  }
  .dep_flex_box2{
    width: 600px;
    flex-shrink: 1;
    text-align: left;
  }
  .dep_flex_box3{
    width: 350px;
    flex-shrink: 2;
  }
  .dep_list_flex_box1{
    width: 550px;
    flex-shrink: 2;
  }
  .dep_list_flex_box2{
    width: 350px;
    flex-shrink: 1;
    text-align: left;
  }
  .dep_list_flex_box3{
    width: 550px;
    flex-shrink: 2;
  }
.emp_del_con_submit_div{
  margin-left: 120px;
}
.department_list{
  margin-left: 50px;
  text-align: center;
}
.dep_teble_details{
  margin-top: 20px;
  font-size: 17px;
  text-align: center;
}
.width300{
  width:300px;
}

.dep_back_form{
  width:300px;
}
.department_list_submit_button_div{
  margin-left: 0px;
}
.Employee_submit_button{
  margin: 5px;
}
.submit_button_div{
  top: 20px;
  position:relative;
  text-align: left;
}
/*部署新規登録*/
.dep_teble{
  width: 170px;
}
.department_form{
  margin-left:80px;
}
.department_reg_con_form{
  margin-left:0px;
}
.department_form_con{
  margin-left:60px;
}
.department_edit_form{
  margin-left:30px;
}
.department_del_form{
  margin-left:0px;
}
.department_info{
  margin: 20px;
  height: 40px;
  font-size: 18px;
  width: 200px;
  }
  .department_info1{
  margin-left: 10px;
  }
  .department_info_check{
  margin-left: 20px;
  }
  .department_submit_div{
   margin-top:30px;
   text-align: center;
   margin-left:50px;
   width:200px;
  }
.dep_p{
  position: relative;
  left: 30px;
}
/*部署編集*/


/*各種勤怠届*/
.report_flex_box1{
  width: 500px;
  flex-shrink: 2;
}
.report_flex_box2{
  width: 450px;
  margin-top: 10px;
  border: solid 2px #000000;
  flex-shrink: 1;
}
.report_flex_box3{
  width: 500px;
  flex-shrink: 2;
}
.report_div{
  width: 440px;
  height: 500px;
  margin: 15px;
}
.report_div1{
  width: 450px;
  height: 550px;
  margin: 15px;
}
.report_pull_down_menu{
  width: 180px;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
.report_name{
  font-size: 14px;
}
.report_submit_button{
  margin-top: 15px;
  margin-left: 20px;
  padding: 5px;
  font-size: 13px;
  width: 120px;
  height:30px;
}

.report_table_tr1{
  border: solid 1px #000000;
  height: 50px;
}
.report_table_tr2{
  height: 100px;
}
.report_table_th1{
  width: 25px;
  border: solid 1px #000000;
  writing-mode: tb-rl;
  white-space: nowrap;
  padding-left: 8px;

}
.report_table_td1{
  border: solid 1px #000000;
  width: 380px;
  font-size:12px;
}
.report_day1{
  width: 25px;
  margin-left: 20px;
  background-color: yellow;
}
.report_reason{
  resize: none;
  height: 150px;
  width: 360px;
  border:solid 0px;
  background-color: yellow;
  font-size:12px;
}
.report_reason2{
  resize: none;
  height: 100px;
  width: 360px;
  border:solid 0px;
  background-color: yellow;
  font-size:12px;
}
.report_reason_other{
  height: 100px;
  width: 360px;
  border:solid 0px;
  background-color: yellow;
  color: rgb(92, 105, 117);
}
.report_p1{
  color: red;
  font-size:11px;
}
.report_Paid{

  width: 135px;
  height: 30px;
  font-size: 11px;
  text-align: center;
}
.report_Paid_tr{
  height: 35px;
}
.report_Paid_tr1{
  height: 30px;
}
.report_border{
  border: solid 1px #000000;
  border-collapse: collapse
}
.report_bikou_tr1{
  height: 50px;
}
.report_bikou_th1{
  width:450px;
}
.report_bikou_th2{
  width: 140px;
}
.bikou_text{
  width: 360px;
  height: 60px;
  border:solid 0px;
}
.bikou_div{
  width: 540px;
  height: 85px;
  margin-top: 30px;
}
.report_submit_button_div{
  text-align: center;
  margin-left: -50px;
  margin-bottom:40px;
}
.report_Paid_th{
  width: 417px;
}
.report_Paid_th1{
  width: 55px;
}

.report_Paid1{
  width: 120px;
  margin-left: 10px;
  font-size:13px;
}
.report_Paid_td{
  text-align: right;
}
.report_Paid_th2{
  width: 170px;
  text-align: left;
  padding-left: 5px;
}
.report_Paid_td2{
  width: 135px;
  text-align: left;
  padding-left: 10px;
}
.report_select{
  margin: 3px;
  font-size: 13px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding:2px;
}
.report_select1{
  margin: 1px;
  font-size: 13px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding:2px;
}
.report_hope_th{
  width:  250px;
  text-align: left;
  padding-left: 20px;
}
.report_confim_th1{
  width: 300px;
  text-align: left;
  padding-left: 10px;
}
.report_confim_td1{
  width: 95px;
  text-align: center;
}
.report_confirm_div{
  width: 440px;
  height: 440px;
  margin: 15px;
}
.report_Obligation_td{
  width: 130px;
  text-align: center;
  padding-left: 2px;

}
.report_Obligation_select{
  font-size:10px;
  width: 180px;
  height: 25px;
}
.meeting_select{
  margin: 1px;
  font-size: 11px;
}
.Target_person{
  margin: 1px;
  font-size: 11px;
  width: 145px;
  height:30px;
}
.report_err_message{
  color: red;
  text-align: center;
}
#report_err_message{
  color: red;
  text-align: center;
}
.report_title{
  text-align: center;
  padding-left: -30px;
}