@charset "utf-8";
/* ===================================================================
 file name  :ranking.css
 author     :web-eye
 style info :スライダー・ランキング用設定
=================================================================== */



/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 5px 5px 0;
}

.btn {
	text-align: center;
}




#main {
	float: right;
	width: 800px;
}
#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}
#w800 {
	width: 800px;
}



/*----------------------------------------------------
	スライダーんとこ
----------------------------------------------------*/

.mainL600 {
	float: left;
	width: 600px;
	margin-bottom: 10px;
}
.mainR180 {
	float: right;
	width: 180px;
	margin-bottom: 10px;
}

/*----------------------------------------------------
	ランキング設定
----------------------------------------------------*/

#ranking {
	background: url(http://hokkaido-marche.com/pic-labo/back_pink.gif);
	padding: 5px 0px;
	font-size: 11px;
	line-height: 1.2;
}
#ranking h3 {
	background: url(http://hokkaido-marche.com/pic-labo/h3_ranking.gif) no-repeat;
	height: 50px;
	width: 170px;
	margin: 0px 0px 5px 5px;
	text-indent: -9999px;
}
#ranking .rankArea {
	padding: 5px;
}

#ranking .rank01,
#ranking .rank02,
#ranking .rank03,
#ranking .rank04,
#ranking .rank05,
#ranking .rank00 {
	height: 80px;
	width: 170px;
	margin: 2px 5px;
}
#ranking .rank01 {
	background: url(http://hokkaido-marche.com/images/ranking/rankback_01.gif) no-repeat;
}
#ranking .rank02 {
	background: url(http://hokkaido-marche.com/images/ranking/rankback_02.gif) no-repeat;
}
#ranking .rank03 {
	background: url(http://hokkaido-marche.com/images/ranking/rankback_03.gif) no-repeat;
}
#ranking .rank04 {
	background: url(http://hokkaido-marche.com/images/ranking/rankback_04.gif) no-repeat;
}
#ranking .rank05 {
	background: url(http://hokkaido-marche.com/images/ranking/rankback_05.gif) no-repeat;
}
#ranking .rank00 {
	background: #FFF no-repeat;
}
#ranking .rankDate {
	background: #FFF;
	text-align: center;
	width: 170px;
	margin: 0px auto;
}