/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

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

body{
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin: 0;
min-width: 980px;
padding: 0;
color: #666666;

background: #f7f7f7;
font-size:0.85em;
line-height:28px;
}





#header {
	padding: 10px 0px 10px 0px;
	background: #000;
	color: #ffffff;
	filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.6;
  height:50px;
  position:fixed;
  z-index:90;
  width:100%;
}


.menu{
width:1050px;
height:50px;
margin:0 auto;
position:relative;
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#header ul{
float:right;
margin-top:10px;
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#header li{
float:left;
padding-left:25px;
padding-right:25px;
color:#ffffff;
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
list-style:none;
}

#header li a{
color:#ffffff;
text-decoration:none;
}

#header li a:hover{
color:#999999;
text-decoration:underbar;
}

#header h1 {
  z-index:100;
  position:absolute;
  left:10px;
  top:-5px;
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
color: #fffff;
font-size:24px;
font-weight:normal;
}





span{
font-size:0.7em;

}









p{
	margin: 0 0 20px 3px;	
			color: #666666;
}

p, ul{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{

	font-size:30px;
	font-weight:normal;
	font-style:normal;
	color: #555555;
}

h3{
	font-family:"Beau Sans Pro Book", Verdana, sans-serif;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	color: #555555;
	border-left:5px solid #666666;
	padding-left:8px;
	margin-top:50px;
	display:block;
	
}


#header h1, #pixels{

}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}




#nav0{
	list-style: none;
	position: fixed;
	right: 20px;
	top:10px;
}

#nav li{
	margin: 0 0 15px 0;	
}





#nav{
	list-style: none;
	position: fixed;
	right: 20px;
	top:300px;
}

#nav li{
	margin: 0 0 15px 0;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;

	height: 850px;
	margin: 0 auto;
	padding: 0;
}

#third{
	background: url(images/secondBG.jpg) 50% 0 no-repeat fixed;

	height:900px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#third .bg{
	background: url(images/trainers.png) 100% 0 no-repeat fixed;
	height: 900px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 980px;

}





/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#third{
	background: url(images/third_sp2.png) 50% 0 no-repeat fixed;
	height: 900px;
	margin: 0 auto;
	padding: 0px 0 0 0;
		width:100%;
}
}





#second{
	background: #ffffff;
	height: 2500px;
	padding: 0px 0 0 0;	
}

#fifth{
	background: url(images/fifthBG.jpg) 50% 0 no-repeat fixed;
	height: 800px;
	margin: 0 auto;
	padding: 200px 0 0 0;
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#fifth{
	background: url(images/fifthBG.jpg) fixed;
	height: 563px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	width:100%;
}
}


#fifth .bg2{
	background: url(images/ex.png) 100% 0 no-repeat fixed;
	height: 1200px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 980px;
z-index:500;
}

#fifth .bg3{
	background: url(images/ex2.png) 100% 0 no-repeat fixed;
	height: 1200px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 980px;
z-index:500;
}


.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width:900px;	
}