*{
margin:0;
padding:0;
}

html{
min-height: 100%; /* html要素をウィンドウサイズにフィット */
background:url(bg.gif) no-repeat center; /* 背景画像をhtml要素に表示 */
background-size:cover;
}

#contents{
/*min-height: 100%;
background:url(noise.gif) repeat left top;
background-size:cover;*/
}


body{
font-family:Helvetica,Arial,'ヒラギノ角ゴ','ＭＳ Ｐゴシック',sans-serif;
}

img{
	border:none;
	vertical-align:bottom;
}
#contents{
	
}


#navi{
margin: 0 0 0 7%;
padding:0;
width:300px;
text-align:left;
font-size:10px;
color:#fff;

}

#popup{
overflow:auto;
display:none;
position:absolute;
left:0;
top:0;
text-align:left;
color:#fff;
;
background:#000;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
#popup #con{
word-break:break-word;
width:320px;
line-height:2em;
margin:0 auto;
padding:0;
/*background:#ccc;*/
font-size:10px;
}
#popup #con p{
white-space:pre;
font-size:10px;
}

#popup #con p a{
color:#fff;
text-decoration:none;
}

table td{
padding-right:10px;
vertical-align:top;
}

#navi ul{
margin:0;
padding:0;
margin-top:24px;
}

#navi ul li{
margin:0;
padding:0;
list-style:none;
line-height:1.6em;
}
#navi ul li a{
color:#fff;
text-decoration:none;
cursor:pointer;
}