diff --git a/book-rent/src/main/resources/templates/bookList.html b/book-rent/src/main/resources/templates/bookList.html
new file mode 100644
index 0000000..043c10a
--- /dev/null
+++ b/book-rent/src/main/resources/templates/bookList.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<meta charset="UTF-8">
+	<title>書籍一覧</title>
+</head>
+
+<body>
+	<form action="selectBook" method="post" th:object="${searchConditionBookForm}">
+	    <div class="msgBox error" th:if="${messageError} != null">
+	        <span class="error" th:text="${messageError.message}"></span>
+	    </div>
+	    <table>
+	        <tr>
+	            <th class="header">書籍名</th>
+	            <td><input placeholder="書籍名" th:field="*{nm_book}" type="text"/></td>
+	        </tr>
+	        <tr>
+	            <th class="header">出版社</th>
+	            <td><!-- ★部署名の入力欄（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 -->
+	<!-- ★0件：「検索結果はありません。」を表示 -->
+
+</body>
+
+</html>
\ No newline at end of file