html { 
  background: url(../images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:12px;
}
span.reference a{
color:#aaa;
text-transform:uppercase;
text-decoration:none;
text-shadow:1px 1px 1px #000;
margin-right:10px;
}
span.reference a:hover{
color:#ddd;
}
ul.sdt_menu{
margin-top:70px;/* メニューの位置 */
}
h1.title{
margin-left:30px;
text-indent:-5000px;
background:transparent url(title.png) no-repeat top left;
width:700px;
height:282px;
}
div#container{
 width: 900px;
 height: 1200px;
 margin: 0 auto;
}

div#menu{
 margin: 0px 0px 0px 0px;
 width: 900px;
 height: 84px;
 position: relative;
}

div#contents{
 position: relative;
 padding: 0px 0px 0px 0px;
 width:900px;
 height:1300px;
 top: 0px;
 left: 0px;
 opacity: 1;
 background: url(../images/back.png) no-repeat;
}

div#nav {
 margin: 10px  30px  0px 0px;/* 上、右、下、左 */
 padding: 0px  0px  0px 0px;
 float: right;
 width: 200px; /* サイドバーの幅 */
 height: 1100px;
 background: url(../images/side.jpg)
}

div#moji{
 margin: 10px  0px  0px 0px;
 float: right;
 width: 600px;
 height: 1000px;
 margin-right: 20px;
 background-color: #fff;
}

div#credit{
 background-color: #fff;
 clear: right;
 width: 900px;
 margin: 0 auto;
 opacity: 0.9;
}