diff --git a/themes/cns_hp_theme/layouts/index.html b/themes/cns_hp_theme/layouts/index.html
index ee394f08cd11f87db72a5b11f0af64ca43e2454e..4e01b97b500f6f548f3692c5e563cc18a47ec1d8 100644
--- a/themes/cns_hp_theme/layouts/index.html
+++ b/themes/cns_hp_theme/layouts/index.html
@@ -62,12 +62,12 @@
       <a href="#">次へ</a>
     </nav>
 
-  </div>
+  </div><!--top menu-->
 
 
-  {{ partial "sidebar.html" }}
+  {{ partial "sidebar.html" .}}
 
-  </div>
+</div> <!--container-->
 
 {{ partial "footer.html" . }}
 
diff --git a/themes/cns_hp_theme/layouts/partials/sidebar.html b/themes/cns_hp_theme/layouts/partials/sidebar.html
index 176f89ab2bdf8a769ff8f83758fe821c09495641..95f79ed7d86d8f58fc10354e29c45b4f13fada60 100644
--- a/themes/cns_hp_theme/layouts/partials/sidebar.html
+++ b/themes/cns_hp_theme/layouts/partials/sidebar.html
@@ -1,7 +1,10 @@
+<!--This page: Side bar of container -->
+<link rel="stylesheet" href="{{ .Site.BaseURL }}css/sideba.css">
+
 <div class="sidebar">
-  <div class="topics">
-    This is the sidebar__item
 
+<!-- Topics (future :from Event pages)-->
+  <div class="topics">
   {{/* <h3>セクションを持たない記事ページ一覧（タイトル順）</h3>
       <ol>
         {{ range (where $.Site.RegularPages "Section" "").ByTitle }}
@@ -10,7 +13,7 @@
         {{ end }}
       </ol>
   */}}
-
+<article>
   <h3>Featureされたサイト内ページだけの配列</h3>
   <ol>
     {{ range .Pages }}
@@ -24,12 +27,13 @@
         {{ end }}
       {{ end }}
     {{ end }}
-  </ol>
-  </div>
+  </ol> 
+ </div>
 
+<!-- Link -->
   <div class="links">
-    <h3>関連リンク</h3>
     <a href="https://www.u-tokyo.ac.jp/"><img class="links" src="img/utokyo.jpg" width=180px height=auto></a>
     <a href="https://www.s.u-tokyo.ac.jp/"><img class="links" src="img/sos_utokyo.jpg" width=230px height=auto></a>
+    <a href=""><h3>関連リンク</h3></a>
   </div>
 </div>
diff --git a/themes/cns_hp_theme/static/css/sidebar.css b/themes/cns_hp_theme/static/css/sidebar.css
new file mode 100644
index 0000000000000000000000000000000000000000..d3edc03fbb51ebf63fb1282c84f9e2924d5602af
--- /dev/null
+++ b/themes/cns_hp_theme/static/css/sidebar.css
@@ -0,0 +1,31 @@
+/*
+ css file for sidebar
+ layouts/partial/sidebar.html
+ */
+
+.sidebar {
+  display: block;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 200px;
+  width: 320px;
+  height: 600px;
+  right: 15px;
+  color: #000;
+}
+/*
+.sidebar__item {
+  border: solid 8px red;
+  box-sizing: border-box;
+}
+.sidebar__item--fixed {
+  border: solid 8px red;
+  box-sizing: border-box;
+
+}
+.links {
+  border: solid 8px red;
+  box-sizing: border-box;
+
+}
+*/
diff --git a/themes/cns_hp_theme/static/css/split_container.css b/themes/cns_hp_theme/static/css/split_container.css
index 1027e5decc09b0c73536bed1b02a15ba78a01fb6..6388700916535647c762d969d2c917c78a75420b 100644
--- a/themes/cns_hp_theme/static/css/split_container.css
+++ b/themes/cns_hp_theme/static/css/split_container.css
@@ -10,35 +10,4 @@
   width: 100%;
   text-align: center;
 }
-/*
-.sidebar {
-  width: 320px;
-}
-*/
-
-.sidebar {
-  display: block;
-  position: -webkit-sticky;
-  position: sticky;
-  top: 200px;
-  width: 320px;
-  height: 600px;
-  right: 15px;
-  color: #000;
-}
-/*
-.sidebar__item {
-  border: solid 8px red;
-  box-sizing: border-box;
-}
-.sidebar__item--fixed {
-  border: solid 8px red;
-  box-sizing: border-box;
-
-}
-.links {
-  border: solid 8px red;
-  box-sizing: border-box;
 
-}
-*/