diff --git a/src/main/resources/templates/fixed_cost.html b/src/main/resources/templates/fixed_cost.html
new file mode 100644
index 0000000..e961f40
--- /dev/null
+++ b/src/main/resources/templates/fixed_cost.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<meta charset="UTF-8">
+	<title>固定費詳細</title>
+	<link rel="stylesheet" th:href="@{/css/transaction_detail.css}">
+
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+
+<body class="pb-5 pt-5">
+
+	<div th:replace="~{header :: header}"></div>
+	<h1 th:text="${today}"></h1>
+
+	<div>
+		<ul>
+			<li th:each="fixedCostForm : ${fixedCostFormList}" class="transaction-item">
+
+				<div>
+					<p>
+						カテゴリ名：
+						<span th:text="${fixedCostForm.categoryName}"></span>
+						<br>
+						固定費名：
+						<span th:text="${fixedCostForm.fixedCostName}"></span>
+						<br>
+						金額：
+						<span th:text="${fixedCostForm.amount}"></span>
+					</p>
+				</div>
+
+				<div class="transaction-buttons">
+
+					<form th:action="@{/transaction/create}" method="get">
+						<input type="hidden" name="fixedCostId" th:value="${fixedCostForm.fixedCostId}">
+						<input type="hidden" name="today" th:value="${today}">
+						<button type="submit">登録</button>
+					</form>
+
+					<form th:action="@{/fixed-cost/delete}" method="post">
+						<input type="hidden" name="fixedCostId" th:value="${fixedCostForm.fixedCostId}">
+						<input type="hidden" name="today" th:value="${today}">
+						<button type="submit">削除</button>
+					</form>
+
+				</div>
+
+				<hr>
+				<hr>
+			</li>
+		</ul>
+	</div>
+
+
+
+	<form th:action="@{/fixed-cost/create}" method="get">
+		<input type="hidden" name="today" id="today" th:value="${today}">
+		<button type="submit">新規登録</button>
+	</form>
+
+	<div th:replace="~{footer :: footer}"></div>
+</body>
+
+</html>
\ No newline at end of file