@charset "utf-8";
/* common */
html, body { height:100%; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

img {
vertical-align:top;
border:0;
}

.vamiddle { vertical-align:middle; }

.clear { clear:both; }

body {
min-height:416px;
color:#000;
text-align:center;
font-size:22px;
font-family:"HiraKakuProN-W3",sans-serif;
font-weight:normal;
line-height:1.3;
background:#000000;
-webkit-text-size-adjust:none;
}

a, a:link { color:#fff; text-decoration:none; }
a:visited { color:#fff; }
a:hover { color:#ccc; text-decoration:none; }
a:active { color:#fff; }

a.txtlinkyellow, a.txtlinkyellow:link { color:#ffffff; text-decoration:underline; }
a.txtlinkyellow:visited { color:#ffffff; }
a.txtlinkyellow:hover { color:#ffffff; text-decoration:underline; }
a.txtlinkyellow:active { color:#ffffff; }

#overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.8;
z-index:100;
}



#wrapper {
width:640px;
margin:0 auto;
padding:0 0 20px 0;
text-align:left;
}

#header {
width:590px;
margin:19px 0 0 25px;
padding:0 0 15px 0;
overflow:hidden;
}

#header #swoosh {
float:left;
width:58px;
margin:0 80px 0 0;
}

#header h1 {
float:left;
width:451px;
float:right;
text-align:right;
font-size:10px;
line-height:1;
}


#content { background:#000; }


/* about */
#about-wrapper {
padding:30px 26px;
font-size:27px;
font-family:"HiraKakuProN-W3",sans-serif;
font-weight:normal;
line-height:1.4;
}

#about-wrapper p { padding:0 0 0 0; line-height:1.4; }

#about-wrapper p.leadtext { color:#ffffff; }





/* movie */
#movarea {
position:relative;
width:640px;
height:360px;
}

#movarea #btn-play {
position:absolute;
top:140px;
left:288px;
width:72px;
height:80px;
z-index:10;
}