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

common setting

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

*{
	margin:0;
	padding:0;
}
html,body {
	height:100%;
}
body {
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 100%;
	background: #fff;
	color: #111;
	font-size: 100%;
	overflow: hidden;

}


h1,h2,h3,ul,ol,li,p,dl,dt,dd,strong,small,a,table,th,td,address,img,form{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style: none;
}
img {
	border: 0;
	line-height: 0;
}



@font-face {
	font-family: 'KoushikiSans-Light';
	src: url(font/KoushikiSans-Light.ttf) format('truetype');
}
body {
	
	font-family: 'KoushikiSans-Light';
}
a:link,
a:active,
a:visited {
	width: 100%;
	/*display: block;*/
	color: #000;
	text-decoration: none;
}
a:hover {
	width: 100%;
	/*display: block;*/
	color: #000;
	background: #ff0;
	text-decoration: none;
}
.mb50 { margin-bottom: 50px !important; }
.red,
a.red { color: #f00 !important; }



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

- contents

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

section {
	position: absolute;
	top: 50%;
	left: 100px;
}
h1 {
	margin: 0 0 50px 0;
	padding: 0;
}
a {
	margin: 0 20px 0 0;
	font-size: 80%;
}
canvas {
	position: absolute;
	top: -50px;
	right: -50px;
}



strong {
	padding: 50px 0 0 0;
	font-size: 50%;
	display: block;
	clear: both;
	color: #888;
}