@charset "UTF-8";
iframe {
  border: none;
  width: 100%;
  height: 100%;
}

input:-moz-read-only, textarea:-moz-read-only {
  background: #b6b3b3;
}

input:read-only,
textarea:read-only {
  background: #b6b3b3;
}

.selected {
  background: yellow;
}

#Frame_Top_Header {
  position: fixed;
  width: 100%;
  height: 50px;
  top: 0;
  left: 0;
}

#Base_Top_Header {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 0;
  align-items: center;
  text-align: center;
  background-color: rgb(197, 243, 179);
}
#Base_Top_Header :after {
  content: "";
  display: block;
  clear: both;
}
#Base_Top_Header #header_sitename {
  float: left;
  width: 120px;
  padding-top: 10px;
}
#Base_Top_Header #header_menu {
  float: left;
  padding-top: 18px;
  padding-right: 40px;
}
#Base_Top_Header #navi_header_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#Base_Top_Header #navi_header_menu li {
  float: left;
  width: 120px;
  padding-bottom: 2px;
  padding-left: 10px;
  border: 2px;
  text-align: center;
}
#Base_Top_Header #navi_header_menu li :hover {
  background-color: rgb(48, 158, 248);
}
#Base_Top_Header #navi_header_menu li a {
  display: block;
  color: #000;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  background-color: rgb(122, 177, 241);
}

#Frame_Top_Body {
  display: flex;
  flex-direction: column;
  position: fixed;
  width: 100%;
  height: calc(100% - 50px - 30px);
  top: 50px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}

#Base_Top_Body {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
#Base_Top_Body #Body_Container {
  margin: 0;
  padding: 0;
}
#Base_Top_Body #Page_Title {
  padding-bottom: 15px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
#Base_Top_Body .Item_Title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
#Base_Top_Body .Item_Title_SL_1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
#Base_Top_Body .Product_Title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
#Base_Top_Body .Item_Table {
  font-size: 18px;
  padding-left: 30px;
}
#Base_Top_Body .Item_Table img {
  padding-top: 10px;
  padding-left: 50px;
}
#Base_Top_Body table {
  width: 700px;
  border: 0;
}
#Base_Top_Body th {
  width: 150px;
  background-color: bisque;
  padding-top: 3px;
}
#Base_Top_Body td {
  padding-left: 10px;
  padding-top: 3px;
  background-color: rgb(249, 249, 248);
}
#Base_Top_Body .content_A {
  font-size: 18px;
  padding-left: 30px;
}
#Base_Top_Body .content_A img {
  padding-top: 10px;
  padding-left: 50px;
}

#Frame_Top_Footer {
  display: flex;
  position: fixed;
  width: 100%;
  height: 30px;
  left: 0px;
  bottom: 0px;
  margin: 0;
  padding: 0;
}

#Base_Top_Footer {
  margin-top: 3px;
  padding: 0;
  background-color: black;
  color: white;
  text-align: center;
}

#Frame_Top_Side_Left {
  position: absolute;
  top: 0;
  left: 0px;
  width: 200px;
  height: 100%;
}

#Frame_Top_Side_Right {
  position: absolute;
  top: 0;
  right: 0;
  left: 200px;
  height: 100%;
  border-left: 2px solid #ccc;
}

#Frame_Login {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  width: 500px;
  height: 300px;
}

.Body_Header {
  margin-left: 10px;
}

.Body_Contents {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
}

.MenuBar {
  display: table;
  width: 610px;
  margin-left: 20px;
  margin-bottom: 5px;
  padding: 10px 20px 10px 10px;
  background-color: #0c907c;
  color: white;
  font-weight: bold;
  font-size: 18pt;
}
.MenuBar:hover {
  background-color: #0f0;
  color: #000000;
}

.MenuBar_Left {
  display: table-cell;
  text-align: left;
}

.MenuBa_Right {
  display: table-cell;
  text-align: right;
}

.MenuBar_Button {
  margin-top: 3px;
  margin-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #DD545F;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  font-size: 12pt;
}

.Block_Line {
  display: flex;
  position: relative;
  padding-top: 10px;
  justify-content: center;
  align-items: center;
}

.Block_Line_Right {
  position: absolute;
  right: 0;
  padding-right: 20px;
}

.Frame_Menu {
  text-align: center;
  font-size: 12pt;
}
.Frame_Menu a {
  text-align: center;
  font-size: 14pt;
}

.Table_DataList {
  border-collapse: collapse;
  border: 2px;
  border-color: black;
  border-style: solid;
  font-size: 12pt;
  margin-left: 10px;
  overflow-y: auto;
}
.Table_DataList thead {
  background-color: #d0ebfd;
  border: 1px;
  border-color: black;
  border-style: solid;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
.Table_DataList th, .Table_DataList td {
  height: 26px;
  border: 1px;
  border-color: black;
  border-style: solid;
  padding-left: 5px;
}

.Fixed_Cell_Header {
  position: sticky;
  top: 0px;
  background-color: #d0ebfd;
  z-index: 2;
}
.Fixed_Cell_Header:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid black;
}

.Fixed_Cell_Header_Cross {
  z-index: 9;
}

.Fixed_Cell_Data {
  position: sticky;
  /* top:					0px; */
  left: 0px;
  background-color: #f3f1ea;
  z-index: 2;
}
.Fixed_Cell_Data:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid black;
}

#Project_Title {
  margin: auto;
  padding-top: 6px;
  font-size: 20pt;
  font-weight: bold;
}

.Group_Manage_Title {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 12px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
  background-color: #e93232;
}

a.Group_Manage_SideMenu_Button {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 180px;
  height: 28px;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 15px;
  font-size: 11pt;
  background: #e93232;
  color: black;
}
a.Group_Manage_SideMenu_Button:hover {
  opacity: 0.8;
  color: white;
}

.Group_Info_Title {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 12px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
  background-color: #7f9cf4;
}

a.Group_Info_SideMenu_Button {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 180px;
  height: 28px;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 15px;
  font-size: 11pt;
  background: #7f9cf4;
  color: black;
}
a.Group_Info_SideMenu_Button:hover {
  opacity: 0.8;
  color: white;
}

.Group_Master_Title {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 12px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
  background-color: #e93232;
}

a.Group_Master_SideMenu_Button {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 180px;
  height: 28px;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 15px;
  font-size: 11pt;
  background: #e93232;
  color: black;
}
a.Group_Master_SideMenu_Button:hover {
  opacity: 0.8;
  color: white;
}

.Group_Conf_Title {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 12px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
  background-color: #1ad5a9;
}

a.Group_Conf_SideMenu_Button {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 180px;
  height: 28px;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 15px;
  font-size: 11pt;
  background: #1ad5a9;
  color: black;
}
a.Group_Conf_SideMenu_Button:hover {
  opacity: 0.8;
  color: white;
}

.Group_RegistData_Title {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 12px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
  background-color: #02a5f6;
}

a.Group_RegistData_SideMenu_Button {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 180px;
  height: 28px;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 15px;
  font-size: 11pt;
  background: #02a5f6;
  color: black;
}
a.Group_RegistData_SideMenu_Button:hover {
  opacity: 0.8;
  color: white;
}

.Group_ExtractData_Title {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 12px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
  background-color: #02a5f6;
}

a.Group_ExtractData_SideMenu_Button {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 180px;
  height: 28px;
  border-radius: 10px;
  padding-top: 7px;
  padding-left: 15px;
  font-size: 11pt;
  background: #02a5f6;
  color: black;
}
a.Group_ExtractData_SideMenu_Button:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Back {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #5f5f63;
  color: white;
}
.Oper_Button_Back:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Login {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #1077ee;
  color: white;
}
.Oper_Button_Login:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Search {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #1dc523;
}
.Oper_Button_Search:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Move_Arrow {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #1dc523;
  width: 30px;
  margin-left: 5px;
  border-radius: 15px;
}
.Oper_Button_Move_Arrow:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Regist_New {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #ee6420;
}
.Oper_Button_Regist_New:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Cancel {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #5f5f63;
  color: white;
}
.Oper_Button_Cancel:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Update {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #ee6420;
}
.Oper_Button_Update:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Delete {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #868383;
  color: white;
}
.Oper_Button_Delete:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Regist {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #ee6420;
}
.Oper_Button_Regist:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Exec {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #ee6420;
}
.Oper_Button_Exec:hover {
  opacity: 0.8;
  color: white;
}

.Oper_Button_Oper {
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  border: 2px solid #000;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 30px;
  margin-left: 5px;
  padding-top: 2px;
  border-radius: 10px;
  font-size: 12pt;
  background: #ee6420;
}
.Oper_Button_Oper:hover {
  opacity: 0.8;
  color: white;
}

.Group_Title {
  font-size: 16pt;
  font-weight: bold;
  margin-bottom: auto 10px;
}

.Space_Left_End_Button {
  margin-left: 100px;
}

.Space_Between_Button {
  margin-left: 10px;
}

#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
}

#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("/OSK/Image//Loading.gif") center center no-repeat;
}

/* ボタンの背景色と文字色をカスタマイズ */
.ui-dialog-buttonset {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  text-align: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.my-custom-button {
  background-color: #81807f;
  color: white;
  border: 1px solid #81807f;
  width: 120px;
}

/* ホバーやアクティブ時のスタイルをカスタマイズ */
.my-custom-button:hover, .my-custom-button:active {
  background-color: #8e8a7d;
  color: white;
  border: 1px solid #8e8a7d;
}/*# sourceMappingURL=style.css.map */