@charset 'utf-8';

html {
	overflow-y: scroll;
	height: 100%;
	width: 100%;
}

body {
	position: absolute;
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif; 
	_font-family: 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	word-break: break-all; 
	-webkit-text-size-adjust:none;
	height: 100%;
	width: 100%;
}

#contents {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 740px;
	height: 516px;
	margin: -258px -370px 0;
	overflow: visible;
}

#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 740px;
	height: 516px;
}

#logo {
	position: absolute;
	left: 460px;
	top: 321px;
}

#globalnav {
	position: absolute;
	left: 414px;
	top: 409px;
	width: 326px;
	height: 59px;

}
#globalnav ul {
	width: 100%;
	height: 100%;
	list-style: none;	
}
#globalnav ul li {
	position: absolute;
	width: 109px;
	height: 29px;
	overflow: hidden;
}
#globalnav ul li.about {
	left: 0;
	top: 0;
}
#globalnav ul li.works {
	left: 110px;
	top: 0;
}
#globalnav ul li.archive {
	left: 220px;
	top: 0;
}
#globalnav ul li.process {
	left: 0;
	top:30px;
}
#globalnav ul li.link {
	left: 110px;
	top: 30px;
}
#globalnav ul li.contact {
	left: 220px;
	top: 30px;
}
#globalnav ul li a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 109px;
	height: 59px;
}
#globalnav ul li a:hover {
	top: -30px;
}

#cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 372px;
	height: 516px;
	overflow: hidden;
}

#cover a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 372px;
	height: 516px;
}

#copy {
	position: absolute;
	left: 463px;
	top: 493px;
}