@charset "utf-8";




/* リンク
----------------------------------------*/
a,
a:visited	{
	outline: none;
	text-decoration: underline;
	color: #fff;
}
a:hover,
a:active	{
	text-decoration: none;
	color: #fff;
}

/* clearfix
----------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* レイアウトベース
----------------------------------------*/
body{
	margin: 0;
	min-width: 980px;
	padding: 0;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
}

p{
	margin: 0 0 20px 0;	
}

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{
	margin:150px;
	margin-left:300px;
	width:500px;
}

h2{
font-family: 'Roboto Condensed', sans-serif;
	font-size:5.0em;
	font-weight:500;
	font-style:normal;
	line-height:0.7em;
	margin-bottom:100px;
}

#header h1, #pixels{
	color: #48941A;
}

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

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

.center{

	text-align: center;
}

#top, #intro, #second, #third, #fourth, #fifth, #sixth{
	width: 100%;
}







/* メインメニュー
----------------------------------------*/
header{
	background:#000;
    color: #FFFFFF;
    height: 35px;
    left: 0;
    opacity: 0.85;
    position: fixed;

    width: 100%;
    z-index: 9999;

}


header #nav{
	float:right;
	list-style: none;
	z-index: 999;
	margin:10px 0 0 20px;
}

header #nav li{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.5em;
	font-weight:500;
	margin: 0 15px 0 0;
	float:left;
}
header #nav li a {
	color:#FFF;
	text-decoration: none;
}
header #nav li a:hover{
	color:orange;
}
header #nav li a.current {
}



header #naviTitle{
	float:left;	
	position:relative;
	top:5px;
	left:5px;
}







/* トップ
----------------------------------------*/
#top {
	color: white;
	height: 1000px;
	margin: 0 auto;
	padding:  0 0 0;

}
#top .inner{
	width:100%;
	text-align:center;
	padding-top: 280px;
}

#top .title{


}


/*  ABOUT
----------------------------------------*/
#intro{
	background: url(../images/about_bg.jpg) 50% 0 repeat-x #000 fixed;
	color: white;
	height: 1000px;
}
#intro .dot{
	padding: 150px 0 0px 0;
	height: 850px;
	font-size:1.4em;
	line-height:1.4em;
}



#intro h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.5em;
	line-height:1.5em;

	margin-bottom:10px;
}

#intro h4{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5px;
}

#intro p{

	margin-bottom:30px;
}



/* MEMBER
----------------------------------------*/
#second{

	background: #fff;
	color: #000;
	height: 1200px;
	margin: 0 auto;
	overflow: hidden;

}
#second .dot{
	padding: 80px 0 0px 0;
	height: 1200px;
	background: url(../images/member_img.jpg)  center 180px no-repeat ;

}

#second .membersBlock{
	padding-top: 480px;
	width:880px;
	margin: 0 auto;
}

#second .members{
	float:left;
	width:200px;
	margin:30px 10px 10px 10px;
	padding:0px 0px 20px 0px;
	font-size:0.7em;
	line-height:1.8em;
	height:350px;

}


#second .members .name{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:4.0em;
	font-weight:bold;
	margin-bottom:20px;
}


#second .members .profile{
	text-align:left;
	font-size:1.6em;
	margin-bottom:10px;
	line-height:1.6em;
}




#second .members .link{
	text-align:left;
	line-height:2.0em;
	font-size:1.4em;
}

#second .members .link a{
	color:#000;
}



#second .members .link .icon{
	vertical-align:middle;
	margin-right:5px;
}



/* WHITE
----------------------------------------*/
#third{
	background: url(../images/white_bg.jpg) 50% 0 #edeef0 no-repeat fixed;
	color: white;
	height: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.safari #third{
	background: url(../images/white_bg.jpg) 50% 0 #edeef0 no-repeat !important;
}


#third .dot{
	padding: 150px 0 0px 0;
	height: 750px;
	width:1100px;
	margin: 0 auto;
}






/* BLACK
----------------------------------------*/
#fourth{
	background: url(../images/black_bg.jpg) 50% 0 #28282a no-repeat fixed;
	color: white;
	height: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.safari #fourth{
	background: url(../images/black_bg.jpg) 50% 0 #28282a no-repeat !important;
}

#fourth .dot{
	padding: 150px 0 0px 0;
	height: 750px;
	width:1100px;
	margin: 0 auto;
}


/* RED
----------------------------------------*/
#fifth{
	background: url(../images/red_bg.jpg) 50% 0 repeat-x #ed0101 fixed;
	color: white;
	height: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.safari #fifth{
	background: url(../images/red_bg.jpg)  repeat-x #ed0101 !important;
}


#fifth .dot{
	padding: 150px 0 0px 0;
	height: 750px;
	width:1100px;
	margin: 0 auto;

}







.left{
	float:left;
}
.right{
	float:right;
}




#package{
	width:500px;
	text-align:left;
}
#package h2{
	margin-bottom:10px;
}




/* ギャラリー */

#gallery {
	width:470px;
}

.galleryRed {
	margin-top:-45px;
}

#gallery h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:2.5em;
	font-weight:bold;
	margin-bottom:20px;
}
#gallery  img{
	margin: 0 24px 10px 0px;
	padding: 2px;
	background: #fff;
	border: solid 1px #e6e6e6;
	-webkit-box-shadow: 0px 0px 2px 0px #8f8e8e; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 2px 0px #8f8e8e; /* Firefox用 */
	box-shadow: 0px 0px 2px 0px #8f8e8e; /* CSS3 */
}
#gallery  img.last{
	margin: 0 0px 10px 0px;
}


/* ギャラリー動画用 */
#galleryMov {
	width: 853px;
	margin: 0 auto;
}























/* SPECIAL THANKS
----------------------------------------*/
#sixth{
	background:#fff;

	margin: 0 auto;
	color: #000;
}
#sixth .dot{
	padding: 100px 0 0 0;
}

#sixth h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:3.0em;
	font-weight:bold;
	margin-bottom:20px;
}

#sixth h4{
	font-size:1.8em;
	font-weight:bold;
	margin-top:40px;
	margin-bottom:20px;
}

#sixth .romSite{
	margin:8px;
}

#sixth .officialMov{
	border: solid 1px #ccccce;
}
 
#sixth p{
	margin-bottom:80px;
}

#sixth a{
	font-size:1.5em;
	color:#000;
	text-decoration: none;
	line-height:2.0em;
}
#sixth a:hover{
	text-decoration:underline;
}
#sixth a.current {
}



p.copy{
	margin:0px;
	font-size:1.2em;
	margin-top:100px;
	top: 13px;
	right:10px;
	color:#000;
	font-weight:bold;
	}


.chrome #cboxOverlay{
    background: transparent !important;
}