@charset "UTF-8";

/* CSS Information ==============================
File name: ranking.css
Table of Contents:
 +module
 +clearfix
============================================== */

/*========================================
 +module
========================================*/
.multiColumnRow {
	clear: both;
	margin-top: 1em;
	margin-bottom: 0;
	
}
	.column {
		float: left;
		width: 393px;
	}
.lastColumn { float: right; }

.multiColumn2B {
	padding-top: 20px;
}
.multiColumn2B .column {
	float: left;
	width: 393px;
}
.multiColumn2B .lastColumn {
	float: right;
}

.rankingArea {
	padding-top: 20px;
}
.rankingArea .rankingBody {
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.rankingBody .img {
	float: left;
}
.rankingBody .txt {
	margin-left: 93px;
}
.rankingBody .txt p {
	margin-bottom: 20px;
}
.rankingArea .lastChild {
	margin-bottom: 30px;
}

.rankingArea2 {
	margin: 0 10px 2em;
	padding: 13px 10px 0;
	background: url(/5img/dashedBlackH1.gif) left top repeat-x;
}

.rankingArea2.noLine {
	background: url(none);
}

.rankingArea2 .img {
	/*float: left;*/
	position: absolute;
	width: 83px;
}
.rankingArea2 .txt {
	margin: 0 0 0 96px;
}
.rankingArea2 .txt h3 {
	margin-bottom: 10px;
	color: #0062b0;
	font-size: 140%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rankingArea2 .txt h3.ranking01{
	background: url(/5shopping/include/ranking_top/img/ico_category_ranking01.gif) no-repeat left 0px;
	padding-left: 42px;
}

.rankingArea2 .txt h3.ranking02{
	background: url(/5shopping/include/ranking_top/img/ico_category_ranking02.gif) no-repeat left 0px;
	padding-left: 42px;
}

.rankingArea2 .txt h3.ranking03{
	background: url(/5shopping/include/ranking_top/img/ico_category_ranking03.gif) no-repeat left 0px;
	padding-left: 42px;
}



.multiColumnRow .firstChild {
	background: none;
}
.multiColumnRow .firstChild h3 {
	background: url(/5shopping/include/ranking_top/img/rank1st.gif) no-repeat left top;
	/*text-indent: 35px;*/
	padding: 20px 0 0 2px;
}

.h1 {
	margin-bottom: 20px;
	padding: 5px 10px;
	background: #4dcaee;
	color: #fff;
	font-size: 140%;
}

.moveto {
	text-align: right;
	margin-bottom: 2em;
}

/*========================================
 +clearfix
========================================*/
.rankingBody:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.rankingBody {
	zoom: 1;
}