/*step*/

#step {
	margin-top: 10px;
	margin-bottom: 10px;
}


/*index area*/
.index_box {
	margin:  auto;
	padding: 0px;
	height: 470px;
	width: 80%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #7e7eff;
	border-right-color: #7e7eff;
	background-color: #e5e5ff;
}

/*search area*/
.search_box {
	margin: auto;
	padding: 0px;
	height: 230px;
	width: 90%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #7e7eff;
	border-right-color: #7e7eff;
	background-color: #e5e5ff;
}


/*keywordSearch area*/
.kSearch_box {
	margin: auto;
	padding: 0px;
	height: 100px;
	width: 90%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #7e7eff;
	border-right-color: #7e7eff;
	background-color: #e5e5ff;
}


/* スクロール用ラッパー */
.table-wrapper {
  overflow-x: auto;
  max-width: 100%;
  max-height: 600px;   /* 縦スクロールさせたい高さ */
}

/* table kuuki */
table.kuukiTable {
  border-collapse: collapse;
  border: 1px solid #999999;
  table-layout: fixed;
  width: max-content; /* 中身に合わせて横に伸びる */
}

table.kuukiTable th,
table.kuukiTable td {
  border: 1px solid #999999;
  padding: 4px 6px;
  text-align: left;
  font-size: 10px;
  word-wrap: break-word;
  white-space: normal;
}

/* 左端の列を固定 */
table.kuukiTable th.thHead,
table.kuukiTable td.thHead {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  background: #006600;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
}

/* 通常ヘッダー */
table.kuukiTable th {
  background: #e6e6e6;
  text-align: left;
}

/* データセル */
table.kuukiTable td {
  width: 750px;
  min-width: 750px;
  max-width: 750px;
  background: #ffffff;
  text-align: left;
}

/* 偶数列を薄いグレーに */
table.kuukiTable td:nth-child(even) {
  background: #f7f7f7;
}

/* タイトル部分 */
.table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 5;
}

.table-header .title-left {
  display: flex;
  gap: 10px;
}

.table-header .main-title {
  color: #006600;
}

.table-header .sub-title {
  color: #333333;
  font-weight: normal;
}

.table-header .next-link {
  font-size: 12px;
  color: #0066cc;
  text-decoration: none;
}

.table-header .next-link:hover {
  text-decoration: underline;
}


/*table yousui*/
table.yousuiTable {
  border-collapse: collapse;
  border: 1px solid #999999;
  table-layout: fixed;
  width: max-content; /* 中身に合わせて横に伸びる */
}

table.yousuiTable th,
table.yousuiTable td {
  border: 1px solid #999999;
  padding: 4px 6px;
  text-align: left;
  font-size: 10px;
  word-wrap: break-word;
  white-space: normal;
}

/* 左端の列を固定 */
table.yousuiTable th.thHead,
table.yousuiTable td.thHead {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  background: #003366;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
}

/* 通常ヘッダー */
table.yousuiTable th {
  background: #e6e6e6;
  text-align: left;
}

/* データセル */
table.yousuiTable td {
  width: 750px;
  min-width: 750px;
  max-width: 750px;
  background: #ffffff;
  text-align: left;
}

/* 偶数列を薄いグレーに */
table.yousuiTable td:nth-child(even) {
  background: #f7f7f7;
}

/* タイトル部分 */
.table-header-yousui {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 5;
}

.table-header-yousui .title-left {
  display: flex;
  gap: 10px;
}

.table-header-yousui .main-title {
  color: #003366;
}

.table-header-yousui .sub-title {
  color: #333333;
  font-weight: normal;
}

.table-header-yousui .next-link {
  font-size: 12px;
  color: #0066cc;
  text-decoration: none;
}

.table-header-yousui .next-link:hover {
  text-decoration: underline;
}




/*table computer*/
table.computerTable {
  border-collapse: collapse;
  border: 1px solid #999999;
  table-layout: fixed;
  width: max-content; /* 中身に合わせて横に伸びる */
}

table.computerTable th,
table.computerTable td {
  border: 1px solid #999999;
  padding: 4px 6px;
  text-align: left;
  font-size: 10px;
  word-wrap: break-word;
  white-space: normal;
}

/* 左端の列を固定 */
table.computerTable th.thHead,
table.computerTable td.thHead {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  background: #660066;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
}

/* 通常ヘッダー */
table.computerTable th {
  background: #e6e6e6;
  text-align: left;
}

/* データセル */
table.computerTable td {
  width: 750px;
  min-width: 750px;
  max-width: 750px;
  background: #ffffff;
  text-align: left;
}

/* 偶数列を薄いグレーに */
table.computerTable td:nth-child(even) {
  background: #f7f7f7;
}

/* タイトル部分 */
.table-header-computer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 5;
}

.table-header-computer .title-left {
  display: flex;
  gap: 10px;
}

.table-header-computer .main-title {
  color: #660066;
}

.table-header-computer .sub-title {
  color: #333333;
  font-weight: normal;
}

.table-header-computer .next-link {
  font-size: 12px;
  color: #0066cc;
  text-decoration: none;
}

.table-header-computer .next-link:hover {
  text-decoration: underline;
}



/*table architecture*/
table.architectureTable {
  border-collapse: collapse;
  border: 1px solid #999999;
  table-layout: fixed;
  width: max-content; /* 中身に合わせて横に伸びる */
}

table.architectureTable th,
table.architectureTable td {
  border: 1px solid #999999;
  padding: 4px 6px;
  text-align: left;
  font-size: 10px;
  word-wrap: break-word;
  white-space: normal;
}

/* 左端の列を固定 */
table.architectureTable th.thHead,
table.architectureTable td.thHead {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  background: #990000;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
}

/* 通常ヘッダー */
table.architectureTable th {
  background: #e6e6e6;
  text-align: left;
}

/* データセル */
table.architectureTable td {
  width: 750px;
  min-width: 750px;
  max-width: 750px;
  background: #ffffff;
  text-align: left;
}

/* 偶数列を薄いグレーに */
table.architectureTable td:nth-child(even) {
  background: #f7f7f7;
}

/* タイトル部分 */
.table-header-arch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 5;
}

.table-header-arch .title-left {
  display: flex;
  gap: 10px;
}

.table-header-arch .main-title {
  color: #990000;
}

.table-header-arch .sub-title {
  color: #333333;
  font-weight: normal;
}

.table-header-arch .next-link {
  font-size: 12px;
  color: #0066cc;
  text-decoration: none;
}

.table-header-arch .next-link:hover {
  text-decoration: underline;
}



/*table general*/
table.generalTable {
  border-collapse: collapse;
  border: 1px solid #999999;
  table-layout: fixed;
  width: max-content; /* 中身に合わせて横に伸びる */
}

table.generalTable th,
table.generalTable td {
  border: 1px solid #999999;
  padding: 4px 6px;
  text-align: left;
  font-size: 10px;
  word-wrap: break-word;
  white-space: normal;
}

/* 左端の列を固定 */
table.generalTable th.thHead,
table.generalTable td.thHead {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  background: #008080;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
}

/* 通常ヘッダー */
table.generalTable th {
  background: #e6e6e6;
  text-align: left;
}

/* データセル */
table.generalTable td {
  width: 750px;
  min-width: 750px;
  max-width: 750px;
  background: #ffffff;
  text-align: left;
}

/* 偶数列を薄いグレーに */
table.generalTable td:nth-child(even) {
  background: #f7f7f7;
}

/* タイトル部分 */
.table-header-general {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 5;
}

.table-header-general .title-left {
  display: flex;
  gap: 10px;
}

.table-header-general .main-title {
  color: #008080;
}

.table-header-general .sub-title {
  color: #333333;
  font-weight: normal;
}

.table-header-general .next-link {
  font-size: 12px;
  color: #0066cc;
  text-decoration: none;
}

.table-header-general .next-link:hover {
  text-decoration: underline;
}




#Main .maintable .content .k_box .keynote_box .lead_regist {
	padding: 10px;
	width: 464px;
	border: 2px solid #CC466C;
	margin-top: 10px;
	margin-bottom: 10px;
}