@charset "UTF-8";
/* ==============================
  css-database
=================================
h2
---------------------------------
h3-aria
---------------------------------
rss
---------------------------------
navDB
---------------------------------
searchAria
---------------------------------
main
---------------------------------
mainContent
---------------------------------
gdsList
---------------------------------
showAll
---------------------------------
noData
---------------------------------
number
---------------------------------
sideNav
============================== */

#content {
  padding-bottom: 50px;
}

/* ------------------------------
  h2
------------------------------ */
h2 {
  width: 340px;
  height: 99px;
  background: url(/image/contents/database/h2.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: left;
}

/* ------------------------------
  h3-aria
------------------------------ */
#h3-aria {
  width: 600px;
  padding-top: 20px;
  float: right;
}

#h3-aria h3 {
  width: 595px;
  height: 29px;
  background: url(/image/contents/database/h3.gif) no-repeat top right;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-right: 5px;
  margin-bottom: 10px;
}

#h3-aria p {
  text-align: right;
  color: #939393;
}

/* ------------------------------
  rss
------------------------------ */
.rss {
  padding-top: 9px;
  padding-right: 5px;
}
/* clearfix */
.rss:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss {
  height: 1%;
}
.rss {
  display: block;
}
/* End hide from IE-mac */

.rss p {
  text-align: right;
  color: #939393;
  padding-top: 4px;
  padding-right: 8px;
  float: right;
}

.rss ul {
  width: 56px;
  float: right;
}
/* clearfix */
.rss ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss ul {
  height: 1%;
}
.rss ul {
  display: block;
}
/* End hide from IE-mac */

.rss li {
  width: 26px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
.rss li#btnRss {
  float: left;
}
.rss li#btnRss-help {
  float: right;
}

.rss li a {
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
.rss li#btnRss a {
  background-image: url(/image/common/btn_rss.gif);
}
.rss li#btnRss-help a {
  background-image: url(/image/common/btn_rss_help.gif);
}

.rss li a:hover {
  background-position: 0 -26px;
}

/* ------------------------------
  navDB
------------------------------ */
#navDB {
  width: 958px;
  height: 30px;
  padding-left: 1px;
  margin-bottom: 6px;
}

#navDB ul {
  width: 960px;
}
/* clearfix */
#navDB ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#navDB ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #navDB ul {
  height: 1%;
}
#navDB ul {
  display: block;
}
/* End hide from IE-mac */

#navDB li {
  width: 118px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-right: 2px;
  float: left;
}
#navDB li#etcDB {
  padding-right: 0;
}

#navDB li a {
  width: 118px;
  height: 30px;
  text-decoration: none;
  display: block;
  outline: none;
  background-repeat: no-repeat;
}
#navDB li#topDB a {
  background-image: url(/image/contents/database/btn_top.gif);
}
#navDB li#comicsDB a {
  background-image: url(/image/contents/database/btn_comics.gif);
}
#navDB li#booksDB a {
  background-image: url(/image/contents/database/btn_books.gif);
}
#navDB li#cdDB a {
  background-image: url(/image/contents/database/btn_cd.gif);
}
#navDB li#dvdDB a {
  background-image: url(/image/contents/database/btn_dvd.gif);
}
#navDB li#videoDB a {
  background-image: url(/image/contents/database/btn_video.gif);
}
#navDB li#softDB a {
  background-image: url(/image/contents/database/btn_soft.gif);
}
#navDB li#otherDB a {
  background-image: url(/image/contents/database/btn_other.gif);
}

#navDB li.current a {
  background-position: 0 -30px;
}
#navDB li a:hover {
  background-position: 0 -30px;
}

/* ------------------------------
  searchAria
------------------------------ */
#searchAria {
  width: 958px;
  height: 32px;
  padding-left: 1px;
  margin-bottom: 35px;
}
/* clearfix */
#searchAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#searchAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #searchAria {
  height: 1%;
}
#searchAria {
  display: block;
}
/* End hide from IE-mac */

#searchAria #words {
  width: 594px;
  height: 32px;
  background: url(/image/contents/database/words_bg.gif) no-repeat;
  padding-right: 3px;
  float: left;
}
#searchAria #words ul#passDB {
  padding-top: 9px;
  padding-left: 10px;
}
#searchAria #words ul#passDB li {
  font-size: 12px;
  background: url(/image/contents/database/pass_bg.gif) no-repeat right center;
  padding-right: 26px;
  float: left;
}
#searchAria #words ul#passDB li.none {
  background: none;
  padding-right: 0;
}

#searchAria #words ul#newsDB {
  padding-top: 9px;
  padding-left: 10px;
}
#searchAria #words ul#newsDB li {
  font-size: 12px;
}
#searchAria #words ul#newsDB li .grn {
  color: #a5ab00;
}
#searchAria #words ul#newsDB li .pnk {
  color: #e50066;
}

#searchAria #keyword {
  width: 286px;
  height: 32px;
  background: url(/image/contents/database/keyword_bg.gif) no-repeat;
  float: left;
}

/* clearfix */
#searchAria #keyword:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#searchAria #keyword {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #searchAria #keyword {
  height: 1%;
}
#searchAria #keyword {
  display: block;
}
/* End hide from IE-mac */
#searchAria #keyword h4 {
  width: 59px;
  height: 32px;
  background: url(/image/contents/database/txt_keyword.gif) no-repeat right center;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: left;
}
#searchAria #keyword #input {
  padding-top: 4px;
  padding-left: 9px;
  float: left;
}
#searchAria #keyword #input input {
  width: 200px;
  font-size: 12px;
  background-color: #FFFFFF;
  padding: 3px;
  border: 1px solid #cccccc;
}

#searchAria p#btnSearch {
  width: 72px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: right;
}
#searchAria p#btnSearch a {
  width: 72px;
  height: 32px;
  background: url(/image/contents/database/btn_search.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#searchAria p#btnSearch a:hover {
  background-position: 0 -32px;
}

/* ------------------------------
  searchAria2
------------------------------ */
#searchAria2 {
  width: 958px;
  height: 32px;
  padding-left: 1px;
  margin-bottom: 35px;
}
/* clearfix */
#searchAria2:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#searchAria2 {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #searchAria2 {
  height: 1%;
}
#searchAria2 {
  display: block;
}
/* End hide from IE-mac */

#searchAria2 #words {
  width: 594px;
  height: 32px;
  background: url(/image/contents/database/words_bg.gif) no-repeat;
  padding-right: 3px;
  float: left;
}
#searchAria2 #words ul#passDB {
  padding-top: 9px;
  padding-left: 10px;
}
#searchAria2 #words ul#passDB li {
  font-size: 12px;
  background: url(/image/contents/database/pass_bg.gif) no-repeat right center;
  padding-right: 26px;
  float: left;
}
#searchAria2 #words ul#passDB li.none {
  background: none;
  padding-right: 0;
}

#searchAria2 #words ul#newsDB {
  padding-top: 9px;
  padding-left: 10px;
}
#searchAria2 #words ul#newsDB li {
  font-size: 12px;
}
#searchAria2 #words ul#newsDB li .grn {
  color: #a5ab00;
}
#searchAria2 #words ul#newsDB li .pnk {
  color: #e50066;
}

#searchAria2 #keyword {
  width: 286px;
  height: 32px;
  background: url(/image/contents/database/keyword_bg.gif) no-repeat;
  float: right;
}

/* clearfix */
#searchAria2 #keyword:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#searchAria2 #keyword {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #searchAria2 #keyword {
  height: 1%;
}
#searchAria2 #keyword {
  display: block;
}
/* End hide from IE-mac */
#searchAria2 #keyword h4 {
  width: 59px;
  height: 32px;
  background: url(/image/contents/database/txt_keyword.gif) no-repeat right center;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: left;
}
#searchAria2 #keyword #input {
  padding-top: 4px;
  padding-left: 9px;
  float: left;
}
#searchAria2 #keyword #input input {
  width: 200px;
  font-size: 12px;
  background-color: #FFFFFF;
  padding: 3px;
  border: 1px solid #cccccc;
}

#searchAria2 p#btnSearch {
  width: 72px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: right;
}
#searchAria2 p#btnSearch a {
  width: 72px;
  height: 32px;
  background: url(/image/contents/database/btn_search.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#searchAria2 p#btnSearch a:hover {
  background-position: 0 -32px;
}
/* ------------------------------
  new-info
------------------------------ */
#new-info {
  width: 960px;
  padding-left: 1px;
  margin-bottom: 35px;
}

#new-info h4 {
	width: 960px;
	height: 20px;
	background: url(/image/contents/database/h4_update-info.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-bottom: 5px;
}
#new-info #OnSale {
	width: 960px;
	height: 14px;
	background: url(/image/contents/database/onsale.gif) no-repeat 10px center;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
    display: block;
	padding-top: 15px;
	padding-bottom: 8px;
}
#new-info #PreSale {
	width: 960px;
	height: 14px;
	background: url(/image/contents/database/presale.gif) no-repeat 10px center;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
    display: block;
	padding-top: 15px;
	padding-bottom: 8px;
}
#new-info .SaleTopicsList li.list {
	padding-bottom: 10px;
}
#new-info .SaleTopicsList a {
  width: 650px;
  color: #454545;
  background-color: #f7f7f7;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
#new-info .SaleTopicsList a:hover {
  background-color: #ebebeb;
}

#new-info .SaleTopicsList span.wrapTopics {
  width: 475px;
  display: block;
  padding: 0 25px;
}
#new-info .SaleTopicsList span.bg-top {
  width: 475px;
  height: 9px;
  background: url(/image/contents/database/topics_bg_top475.gif) no-repeat left top;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  display: block;
}
#new-info .SaleTopicsList span.date {
  width: 80px;
  font-size: 10px;
  background: url(/image/contents/topics/date_bg.gif) no-repeat 0 13px;
  padding-top: 8px;
  padding-left: 10px;
}
#new-info .SaleTopicsList a span.date {
  color: #979797;
}

#new-info .SaleTopicsList span.txt {
  width: 400px;
  font-size: 12px;
  line-height: 1.5;
  padding-top: 5px;
  padding-bottom: 5px;
}
#new-info .SaleTopicsList span.txt {
  width: 465px;
}
#new-info .SaleTopicsList a span.txt {
  color: #454545;
}
#new-info .SaleTopicsList a span.txt b {
  color: #e6006a;
  font-weight: normal;
}
#new-info .SaleTopicsList span.txt img {
  padding-left: 10px;
  margin-top: 4px;
  vertical-align: baseline;
}

#new-info .SaleTopicsList span.bg-btm {
  width: 475px;
  height: 9px;
  background: url(/image/contents/database/topics_bg_btm475.gif) no-repeat left bottom;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  display: block;
}
/* ------------------------------
  main
------------------------------ */
/*
#main {
    background:transparent url(/image/contents/database/main.jpg) no-repeat scroll 0 0;
    font-size:1px;
    height:468px;
    line-height:1px;
    text-indent:-9999px;
    width:960px;
}
*/

/* ------------------------------
  mainContent
------------------------------ */
#mainContent {
  width: 753px;
  float: left;
}

#mainContent .titleAria {
  width: 753px;
}
/* clearfix */
#mainContent .titleAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#mainContent .titleAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #mainContent .titleAria {
  height: 1%;
}
#mainContent .titleAria {
  display: block;
}
/* End hide from IE-mac */

#mainContent .titleAria h4 {
  height: 67px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  padding-right: 25px;
  float: left;
}
#mainContent .titleAria h4#h4-comics {
  width: 126px;
  background-image: url(/image/contents/database/h4_comics.gif);
}
#mainContent .titleAria h4#h4-books {
  width: 109px;
  background-image: url(/image/contents/database/h4_books.gif);
}
#mainContent .titleAria h4#h4-cd {
  width: 42px;
  background-image: url(/image/contents/database/h4_cd.gif);
}
#mainContent .titleAria h4#h4-dvd {
  width: 143px;
  background-image: url(/image/contents/database/h4_dvd.gif);
}
#mainContent .titleAria h4#h4-video {
  width: 175px;
  background-image: url(/image/contents/database/h4_video.gif);
}
#mainContent .titleAria h4#h4-soft {
  width: 87px;
  background-image: url(/image/contents/database/h4_soft.gif);
}
#mainContent .titleAria h4#h4-other {
  width: 107px;
  background-image: url(/image/contents/database/h4_other.gif);
  padding-right: 20px;
}

#mainContent .titleAria ul {
  padding-top: 15px;
  float: left;
}
/* clearfix */
#mainContent .titleAria ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#mainContent .titleAria ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #mainContent .titleAria ul {
  height: 1%;
}
#mainContent .titleAria ul {
  display: block;
}
/* End hide from IE-mac */

#mainContent .titleAria li {
  font-size: 12px;
  padding-right: 13px;
  float: left;
}
#mainContent .titleAria li a {
  color: #333333;
  background: url(/image/contents/database/title_nav_bg.gif) no-repeat;
  padding-left: 10px;
  text-decoration: none;
}
#mainContent .titleAria li.current a {
  background-position: 0 -15px;
}
#mainContent .titleAria li a:hover {
  color: #999999;
  background-position: 0 -15px;
}

/* ------------------------------
  gdsList
------------------------------ */
ul.gdsList {
}
/* clearfix */
ul.gdsList:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul.gdsList {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html ul.gdsList {
  height: 1%;
}
ul.gdsList {
  display: block;
}
/* End hide from IE-mac */

ul.gdsList li {
  width: 104px;
  height: 156px;
  background: url(/image/contents/database/gds_list_bg.gif) no-repeat;
  float: left;
  padding-right: 3px;
  padding-bottom: 10px;
  position: relative;
}
ul.gdsList li.none {
  padding-right: 0;
}

ul.gdsList li .ph {
  width: 105px;
  height: 129px;
  position: absolute;
  top: 0;
  left: 0;
}
ul.gdsList li .ph td {
  width: 105px;
  height: 129px;
}

ul.gdsList li .hover {
  width: 105px;
  height: 129px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
}
ul.gdsList li .hover a {
  width: 105px;
  height: 129px;
  background: url(/image/contents/database/gds_list_hover.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
ul.gdsList li .hover a:hover {
  background-position: 0 -129px;
}

ul.gdsList li .cap {
  width: 105px;
  height: 27px;
  position: absolute;
  top: 129px;
  left: 0;
  text-align: center;
}

ul.gdsList li .cap .new {
  padding-top: 5px;
}

/* ------------------------------
  showAll
------------------------------ */
.showAll {
  width: 753px;
  background: url(/image/contents/database/number_line.gif) repeat-x;
  padding-top: 10px;
  margin-bottom: 30px;
}
.showAll p {
  width: 99px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-left: 654px;
}
.showAll p a {
  width: 99px;
  height: 23px;
  background: url(/image/contents/database/btn_show_all.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
.showAll p a:hover {
  background-position: 0 -23px;
}

/* ------------------------------
  noData
------------------------------ */
#noData {
  width: 751px;
  background-color: #fbfbfb;
  border: 1px solid #e5e5e5;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 20px;
}
#noData p {
  padding-left: 280px;
}
#noData p span {
  background: url(/image/contents/database/note.gif) no-repeat left center;
  padding-left: 20px;
  display: block;
}

/* ------------------------------
  number
------------------------------ */
#number {
  background: url(/image/contents/database/number_line.gif) repeat-x;
  padding-top: 15px;
}
/* clearfix */
#number:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#number {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #number {
  height: 1%;
}
#number {
  display: block;
}
/* End hide from IE-mac */

#number ul {
  height: 29px;
  overflow: hidden;
  float: right;
}
/* clearfix */
#number ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#number ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #number ul {
  height: 1%;
}
#number ul {
  display: block;
}
/* End hide from IE-mac */

#number li {
  width: 29px;
  height: 29px;
  font-size: 12px;
  padding-left: 5px;
  float: left;
}

#number li a {
  width: 29px;
  height: 29px;
  text-decoration: none;
  display: block;
  outline: none;
  background: url(/image/contents/database/nav_number.gif) no-repeat;
}

#number li a:hover {
  background-position: 0 -29px;
}
#number li.current a {
  background-position: 0 -58px;
}
#number li.current a:hover {
  background-position: 0 -58px;
}

#number li a span {
  display: block;
  text-align: center;
  color: #FFFFFF;
  padding-top: 7px;
}


/* ------------------------------
  sideNav
------------------------------ */
#sideNav {
  width: 182px;
  padding-top: 12px;
  float: right;
}

#sideNav h4 {
  width: 182px;
  height: 29px;
  background: url(/image/contents/database/h4_index.gif) no-repeat 15px 0;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 5px;
}

#sideNav p#comp {
  color: #ff4474;
  font-size: 10px;
  margin-bottom: 5px;
  text-align: right;
}
* html #sideNav p#comp {
  font-size: 9px;
}

#sideNav li {
  width: 182px;
  font-size: 10px;
  color: #333333;
  background-color: #f2f2f2;
  margin-bottom: 1px;
}
* html #sideNav li {
  font-size: 9px;
}
#sideNav li.all {
  background-color: #000000;
  font-size: 12px;
}

#sideNav li img {
  padding-left: 4px;
  padding-right: 7px;
  vertical-align: middle;
}
#sideNav li.nothing img {
  filter:alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
#sideNav li.nothing span {
display:none;
}

#sideNav li.nothing{
  color: #bababa;
}

#sideNav li.genre {
  color: #FFFFFF;
  background-color: #000000;
}

#sideNav li a {
  width: 182px;
  height: 30px;
  color: #333333;
  text-decoration: none;
  display: block;
  outline: none;
  padding-top: 1px;
  padding-bottom: 1px;
}
#sideNav li a span.star {
  color: #ff4474;
}

#sideNav li.all a span {
  color: #FFFFFF;
  padding: 7px 0 0 10px;
  display: block;
}

#sideNav li.nothing a img {
  filter:alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
#sideNav li.nothing a span {
  color: #bababa;
}

#sideNav li a:hover,
#sideNav li.current a
 {
  color: #FFFFFF;
  background-color: #000000;
}