@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ padding:0; margin:0; background:url(../images/bg.jpg) no-repeat center top; background-color:#900000;}
a,img{ border:0; text-decoration:none; color:#FFF;}

a:active
{
	outline: none;
	-moz-outline-style: none;
}

a:focus
{
	-moz-outline-style: none;
	outline: none;
}

.main_div{ width:990px; margin:auto;}
.inner_div{ width:990px; float:left;}
.left_container{ width:350px; float:left;}
.logo{ width:303px; float:left; padding:36px 0 0 47px;}

.social_icon{ width:400px; float:left; padding-left:30px; padding-top:500px; padding-bottom:15px;}
.right_container{ width:640; float:left;}
.main_menu{ width:640px; float:left;}
.main_menu ul{ float:left;}
.main_menu ul li{ float:left; list-style:none;}
.main_menu ul li a{ width:123px; height:92px; float:left; font-family:Rockwell; font-size:16pt;
background:url(../images/menu-bg.png) no-repeat left top; text-align:center; line-height:25px;}
.main_menu ul li a:hover{ background:url(../images/menu-bg.png) no-repeat left -132px; color:#430000;}
.main_menu ul li a.active{ background:url(../images/menu-bg.png) no-repeat left -132px; color:#430000;}
.pos_1{ margin:64px 0 0 31px !important; width:60%; float:left;}
.pos_2{ margin:39px 0 0 8px !important; width:60%; float:left;}
.pos_3{ margin:42px 0 0 31px !important; width:60%; float:left;}
.pos_4{ margin:19px 0 0 126px !important; width:30%; float:left;}
.pos_5{ margin:-33px 0 0 295px !important; width:20%; float:left;}
.pos_6{ margin:-127px 0 0 499px !important; width:22%; float:left;}

#pos_book, #pos_author { padding-top:35px !important; line-height:55px;}
#pos_preorder { padding-top:35px !important;}
#pos_jingle { padding-top:40px !important; padding-left:5px;}
#pos_chapter, #pos_goodies { padding-top:35px !important; line-height:25px; line-height:50px;}

#content_book, #content_author, #content_chapter, #content_jingle { display:none; }
.container{ color:#FFFFFF; width:400px; float:left; height:478px; overflow:hidden; position:absolute; z-index:11; margin:60px 0 0 198px; text-align:justify;}

.container_book{ color:#FFFFFF; width:400px; float:left; height:580px; overflow:hidden; position:absolute; z-index:11; margin:20px 0 0 198px; text-align:justify;}

.copyright { color:#FFFFFF; font-size:12px;}

/* Examples - Tiny Scrollbar */
#content_book { }
#content_book .viewport { width: 374px; height: 478px; overflow: hidden; position: relative; }
#content_book .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#content_book .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 9px; }
#content_book .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#content_book .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 3px; }
#content_book .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 5px; }
#content_book .disable { display: none; }

#content_author { }
#content_author .viewport { width: 374px; height: 478px; overflow: hidden; position: relative; }
#content_author .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#content_author .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 9px;  }
#content_author .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#content_author .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 3px; }
#content_author .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 5px; }
#content_author .disable { display: none; }

#content_chapter { }
#content_chapter .viewport { width: 374px; height: 478px; overflow: hidden; position: relative; }
#content_chapter .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0 3px; }
#content_chapter .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 9px;  }
#content_chapter .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#content_chapter .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 3px; }
#content_chapter .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 5px; }
#content_chapter .disable { display: none; }


#content_jingle { }
#content_jingle .viewport { width: 374px; height: 478px; overflow: hidden; position: relative; }
#content_jingle .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#content_jingle .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 9px; }
#content_jingle .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#content_jingle .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 3px; }
#content_jingle .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 5px; }
#content_jingle .disable { display: none; }

.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }