﻿body {
	background:#000;
	background-attachment:fixed;
	background-size:cover;
	position:relative;
	margin:0;
	padding:0;
	font-size: 62.5%;
	letter-spacing:0.1em;
}

#menu{
	position:fixed;
	background:url(../img/bg_nav.png);
	top:0;
	left:0;
	height:63px;
	text-align:center;
	z-index:999;
	width:100%;
}

#menu-box{
	width:898px;
	margin:0 auto;
}



#gnav{
}


#gnav li{
	float:left;
}

#gnav li.twitter{
	padding:20px 0 0 10px;
}

#contents{
	width:1000px;
	margin:0 auto;
	min-height:1600px;
	background:#000000;
	padding:60px 40px 80px 40px;
	background:url(../img/bg-contents.png);
	z-index:300;
	color:#FFF;
	position:relative;
}

#social-box{
	margin:0 0 15px 0;
	height:20px;
	position:relative;
}

.twitter{
	position:absolute;
	top:5px;
	right:5px;
}

.facebook{
	position:absolute;
	top:5px;
	right:55px;
}

#main-v{
	background:url(../img/main4.png) no-repeat;
	width:1000px;
	height:582px;
	position:relative;
}


#main-v #btn01{
	position:absolute;
	right:62px;
	bottom:178px;
}

#main-v #btn02{
	position:absolute;
	right:61px;
	bottom:132px;
}

#main-v #btn03{
	position:absolute;
	right:62px;
	bottom:88px;
}

#main-v #btn04{
	position:absolute;
	right:20px;
	top:20px;
}

#main-v #btn05{
	position:absolute;
	right:62px;
	bottom:38px;
}

#main-v #btn06{
	position:absolute;
	right:62px;
	bottom:32px;
}


#watch{
	background:url(../img/bg_watch2.png) no-repeat 25px 0;
	width:1000px;
	height:124px;
	margin:15px 0 0 0;
	position:relative;
}

#watch #btn01{
	position:absolute;
	top:25px;
	left:270px;
}

#watch #btn02{
	position:absolute;
	top:24px;
	left:440px;
}

#watch #btn03{
	position:absolute;
	top:25px;
	left:610px;
}

#watch #btn04{
	position:absolute;
	top:25px;
	left:780px;
}

#information{
	margin-right:20px;
	margin-left:20px;
	margin-bottom:50px;
	border:#FFF thin dotted;
	padding:20px 0 20px 25px;
	font-size:1.2em;
	min-height:220px;
	line-height:1.6;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}

#information #title{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:15px;
}

#information #box1{
	float:left;
	margin-right:40px;
}

#information #box2{
	float:left;
	margin-right:40px;
}

#information #box3{
	float:left;
}

#footer{
	position:fixed;
	background:#000000;
	bottom:0;
	left:0;
	height:40px;
	text-align:center;
	z-index:999;
	width:100%;
	color:#FFF;
	margin-bottom:0;
	border-top:#333 2px solid;
	padding-top:30px;
	opacity:0.8;
}




.title {
	font-size:32px;
 margin:0 0 35px 0;
 }
 
.subtitle {
	font-size:17px;
 margin:0 0 25px 0;
 }
 
.text{
	 line-height:1.8;
	 font-size:13px;
 }
  
  
.pattern {
  width: 100%;
  height: 100%;
  background: url(../img/overlay.png);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}


video {display:block;}
 
#bg-video {
position:fixed;
right:0;
top:-70px;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:1;
}


.promotion{
	margin-top:30px;
	margin-bottom:50px;
	text-align:center;
}

#greetings{
	background:url(../img/photo_yamamoto.png) no-repeat 10px 0;
	padding:0 0 0 250px;
	margin:30px 20px 50px 20px;
	font-size:1.3em;
	line-height:1.6;
}

#greetings-np{
	padding:0 0 0 60px;
	margin:30px 20px 50px 20px;
	font-size:1.3em;
	line-height:1.6;
}

#special01{
	margin:30px 0 30px 30px;
	font-size:1.2em;
	line-height:1.4;
}

#special02{
	margin:30px 0 50px 30px;
	font-size:1.2em;
	line-height:1.4;
}
.sp-box{
	float:left;
	margin-right:20px;
}

.sp-box2{
	float:left;
	margin-right:0;
}
.sp-list{
	margin-left:4px;
	margin-right:4px;
}

.sp-list li{
	float:left;
	padding-right:5px;
	font-size:1.1em;
}

.sp-list li a.pdf{
	background:url(../img/pdf_icon.png) no-repeat 0 0;
	padding:1px 8px 1px 21px;
}


.sp-list li a:link{
	color:#0099CC;
	text-decoration:underline;
}

.sp-list li a:visited{
	color:#0099CC;
	text-decoration:underline;
}

.sp-list li a:hover{
	color:#F90;
	text-decoration:underline;
}

#staff{
	background:url(../img/bg_staff.png) no-repeat right bottom;
	margin:30px 30px 30px 30px;
	font-size:1.2em;
	line-height:1.4;
}
  
/* clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	line-height:0%;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}
/* For Except Mac IE \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */

.clear {
	clear: both;
}

#about{
	margin-top:-63px;
    padding-top:63px;
}

#pv{
	margin-top:-63px;
    padding-top:63px;
}

#gt{
	margin-top:-63px;
    padding-top:63px;
}

#sc{
	margin-top:-63px;
    padding-top:63px;
}

#sf{
	margin-top:-63px;
    padding-top:63px;
}

#dvd{
	margin:0  auto 30px auto;
	padding:5px 0 30px 0;
	border-bottom:#FFF 1px dotted;
}
