body{ background-color:#000; color:#C0C0C0; font-size:85%; font-color:#C0C0C0; 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: 820px; 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 { transition:0.3s ; opacity: 0.9; border:none; }
a:hover img{ opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  background-color: rgba( 200, 0, 50, 0.55 );
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

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.9);
}

#contents{
  width: auto;
  height:auto;
  max-height: 100%;
  margin-right: auto;
  margin-left : auto;
  margin: 0px;
  padding: 10px 5%;
  border: 0px solid rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.9);
}

#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.9);
}

.nav a {
  color: #fff;
  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
  color: #fff;
  font-weight: 900;
  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,50,0.7);
}

h3 {
  font-size: 100%;
}

h4 {
  font-size: 100%;
  text-align: center;
  color: #ff0066;
}

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;
}

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

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

.red {
background-color: rgba(50,0,0,0.2);
}

/* ���o�C���p */
@media screen and (max-width: 600px) {

table {
width: 100%;
}

table th,
table td {
display: block;
width: 100%;
}

table th {
border-top: none;
border-bottom: none;
}

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

}