body{
display:block;
padding:0;
margin:0;
height:2000px;
background-color: #f799ba;
color: #000;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}
/****************clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

@font-face {
  font-family: "myFont";
  src: url("Novecentowide-Bold.eot?") format('eot'),
       url("Novecentowide-Bold.woff") format('woff');
}
.myFontClass {
  font-family: "myFont";
  color: #000;
  font-size: 64px;
}
/*@font-face {
  font-family: "myFontJP";
  src: url("A-OTF-ShinGoPro-Medium.eot?") format('eot'),
       url("A-OTF-ShinGoPro-Medium.woff") format('woff');
}
.myFontClassJP {
  font-family: "myFontJP";
}*/

h1, .logo, .container{
margin:0;
padding:0;
position:fixed;
z-index:2;
width:100%;
}

h2{
top:40%;
color:black;
font-size: 16px;
}

.container{
opacity:0;
width:600px;
left:50%;
margin-left:-300px;
overflow:hidden;
height:100%;

}

.logo{
display:block;
text-indent:10000px;
overflow:hidden;
background: #f799ba url(../images/logo.png) center center no-repeat;
background-position-y:50%;
height:100%;
width:100%;
}

nav{
background:white;
border-bottom:2px solid black;
position:fixed;
left:0;
top:0;
z-index:10;
width:100%;
}

nav ul{
overflow:auto;
list-style:none;
margin:0;
}

nav li{
float:left;
}

nav a{
color:#253652;
display:block;
padding:20px;
text-decoration:none;
font-weight:bold;
}

nav a:hover{
background:#253652;
color:white;
}

a{
color:#253652;
text-decoration:none;
font-weight:bold;
}

tr{
margin: 5px 0;
}

th{
padding: 5px 10px 5px 0;
border-right: 4px solid #fff;
}

td{
padding: 5px 0 0 10px;
font-size: 14px;
}

#dlbtn{
	text-align: center;
}