@charset "UTF-8";
/* ==============================
  css-database-top
=================================
read
---------------------------------
look
---------------------------------
play
---------------------------------
comicsWrap
---------------------------------
booksWrap
---------------------------------
cdWrap
---------------------------------
dvdWrap
---------------------------------
videoWrap
---------------------------------
softWrap
---------------------------------
cardWrap
---------------------------------
otherWrap
---------------------------------
titleWrap
============================== */

#topDB #content {
	padding-bottom: 25px;
}

#topDB ul.gdsList {
	float: right;
}

/* ------------------------------
  read
------------------------------ */
#read {
	width: 960px;
	margin-bottom: 40px;
}
#read h4 {
	width: 960px;
	height: 69px;
	background: url(../contents/img/database/h4_read.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

/* ------------------------------
  look
------------------------------ */
#look {
	width: 960px;
	margin-bottom: 50px;
}
#look h4 {
	width: 960px;
	height: 69px;
	background: url(../contents/img/database/h4_look.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 15px;
}

/* ------------------------------
  play
------------------------------ */
#play {
	width: 960px;
	margin-bottom: 50px;
}
#play h4 {
	width: 960px;
	height: 69px;
	background: url(../contents/img/database/h4_play.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 15px;
}

/* ------------------------------
  comicsWrap
------------------------------ */
#comicsWrap {
	width: 463px;
	float: left;
}
#comicsWrap-inr {
	width: 463px;
}
#comicsWrap h3 {
	width: 142px;
	height: 88px;
	background: url(../contents/img/database/h3_comics.gif) no-repeat center bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}

h4#h4-titleList {
	width: 463px;
	height: 23px;
	background: url(../contents/img/database/h4_title_list.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

#titleList {
	width: 463px;
}
#titleList ul {
	width: 463px;
}
#titleList li {
	width: 204px;
	font-size: 12px;
	padding-right: 15px;
	margin-bottom: 8px;
	float: left;
}
#titleList li a {
	color: #333333;
	background: url(../contents/img/database/title_nav_bg.gif) no-repeat;
	padding-left: 12px;
	text-decoration: none;
}
#titleList li a:hover {
	color: #999999;
	background-position: 0 -15px;
}

/* ------------------------------
  booksWrap
------------------------------ */
#booksWrap {
	width: 463px;
	float: right;
}
#booksWrap-inr {
	width: 463px;
}
#booksWrap h3 {
	width: 142px;
	height: 88px;
	background: url(../contents/img/database/h3_books.gif) no-repeat center bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}

h4#h4-genreList {
	width: 463px;
	height: 23px;
	background: url(../contents/img/database/h4_genre_list.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

#genreList {
	width: 463px;
}
#genreList ul {
	width: 463px;
}
#genreList li {
	width: 132px;
	font-size: 12px;
	padding-right: 10px;
	margin-bottom: 8px;
	float: left;
}
#genreList li a {
	color: #333333;
	background: url(../contents/img/database/title_nav_bg.gif) no-repeat;
	padding-left: 12px;
	text-decoration: none;
}
#genreList li a:hover {
	color: #999999;
	background-position: 0 -15px;
}

/* ------------------------------
  cdWrap
------------------------------ */
#cdWrap {
	width: 285px;
	padding-right: 52px;
	float: left;
}
#cdWrap h3 {
	width: 142px;
	height: 75px;
	background: url(../contents/img/database/h3_cd.gif) no-repeat center bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#cdWrap a {
	color: #333333;
	text-decoration: none;
}
#cdWrap a:hover {
	color: #999999;
}

/* ------------------------------
  dvdWrap
------------------------------ */
#dvdWrap {
	width: 285px;
	float: left;
}
#dvdWrap h3 {
	width: 142px;
	height: 75px;
	background: url(../contents/img/database/h3_dvd.gif) no-repeat center bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#dvdWrap a {
	color: #333333;
	text-decoration: none;
}
#dvdWrap a:hover {
	color: #999999;
}

/* ------------------------------
  videoWrap
------------------------------ */
#videoWrap {
	width: 285px;
	float: right;
}
#videoWrap h3 {
	width: 142px;
	height: 75px;
	background: url(../contents/img/database/h3_video.gif) no-repeat center bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#videoWrap a {
	color: #333333;
	text-decoration: none;
}
#videoWrap a:hover {
	color: #999999;
}

/* ------------------------------
  softWrap
------------------------------ */
#softWrap {
	width: 285px;
	padding-right: 52px;
	float: left;
}
#softWrap h3 {
	width: 142px;
	height: 75px;
	background: url(../contents/img/database/h3_soft.gif) no-repeat center bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#softWrap a {
	color: #333333;
	text-decoration: none;
}
#softWrap a:hover {
	color: #999999;
}

/* ------------------------------
  cardWrap
------------------------------ */
#cardWrap {
	width: 285px;
	float: left;
}
#cardWrap h3 {
	width: 142px;
	height: 75px;
	background: url(../contents/img/database/h3_card.gif) no-repeat center bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#cardWrap a {
	color: #333333;
	text-decoration: none;
}
#cardWrap a:hover {
	color: #999999;
}

/* ------------------------------
  otherWrap
------------------------------ */
#otherWrap {
	width: 285px;
	float: right;
}
#otherWrap h3 {
	width: 142px;
	height: 75px;
	background: url(../contents/img/database/h3_other.gif) no-repeat center bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#otherWrap a {
	color: #333333;
	text-decoration: none;
}
#otherWrap a:hover {
	color: #999999;
}

/* ------------------------------
  titleWrap
------------------------------ */
.titleWrap {
	width: 142px;
	float: left;
	padding-left: 10px;
}
.titleWrap p {
	text-align: center;
	padding-top: 6px;
}

/* ------------------------------
  caption-btm
------------------------------ */
#caption-btm {
	width: 960px;
	background: url(../contents/img/database/line_number.gif) repeat-x bottom;
	padding-bottom: 20px;
}
#caption-btm p {
	font-size: 10px;
	color: #797979;
}
*html #caption-btm p {
	font-size: 9px;
}