html,body{
width:100%;
height:100%;

}

html{

background:url('img/bg_html.jpg') no-repeat left top fixed;
background-size: contain;

}



body{

/*background:url('img/bg_body.png') no-repeat left bottom scroll;
background-size: contain;*/
min-height:100%;
position:relative;
color:white;
font-size:0.75em;
line-height:1.5em;

}

body> div#contents{

height:auto;

}


nav{
	background:url('img/nav_bg.png') repeat-y;
	width:40px;
    height:100%;
	position:fixed;
	right:0;
	top:0px;
	z-index:10;
    padding-top:50px;


}

footer{
        display:block;
	font-size:0.9em;
        text-align:center;
        margin:50px auto 20px auto;
        color:grey;
}

a{
	color:palegoldenrod;

}


.opacity{

opacity:0.3;
filter: alpha(opacity=30);        /* ie lt 8 */
-ms-filter: "alpha(opacity=30)";  /* ie 8 */
-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.3;              /* Safari 1.x */

}




div#title{
	width:100%;
	margin-right: -490px;
	float:left;
	position:relative;
}

div#title > div{
	margin-right: 490px;
	position:fixed;
	bottom:20px;
}

div#title > div img{
	width:100%;
	
}

div#contents{
	background:url('img/bg_contents.png') left top ;
	width:500px;
	height:100%;/* for IE6 */
    min-height:100%;
	float: right;
}


div#contents section{
    display:block;
	width:420px;
	margin:20px;
        
}

/*books*/
section#books li{
	overflow:hidden;
	margin-bottom:20px;
        display:table;
        vertical-align:top;

}


section#books li span{

	font-size:1.5em;
	font-weight:bold;
	color:#bea853;

}


section#books li .left,
section#books li .right {
    display:table-cell;
    vertical-align:top;
} 

section#books li .left a img{

	margin-right:10px;
	width:150px;

}
section#books p{


	margin-bottom:1em;
}


/*  special  */
section#special p {

	margin-bottom:20px;

}

section#special dl {
	overflow:hidden;

}


section#special dt {

	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.5em;
}	
		
section#special dd {
	width:210px;
	float:left;
	margin-bottom:20px;
}

section#special dd img{
	width:190px;	
}

/*  present  */

section#present h2{

   font-weight:bold;
   font-size:1.1em;
   color:silver;
   border-bottom:solid 1px;
    margin-top:20px;
}


section#present p{

	margin:10px;

}


/* mainmenu */
#mainmenu{
    background: none repeat scroll 0 0 #000;
    height: 2.5em;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
}
#mainmenu ul {
    margin: 0.5em;
    padding: 0;
    text-align: right;
}

#mainmenu li{
    display: inline-block;
    margin: 0 10px;
}
#mainmenu li a {
    color: #999;
}

#mainmenu li a:hover{
    color: #cc9;
}