.fixed-header {
  position: sticky; /* ヘッダーを固定する */
  top: 0; /* 画面の上部に固定 */
  width: 100%; /* 画面の幅いっぱいに広げる */
  background-image:url(kabe-top1.png);/* 背景色を設定 */
  color: white; /* テキストの色を設定 */
  padding: 10px; /* 内側の余白を設定 */
  z-index: 70; /* ヘッダーを他の要素の上に表示 */
}

body {
  margin-top: 100px; /* ヘッダーの高さ分だけ下げる */
}




@media  (max-width: 768px) {
   body {
    font-size: 1vw;
  }

#pagetop,
#pagebottom {
    font-size:3vw;
}



img {
    max-width: 80%;
    height: auto;
}

contents{
  img{
    max-width:18vw;
}
}



img {
    max-width: 30%;
    height: auto;
}




table {
  border-collapse: collapse;
  font-size: 15px;
}


table,
th,
td {
  border: 0px solid #b0b0b0;
}


 }
th {
  background-image:url(kabe-profile.gif);
  color: #fff;


}

tbody tr:nth-child(even) td {
  background-color: #f0f8ff;

}

tbody tr:nth-child(even) td {
  color:olive;
}







body {
background-image:url(kabe-diary.gif);
    text-align:center;
    margin:0 0 0 0;
    padding: 0 0 0 0;
}


.ContentsFrame {
    background-image:url(kabe-profile.gif);
    max-width:950px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

    margin: 0;
}
table{
    width: 75%;