diff --git a/www/jk1qqb/20221224/index.html b/www/jk1qqb/20221224/index.html
index 4a8ff62..7c45ac2 100644
--- a/www/jk1qqb/20221224/index.html
+++ b/www/jk1qqb/20221224/index.html
@@ -11,6 +11,7 @@
 
         <!-- Bootstrap CSS -->
         <link rel="stylesheet" href="../../bootstrap.min.css">
+        <link rel="stylesheet" href="../../styles.css">
 
         <!-- OGP -->
         <meta property="og:url" content="https://hayaworld.net/jk1qqb/20221224/index.html">
@@ -29,10 +30,11 @@
     </head>
 
     <body class="text-white bg-dark">
-        <nav class="navbar navbar-dark" style="background-color:#444444;">
-            <a href="https://hayaworld.net/" class="navbar-brand text-warning">Hayaworld.net</a> <span class="navbar-text">- JK1QQB the amature radio station. -</span>
+        <nav class="navbar navbar-dark navbar-color">
+            <a href="https://hayaworld.net/" class="navbar-brand text-warning">Hayaworld.net</a>
+            <span class="navbar-text">- JK1QQB the amature radio station. -</span>
         </nav>
-        <div style="padding-left: 15px; padding-right: 15px; padding-top:5px;">
+        <div class="hayaworld-jk1qqb-container">
             <h1>無線運用@光が丘公園 2022/Dec./24</h1>
                 <p class="lead">
                     Thank you for your contact!<br>
diff --git a/www/styles.css b/www/styles.css
index 4f26f76..16a429f 100644
--- a/www/styles.css
+++ b/www/styles.css
@@ -4,4 +4,10 @@
 
 .hayaworld-header{
     padding-top: 8px;
+}
+
+.hayaworld-jk1qqb-container{
+    padding-left: 15px;
+    padding-right: 15px;
+    padding-top:5px;
 }
\ No newline at end of file
