diff --git a/src/main/resources/templates/topmenu.html b/src/main/resources/templates/topmenu.html
index 4fc97dc..2fff6ee 100644
--- a/src/main/resources/templates/topmenu.html
+++ b/src/main/resources/templates/topmenu.html
@@ -1,31 +1,55 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-<meta charset="UTF-8">
-<title>トップメニュー</title>
+	<meta charset="UTF-8">
+	<title>トップメニュー</title>
 </head>
+
 <body>
+
+	<div class="header-bar">
+
+		<div class="header-left">
+			ShareBooks
+		</div>
+
+		<div class="header-right">
+
+			<span class="user">
+				テストユーザー（一般）
+			</span>
+
+			<a class="button-link" th:href="@{/logout}">
+				ログアウト
+			</a>
+		
+		</div>
+
+
+	</div>
+
 	<h1>
 		メインメニュー
 	</h1>
-	
-	
+
+
 	<!-- ===== 共通：社内図書一覧 ===== -->
-		<form method="post" name="社内図書一覧" action="book">
-		    <a href="javascript:form1.submit()">リンク名</a>
-				<button type="submit" class="btn-book">
+	<form method="post" name="社内図書一覧" action="book">
+		<a href="javascript:form1.submit()">リンク名</a>
+		<button type="submit" class="btn-book">
 
-				<h3>社内図書一覧</h3>
+			<h3>社内図書一覧</h3>
 
-				<p>
-					登録されている図書の<br> 一覧を表示します。
-				</p>
-				</button>
-		</form>
-		<hr> <!--区切り線-->
+			<p>
+				登録されている図書の<br> 一覧を表示します。
+			</p>
+		</button>
+	</form>
+	<hr> <!--区切り線-->
 
 	<!-- ===== 共通：寄贈申請 ===== -->
-	
+
 	<a class="card" href="/bookApproval">
 
 		<h3>寄贈申請</h3>
@@ -34,11 +58,11 @@
 			寄贈申請フォームの<br> 入力を行います。
 		</p>
 	</a>
-	
+
 	<hr>
-	
+
 	<!-- ===== 管理者のみ ===== -->
-	
+
 	<a class="card" href="/bookInsert">
 
 		<h3>新規図書登録</h3>
@@ -49,19 +73,19 @@
 	</a>
 
 	<hr>
-	
-	
+
+
 	<a class="card" href="/lendList">
-		
+
 		<h3>貸出中図書一覧</h3>
 
 		<p>
 			貸出中図書の<br> 一覧を表示します。
-		</p> 
+		</p>
 	</a>
-	
+
 	<hr>
-	
+
 	<a class="card" href="/approvalReceive">
 
 		<h3>寄贈申請受信BOX</h3>
@@ -70,16 +94,17 @@
 			寄贈申請の<br> 受信一覧を確認します。
 		</p>
 	</a>
-	
+
 	<hr>
-	
+
 	<a class="card" href="/passwordChange">
 		<h3>パスワード変更</h3>
-		
+
 		<p>
 			初期パスワードを<br> 変更します。
 		</p>
 	</a>
 
 </body>
+
 </html>
\ No newline at end of file