html{
    background:url(img/bg_body.jpg) repeat-x top #990033 fixed;
	font-size:0.85em;
    color:#663300;
    line-height:1.5em;
}



div#wrap{
	
    width:980px;
    margin:auto;
    padding-top:2.5em;
    background:white;
}

header{
	height:450px;

}


/****************global*/

a:focus {
	outline:none;
	border:none;
	text-decoration:none;
}

p{

	margin:0.5em 0;
}

.hidden{

	display:none;
}

/****************nav*/

nav ul{
    background:url(img/bg_nav.png)  #990033;
    display:block;
    height:60px;
    text-align:center;
    
}

nav li{
    display:inline-block;
    margin:12px 20px;
}



/****************section*/


section{
 
    display:block;
    width:938px;
    margin:auto;
    background:url(img/bg_section.png) center;  

}

section h1{
    background:white;
    padding-top:2.5em;
    line-height:0;
    display:block;
   

}


section>div{
	width:840px;
	margin:auto;
}

section:after{  
    display:block;
    content:url("img/bottom_section.png");
    padding-top:2.5em;
    line-height:0;
}



/****************topics & novelty*/

section#topics div div p,
section#topics div div dl,
section#novelty div div p,
section#novelty div div dl{
    padding:1em;
}
section#topics div div strong,
section#novelty div div strong{
    display:block;
    font-size:1.2em;
    background:#ae133a;
    color:white;
    padding:0.5em;
    line-height:1.2em;
    height:1.2em;
    margin:-1em;
    margin-bottom:0.5em;
    font-weight:bold;

}

/****************story*/
section#story > div div{
    display:table-cell;
    width:400px;
    vertical-align:top;
}


/****************sample*/

section#sample > div{
    width:680px;
    line-height:2em;

}

/****************books*/

section#books > div div{
    display:table-cell;
    width:400px;
    vertical-align:top;
}

section#books{
    text-align:center;
}

section#books > div div{
    width:420px;
    font-size:0.9em;
}

/****************PageTOP*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;

}


/****************footer & global menu*/

#globalmenu {
    background:black;
    height: 2.5em;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
}
#globalmenu ul {
    margin: 0.5em;
    padding: 0;
    text-align: right;
}

footer {
    background: black;
    color: #666666;
    font-size: 0.9em;
    margin-top: 50px;
    padding: 20px;
    text-align: center;
	height:auto;
    display:block;
}

footer ul {
    margin: 0.5em;
    padding: 0;
}
#globalmenu li, footer li{
    display: inline-block;
    margin: 0 10px;
	border:none;
}
#globalmenu li a,
footer li a  {
    color: #999;
	
}	

#globalmenu li a:hover,
footer li a:hover {
    color: #cc9;
}

footer p{
	margin-top:2em;

}

/*===================
 sample page navi
===================*/

ul.page {
    width:45em;
	margin:auto;
    padding:2em 0 2em 0;
  	text-align:center;

}

ul.page li{

    display:inline-block;
    vertical-align:middle;
    margin:0.2em;
    width:1.5em;
    height:1.5em;
    line-height:1.7em;
    color:#cccc66;
    border:solid 1px #999;
    padding:0;
}

ul.page li.mark{

	background:#999;
}

ul.page li.first{
	border-left:none;
	margin-left:2px;
}

ul.page li.mark a{

	color:#001e43;
}

ul.page li.part{

    display:inline-block;
    text-align:center;
    width:4em;
	border:solid 1px #999;
	margin:0 0.2em;
}

ul.page li.partm{

	color:#001e43;
	background:#999;
	margin-right:0
}


ul.page a,
div.next a{

    color:#999;
    text-decoration:none;
}

ul.page a:hover,
div.next a:hover{

    color:red;
}

div.next{
	margin:3em auto 1em auto;
	text-align:center;
}
/**************** toggle */
.novelty{
    display: none;
    margin-bottom: 3em;
}

.botton{
    margin:0 1em; 
    padding:0.5em;
    background:darkgoldenrod;
    width:12em;
    text-align:center;
    color:white;
	margin-bottom:2em;
}

.botton:hover{
    background:goldenrod;

}