@charset "utf-8";
/*
Theme Name: Yurindo Ranking 2.0
Description: 
Version: 1.0
Author: NXTG
Template: general
*/

@import url('/wp-content/themes/general/style.css');


#container {
    background-color: #FFFFFF;
    height: 100%;
    padding: 0;
    width: 100%;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#wrapper {
    margin: 0 auto;
    width: 960px;
}

#content_ranking {
    float: left;
    text-align: left;
    width: 720px;
		min-height: 720px;
}

#content_ranking .ranking_info {
    position: relative;
    width: 720px;
}
#content_ranking .ranking_info .ranking_list {
    width: 720px;
}

#content_ranking .ranking_info h2 {
	color: #212121;
	font-size: 26px;
	padding-bottom: 23px;
  border-bottom: 1px solid #51ABB8;
	overflow: hidden;
}

ul#panels {
    background: url("image/tab_bar.gif") no-repeat scroll 0 -40px transparent;
    height: 40px;
    left: -1px;
    margin-top: 18px;
    position: relative;
    width: 720px;
}

ul#panels li#tab_sogo {
    background-position: 0 -40px;
}

ul#panels li#tab_bunko {
    background-position: -300px 0;
}

ul#panels li#tab_comics {
    background-position: -450px 0;
}

ul#panels li#tab_business {
    background-position: -150px 0;
}

ul#panels li {
    background-image: url("image/tab_bar.gif");
    cursor: pointer;
    float: left;
    height: 40px;
    text-indent: -9999px;
    width: 150px;
}

div#best_main {
    font-size: 12px;

}
div#content_head {
    background-color: #E3DEC8;
    padding: 7px 11px 7px 12px;
}

div#content_head h3 {
    color: #575757;
    float: left;
    font-weight: bold;
}

div#content_head p.right {
    float: right;
    font-weight: bold;
}

ul.rank {
    clear: both;
    padding-bottom: 35px;
}

li.rank_list {
  background: url("image/line_green.gif") repeat-x scroll center bottom transparent;
  min-height: 90px;
	padding-top: 0;
	padding-bottom: auto;
}

.rank .has_image div.list_title {
/*    float: right;
    width: 500px;
	*width: 512px;	 IE6 */
/*	>width: 512px;	 IE7- */
}

div.list_title {
    float: right;
    width: 495px;
    background: url("image/dot_thin.gif") repeat-x scroll center bottom transparent;
    min-height: 17px;
    padding: 19px 0 19px 0;
}

div.list_title img {
    float: left;
}

div.list_title img.rank_change {
    margin-top: 8px;
    margin-left: 15px;

}

div.list_title span {
    float: left;
    font-weight: bold;
    padding: 10px 10px 0;

    width: 300px;
    color: #27631D;
}

div.list_title a {
    background: none repeat scroll 0 0 transparent;
    width: 300px;
    text-decoration: underline;
    color: #27631D;
    float: left;
    font-weight: bold;
}

div.price {
    float: right;
    font-weight: normal;
    padding-top: 10px;
		width: 100px;
}

div.list_under_block {
  float: right;
  width: 495px;
/*	*width: 512px;	 IE6 */
/*	>width: 512px;	 IE7- */
    padding: 9px 0 9px 0;
}
.rank .has_image div.list_title div.author_name {
/*    width: 130px;*/
}
div.list_under_block div.author_name {
    background: url("image/author_name_white.gif") no-repeat scroll left top transparent;
    float: left;
    min-height: 17px;
    padding-left: 53px;
    width: 118px;
}
div.list_under_block div.publisher {
    background: url("image/publisher_white.gif") no-repeat scroll left top transparent;
    float: left;
    min-height: 17px;
    padding-left: 53px;
    width: 117px;
}
div.list_under_block div.isbn {
    background: url("image/isbn_white.gif") no-repeat scroll left top transparent;
    float: right;
    min-height: 17px;
    padding-left: 53px;
    width: 100px;
}
div.list_button {
  float: right;
	width: 132px;
	height: 100px;
	padding-top: 10px;
	padding-left: 12px;
}
div.list_button li {
	padding: 5px 0 5px 3px;
}
div.list_button li .zaiko_none {
  display: block;
  margin-top: -1px;
  position: relative;
	padding: 8px 0;
	padding-left: 29px;
  text-decoration: none;
	font-size: 90%;
	border: 1px solid #BDC6BA;
	color: #28611C;
  background: #DDDDDD url("image/zaiko_g.png") no-repeat scroll 7px center;
	text-align: left;
}
div.list_button li .honya_none {
  display: block;
  margin-top: -1px;
  position: relative;
	padding: 8px 0;
	padding-left: 29px;
  text-decoration: none;
	font-size: 90%;
	border: 1px solid #ADC0DB;
	color: #003367;
  background: #DDDDDD url("image/hc_b.png") no-repeat scroll 7px center;
	text-align: right;
	padding-right: 7px;
}

div.list_button a {
  display: block;
  margin-top: -1px;
  position: relative;
	padding: 8px 0;
  text-decoration: none;
	font-size: 90%;
}
div.list_button a.zaiko {
	border: 1px solid #BDC6BA;
	color: #28611C;
  background: url("image/zaiko_g.png") no-repeat scroll 7px center;
	text-align: left;
	padding-left: 29px;
}
div.list_button a.honya {
	border: 1px solid #ADC0DB;
	color: #003367;
  background: url("image/hc_b.png") no-repeat scroll 9px center;
	text-align: right;
	padding-right: 7px;
}
div.list_button a:hover {
/*	color: #FFF!important;*/
	background-color: #F1F1F1;
/*	border: solid 1px #adb0a8;*/
	text-decoration: none!important;
	z-index: 2;
}

div.comment {
    background: url("image/dot_thin.gif") repeat-x scroll center top transparent;
    font-weight: normal;
    padding: 5px 10px 5px;
}

.rank .has_image .book_image {
    float: left;
    padding: 10px 0 5px;
    text-align: center;
    width: 75px;
}

.rank .has_image .book_image table.length {
    width: 65px;
}

.rank .has_image .book_image table.length img {
    width: 59px;
}

.rank .has_image .book_image table {
    border: medium none;
    border-collapse: collapse;
    border-spacing: 0;
}

.rank .has_image .book_image table tr td {
    height: 90px;
    padding: 0;
    vertical-align: middle;
}

.rank .has_image .book_image table tr td a {
    border: 1px solid #BBBBBB;
    display: block;
    margin: 2px;
}

.rank .has_image div.list_under {
    float: right;
}

.rank .has_image div.list_under {
    width: 640px;
}

div.list_under {
    min-height: 35px;
}

/* ----- side bar -------- */

#sidebar_publication {
	display: block;
	float: right;
}
#sidebar_publication ul {
	padding-top: 1px;
}

#sidebar_publication li {
	list-style-type: none;
	margin-top: 10px;
}