diff --git a/config.toml b/config.toml
index 034d20163465a664fa41a2a6ac4068482e78323d..ed6683da30263bb688c4edb212a355977e68601b 100644
--- a/config.toml
+++ b/config.toml
@@ -38,7 +38,13 @@ title = "Center for Nuclear Study"
     "img/top_figures/Fundamental_Symmetry.jpg",
     "img/top_figures/OEDOa.jpg",
     "img/top_figures/Quark.jpg",
-    "img/top_figures/hyperECR.jpg"
+    "img/top_figures/hyperECR.jpg",
+    "img/top_figures/CRIB.jpg",
+    "img/top_figures/DONUTS.jpg",
+    "img/top_figures/NUSPEQ.jpg",
+    "img/top_figures/ENR.jpg",
+    "img/top_figures/Theory.png"
+
   ]
 #  gcse = "012345678901234567890:abcdefghijk" # Get your code from google.com/cse. Make sure to go to "Look and Feel" and change Layout to "Full Width" and Theme to "Classic"
 
diff --git a/static/img/top_figures/CRIB.jpg b/static/img/top_figures/CRIB.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..45e8f519b905d1c36d00b4f02975c052439714ff
Binary files /dev/null and b/static/img/top_figures/CRIB.jpg differ
diff --git a/static/img/top_figures/DONUTS.jpg b/static/img/top_figures/DONUTS.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cbbcd6d4ee233995120c9c0fe0feca0c49d79a95
Binary files /dev/null and b/static/img/top_figures/DONUTS.jpg differ
diff --git a/static/img/top_figures/ENR.jpg b/static/img/top_figures/ENR.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..dbd5225496054df09956655d09d8614fadf63e4d
Binary files /dev/null and b/static/img/top_figures/ENR.jpg differ
diff --git a/static/img/top_figures/NUSPEQ.jpg b/static/img/top_figures/NUSPEQ.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9409d93b99e25b127db66bbb48486773e95ca584
Binary files /dev/null and b/static/img/top_figures/NUSPEQ.jpg differ
diff --git a/static/img/top_figures/Theory.png b/static/img/top_figures/Theory.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2249188eae3fcd971e51854d2d32dc9b9adcdc1
Binary files /dev/null and b/static/img/top_figures/Theory.png differ
diff --git a/themes/cns_hp_theme/layouts/index.html b/themes/cns_hp_theme/layouts/index.html
index 0ba60d16b2b3076183b64fedea38513ecc8df9d1..3a704ed47fd382daca9ab9049ce692da24499206 100644
--- a/themes/cns_hp_theme/layouts/index.html
+++ b/themes/cns_hp_theme/layouts/index.html
@@ -67,41 +67,9 @@
   </div>
 
 
-
-  <div class="sidebar">
-    <div class="sidebar__item">
-      This is the sidebar__item
-    </div>
-    <div class="sidebar__item sidebar__item--fixed">
-      This is the sidebar__item--fixed
-
-{{/*        <h3>セクションを持たない記事ページ一覧（タイトル順）</h3>
-        <ol>
-          {{ range (where $.Site.RegularPages "Section" "").ByTitle }}
-          <li><a href="{{ .RelPermalink }}">{{ .Title }}</a>
-          <a href="www.google.com">GOOGLE</a>
-          {{ end }}
-        </ol>
-*/}}
-    <h3>Featureされたサイト内ページだけの配列</h3>
-    <ol>
-      {{ range .Pages }}
-        {{ if (.Param "mkbanner") }}
-          <li><a href="{{ .RelPermalink }}">Page {{ .Title }} is bannered</a>
-        {{ else }}
-          {{ if .Title }}
-            <li> Page <a href="{{ .RelPermalink }}">{{ .Title }}</a> is not bannered
-          {{ else }}
-            <li> Page is not titled
-          {{ end }}
-        {{ end }}
-      {{ end }}
-    </ol>
+  {{ partial "sidebar.html" }}
 
   </div>
-</div>
-
-
 
 {{ partial "footer.html" . }}
 
diff --git a/themes/cns_hp_theme/layouts/partials/sidebar.html b/themes/cns_hp_theme/layouts/partials/sidebar.html
new file mode 100644
index 0000000000000000000000000000000000000000..5168c993b7be6ba02c039f74a33b3ee6974551cd
--- /dev/null
+++ b/themes/cns_hp_theme/layouts/partials/sidebar.html
@@ -0,0 +1,40 @@
+<div class="sidebar">
+  <div class="sidebar__item">
+    This is the sidebar__item
+  </div>
+  <div class="sidebar__item sidebar__item--fixed">
+    This is the sidebar__item--fixed
+
+  {{/* <h3>セクションを持たない記事ページ一覧（タイトル順）</h3>
+      <ol>
+        {{ range (where $.Site.RegularPages "Section" "").ByTitle }}
+        <li><a href="{{ .RelPermalink }}">{{ .Title }}</a>
+        <a href="www.google.com">GOOGLE</a>
+        {{ end }}
+      </ol>
+  */}}
+
+  <h3>Featureされたサイト内ページだけの配列</h3>
+  <ol>
+    {{ range .Pages }}
+      {{ if (.Param "mkbanner") }}
+        <li><a href="{{ .RelPermalink }}">Page {{ .Title }} is bannered</a>
+      {{ else }}
+        {{ if .Title }}
+          <li> Page <a href="{{ .RelPermalink }}">{{ .Title }}</a> is not bannered
+        {{ else }}
+          <li> Page is not titled
+        {{ end }}
+      {{ end }}
+    {{ end }}
+  </ol>
+
+  </div>
+  <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>
+    
+
+  </div>
+</div>
diff --git a/themes/cns_hp_theme/static/css/split_container.css b/themes/cns_hp_theme/static/css/split_container.css
index bc099ec2d59b2a7cd3c9f4497675032898eafa83..1027e5decc09b0c73536bed1b02a15ba78a01fb6 100644
--- a/themes/cns_hp_theme/static/css/split_container.css
+++ b/themes/cns_hp_theme/static/css/split_container.css
@@ -1,25 +1,44 @@
 .container {
   /* main + topics + link */
-  width: 1000px;
-  display: -webkit-flex;
-  display: flex;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  width: 100%;
 }
 .top_menu {
   display: block;
-  width: 660px;
-  margin-right: 20px;
+ /* width: 660px; */
+  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 {
-  margin-bottom: 20px;
+  border: solid 8px red;
+  box-sizing: border-box;
 }
 .sidebar__item--fixed {
-  position: sticky;
-  margin-bottom: 0;
-  top: 10px;
-  z-index: 1;
-}
+  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/img/sos_utokyo.jpg b/themes/cns_hp_theme/static/img/sos_utokyo.jpg
new file mode 100755
index 0000000000000000000000000000000000000000..d1efe1da38c5f8c8671b6ddb08090698e2601d5e
Binary files /dev/null and b/themes/cns_hp_theme/static/img/sos_utokyo.jpg differ
diff --git a/themes/cns_hp_theme/static/img/utokyo.jpg b/themes/cns_hp_theme/static/img/utokyo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f54aa505dcf72530da5c2bfe7a3b7e1e2321578d
Binary files /dev/null and b/themes/cns_hp_theme/static/img/utokyo.jpg differ