diff --git a/book-rent/src/main/resources/templates/application.html b/book-rent/src/main/resources/templates/application.html
new file mode 100644
index 0000000..de80674
--- /dev/null
+++ b/book-rent/src/main/resources/templates/application.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<meta charset="UTF-8">
+	<title>書籍貸出申請画面</title>
+	<!--	<link rel="stylesheet" th:href="@{/css/style.css}">-->
+</head>
+
+<body>
+	<table>
+		<!-- エラーメッセージ -->
+		<div class="msgBox error" th:if="${messageError != null}">
+			<span class="error" th:text="${messageError.message}"></span>
+			<th class="header">蔵書ID</th>
+			<td>
+				<input placeholder="蔵書ID" th:field="*{id_book}" type="number" />
+			</td>
+			<th class="header">書籍名</th>
+			<td>
+				<input placeholder="蔵書ID" th:field="*{nm_book}" type="text" />
+			</td>
+			<th class="header">貸出日</th>
+			<td>
+				<input placeholder="貸出日" th:field="*{date_borrow}" type="text" />
+			</td>
+			<th class="header">返却予定日</th>
+			<td>
+				<input placeholder="返却予定日" th:field="*{date_schedule_return}" type="text" />
+			</td>
+
+			<a href="applicationConfirm/html" class="btn"> 申請確認</a>
+	</table>
+	<a href="@{/boolList.html}">書籍一覧に戻る</a>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/book-rent/src/main/resources/templates/applicationConfirm.html b/book-rent/src/main/resources/templates/applicationConfirm.html
new file mode 100644
index 0000000..cc28384
--- /dev/null
+++ b/book-rent/src/main/resources/templates/applicationConfirm.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<meta charset="UTF-8">
+	<title>書籍貸出申請画面</title>
+	<!--	<link rel="stylesheet" th:href="@{/css/style.css}">-->
+</head>
+
+<body>
+	<table>
+		<!-- エラーメッセージ -->
+		<div class="msgBox error" th:if="${messageError != null}">
+			<span class="error" th:text="${messageError.message}"></span>
+			<th class="header">蔵書ID</th>
+			<td>
+				<input placeholder="蔵書ID" th:field="*{id_book}" type="number" />
+			</td>
+			<th class="header">書籍名</th>
+			<td>
+				<input placeholder="蔵書ID" th:field="*{nm_book}" type="text" />
+			</td>
+			<th class="header">貸出日</th>
+			<td>
+				<input placeholder="貸出日" th:field="*{date_borrow}" type="text" />
+			</td>
+			<th class="header">返却予定日</th>
+			<td>
+				<input placeholder="返却予定日" th:field="*{date_schedule_return}" type="text" />
+			</td>
+
+			<a href="applicationComplete/html" class="btn"> 申請</a>
+	</table>
+	<a href="@{/application}">申請情報入力</a>
+</body>
+
+</html>
\ No newline at end of file