html { 
  font-size: calc((100vw - 320px) / 140 + 16px);
}
body {
  background-image:url(./bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  font-size: 1.8rem;
}
table {
  background-color:#ffffff;
  font-size: 1.8rem;
}

input { 
  font-size: 1.8rem;
}
select { 
  font-size: 1.8rem;
}

table.out {
	background-color:#cccccc;
	color:#000000;
	padding:20px;
	width:80vw;
}
div.l {background-color:#666666; color:#ffffff;}
div {
	background-color:#A0A0A0;
	color:#ffffff;
	width:80vw;
}
ntc {color:#FF0000;}
h2 {color:#000000;}
h4, h5 {text-decoration: underline;}
a {font-weight: bold;}
a:link {color:#0000ff; text-decoration:none;}
a:visited {color:#660099; text-decoration:none;}
a:focus {color:#FF0000; text-decoration:none;}
a:hover {color:#FF0000; text-decoration:underline;}
a:active {color:#FF0000; text-decoration:underline;}
TH {
  color: #ffffff; /* �����̐F */
  background-color: #666699; /* �w�i�̐F */
  border-style: solid; /* �g�̎�� */
  border-color: #9999cc #333366 #333366 #9999cc; /* �g�̐F */
  border-width: 1px; /* �g�̕� */
}
TD {
  background-color: #99CCCC; /* �w�i�̐F */
  border-style: solid; /* �g�̎�� */
  border-color: #ccccff #666699 #666699 #ccccff; /* �g�̐F */
  border-width: 1px; /* �g�̕� */
}