/* CONTENT TYPE
================================================================================*/

div#mainContainer div#contentType_category {
	float:left;
}


/* CLASS
================================================================================*/

/* HEADING
--------------------------------------------------------------------------------*/

div.heading {
	clear:both;
	width:790px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.heading img {
	float:left;
}

div.heading h3,
div.heading h4 {
	display:block;
	float:left;
	width:140px;
	margin-left:2px;
	padding-top:2px;
	color:#f29600;
	font-size:105%;
	font-weight:bold;
}

div.content_bottom {
	clear:both;
	width:790px;
	margin-bottom:20px;
	padding-top:2px;
	text-align:center;
	border-top:1px solid #cfcfcf;
}

div.border_orange {
	float:right;
	width:766px;
	height:3px;
	font-size:2px;
	margin-top:2px;
	background:#f29600;
}

div.border_gray {
	float:right;
	width:790px;
	height:1px;
	font-size:1px;
	margin-top:4px;
	border-top:1px solid #cfcfcf;
}


/* CONTENT STYLE
================================================================================*/

/* CONTENT TOP LAYOUT
--------------------------------------------------------------------------------*/

div#content_top {
	clear:both;
	width:790px;
	margin-bottom: 6px;
}

div#content_top h3 {
	width:100%;
}

div#content_top h3 span {
	visibility:hidden;
}

div#content_top div#content_top_left {
	float:left;
	width:514px;
	height:200px;
}

div#content_top div#content_top_left div#topBannerArea,
div#content_top div#content_top_left div#topBannerFade,
div#content_top div#content_top_left div#topBannerArea a,
div#content_top div#content_top_left div#topBannerArea img {
	margin: 0;
	padding: 0;
}

div#content_top div#content_top_left div#topBannerArea a#topBannerUrl {
	display: block;
	width:514px;
	height:200px;
}

/*
div#content_top div#content_top_left div#topBannerFade {
	position:absolute;
	top:0;
	left:0;
	width:514px;
	height:200px;
	background:#fff;
}
*/

div#content_top div#content_top_right {
	float:right;
	width:270px;
	height:200px;
	overflow:hidden;
	background:url(../images/bg_acc_paturn.gif) repeat-y;
}


/* CONTENT TOP RIGHT (ACCORDION)
--------------------------------------------------------------------------------*/

/* accordion.css >>> */


/* CONTENT INFORMATION
--------------------------------------------------------------------------------*/

div#content_information {
	margin-bottom: 10px;
}

div#content_information h3 {
	display: block;
	float: left;
}

div#content_information h3 span {
	visibility: hidden;
}

div#content_information div#information_top {
	float:left;
	width:790px;
	height:28px;
	background:url(../images/bg_info_top.gif) no-repeat;
}

div#content_information div#information_top div#btn_maintenance {
	float:right;
	width:120px;
	padding-top:6px;
}

div#content_information div#information_top div#btn_maintenance a {
	display:block;
	width:100px;
	height:17px;
	background:url(../images/btn_maintenance.gif) 0px 0px no-repeat;
}

div#content_information div#information_top div#btn_maintenance a:hover {
	text-decoration:none;
	background:url(../images/btn_maintenance.gif) 0px -17px no-repeat;
}

div#content_information div#information_top div#btn_maintenance a span {
	visibility:hidden;
}

div#content_information div#information_top div#btn_rss {
	float:right;
	width:50px;
	padding-top:7px;
	margin-right:20px;
}

div#content_information div#information_top div#btn_rss a {
	display:block;
	width:50px;
	height:15px;
	background:url(../images/btn_rss.gif) 0px 0px no-repeat;
}

div#content_information div#information_top div#btn_rss a:hover {
	text-decoration:none;
	background:url(../images/btn_rss.gif) 0px -15px no-repeat;
}

div#content_information div#information_top div#btn_rss a span {
	visibility:hidden;
}

div#content_information div#information_top a.circleBlue {
	display:block;
	float:right;
	margin-right:20px;
	padding-top:6px;
	padding-left:15px;
	background:url(../images/icon_arrow_bluecircle.gif) 0 7px no-repeat;
}

div#content_information div#information_bottom {
	clear:both;
	width:790px;
	height:8px;
	background:url(../images/bg_info_bottom.gif) no-repeat;
}

div#content_information div#information_content {
	clear:both;
	width:790px;
	background:url(../images/bg_info_paturn.gif) repeat-y;
}

div#content_information div#information_content div#spacer {
	float:left;
	width:10px;
	height:150px;
}

div#content_information div#information_content dl {
	float:left;
	width:768px;
	margin-bottom:5px;
	padding:2px 0px;
	font-size:12px;
	border:1px solid #ccc;
	background:#fff;
	border:1px solid #ccc;
}

div#content_information div#information_content dl.newsList {
	height:100px;
	overflow-y:scroll;
}

div#content_information div#information_content dl.importantList {
	
}

div#content_information div#information_content dl dt {
	display:block;
	float:left;
	width:80px;
	padding:0px 10px;
}

div#content_information div#information_content dl dd {
	display:block;
	float:left;
	width:640px;
}

div#content_information div#information_content dl dd.partition {
	width:740px;
	height:1px;
	margin:0px;
	padding:0px;
	background:#fff;
}

div#content_information div#information_content dl.importantList dd a {
	color:#cc0000;
	font-weight:bold;
}

div#content_information div#information_content ul.extraList {
	float:left;
	width:770px;
	overflow:hidden;
}

div#content_information div#information_content ul.extraList li {
	float:left;
	margin:0px 0px 5px 0px;
	padding:2px;
	font-size:11px;
	text-align:center;
	background:#fef102;
	border:1px solid #ccc;
}

div#content_information div#information_content ul.extraList li.spacer {
	float:left;
	width:8px;
	height:5px;
	margin:0px;
	padding:0px;
	font-size:1px;
	border:none;
	background:none;
}

/* CONTENT TOPICS
--------------------------------------------------------------------------------*/

div#content_information div#topics_top {
	float:left;
	width:790px;
	height:28px;
	background:url(../images/bg_topics_top.gif) no-repeat;
}

div#content_information div#information_content div#spacer_topics {
	float:left;
	width:10px;
	height:100px;
}



/* CONTENT RECOMMEND
--------------------------------------------------------------------------------*/

div#content_recommend {
	clear:both;
	margin-bottom: 10px;
}

div#content_recommend div.heading div#btn_recommend_list {
	float:right;
	margin:3px 5px 0px 0px;
}

div#content_recommend div.heading div#btn_recommend_list a {
	display: block;
	width:150px;
	height:16px;
	vertical-align:top;
	background:url(../images/btn_recommend_list.gif) 0px 0px no-repeat;
}

div#content_recommend div.heading div#btn_recommend_list a:hover {
	text-decoration:none;
	background:url(../images/btn_recommend_list.gif) 0px -16px no-repeat;
}

div#content_recommend div.heading div#btn_recommend_list a span {
	visibility: hidden;
}

/* CONTENT RANKING
--------------------------------------------------------------------------------*/

div#content_ranking {
	clear:both;
	margin-bottom: 10px;
}

div#content_ranking div.heading ul#divSelector {
	display:block;
	float:left;
	width:618px;
	padding:2px 5px 0px 0px;
}

div#content_ranking div.heading ul#divSelector li {
	float:left;
	width:100px;
	margin:0px 1px;
	text-align:center;
}

div#content_ranking div.heading ul#divSelector li a {
	display:block;
	padding:3px 0px 1px 0px;
	color:#4080c4;
	font-weight:bold;
	background:#ffeedd;
}

div#content_ranking div.heading ul#divSelector li a:hover {
	color:#fff;
	text-decoration:none;
	background:#f29600;
}

div#content_ranking div.heading ul#divSelector li.selected  {
	color:#fff;
}

div#content_ranking div.heading ul#divSelector li.selected a {
	color:#fff;
	background:#f29600;
}


/* CONTENT WRAPPER & ITEM CONTAINER
================================================================================*/

div.content_wrapper,
div#content_wrapper_game,
div#content_wrapper_music,
div#content_wrapper_card,
div#content_wrapper_hobby,
div#content_wrapper_book,
div#content_wrapper_original {
	float:right;
	width:770px;
	margin-bottom:10px;
}

div#content_wrapper_music,
div#content_wrapper_card,
div#content_wrapper_hobby,
div#content_wrapper_book,
div#content_wrapper_original {
	display:none;
}

div.itemContainer {
	float:left;
	width:154px;
}

div.itemContainer div.item_rank {
	margin:2px 0px;
	font-weight:bold;
}

div.itemContainer div.item_rank img {
	margin-right:2px;
}

div.itemContainer div.item_image {
	width:140px;
}

div.itemContainer div.item_icon {
	width:140px;
	margin:4px 0px;
}

div.itemContainer div.item_icon img {
	margin:0px;
}

div.itemContainer div.item_text {
	width:140px;
}

div.itemContainer div.item_text p.name {
	width:140px;
}

div.itemContainer div.item_text p.price {
	width:140px;
}

div.itemContainer div.item_num p.date {
	width:140px;
}

div.itemContainer div.item_num p.num {
	width:140px;
}

/* RELATION & SEARCH RESULT LIST
--------------------------------------------------------------------------------*/
div#content_itemList {
	margin:0;
	padding:0;
}

div#content_itemList div.content_wrapper div.itemContainer {
	clear:both;
	width:750px;
	padding-bottom:20px;
}

div#content_itemList div.content_wrapper div.itemContainer div.item_image {
	float:left;
	width:90px;
}

div#content_itemList div.content_wrapper div.itemContainer div.item_text {
	float:right;
	width:660px;
}

div#content_itemList div.content_wrapper div.itemContainer div.item_text p.name {
	width:660px;
	font-weight:bold;
}

div#content_itemList div.content_wrapper div.itemContainer div.item_icon {
	float:left;
	width:660px;
}

div#content_itemList div.content_wrapper div.itemContainer div.item_text p.price {
	width:660px;
	margin-bottom:5px;
}

div#content_itemList div.content_wrapper div.itemContainer div.item_text p.date {
	float:left;
	width:200px;
}

div#content_itemList div.content_wrapper div.itemContainer div.item_text p.num {
	float:right;
	width:200px;
	text-align:right;
}


/* CONTENT BANNER LIST
================================================================================*/

div.content_bnrList {
	clear:both;
	margin-bottom: 10px;
}

div.content_bnrList h3 {
	margin-bottom: 10px;
	padding:2px 5px;
	color:#ffffff;
	font-size:90%;
}

div.content_bnrList h3 p {
	padding-left:8px;
	border-left:4px solid #ffffff;
}

div.content_bnrList h3#specialSite {
	border-top:2px solid #bb3355;
	border-bottom:2px solid #880000;
	border-left:1px solid #bb0011;
	border-right:1px solid #bb0011;
	background: #990011;
}
div.content_bnrList h3#affiliateSite {
	border-top:2px solid #4499dd;
	border-bottom:2px solid #2277bb;
	border-left:1px solid #4488dd;
	border-right:1px solid #4488dd;
	background: #3388cc;
}

div.content_bnrList ul {
	display:block;
	float:right;
	width:778px;
	margin-bottom: 10px;
}

div.content_bnrList ul li {
	display:block;
	float: left;
	width: 155px;
	margin-bottom: 10px;
}

div.content_bnrList ul li a {
	display:block;
	margin-bottom: 5px;
	padding:0;
}

div.content_bnrList ul li p {
	width:145px;
	font-size:75%;
}

div.content_bnrList h3#originalRecommend {
	display:block;
	width:770px;
	min-height:15px;
	color:#5c5c5c;
	margin-bottom:0px;
	padding:10px 10px 0px 10px;
	background:url(../images/bg_original_top.gif) left top no-repeat;
}

div.content_bnrList h3#originalRecommend p {

	margin:0px;
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #d2d2d2;
	border-left:none;
}

div.content_bnrList div.bnrList_wrapper {
	width:790px;
	padding:0px 0px;
	background:url(../images/bg_original_paturn.gif) repeat-y;
}

div.content_bnrList div.bnrList_wrapper_bottom {
	clear:both;
	width:790px;
	height:8px;
	margin:0px;
	padding:0px 0px;
	background:url(../images/bg_info_bottom.gif) no-repeat;
}

div.content_bnrList div.bnrList_wrapper ul {
	display:block;
	float:right;
	width:778px;
	margin-bottom: 10px;
	padding-top:15px;
}

div.content_bnrList div.bnrList_wrapper ul li {
	display:block;
	float: left;
	width: 155px;
	margin-bottom: 10px;
}

div.content_bnrList div.bnrList_wrapper ul li a {
	display:block;
	margin-bottom: 5px;
	padding:0;
}

div.content_bnrList div.bnrList_wrapper ul li p {
	width:145px;
	font-size:75%;
}


/* OTHER CSS STYLES
================================================================================*/

/* SORT 50 LIST
--------------------------------------------------------------------------------*/

dl#sortList50 {
	padding:10px;
}

dl#sortList50 dt {
	clear:both;
	display:block;
	width:760px;
	height:40px;
	margin:5px 5px 5px 5px;
}

dl#sortList50 dt#sortList_dt1  { background:url(../images/bg_map_sortList50_dt.gif) 0px    0px no-repeat; }
dl#sortList50 dt#sortList_dt2  { background:url(../images/bg_map_sortList50_dt.gif) 0px  -40px no-repeat; }
dl#sortList50 dt#sortList_dt3  { background:url(../images/bg_map_sortList50_dt.gif) 0px  -80px no-repeat; }
dl#sortList50 dt#sortList_dt4  { background:url(../images/bg_map_sortList50_dt.gif) 0px -120px no-repeat; }
dl#sortList50 dt#sortList_dt5  { background:url(../images/bg_map_sortList50_dt.gif) 0px -160px no-repeat; }
dl#sortList50 dt#sortList_dt6  { background:url(../images/bg_map_sortList50_dt.gif) 0px -200px no-repeat; }
dl#sortList50 dt#sortList_dt7  { background:url(../images/bg_map_sortList50_dt.gif) 0px -240px no-repeat; }
dl#sortList50 dt#sortList_dt8  { background:url(../images/bg_map_sortList50_dt.gif) 0px -280px no-repeat; }
dl#sortList50 dt#sortList_dt9  { background:url(../images/bg_map_sortList50_dt.gif) 0px -320px no-repeat; }
dl#sortList50 dt#sortList_dt10 { background:url(../images/bg_map_sortList50_dt.gif) 0px -360px no-repeat; }

dl#sortList50 dt span {
	visibility:hidden;
}

dl#sortList50 dd {
	display:block;
	float:left;
	width:165px;
	margin:0px 0px 4px 10px;
	padding: 2px 2px 2px 12px ;
	background: url(../images/icon_arrow_gray.gif) 0 4px no-repeat;
}

/* SPECIAL LIST
--------------------------------------------------------------------------------*/

div.content_specialList {
	
}

div.content_specialList h2 {
	padding:2px 5px;
	color:#ffffff;
	font-size:90%;
	border-top:2px solid #ffbb44;
	border-bottom:2px solid #dd7700;
	border-left:1px solid #ffbb44;
	border-right:1px solid #ffbb44;
	background:#ee8800;
}
div.content_specialList h2 p {
	padding-left:8px;
	border-left:4px solid #ffffff;
}

dl#specialList {
	width:770px;
	padding:10px;
}

dl#specialList dt {
	float:left;
	width:145px;
}

dl#specialList dd.partition {
	display:block;
	clear:both;
	height:2px;
	margin:8px 0px 10px 0px;
	padding:0px;
}

dl#specialList dd.specialListTitle {
	float:right;
	width:600px;
	margin-bottom:5px;
	padding:5px 5px 3px 5px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	background:url(../images/bg_list_dt_white.gif) repeat-x #ececec;
}

dl#specialList dd.specialListTitle a {
	padding-left:20px;
	text-decoration:underline;
	font-weight:bold;
	/*border-left:4px solid #ffffff;*/
	background:url(../images/icon_boxarrow_orange.gif) 0 50% no-repeat;
}

dl#specialList dd.specialListText {
	float:right;
	width:580px;
	margin-bottom:10px;
	padding:5px;
}