body{ background-color:#000; color:#C0C0C0; font-size:85%; line-height:190%; letter-spacing:0.1em;
  font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  margin:0; padding:0; max-width: 960px; margin-right: auto; margin-left : auto;}

body { background: url(../img/will.jpg) center center / cover no-repeat fixed; }

body, th, td { cursor:default ; }

input,textarea, select { color:#C0C0C0; background-color: rgba(255,0,0,0.3); border:1px solid rgba(255,0,0,0.6);}

a:link { transition:0.3s ; color:#ff0066; } a:visited{ color:#ff0066; } a:active{ color:#fff; }
a:hover { color:#fff; cursor:hand; text-decoration : none;}

a img { border:none; }

br { letter-spacing:normal ; }

#header{
  width:auto;
  height:auto;
  text-align : center;
  padding: 10px 0px;
  border: 0px solid rgba(0,0,0,0.1);
  vertical-align: bottom;
  background-color: rgba(0,0,0,0.8);
}

#contents{
  height:auto;
  max-width: 920px;
  max-height: 100%;
  margin-right: auto;
  margin-left : auto;
  margin: 0px;
  padding: 10px 20px;
  border: 0px solid rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.8);
  text-align : center;
}

#footer{
  width: auto;
  height:auto;
  color: #fff;
  font-weight: bold;
  text-align : center;
  border: 0px solid rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.8);
}

.nav a {
  color: #fff;
  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  padding: 0px 10px;
  text-decoration: none;
}
.nav a:hover {
  color: #fff;
  filter: alpha(opacity=99);
  -moz-opacity:0.99;
  opacity:0.99;
}

h1 {
  color: #fff;
  font-size: 150%;
}

h2 {
  color: #fff;
  font-size: 120%;
	position: relative;
	padding: 0 .4em .1em;
}
h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: rgba(255,0,0,0.5);
}

h3 {
  font-size: 100%;
}

h4 {
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6 { margin-top: 0.2em; margin-bottom: 0.2em }

p { margin-top: 0; margin-bottom: 0 }

.image-resize {
  max-width: 190px;
  max-height: 70px;
  -ms-interpolation-mode: bicubic;
}

img { max-width: 100%; height: auto;}

 /* �e�[�u�� */

.black table {
width: 100%;
border: 0px;
border-collapse: collapse;
margin-right : auto;
margin-left : auto;
}
.black td {
text-align: left;
border: 0px;
margin: 0px;
padding: 5px 5px;
}

.red table {
width: 100%;
border: 0px;
border-collapse: collapse;
margin-right : auto;
margin-left : auto;
}
.red td {
text-align: left;
border: 0px;
background-color: rgba(50,0,0,0.5);
margin: 0px;
padding: 5px 5px;
}

