@charset "utf-8";

/* --------ランキングページ用CSS-------- */

/* --- ここから 20080215追加 /--- */

#ranking h2 {
	position: relative;
}

#ranking h2 span {
	font-size: 80.58%;
	font-weight: normal;
	line-height: 1.2;
	font-weight: bold;
	position: absolute;
	right: 0;
	margin-top: 2px;
}

#ranking h2.list span a {
	background: url(/img/common/ico_arrow.gif) no-repeat center left;
	padding: 2px 0px 0px 16px;
}

/* ---/ 20080215追加　ここまで --- */

#ranking .txtSmall span {
	text-align: right;
	display: block;
	margin-top: -13px;
	line-height: 1;
}

#ranking #shinsho li,
#ranking #bunko li,
#ranking #shoseki li {
	list-style: none;
	width: 620px;
	border-bottom: solid #E5E5E5 1px;
	padding: 8px 0px 8px 0px;
	_padding: 8px 0px 16px 0px;
	overflow: hidden;/* --------←ドリ視認性向上用に追加------- */
}

/* Mac IE 5用 \*//*/
#ranking #shinsho li,
#ranking #bunko li,
#ranking #shoseki li {
	overflow: visible;
	height: 140px;
}
/* ここまで */


/* --------1位用の下線------- */
#ranking #shinsho li.no1,
#ranking #bunko li.no1,
#ranking #shoseki li.no1 {
	border-bottom: solid #E5E5E5 2px;
}

/* --------1位用の画像位置------- */
#ranking #shinsho li.no1 dt,
#ranking #bunko li.no1 dt,
#ranking #shoseki li.no1 dt {
	text-align: center;
}

#ranking dl {
	width: 620px;
	line-height: 1.3;
}
#ranking dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#ranking dt {
	width: 50px;
	float: left;
	margin-right: 10px;
	text-align: right;
}

#ranking dd {
	float: right;
	width: 560px;
}

/* -------- 2位以下画像追加に伴う変更箇所(ここから) /------- */

/* --------1位用以外のの画像位置------- */
#ranking dd p.img {
	float: left;
	width: 105px;
	height: 80px;
	margin-bottom: 2px;
}

/* --------1位用の画像位置------- */
#ranking #shinsho li.no1 dd p.img,
#ranking #bunko li.no1 dd p.img,
#ranking #shoseki li.no1 dd p.img {
	float: left;
	width: 105px;
	height: 140px;
	margin-bottom: 2px;
}

/* --------1位用のテキスト回り込み回避用------- */
#ranking #shinsho li.no1 dd .txt,
#ranking #bunko li.no1 dd .txt,
#ranking #shoseki li.no1 dd .txt {
	float: right;
	width: 455px;
	_width: 450px;
}

/* --------/ 2位以下画像追加に伴う変更箇所(ここまで)------- */

#ranking dd a {
	margin-right: 10px;
	font-weight: bold;
}

#ranking dt span {
	width: 30px;
	_width: 26px;
	text-align: center;
	background-color: #EEEEEE;
	color: #333333;
	line-height: 1;
	padding: 3px 3px 2px 3px;
	font-size: 84.5%;
	margin-left: 10px;
}