@charset "utf-8";
/*

サイト全体共通スタイル

*/

/*======================================

	header
	
=======================================*/
header {
	display: none;
}
/*======================================

	article#content
	
=======================================*/
article#content h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -27px 0 0 -161px;
	font-size: 0;
	line-height: 0;
	z-index: 100;
}
div.color {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -27px 0 0 -161px;
	font-size: 0;
	line-height: 0;
	z-index: 50;
}
div#r {
	margin: -27px 0 0 -159px;
}
div#g {
	margin: -29px 0 0 -163px;
}
div#b {
	margin: -25px 0 0 -163px;
}
/*======================================

	footer
	
=======================================*/
footer ul {
	position: absolute;
	bottom: 50px;
	right: 60px;
	float: right;
	z-index: 100;
}
footer ul li {
	float: left;
	font-size: 0;
	line-height: 0;
}
footer ul li:first-child {
	background: url(../img/slash.png) no-repeat right top;
	padding-right: 10px;
	margin-right: 5px;
}
p#copyright {
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom: 50px;
	left: 60px;
	z-index: 100;
}
/*======================================

	.class
	
=======================================*/
.switch {
	display: none;
}
.wrap {
	overflow: hidden;
}

#tubular-container{
	opacity: .7;
}