@charset "UTF-8";

/*共通*/
.logo_img_link {
    display: block;
}

.logo_img_link_div {
    height: 35px;

}

h1 {
    margin-bottom: 15px;
    font-size: 23px;

}

.small_h1 {
    margin-bottom: 15px;
    font-size: 18px;
    text-align: center;

}

.font8 {
    font-size: 8px;
}

.user_name_div {
 margin-left: 30px;
}

body {

    background-color: white;

    font-size: 12px;

    color: rgb(92, 105, 117);

}

.small_p {
    font-size: 11px;
}

p {
    font-size: 14px;
}

.reset_div {
    font-size: 16px;
    margin: 10px 0 10px 30px;
    width: 230px;
}

.success_message {
    color: blue;
    font-size: 13px;
    text-align: center;
}

.err_message {
    color: red;
    font-size: 13px;
    text-align: center;
}

.report_body {

    background-color: white;

    font-size: 11px;


}

h3 {

    text-align: center;

    margin: 30px;

}

.center_wrapper {

    text-align: center;

}

.right_wrapper {

    text-align: right;

}

.title1 {

    text-align: center;

    color: slategray;

    margin-top: 10px;
    margin-bottom: 20px;

    font-size: 17px;

}

.header_flex1 {

    width: 200px;

    margin-top: 15px;

    margin-left: 10px;

    text-align: center;

    flex-shrink: 2;

}

.header_flex2 {

    width: 10px;

    flex-shrink: 2;

    margin-bottom: 5px;

    margin-top: 15px;

}

.header_flex3 {

    width: 150px;

    flex-shrink: 1;

    margin-top: 15px;

}

.logo_img {

    width: 160px;

    height: 25px;
}

.footer {

    text-align: center;

}

.logout_button {

    padding: 2px;

    font-size: 8px;

    margin-top: 5px;
    color: slategray;
}



.container_flex {

    display: flex;
    margin-bottom: 15px;

}

.flex_box1 {

    width: 20px;

    flex-shrink: 2;

}

.flex_box2 {

    width: 350px;

    flex-shrink: 1;

    text-align: left;

}

.flex_box3 {

    width: 20px;

    flex-shrink: 2;

}

.flex_box1_1 {

    width: 100px;

    flex-shrink: 2;

}

.flex_box2_1 {

    width: 400px;

    flex-shrink: 1;

    text-align: left;

}

.flex_box3_1 {

    width: 140px;

    flex-shrink: 2;

}

.flex_box_dep1 {
    width: 20px;
    flex-shrink: 2;
}

.flex_box_dep2 {
    width: 300px;
    flex-shrink: 1;
    text-align: left;
    margin-top: 15px;
}

.flex_box_dep3 {
    width: 20px;
    flex-shrink: 2;
}

.submit_button {

    margin-top: 15px;

    margin-right: 20px;

    padding: 2px;

    font-size: 14px;

    width: 150px;
    height: 35px;

}

.dep_submit_button {
    margin-top: 15px;
    margin-left: 70px;
    padding: 3px;
    font-size: 14px;
    width: 150px;
    height: 35px;
} 
.dep_submit_button2 {
    text-align: center;
    padding: 3px;
    font-size: 14px;
    width: 150px;
    height: 35px;
} 
.dep_submit_button1{
    margin-top: 15px;
    margin-left: 60px;
    padding: 3px;
    font-size: 14px;
    width: 150px;
    height: 35px;
}
.dep_reg_con_submit_button {
    margin-top: 15px;
    margin-left: 0px;
    padding: 3px;
    font-size: 14px;
    width: 150px;
    height: 35px;
} 

.pull_down_menu {

    width: 170px;

    height: 30px;

    margin-top: 10px;

}

.select_box {

    height: 100px;

    margin-top: 10px;

}

.edit_input {

    width: 140px;

    height: 22px;

    margin-top: 10px;

    margin-bottom: 15px;

}

.edit_input_email {
    width: 100px;
    height: 22px;
    margin-top: 10px;
    margin-bottom: 15px;

}
.edit_pass_input {
    width: 100px;
    height: 22px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 12px;
}
.pass_open{
     font-size: 8px;
}
.employee_teble_details {
    font-size: 13px;
    margin: 10px 0 30px 15px;

}
.employee_teble_details1 {
    font-size: 13px;
    margin: 10px 0 30px 15px;
}
.employee_teble_del {
    font-size: 13px;
    margin: 10px 0 30px 15px;

}
.emp_ver_edit_con_div {
    font-size: 13px;
    margin: 10px 0 30px 0px;
}

.employee_teble_reg_confirm {
    font-size: 13px;
    margin: 10px 0px 30px 15px;
}

.employee_teble_password {
    width: 110px;
}

.employee_teble_password1 {
    font-size: 12px;
    text-align: left;
    margin-left: 15px;
    width: 180px;

}

.employee_teble_edit_details {
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
    margin-left: 150px;
}

.employee_teble_tr {

    height: 30px;

}

.employee_teble1 {

    text-align: left;

    width: 270px;
    font-size: 12px;
}
.employee_reg_con_teble1 {

    text-align: left;

    width: 100px;
    font-size: 9px;
}

.employee_edit_con_th {

    text-align: left;

    width: 100px;
    font-size: 10px;
}

.employee_teble_reg_con1 {

    text-align: left;

    width: 130px;
    font-size: 9px;
}

.employee_teble {

    text-align: left;

    width: 300px;

}
.employee_del_th {

    text-align: left;

    width: 180px;

}
.employee_del_th1 {

    text-align: left;

    width: 100px;
    font-size: 11px;
}

.employee_edit_con_teble {
    text-align: left;
    width: 150px;
}
.employee_edit_con_teble1 {
    text-align: left;
    width: 100px;
}


.employee_teble_edit_confirm {
    text-align: left;

    width: 100px;
}

.employee_teble_edit_confir1m {
    text-align: left;
    font-size: 9px;
    width: 200px;
}

.employee_reg_confirm {

    text-align: left;
    font-size: 14px;
    width: 230px;

}

.employee_teble_dep1 {

    text-align: left;

    width: 100px;
    font-size: 10px;
}

.employee_teble_dep {

    text-align: left;

    width: 200px;

}

.reg_table {
    width: 350px;
}

.employee_reg_th {
    text-align: left;
    width: 120px;
}

.edit_label {

    font-size: 14px;

}

.input_form {

    font-size: 20px;

    margin: 10px;

}

.report_text_yellow {

    background-color: yellow;
    padding-left: 5px;
  border:solid 0px;
}

/*ログイン・メニュー*/
.login_flex_box1 {
    width: 20px;
    flex-shrink: 2;
}

.login_flex_box2 {
    width: 330px;
    flex-shrink: 1;
    text-align: left;
}

.login_flex_box3 {
    width: 20px;
    flex-shrink: 2;
}

.checkbox {
    margin: 15px 0px 10px -40px;
    font-size: 13px;
}

.login_container {

    text-align: left;

}

.login_mail_dev {
    margin-left: -20px;
}

.login_pass_dev {
    margin-left: -120px;
}

.login_info {

    font-size: 17px;

}

.password_reset_span {
    text-align: center;
    font-size: 10px;
    margin-top: 160px;
    margin-left: 155px;
}



.menu_button {

    width: 240px;

    padding: 15px;

    margin: 10px;
    font-size: 16px;
}

.login_form {

    position: relative;

    left: 10px;

    font-size: 15px;

    margin: 10px;

}

.login_message_p {
    margin-left: 10px;
    font-size: 10px;
}

.login_message_span {
    margin-left: 20px;
    font-size: 10px;
    margin-bottom: 30px;

}

.login_input {
    height: 30px;
    margin-top: 20px;
    width: 150px;

}

/*メインメニュー*/

.main_menu {

    margin-top: 50px;

}



/*利用者メンテナンス*/
.Employee_list_flex_box1 {

    width: 5px;

    flex-shrink: 2;

}

.Employee_list_flex_box1 {

    width: 360px;

    flex-shrink: 1;

    text-align: left;

}

.Employee_list_flex_box1 {

    width: 5px;

    flex-shrink: 2;

}

.Employee_wrapper {

    text-align: center;

}

.Employee_info {

    margin-top: 12px;

}

.Employee_search_form {

    margin: 10px;

}

.sign_up_form {

    position: relative;

    left: 118px;

}





/*利用者メンテナンス（管理部以外）*/

.Employee_container_flexbox {

    margin-left: 70px;

}

.Employee_container_flexbox_item {

    text-align: left;

    font-size: 18px;

}

.user_detail_flex_box1 {
    width: 60px;
    flex-shrink: 2;
}

.user_detail_flex_box2 {
    width: 400px;
    flex-shrink: 1;
    text-align: left;
}

.user_detail_flex_box3 {
    width: 20px;
    flex-shrink: 2;
}


.password_Edit_button_div {

    text-align: left;

    position: relative;

    left: 100px;

}

.userdetails_flex_box1 {
    width: 10px;
    flex-shrink: 2;
}

.userdetails_flex_box2 {
    width: 350px;
    flex-shrink: 1;
    text-align: left;
}

.userdetails_flex_box3 {
    width: 10px;
    flex-shrink: 2;
}






/*利用者メンテナンス（パスワード編集）*/
.emp_details_submit_div{
  margin-left: 45px;
}
.new_password_form {

    font-size: 15px;

}

.reset_pass_div {
    margin-bottom: 60px;
}

.reset_pass_div1 {
    margin: 30px 0px 20px 20px;
    width: 250px;
    font-size: 14px;
}
.form-horizontal{
  margin-left:0px;
}
.reset_pass_button_div {
    margin-left: 60px;
    width: 170px;

}

.new_password_input {

    width: 120px;

    height: 10px;

}
.reset_pass_th {
    width: 75px;
    font-size: 10px;
}

.reset_pass_tr {
    height: 50px;
}

.pass_reset_input {
    width: 90px;
    height: 22px;
    font-size: 11px;
}


/*利用者メンテナンス*/
.Employee_info_table_id {
    font-size: 8px;
    width: 60px;
}

.employee_submit {

    position: relative;

    left: 80px;
    width: 100px;
}
.edit_employee_submit {

    position: relative;

    left: 65px;
    width: 160px;
}

.employee_reg_form {

    margin-left: 10px;

    font-size: 12px;

    width: 300px;

}

.emp_ver_submit_div {

    margin-left: 60px;

}
.emp_del_submit_div {

    margin-left: 60px;

}
.emp_del_con_submit_div{
  margin-left: 60px;
}
.emp_ver_submit_div1 {

    margin-left: 60px;

}

.emp_edit_con_submit_div {
    margin-left: 60px;
    width: 170px;
}



/*社員情報一覧*/


.Employee_info_table_layout{
  width:340px;
}
.Employee_info_table{

  font-size: 9px;

  width: 55px;

  text-align: left;
  margin-left:5px;
}

.Employee_info_table_name{

  font-size: 8px;

  width: 60px;

  text-align: left;
  margin-left:5px;
}
.Employee_email_table{

  font-size: 8px;

  width:60px;

  text-align: left;

}
.Employee_dep_table{

  font-size: 8px;

  width: 95px;

  text-align: left;

}
.Employee_info_table1{

  font-size: 10px ; 

  width: 45px;

  text-align: left;

}
.user_list_notice{
  font-size: 9px;
  width: 45px;
}
.emp_dmy_th{
  height:8px;
}
.Employee_info_table2{

  font-size: 10px;

  width: 35px;
}

.Employee_flex_box1{

  width: 20px;

  flex-shrink: 2;

}

.Employee_flex_box2{

  width: 350px;

  flex-shrink: 1;

}

.Employee_flex_box3{

  width: 20px;

  flex-shrink: 2;

}

.Employee_info_div1{

  text-align: center;

  margin: 20px;

}


/*部署メンテナンス*/
.dep_teble_reg_con {
    font-size: 13px;
    margin: 10px 0 30px 15px;
}
.dep_list_submit_button {
    
    margin-top: 15px;
    margin-left:-10px;
    margin-right: 20px;

    padding: 2px;

    font-size: 14px;

    width: 150px;
    height: 35px;

}

.dep_flex_box1 {

    width: 20px;

    flex-shrink: 2;

}

.dep_flex_box2 {

    width: 350px;

    flex-shrink: 1;

    text-align: left;

}

.dep_flex_box3 {

    width: 20px;

    flex-shrink: 2;

}
  .dep_list_flex_box1{
    width: 20px;
    flex-shrink: 2;
  }
  .dep_list_flex_box2{
    width: 350px;
    flex-shrink: 1;
    text-align: left;
  }
  .dep_list_flex_box3{
    width: 20px;
    flex-shrink: 2;
  }

.department_list {
  margin-left: 30px;
    width:250px;
}

.department_list_submit_button_div {

    margin-left: 0px;

}
.dep_list_table{
    text-align: left;
   margin-left:50px;
}
.department_form{
  margin-left:0px;
}
.department_reg_con_form{
  margin-left:0px;
}
.department_form_con{
  margin-left:0px;
}
.department_del_form{
  margin-left:0px;
}
.dep_del_con_teble{
  margin-left:0px;
}
.department_edit_form{
  margin-left:0px;
}
.Employee_submit_button {

    margin: 5px;

}

.submit_button_div {

    top: 20px;

    position: relative;

    text-align: left;

}

/*部署新規登録*/
.dep_ver_submit_div {

    margin-left: 60px;

}
.dep_teble {
    width: 120px;
    font-size: 13px;
}

.department_info {

    margin: 5px;
    margin-left: 25px;
    margin-bottom: 10px;

    height: 25px;

    font-size: 14px;

    width: 150px;

}

.department_info1 {

    margin-left: 10px;

}

.dep_p {

    position: relative;

    left: 50px;

    font-size: 8px;

}

/*部署編集*/
.department_submit_div {
    margin-top: 20px;
    margin-left: 60px;
   width:200px;
}


/*各種勤怠届*/

.report_flex_box1 {

    width: 490px;

    flex-shrink: 2;

}

.report_flex_box2 {

    width: 350px;

    border: solid 2px #000000;

    flex-shrink: 1;

}

.report_flex_box3 {

    width: 490px;

    flex-shrink: 2;

}

.report_div {

    width: 360px;

    height: 500px;

    margin: 5px;

}

.report_div1 {

    width: 360px;

    height: 530px;

    margin: 9px;

}

.report_pull_down_menu {

    width: 180px;

    height: 30px;

    margin-top: 5px;

    margin-bottom: 10px;

    font-size: 16px;

    font-weight: bold;

}

.report_name {

    font-size: 14px;

}

.report_submit_button {

    margin-top: 15px;

    margin-left: 20px;

    padding: 5px;

    font-size: 15px;
    width: 150px;
    height: 35px;

}


.report_table_tr1 {

    border: solid 1px #000000;

    height: 50px;

}

.report_table_tr2 {

    height: 130px;

}

.report_table_th1 {

    width: 24px;

    border: solid 1px #000000;

    writing-mode: tb-rl;

    white-space: nowrap;
    padding-left: 1px;

}

.report_table_td1 {
    border: solid 1px #000000;
    width: 285px;
    font-size: 12px;
    padding-left: 3px;
}

.report_day1 {

    width: 25px;

    margin-left: 3px;

    background-color: yellow;

}

.report_reason {
    resize: none;
    height: 130px;

    width: 290px;

    border: solid 0px;

    background-color: yellow;
    font-size: 10px;

}

.report_reason2 {
    resize: none;
    height: 130px;

    width: 290px;

    border: solid 0px;

    background-color: yellow;
    font-size: 10px;
}

.report_reason_other{
  height: 130px;
  width: 300px;
  border:solid 0px;
  background-color: yellow;
  color: rgb(92, 105, 117);
}

.report_p1 {

    color: red;

    font-size: 10px;

}

.report_Paid {

    border: solid 0px;

    width: 50px;

    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;



    font-size: 9px;

}

.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: -30px;

    margin-top: 5px;

}

.report_Paid_th {

    width: 310px;

}

.report_Paid1 {

    width: 120px;

    margin-left: 10px;

    font-size: 12px;

}

.report_Paid_th1 {

    width: 37px;

}

.report_Paid_td {

    text-align: right;

}

.report_Paid_th2 {

    margin-left: 10px;

    width: 170px;

    text-align: left;

    font-size: 9px;

    padding-left: 5px;

}

.report_Paid_td2 {

    width: 130px;

    text-align: left;

    font-size: 11px;

}

.report_select {
    margin: 3px;
    font-size: 13px;
    padding: 2px;
}

.report_select1 {
    margin: 2px;
    font-size: 13px;
    padding: 2px;
}

.report_hope_th {
    width: 250px;
    text-align: left;
    padding-left: 20px;
}

.report_confim_th1 {
    width: 240px;
    text-align: left;
    padding-left: 20px;
}

.report_confim_td1 {
    width: 50px;
    text-align: center;
}

.report_confirm_div {

    width: 360px;

    height: 500px;

    margin: 5px;

}

.report_Obligation_td {
    width: 130px;
    text-align: center;
    padding-left: 1px;
}

.report_Obligation_select {
    font-size: 10px;
    width: 140px;
}

.meeting_select {
    margin: 1px;
    font-size: 11px;
}

.Target_person {
    margin: 1px;
    font-size: 11px;
    width: 145px;
  height:30px;

}

.report_err_message {
    color: red;
}
#report_err_message{
  color: red;
  text-align: center;
}
.report_title {
    text-align: center;
    padding-left: -30px;
}