<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://ruin.sakura.ne.jp/">
<title>山野・史跡探訪の備忘録</title>
<style type="text/css">

.whole {
margin-left:auto;
margin-right:auto;
width:100%; 
background-image:url("Picture/Aizu_East.JPG"); 
padding:0px;}

.contents1 {width:200px; padding:2px 10px; background-color:#FF8080;font-weight:bold;  font-size:90%; line-height:120%; font-family:"MS ゴシック"; color:#DF2520;}
.update {width:160px; padding:2px 5px 2px 50px; font-size:80%; color:#FF0000;}

.active {padding:2px 10px; font-style:italic; font-weight:bold; font-size:100%; line-height:100%; font-family:"MS P明朝"; color:#FF0000;}
.active2 {font-weight:bold; 
font-style:italic; font-size:200%; color:#000080;
}
.sample1{padding:0px; font-weight:normal;
font-size:13px;
line-height:100%;
}
.sample2 {
font-size:100%;
line-height:150%;
font-family:"MS ゴシック",sans-serif;
vertical-align:top;
text-align:left;
padding-left:10px;
padding-right:10px;
}
.sample3 {
font-weight:bold;
font-size:15px;
line-height:100%;
font-family:"MS ゴシック",sans-serif;
text-align:left;
color:#FFFFFF;
}

.nav1 {
list-style:none;
margin: 20px;
padding-left: 0;
}

a:hover{
	background-color : #ffd7ff;
	color : #ff0080;
}

</style>
<script type="text/javascript">

    /* onloadイベント発生した時に行う処理を記述 */
function init() {
		document.getElementById("ID1").src="revision_3.htm";
            }

function change(a){
if (a==3)
		document.getElementById("ID1").src="revision_3.htm";//リンク先変更
if (a==2)
		document.getElementById("ID1").src="revision_2.htm";//リンク先変更
if (a==1)
		document.getElementById("ID1").src="revision.htm";//リンク先変更
	}
// --></script>										
	
</head>

<body onload="init()" >


<div  class="whole">
               <ul class="nav1">
                      <li  class="active2">　</li>
                      <li  class="active">since Dec.  2002</li>
                      <li  class="active2"><font face="ＭＳ Ｐ明朝">山野・史跡探訪の備忘録</font></li>
               </ul>
             	   <p  class="sample2"><font face="ＭＳ Ｐ明朝"><br><br>2016年2月　ホームページのタイトル変更（旧タイトル：高原山探訪）。</font></p>
             <p  class="sample2"><font face="ＭＳ Ｐ明朝">ブラウザの検索機能（ Ctrf + F ）でトップページから地名を検索可能です。</font></p>
               <ul class="nav1">
                     <li class="contents1" ><a href="revision.htm"
                target="main">記録一覧（～2009）</a>
                     </li>
                     <li class="contents1" ><a href="revision_2.htm"
                target="main">記録一覧（2010～2019）</a>
                     </li>
                     <li class="contents1" ><a href="revision_3.htm"
                target="main">記録一覧（2020～）</a>
                     </li>
                     <li class="contents1" ><a href="sunbbs/html/index.html"
                target="main">其他</a>
                     </li>
                     <li class="contents1" ><a href="postmail/index.html"
                target="main">お問い合わせ</a>
                     </li>
                     <li  class="active"><p class="sample1"></p></li>
  　           </ul>
             <table>
                <tr>
                   <td width=20>
                      <p  class="sample3"></p>
                   </td>
                   <td width=100>
                      <p  class="sample3">年代を選択</p>
                   </td>
                   <td width=80 align=center>
                      <input type="button" value="～2009" onclick="change(1)">
                   </td>
                   <td width=80 align=center>
                      <input type="button" value="2010～2019" onclick="change(2)">
                   </td>
                   <td width=80 align=center>
                      <input type="button" value="2020～" onclick="change(3)">
                   </td>
               </tr>
            </table>

            <p><iframe src="document.getElementById("ID1").src" id="ID1" width=100% height="200" marginheight="0" marginwidth="0" scrolling="yes&quot;" align="center"> </iframe>
</p>
</div>
</body>
</html>