/*site
============================================================*/
*{
margin-left:auto;
margin-right:auto;
}

html {
margin:0;
padding:0;
font-family:serif, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
}


h1 {
margin: 0px;
padding: 0px;
}


li{
list-style-type:disc;
line-height:1.8em;
}



/*container
============================================================*/
#container{
width:900px;
height:100%;
margin-left:auto;
margin-right:auto;
padding:0;
}


/*header
============================================================*/

#header{
width:900px;
height:auto;
margin:50px 0 10px 0;
}

#header ul{
width:900px;
height:15px;
margin:20px 0 0 0;
padding:0;
}

#header ul li{
float:left;
padding-right:10px;
list-style-type:none;
}

#header a:hover img
{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #fff;
}

/*fotter
============================================================*/
#footer{
width:900px;
height:;
padding:0;
margin-top:10px;
border-top: 1px solid #000; }

#footer .sns{
width:auto;
height:17px;
float:left;
margin-top:10px;
padding:0;}

#footer .sns img{
margin-right:10px;}

#footer .copyright{
float:right;
font-size:11px;
margin-top:10px;
}






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;
}