/* 基本的な設定 */

html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;

}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

div#container {
  position: relative; 
}

#piano{width:942px;height:756px; background-image:url(../image/piano.png); background-repeat:no-repeat;margin-right:auto;margin-left:auto;background-position: center 20px;}

#kenban ul{margin-right:auto;margin-left:auto;width:784px;padding-top:370px;}
#kenban li{ float:left; list-style:none;}
.logo{
position: relative;
overflow: hidden;
top:50px;
left:110px;
}

.hata{position: relative;
overflow: hidden;
top:80px;
left:360px;}

.center{
 text-align: center;
}