diff --git a/mokumoku.css b/mokumoku.css
index a199f1d..df10e67 100644
--- a/mokumoku.css
+++ b/mokumoku.css
@@ -1,5 +1,8 @@
 body{background-color:#f5f5dc	;}
 
+div.zekkei{text-align:center;}
+
+
 /*  home iroiro*/
 nav{
 text-align: center;
@@ -19,15 +22,15 @@
 }
 nav a{
 text-decoration: none;
-color: #333;
+color: #333; //kuraihaiiiro
 }
 nav a.home{
 color: #00B0F0;
 border-bottom:2px solid #00B0F0;
 }
 nav a:hover{
-color:#F7CB4D;
-border-bottom:2px solid #F7CB4D;
+color:#ff8c00;
+border-bottom:2px solid #ff8c00;
 }
 
 
@@ -56,8 +59,10 @@
 object-fit:cover; /*アスペクト比を維持したまま拡大縮小*/
 }
 
-/*写真に文字表示*/
-img.spring,img.summer,img.autumn,img.winter:hover span.moji{display:inline;}
+/**/
+div.a{display:flex;
+text-align:center;
+}
 
 
 
diff --git a/mokumoku.html b/mokumoku.html
index 90d13e5..35f4569 100644
--- a/mokumoku.html
+++ b/mokumoku.html
@@ -13,27 +13,37 @@
 <ul>
 <li ><a clas="home" href="http://roy/~c120110/2022-tree/mokumoku.html"><span></span>HOME</a></li>
 <li ><a href="http://roy/~c120111/question.html">QUIZ</a></li>
-<li ><a href="http://roy/~c120110/2022-tree/map.html">MAP</a></li>
+<li ><a href="http://roy/~c121212/sys.html">MAP</a></li>
 <li ><a href="http://roy/~c120110/2022-tree/kanko.html">観光</a></li>
 </ul>
 </nav>
+<div class="zekkei">
+<img src="photo/zekkei.JPG" alt="絶景" title="展望地" width="400"height="300" >
+</div>
 
-<div>
+
+<div class="a">
+<div >
 <h2>春</h2>
 <img src="../2022-tree/spring.jpg" title="日和山の桜まつり"   class="spring">
-<span class="moji">日和山の桜まつり</span>
-
+<a href="http://roy/~c120110/2022-tree/mokumoku.html">はるのページ </a>
+</div>
+<div >
 <h2>夏</h2>
 <img src="../2022-tree/summer.jpg" title="銀杏の"  class="summer">
-<span class="moji">銀杏のみ</span>
-
+<a href="http://roy/~c120110/2022-tree/mokumoku.html">なつのページ </a>
+</div>
+<div >
 <h2>秋</h2>
 <img src="../2022-tree/autumn.jpg" title="鶴岡七ツ滝"  class="autumn">
-<span class="moji">鶴岡七ツ滝</span>
-
+<a href="http://roy/~c120110/2022-tree/mokumoku.html">あきのページ </a>
+</div>
+<div >
 <h2>冬</h2>
-<img src="../2022-tree/winter.jpg" title="羽黒山五重の塔"  class="winter">
-<span class="moji">羽黒山五重の塔</span>
+<img src="../2022-tree/winter.jpg" title="羽黒山五重の塔"
+class="winter">
+<a href="http://roy/~c120110/2022-tree/mokumoku.html">ふゆのページ </a>
+</div>
 </div>
 
 
@@ -46,11 +56,12 @@
 <!--
 var d = new Date();
 var m = d.getMonth();
-document.body.classList.add("m"+m);
+document.body.classList.add("m"+m); 
 
 
 
 //-->
+<!--jsはとりあえずこのまま//-->
 </script>
 </body>
 </html>