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

html,body{
	width:100%;
	height:100%;
}
a{
	color:#00f8c2;
}
#AllWrap{
	width:640px;
	background:#262626;
	position:relative;
	overflow: hidden;
}
/****************************************
Header
****************************************/
header{
	width:640px;
	height: 135px;
	position: relative;
	z-index: 10;
}
header h1{
	float:left;
}
header #menu_open{
	float:right;
	padding: 30px 30px 0 0;
	-webkit-transform: translate3d(0,0,0);
}
/****************************************
curcle
****************************************/
#curcle{
	position:fixed;
	top:0;
	left:0;
	z-index: 1;
}
p.curcle1{
	position:absolute;
	top: -293px;
	left: -236px;
	z-index: 1;
}
p.curcle2{
	position: absolute;
	top: -202px;
	left: -148px;
	z-index: 1;
}
p.curcle3{
	position: absolute;
	top: -87px;
	left: -20px;
	z-index: 1;
}
p.curcle4{
	position: absolute;
	top: -27px;
	left: 40px;
	z-index: 1;
}
p.curcle5{
	position: absolute;
	top: 1px;
	left: 68px;
	z-index: 1;
}
/****************************************
Footer
****************************************/
footer{
	background: url(../img/footer/slash.gif) #FFF center top no-repeat;
	height: 360px;
	position: relative;
	z-index: 100;
	-webkit-transform: translate3d(0,0,0);
}
footer .facebook{
    position: absolute;
    left: 30px;
    top: 43px;
}
footer .twitter{
    position: absolute;
    left: 113px;
    top: 43px;
}
footer .kagerowproject{
    position: absolute;
    top: 138px;
    left: 30px;
}
footer .copy{
    position: absolute;
    left: 30px;
    top: 181px;
}
footer .backtotop{
    position: absolute;
    left: 515px;
    top: 43px;
}
/****************************************
Navigation
****************************************/
nav{
	width: 640px;
	height: 130%;
	background: #00f8c6;
	z-index: 500;
	position: fixed;
	top: 0;
	display:none;
}
nav #menu_close{
	float:right;
	padding: 30px 30px 0 0;
	position:relative;
	z-index:800;
}
nav ul{
    margin-top: 263px;
    position: relative;
    z-index: 600;
}
nav ul li{
    float: left;
}
/****************************************
Float Youtube
****************************************/

#floatBg {
	background: #000;
	opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	display:none;
}
#YoutubeWrap{
	position:fixed;
	left: 0;
	top:50%;
	margin-top:-180px;
	z-index: 9999;
}

#banner_area{
    position: absolute;
	

    top: 240px;
    margin: 0 23px;
}
#banner_area li{
    float: left;
	
    margin: 15px;
}