diff --git a/team1/src/main/resources/templates/applicationList.html b/team1/src/main/resources/templates/applicationList.html
new file mode 100644
index 0000000..78c0050
--- /dev/null
+++ b/team1/src/main/resources/templates/applicationList.html
@@ -0,0 +1,162 @@
+<!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>
+    <!-- CSSの読み込み -->
+    <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">
+        <button class="logoutButton" onclick="logoutSubmit()">ログアウト</button>
+    </div>
+</h1>
+
+<form action="selectEmployeeInfo"
+      method="post"
+      th:object="${searchConditionEmployeeForm}">
+
+    <div class="msgBox error" th:if="${messageError} != null">
+        <span class="error" th:text="${messageError.message}"></span>
+    </div>
+		<trtable>
+		    <tr>
+		        <th class="header">申請ID</th>
+		        <td>
+		            <input placeholder="申請ID"
+		                   th:field="*{idRequest}"
+		                   type="number"/>
+		        </td>
+		    </tr>
+			
+		    <tr>
+		        <th class="header">申請者名</th>
+		        <td>
+					<select th:field="*{nmApplication}">
+					    <option value=""></option>
+					    <option th:each="department : ${departmentFormList}"
+					            th:selected="${searchConditionEmployeeForm.idDepartment != null && department.idDepartment == searchConditionEmployeeForm.idDepartment}"
+					            th:text="${department.nmDepartment}"
+					            th:value="${department.idDepartment}">
+					    </option>
+					</select>
+		            <input placeholder="申請者名"
+		                   th:field="*{nmApplicant}"
+		                   type="text"/>
+		        </td>
+		    </tr>
+			
+			<tr>
+				<th class="header">書籍名</th>
+				<td>
+					<input placeholder="書籍名"
+		                   th:field="*{nmBook}"
+			               type="text"/>
+			            </td>
+			        </tr>
+		   
+		    <tr>
+		        <th class="header">申請日</th>
+		        <td>
+		            <input placeholder="申請日"
+		                   th:field="*{dateRequest}"
+		                   type="date"/>
+		        </td>
+		    </tr>
+			
+			<td>
+				<th class="header">貸出日</th>
+				<td>
+		            <input placeholder="貸出日"
+				           th:field="*{dateBorrow}"
+				           type="date"/>
+			</td>
+			</tr>
+			
+			<tr>
+			    <th class="header">返却予定日</th>
+			    <td>
+			        <input placeholder="返却予定日"
+			               th:field="*{dateScheduledReturn}"
+			               type="date"/>
+			    </td>
+			</tr>
+
+        <tr>
+            <th class="header">操作</th>
+            <td>
+                <button class="approvalButton" onclick="approvalSubmit()">承認</button>
+            </td>
+        </tr>
+    </table>
+</form>
+
+<div class="header-spacing"></div>
+<a href="showMenu">メニューに戻る</a>
+
+<div class="header-spacing"></div>
+<h1><span>検索結果</span></h1>
+
+<div class="header-spacing"></div>
+<th:block th:if="${messageInfo != null}">
+    <script th:inline="javascript">
+        alert([[${messageInfo.message}]]);
+    </script>
+</th:block>
+
+<div class="header-spacing"></div>
+<th:block th:if="${employeeInfoFormList != null and employeeInfoFormList.size() > 0}">
+    <!-- 検索結果が1件以上ある場合 -->
+    <table class="table-grid table-striped table-hover">
+        <thead>
+        <tr>
+            <th style="width: 60px;">申請ID</th>
+            <th style="width: 100px;">申請者名</th>
+            <th style="width: 150px;">書籍名</th>
+            <th style="width: 150px;">申請日</th>
+            <th style="width: 100px;">貸出日</th>
+            <th style="width: 70px;">返却予定日</th>
+            <th style="width: 150px;">操作</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr th:each="employeeInfoForm : ${employeeInfoFormList}">
+            <td th:text="${employeeInfoForm.idEmployee}"></td>
+            <td th:text="${employeeInfoForm.nmEmployee}"></td>
+            <td th:text="${employeeInfoForm.knEmployee}"></td>
+            <td th:text="${employeeInfoForm.mailAddress}"></td>
+            <td th:text="${employeeInfoForm.password}"></td>
+            <td th:text="${employeeInfoForm.adminAuth}"></td>
+            <td th:text="${employeeInfoForm.nmDepartment}"></td>
+        </tr>
+        </tbody>
+    </table>
+</th:block>
+
+<th:block th:if="${employeeInfoFormList == null or employeeInfoFormList.size() == 0}">
+    <!-- 検索結果が0件の場合 -->
+    現在書籍貸出の申請はありません。
+</th:block>
+
+</body>
+<script type="text/javascript">
+
+    function clearInput() {
+        document.getElementById('idRequest').value = '';
+        document.getElementById('idApplicant').value = '';
+        document.getElementById('nmBook').value = '';
+        document.getElementById('dateRequest').value = '';
+        document.getElementById('dateBorrow').value = '';
+		document.getElementById('dateReturn').value = '';
+		document.getElementById('dateRequest').selectedIndex = 0;
+    }
+
+
+</script>
+</html>
\ No newline at end of file