@charset "utf-8";

/* container ---------- */
body {
	background: #000;
	color: #fff;
}

#wrapper {
	position: relative;
	width: 100%;
}

/* link color ---------- */
a {
	color: #fff;
	outline: underline;
}
a:link {
	
}
a:visited {
	
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.fade {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.fade:hover {
	opacity: 0.50;
	filter: alpha(opacity=50);
}


/* --------------------------------------------------
 * LAYER
 * --------------------------------------------------
 */
/* header */
#header {
	z-index: 900;
}
/* bg */
#bg {
	z-index: 0;
}
/* article */
#article {
	z-index: 100;
}
/* footer */
#footer {
	z-index: 800;
}
/* loader */
#loader {
	z-index : 9999;
}


/* --------------------------------------------------
 * HEADER
 * --------------------------------------------------
 */

#header {
	position: fixed;
	left: 0;
	top: -110px;
	width: 100%;
	height: 100px;
	background: #000;
}
	#header_container {
		position: relative;
		width: 1000px;
		margin: 0 auto;
	}
		/* logo */
		#header h1 {
			position: absolute;
			left: 0;
			top: 31px;
		}
		/* gnav */
		#gnav {
			position: absolute;
			left: 252px;
			top: 0;
		}
			#gnav li {
				display: block;
				width: 150px;
				margin-left: 37px;
				float: left;
			}
				#gnav li a {
					position: relative;
					display: block;
					width: 100%;
					height: 110px;
					font-size: 100%;
					line-height: 1.1;
					color: #fff;
					text-decoration: none;
				}
					#gnav li .en {
						position: relative;
						z-index: 902;
						display: block;
						height: 23px;
						padding-top: 31px;
						text-align: center;
					}
					#gnav li .en img {
						vertical-align: top;
					}
					#gnav li .jp {
						position: relative;
						z-index: 903;
						display: block;
						padding-top: 12px;
						text-align: center;
					}
					#gnav li .line {
						position: absolute;
						top: 52px;
						left: 0;
						display: block;
						width: 100%;
						height: 2px;
						background: #f90;
					}



/* --------------------------------------------------
 * BG
 * --------------------------------------------------
 */

#bg {
	position: fixed;
	width: 100%;
}
	/* bg */
	#bg_content {
		position: relative;
		display: none;
		width: 100%;
		overflow: hidden;
	}
		#bg_content ul {
			
		}
			#bg_content li {
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				width: 100%;
			}
	#bg_layer {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: none;
	}



/* --------------------------------------------------
 * FOOTER
 * --------------------------------------------------
 */

#footer {
	clear: both;
	position: fixed;
	left: 0;
	/*bottom: -37px;*/
	bottom: 0;
	width: 100%;
	background: #000;
	border-top: 1px solid #333;
}
	#footer_container {
		position: relative;
		width: 1000px;
		height: 37px;
		margin: 0 auto;
	}
		#btn_close_window {
			position: absolute;
			right: 0;
			top: 0;
		}
		#footer small {
			display: block;
			padding: 12px 0;
		}


/* --------------------------------------------------
 * LOADER
 * --------------------------------------------------
 */

#loader {
	
}