@charset "shift-jis";
/* CSS Document */
/* -----------------------------------------------

      ranking list styles

   ----------------------------------------------- */
div.search-area-ranking {
	clear: both;
	background-image: url(../../images/bg_C2_01_02.gif) !important;
	background-repeat: no-repeat;
	position: relative;
	height: 40px !important;
	width: 605px;
	margin: 0 auto;
	margin-bottom: 10px;
}


div.search-area-ranking h3 {
	padding-top: 8px;
	padding-left: 20px;
	padding-bottom: 8px;
	float: left;
	background: transparent;
}

div.search-area-ranking ul {
	padding-top: 5px;
	margin-left: 115px;
}

div.search-area-ranking ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.search-area-ranking ul li {
	float: left;
	margin-left: 6px;
}

*html div.search-area-ranking ul li {
	margin-left: 4px;
}

div.search-area-ranking form {
	clear: both;
}

div.search-area-ranking form label img {
	padding-top: 5px;
}

div.search-area-ranking form label input.ipt-text {
	position: absolute;
	left: 275px;
	top: 65px;
	width: 170px;
}

div.search-area-ranking form input.sbt {
	position: absolute;
	left: 460px;
	top: 51px;
}

div.search-area-ranking form p.ex {
	position: absolute;
	top: 111px;
	left: 275px;
	font-size: 12px;
}

/* @end */


div.shop-ranking,
div.staff-ranking {
	width: 310px;
}

div.shop-ranking {
	float: left;
}
div.staff-ranking {
	margin-left: 325px;}


/* @group ranking-result element */

ul.ranking-result {
	margin-top: 5px;
}

ul.ranking-result li {
	background-image: url(../../images/bg_C9_03.gif);
	background-repeat: no-repeat;
	width: 310px;
	height: 135px;
	margin-left: 5px;
	margin-bottom: 8px;
	position: relative;
}


ul.ranking-result li strong {
	display: block;
	color: #ffffff;
	background-image: url(../../images/bg_C9_02.gif);
	background-repeat: repeat-x;
	font-size: 14px;
	width: 174px;
	height: 28px;
	position: relative;
	top: 6px;
	left: 125px;

}

ul.ranking-result li strong a {
	padding-top: 3px;
	padding-left: 7px;
	color: #ffffff;
	display: block;
}

ul.ranking-result li a.text {
/*color: #390544;*/
	color: #006666;
	font-size: 11px;
	display: block;
	margin-left: 125px;
	margin-top: 7px;
	text-decoration: underline;
	line-height: 1.3em;
}

ul.ranking-result li p {
	font-size: 11px;
	display: block;
	margin-left: 125px;
	margin-top: 7px;
	color: #f75f8e;
}

ul.ranking-result li p {
	display: block;
}

ul.ranking-result li span.detail {
	display: block;
	margin-left: 125px;
	margin-top: 8px;
	font-size: 10px;
	line-height: 1.2em;
	height: 45px;
}

ul.ranking-result li img {
	position: absolute;
	left: 10px;
	top: 18px;
}

ul.ranking-result li p.icon {
	margin-left: 115px;
	width: 150px;
	margin-top: -3px;
}

ul.ranking-result li p.icon img {
	position:relative;
	margin-right: 5px;
	margin-bottom: 5px;
}

ul.ranking-result li img.no {
	position: absolute;
	left: 270px;
	top: 101px;
}

/* @end */