@charset "utf-8";


*{margin:0; padding:0;}
html{width:100%; height:100%;}
body{background-color:#fff;}

.w100{width:100%; height:1000px;}

#link1,#link2,#link3,#link4{
	display:block;
	width:400px;
	height:200px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}
#link1{position:absolute; top:50%; left:50%; z-index:2500; background:url(img/whats_t.png) center center no-repeat; margin:0 0 0 -200px;}

#link2{position:absolute; top:0; left:50%; z-index:2501; background:url(img/wedo_t.png) center center no-repeat; margin:0 0 0 -200px;}

#link3{position:absolute; top:50%; left:50%; z-index:2502; background:url(img/join_t.png) center center no-repeat; margin:-100px 0 0 -200px;}

#link4{position:absolute; top:50%; left:50%; z-index:2502; background:url(img/partner_t.png) center center no-repeat; margin:-100px 0 0 -200px;}


#header{
	position:fixed;
	top:0;
	left:0;
	width:700px;
	height:100px;
	z-index:5001;
}
.bg { background: url(../common/img/header/bg.png) 0 0 repeat;}
	#header ul{
		margin:0 0 0 20px;
	}
	#header ul li{
		display:block;
		float:left;
		width:128px;
		height:60px;
		margin:20px 0 0;
		padding:0;
	}
	#header ul li#hn0{width:98px;}
	#header ul li#hn4{width:129px;}
	#header ul li a{
		display:block;
		text-indent:-1000px;
		overflow:hidden;
		width:100%;
		height:100%;
	}
	#hn0 a{background:url(../common/img/header/hn0.png) 0 -60px no-repeat;}
	#hn1 a{background:url(../common/img/header/hn1.png) 0 0 no-repeat;}
	#hn2 a{background:url(../common/img/header/hn2.png) 0 0 no-repeat;}
	#hn3 a{background:url(../common/img/header/hn3.png) 0 0 no-repeat;}
	#hn4 a{background:url(../common/img/header/hn4.png) 0 0 no-repeat;}

#footer{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:5002;
}
	#footer ul li{
		display:block;
		float:left;
		width:81px;
		height:15px;
		margin:0 20px 0 0;
	}
	#footer ul li#fn2{width:64px;}
	#footer ul li#fn3{width:40px;}
	#footer ul li#fn4{width:95px; margin:0 0 0 0;}
	#footer ul li a,#footer ul li p{
		display:block;
		text-indent:-1000px;
		overflow:hidden;
		width:100%;
		height:100%;
	}
	#fn1 a{background:url(../common/img/footer/fn1.png) 0 0 no-repeat;}
	#fn2 a{background:url(../common/img/footer/fn2.png) 0 0 no-repeat;}
	#fn3 a{background:url(../common/img/footer/fn3.png) 0 0 no-repeat;}
	#fn4 p{}
	
#footerlogo{
	position:fixed;
	top:0;
	right:13px;
	width:100px;
	height:100%;
	z-index:5003;
	background:url(../common/img/footer/fn_logo.png) 0 bottom no-repeat;
}

/* -------------------- */

.face_parts img,#balls img,.iii_parts img,#morso img,#endline img,#whats_body img,#photos img{position:absolute;}

#white{width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; z-index:5000;}

#moriso1w{width:100%; height:100%; position:fixed; top:0; left:0; background:url(img/morisow.png) center center no-repeat #fff; z-index:0;}
#moriso1g{width:100%; height:100%; position:fixed; top:0; left:0; z-index:1;}
#moriso1g_area{width:100%; height:100%; position:relative; top:0; left:0; overflow:hidden;}
#moriso1g_body{width:100%; height:100%; position:absolute; top:0; left:0; background:url(img/morisog.png) center center no-repeat #ccc;}

#faceg{width:100%; height:100%; position:fixed; top:0; left:0; background:#ccc; z-index:5;}
#faceg_body{width:100%; height:100%; position:absolute; top:0; left:0;}

#facew{width:100%; height:100%; position:fixed; top:0; left:0; z-index:6;}
#facew_area{width:100%; height:100%; position:relative; top:0; left:0; overflow:hidden;}
#facew_body{width:100%; height:100%; position:absolute; top:0; left:0; background:#fff;}

#balls{width:100%; height:100%; position:fixed; top:0; left:0; z-index:10;}

#iiiiw{width:100%; height:100%; position:fixed; top:0; left:0; background:url(img/passionw.png) center center no-repeat #fff; z-index:3;}
#iiig_body{width:100%; height:100%; position:absolute; top:0; left:0;}

#iiiig{width:100%; height:100%; position:fixed; top:0; left:0; z-index:4;}
#iiiig_area{width:100%; height:100%; position:relative; top:0; left:0; overflow:hidden;}
#iiiig_body{width:100%; height:100%; position:absolute; top:0; left:0; background:url(img/passiong.png) center center no-repeat #ccc;}

#ideab{width:100%; height:100%; position:fixed; top:0; left:0; z-index:2001;}
#ideag{width:100%; height:100%; position:fixed; top:0; left:0; z-index:2002;}
.ideab img,.ideag img{position:absolute; top:0; left:0;}

#join{width:100%; height:100%; position:fixed; top:0; left:0; background:url(img/linew.png) center 0 repeat-y; z-index:2003;}
#join_in{width:100%; height:100%; position:relative; top:0; left:0;}
#join_box{width:600px; height:350px; position:absolute; top:50%; left:50%; margin:-175px 0 0 -300px; background:url(img/join.jpg) center bottom no-repeat;}

#partner{width:100%; height:100%; position:fixed; top:0; left:0; z-index:2003;}
#partner_in{width:100%; height:100%; position:relative; top:0; left:0;}
#partner_box{width:600px; height:350px; position:absolute; top:50%; left:50%; margin:-175px 0 0 -300px;}
#partner_box img { margin-top: -320px;}

#close_l,#close_r{width:100%; height:100%; position:fixed; top:0; left:0; background-color:#fff;}
#close_l{z-index:2004;}
#close_r{z-index:2005;}

#morso{width:100%; height:100%; position:fixed; top:0; left:0; z-index:2006;}
#morso img{position:absolute;}

#endline{width:100%; height:100%; position:fixed; top:0; left:0; z-index:2007;}

#whats_box{width:600px; height:530px; margin:0 auto; overflow:hidden;}
#whats_body{width:100%; height:530px; position:relative; background:url(img/whats.png) center 0 no-repeat; overflow:hidden;}
#honsha { position: relative;}
#honsha img { position: absolute; width: 600px; height: 425px; top: -500px; left: 0; right: 0; margin: auto;}

#photos{width:100%; height:100%; position:relative; overflow:hidden;}

#skip { position: fixed; top: 10px; right: 66px; z-index: 9999;}