body,td,th {
	font-size: 14px;
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	line-height: 120%;
	background-image: url(image/bg.jpg);
	margin-bottom: 20px;
}
.style1 {
	font-size: 16px;
	color:#F60
}
.style2 {font-size: 12px}
.style3 {color: #CCCCCC}
.style4 {color: #804040}
.style8 {color: #FF8080}
.style11 {font-size: 9px}

a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: none;
	color: #FF8000;
}
a:active {
	text-decoration: none;
	color: #0000FF;
}

p.p1 {
	text-align:left;
	padding:0px 0px 0px 75px;
}



.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  background-color: #B8D5FC;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeOut 0s 3.5s forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.spinner {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid #FFF;
  border-left-color: #1082ce; 
  /* アニメーションを1秒かけて実行 */
  animation: spinner-rotation 1s linear infinite;
}

/* アニメーションの設定 */
@keyframes spinner-rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}