diff --git a/src/main/resources/templates/selectDepartment.html b/src/main/resources/templates/selectDepartment.html
new file mode 100644
index 0000000..51f21d1
--- /dev/null
+++ b/src/main/resources/templates/selectDepartment.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+	<script th:src="@{/js/common.js}"></script>
+	<link rel="stylesheet" th:href="@{/css/all.css}">
+	<link rel=stylesheet th:href="@{/css/style.css}" type="text/css">
+	<title>部署検索</title>
+</head>
+
+<body>
+	<h1>
+		部署検索条件入力　　　
+		<div class="rightSection">
+			<span class="loginInfo">ログイン者名：<span th:text="${session.loginUser.nmEmployee}"></span></span>
+			<button class="logoutButton" onclick="logoutSubmit()">ログアウト</button>
+		</div>
+	</h1>
+
+	<form action="selectDepartment" method="post" th:object="${searchConditionDepartmentForm}">
+		<div class="msgBox error" th:if="${messageError} != null">
+			<span class="error" th:text="${messageError.message}"></span>
+		</div>
+		<table>
+			<tr>
+				<th class="header">部署ID</th>
+				<td>
+					<input placeholder="部署ID" th:field="*{idDepartment}" type="number" />
+				</td>
+			</tr>
+			<tr>
+				<th class="header">部署名</th>
+				<!-- ★部署名の入力欄（type="text"）を作る -->
+				<td>
+					<input placeholder="部署名" th:field="*{nmDepartment}" type="text" />
+				</td>
+			</tr>
+			<tr>
+				<td class="btnArea" colspan="2"><input type="submit" value="検索" /></td>
+				<td class="btnArea" colspan="2"><button onclick="clearInput()">クリア</button></td>
+			</tr>
+		</table>
+	</form>
+
+	<a href="showMenu">メニューに戻る</a>
+	<h1><span>検索結果</span></h1>
+
+	<!-- ★検索結果が1件以上：表(部署ID・部署名)を th:each で繰り返す。変数は departmentFormList -->
+	<!-- departmentFormListから要素を順番に取り出す -->
+	<div th:if="${departmentFormList !=null and departmentFormList.size()> 0}">
+
+		<table>
+			<tr>
+<!--				<th>部署ID</th>-->
+				<th>部署名</th>
+			</tr>
+
+			<!-- 検索結果を1件ずつ取り出して表示 -->
+			<tr th:each="departmentForm : ${departmentFormList}">
+<!--				<td th:text="${departmentForm.idDepartment}"></td>-->
+				<td th:text="${departmentForm.nmDepartment}"></td>
+			</tr>
+		</table>
+
+	</div>
+
+</body>
+<script type="text/javascript">
+
+	<!--  ★部署名の入力欄も空にする（id は th:field が自動で作る） -->
+	function clearInput() {
+		document.getElementById('idDepartment').value = '';
+		document.getElementById('nmDepartment').value = '';
+	}
+</script>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/updateDepartmentInput.html b/src/main/resources/templates/updateDepartmentInput.html
new file mode 100644
index 0000000..4f96f90
--- /dev/null
+++ b/src/main/resources/templates/updateDepartmentInput.html
@@ -0,0 +1,12 @@
+// 実装手順書より
+
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Insert title here</title>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file