/* CSS Document */
/* リセット */
html, body, div, span, applet, object, iframe,
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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/*初期設定*/
body {
}
#bg_img{
position:fixed;
z-index:-1;
top:0;
}

@media screen and (orientation:portrait){
#bg_img{
  left:0;
  height:100%;
}
	
}


@media screen and (orientation:landscape){
#bg_img{
left:0;
width:100%;
min-height:100%;
}
	
}

#menu{
width: 100px; 
height:160px;
display:  block; 
margin: 0px auto;  
}
#menu ul{ 
margin: 110px; 
padding: 0; 
list-style: none; 
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#menu li a{
display: block; 
background-image: url(../img/button_off.png);
background-repeat: no-repeat;
text-decoration: none;
color: #333;
width: 180px; 
height:25px;
padding: 17px 0px; 
margin: 2px 0px;
text-align: center;
font-size: 13px;
font-weight: bold;
letter-spacing: 3px;
}
#menu li a:hover{
background-image: url(../img/button_on.png);
background-repeat: no-repeat;
color: #fff;
}
.center{
 text-align: center;
 margin: 100px 0 0 0; 
}