diff --git a/test_data/src/style/common.css b/test_data/src/style/common.css
index 79dd490..4487c09 100644
--- a/test_data/src/style/common.css
+++ b/test_data/src/style/common.css
@@ -20,6 +20,7 @@
       div.image                       {background-color:magenta}
       div.pdf object                  {background-color:mediumaquamarine}
       div.x-empty                     {background-color:mediumseagreen} 
+      div#archive_exit                {background-color: rgba(123, 60, 99, 0.9)};
       */
      
 
@@ -58,6 +59,12 @@
         animation: rainbowLinkText 3s;
       }
 
+      a.anchor {
+        display: block;
+        position: relative;
+        visibility: hidden;
+      }
+
       a:hover text, a:focus text, a:active text { animation-duration: 1s; animation-name: rainbowLink; animation-iteration-count: infinite; } 
       @keyframes rainbowLink {0% {fill: #ff2a2a;} 15% {fill: #ff7a2a;} 30% {fill: #ffc52a; }45% {fill: #43ff2a; }60% {fill: #2a89ff; }75% {fill: #202082; }90% {fill: #6b2aff; } 100% {fill: #e82aff; }}
       @keyframes rainbowLinkText {0% {color: #ff2a2a;} 15% {color: #ff7a2a;} 30% {color: #ffc52a; }45% {color: #43ff2a; }60% {color: #2a89ff; }75% {color: #202082; }90% {color: #6b2aff; } 100% {color: #e82aff; }}
@@ -160,7 +167,6 @@
 
       div#archive_exit {
         top:0px;
-        background-color: rgba(123, 60, 99, 0.9);
         z-index: 99;
         position: fixed;
         width: 100%;
@@ -205,7 +211,9 @@
       img#icon_archive_more {width: 16px;}
 
 
-      
+      a.anchor {
+        top: -50px;
+      }
       
       /***** pc *****/
       @media ( min-width: 780px ) {
@@ -300,6 +308,7 @@
           z-index: 10;
           left: 100px;
           height: calc(100% - 200px);
+          overflow-y: scroll;
         }
 
         div#fragment_wrapper {
@@ -364,6 +373,10 @@
           max-width: 1000px; */
         }
 
+        a.anchor {
+          top: -200px;
+        }
+
       }
 
       @media ( min-width: 1080px ) {