@charset "utf-8";
/* CSS Document */

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.4;
	color:#000;
	background:#000;
}
img {
	line-height:0 !important;
	vertical-align:bottom !important;
}

.w1000 {width:1000px;margin:auto;}



#videoArea {
	width:482px;
	height:362px;
	background:#000;
	border:1px solid #993399;
	margin-top:320px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/******************************************
header
******************************************/
#header {
	background:url(../img/headerBg.gif) repeat-x left top;
	height:47px;
	max-height:47px;
	margin:0;
	overflow:hidden;
}
#header h1.logo {float:left;margin:5px 0;}
#header h2.txt {float:right;margin:15px 0;}

/******************************************
top
******************************************/
#top-s {background:url(../img/topBg-s.jpg) no-repeat left top;}
#top-t {background:url(../img/topBg-t.jpg) no-repeat left top;}
.top {
	position:relative;
	overflow:hidden;
	min-height:750px;
	margin:0 0 30px;
}


/******************************************
btn
******************************************/
.btnArea .step {margin:10px auto; text-align:center;}
.btnArea .campaign {margin:0 0 10px;}
.btn a {
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.top .btnArea {margin:20px 20px 0;}
.top .btn {
	position:absolute;
	top:533px;
	right:20px;
}
.top .btn a {width:261px;height:261px;}
.top .btn-s a {background:url(../img/topBtn-s.png) no-repeat 0 0;}
.top .btn-t a {background:url(../img/topBtn-t.png) no-repeat 0 0;}
.top .btn-s a:hover {background:url(../img/topBtn-s.png) no-repeat -261px 0;}
.top .btn-t a:hover {background:url(../img/topBtn-t.png) no-repeat -261px 0;}

.content {margin:0 0 30px;}
.content .btn a {width:960px;height:150px; margin:auto;}
.content .btn-s a {background:url(../img/btn-s.png) no-repeat 0 0;}
.content .btn-t a {background:url(../img/btn-t.png) no-repeat 0 0;}
.content .btn-s a:hover {background:url(../img/btn-s.png) no-repeat 0 -150px;}
.content .btn-t a:hover {background:url(../img/btn-t.png) no-repeat 0 -150px;}
.content .campaign {text-align:center;}
.content .step {margin-top:20px;}



#online {
	background:#333;
	padding:35px;
}
#footer {
	background:#fff;
	text-align:center;
	padding:10px 0;
}
#footer h3,#footer h4 {
	font-weight:bold;
	font-size:16px;
}


.vjs-big-play-button {
	position:absolute;
	top: 4.5em!important;
	left: 5.5em !important;
}