#scroll-to-top-btn{
	position: fixed;
	bottom: 10px;
	right: 10px;
	height: 50px;
	width: 50px;
	color: #FFF;
	font-size: 32px;
	background-color: #9E9E9E;
	border: none;
	border-radius: 50%;
	outline: none;
	transform: rotate(-90deg);
const scroll_to_top_btn = document.querySelector('#scroll-to-top-btn');

//クリックイベントを追加
scroll_to_top_btn.addEventListener( 'click' , scroll_to_top );

function scroll_to_top(){
	window.scroll({top: 0, behavior: 'smooth'});
};


//スクロール時のイベントを追加
window.addEventListener( 'scroll' , scroll_event );

function scroll_event(){
	
	if(window.pageYOffset > 400){
		scroll_to_top_btn.style.opacity = '1';
	}else	if(window.pageYOffset < 400){
		scroll_to_top_btn.style.opacity = '0';
	}
	
};
}


A:LINK  { COLOR: black; }                          
A:VISITED { COLOR: black; }
A:HOVER { COLOR: red; }
H1 {font-size:11pt;}


span.red{color:red;}

p{line-height:35px;
text-align:center;
}


p.red-special{color:red; font-size:20px;
line-height:24px}

p.red{color:red;
line-height:22px}

h2
{
    border: solid;
    border-width: 0px 0px 1px 15px;
    padding: 5px;
    border-color: blue;
    font-size: 150% ;
}


html, body {font-size: 12pt;
height: 100%;}  /*高さ100%に指定*/


body { background-image: url("jpg/lightbluegra.jpg"); 
background-repeat: repeat-x;
background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 950px;  /*中央配置するボックスの横幅*/
  min-height: 1180px;  /*中央配置するボックス縦幅*/
  background-color: white;
}
#wrapper {
  margin: -370px 0 0 -460px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 12%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 920px;  /*横幅*/
  height: 1510px;  /*縦幅*/
  background-color: white;
 border-top:solid 1px black;
  border-bottom:solid 1px black;
  border-right:solid 1px black;
  border-left:solid 1px black;
}

#logo {
position:absolute;
top: 230px;
left: 310px;
} 



#gnavi{
position:absolute;
top: -55px;
left: -18px;
}



#gnavi a:link { color: #666666; }
		#gnavi a:visited { color: #666666; }
		#gnavi a:hover { color: #FF0000; }
		#gnavi a:active { color: #FF0000; }
		
		#gnavi a{
			text-decoration: none;
		}
		*{
			margin:0px;
			padding:0px;
		}

		#gnavi ul{position:absolute;
                          top: -35px;
                          left: -235px;

			width:914px;
			height:45px;
			background-image:url(bg_gnavi.jpg);
			background-repeat:repeat-x;
			list-style-type:none;
			color:#FFFFFF;
		}
		#gnavi li{ text-align: center;

			float:left;
		}
		
		#gnavi li a{
			float:left;
			display:block;
			width:127px;
			height:35px;
			border-right:1px #E6E6FA solid;
			padding:10px 10px 0px 10px;
		}
		* html #gnavi li a{
			height:45px;
		}
		#gnavi li a:hover{
			background-image:url(bg_gnavi_on.jpg);
		}

#main {
background-color: white;
position:absolute;
top: 450px;
left: 255px;
width: 630px;
height: 1040px;
}

.075{
position:absolute;
top: 250px;
left: 0px;
}




.form{
position:absolute;
top: 490px;
left: 0px;
}

.qrcode{
position:absolute;
top: 865px;
left: 170px;
}

#sidemenu1 ul{float:left;
                           
			width:188px;
			height:35px;
			
                        
			list-style-type:none;
			
		}
#sidemenu1 li{ text-align: center;

			float:left;
                       
                        border-left:solid 5px green;
                        margin: 1px 0 8px 3px;
                        border-bottom:solid 2px grey;
			list-style-type:none;
			
		}
		
#sidemenu1 li a{text-decoration: none;
			float:left;
			display:block;
			width:188px;
			height:35px;
			
			padding:10px 10px 0px 10px;
		}
* html #sidemenu1 li a{
			height:45px;
		}
#sidemenu1 li a:hover{
			border-left:solid 5px red;
                        
		}

#sidemenu1{ background-color: white;
position:absolute;
border-right:solid 1px black;
top: 410px;
left: 0px;
width: 220px;
height:1098px;
}




/* A:▼テーブル全体の装飾▼ */
table.abc {
   border-collapse: collapse; /* 枠線を重ねる */
   border: 1px solid #aaaacc; /* 外枠の装飾 */
}
/* B:▼テーブル内側(セル)の装飾▼ */
table.abc th,
table.abc td {
   padding: 0.3em;            /* セル内側の余白量 */
   border: 1px solid #aaaacc; /* 内枠の装飾 */
}
/* C:▼テーブルの見出し部分の装飾▼ */
table.abc thead th {
   background-image: url("./jpg/trback4.jpg"); /* 背景画像 */
   background-position: bottom left; /* 背景画像の配置 */
   color: darkblue;           /* 文字色 */
   background-color: #eeeeff; /* (念のための背景色) */
}
/* D:▼各行の見出し部分の装飾▼ */
table.abc tbody th {
   background-color: #eeeeff;　/* 背景色 */
   color: darkblue;            /* 文字色 */
}