@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* clearfix --*/
.clearFix:after{ content:"."; clear:both; display:block; height:0; visibility: hidden; overflow: hidden; }
/* alt --*/
.alttext  { display:block; text-indent:-9999px; overflow:hidden; }
a { text-decoration:none; }
hr { display: none; }

html,body{
	width:100%;
	height:100%;
}

body {
	color: #808080;
	background:#fff;
	font-family:"メイリオ",meiryo,"Hiragino Kaku Gothic ProN",sans-serif;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	min-width:1100px;
	min-height:700px;
}

#cover{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;
	z-index:1111111;
}
#trailer-wrapper{
	position: fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#fff;
	z-index: 111;
}
#trailer{
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	position: absolute;
	top:50%;
	left:50%;
	width:960px;
	height:540px;
	background:#000;
}
#trailer-player{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:98%;
}
#trailer-nav{
	position: absolute;
	bottom:-50px;
	width:100%;
	display: none;
	line-height: 1;
	text-align: center;
	/*padding-top: 20px;*/
}
#trailer-nav li{
	display: inline-block;
	padding-right:5px;
}
#trailer-nav li a{
	display: block;
	width:120px;
	font-size:14px;
	padding:10px 20px;
	color:#333;
	border:1px solid #ccc;
	background:#fff;
	letter-spacing: 0.1em;
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
	    -ms-transition: all .4s ease;
	     -o-transition: all .4s ease;
	        transition: all .4s ease;
}
#trailer-nav li.cur a,
#trailer-nav li a:hover{
	background:#eee;
}
#trailer-nav li.cur a{
	cursor: default;
}
#trailer-close,#skip{
	position: absolute;
	top:-26px;
	right:3px;
}
#skip{
	display: none;
}