body{ background-color:#000; color:#a9a9a9; font-size:90%; font-color:#a9a9a9; line-height:200%; letter-spacing:0.1em;
      font-family: 'Hiragino Kaku Gothic ProN', 'MS PGothic', arial, helvetica, sans-serif;
 margin:0; padding:0; max-width: 820px; margin-right: auto; margin-left : auto;}

body { background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(../img/will.jpg) center center / cover no-repeat fixed; }

body, th, td { cursor:default ; }

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; }
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{
  height:auto;
  max-width: 100%;
  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);
}

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

h2 {
  color: #fff;
  font-size: 100%;
	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.9);
}

h3 {
  color: #ff0066;
  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;
}

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

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

.q th { width: 100px; padding: 5px; vertical-align: top;}
.q tr { width: 100%; padding: 3px; vertical-align: top;}

tr {
width: 100px;
background-color: rgba(50,0,0,0.2);
}

td {
background-color: rgba(0,0,0,0.5);
}

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

table {
width: 100%;
}

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

table th {
text-align: left;
border-top: none;
border-bottom: none;
}

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

}