﻿@charset "UTF-8";

*{margin:0; padding:0; list-style:none;}
body{font-size:12px;}
div#container{width:964px; overflow:hidden; padding: 0 8px 8px;}
p#pankuzu{font-size:11px;}

/*ページタイトル*/
p#rankingTtl{width:355px; height:30px; margin:10px 0; text-indent:-2000px;  background:url(../images/rankingImg/rankingTopImg.png) no-repeat 0 -37px;}
p#rankingTtlCatch{position:relative; width:980px;}
p#rankingTtlCatch span{position:absolute; top:-30px; left:360px;}


h1{width:680px; height:27px; line-height:27px; margin-bottom:1px; padding:5px 10px; font-size:14px; background:url(../images/rankingImg/rankingTopImg.png) no-repeat 0 0; color:#fff;}
h1 span{font-family:georgia; font-weight:bold; /*font-style:italic;*/ font-size:18px; text-transform:uppercase;}
h2{font-size:14px;}

/* ブランド一覧全体 */
div#brandMenu{float:left; width:700px;}
/* 国ごと */
div.countryBox{clear:both; width:698px; border-width:0 1px 1px; border-style:solid; border-color:#c5c5c5 #ccc; margin-bottom:1px; padding:2px 0 5px; background:#eee url(../images/rankingImg/rankingTopBtm.png) no-repeat left bottom; overflow:hidden;}
/*国名*/
div.countryBox p.countryName{position:relative; width:93px;}
div.countryBox p.countryName span{position:absolute; top:0; left:5px; width:93px; height:50px; background-color:red; color:#ffffff; font-weight:bold; font-style:italic; text-align:center; line-height:70px;}

/* ブランド全体（右側） */
div.countryBox div.brandBlock{float:left; width:600px; padding-left:98px; background-color:#eee; overflow:hidden; background:url(../images/rankingImg/rankingTopMid.png) repeat-y 0 0;}
/* ブランド個別 */
div.countryBox div.brandBlock div.brandBox{position:relative; float:left; width:142px; height:103px; padding-top:15px;  margin:5px 4px 0; display:inline; background-color:#f5f5f5; background:url(../images/rankingImg/rankingTopImg.png) no-repeat -480px -165px; }
/* ブランド名 */
p.brandName a{display:block; position:absolute; top:0; left:0; width:140px; height:30px; padding-top:85px; margin:0 auto; color:#666; font-weight:bold; text-align:center;}
p.brandName a:hover{color:#f90;}
/*no1*/
p.no1Car{position:relative; width:86px; height:66px; margin:0 auto; z-index:100;}
p.no1Car span{position:absolute; top:1px; left:1px; width:30px; height:15px; line-height:15px; text-align:center; font-size:11px; font-weight:bold; background-color: #ccc; color:#666;}
p.no1Car a img{border:solid 3px #ccc;}

/* 国名背景画像 */
div.countryBox#JPN p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -372px -74px;}
div.countryBox#GER p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat 0 -74px;}
div.countryBox#USA p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -93px -74px;}
div.countryBox#GBR p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -186px -74px;}
div.countryBox#SWE p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -465px -74px;}
div.countryBox#FRA p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -558px -74px;}
div.countryBox#ITA p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -279px -74px;}
div.countryBox#KOR p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -651px -74px;}
div.countryBox#HOL p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -744px -74px;}
/* 追加 */
div.countryBox#IND p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat 0 -320px;}
div.countryBox#THA p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -93px -320px;}
div.countryBox#ESP p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -186px -320px;}
div.countryBox#CAN p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -279px -320px;}
div.countryBox#AUS p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -372px -320px;}
div.countryBox#BEL p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -465px -320px;}
div.countryBox#RUS p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -558px -320px;}
/* 追加＠2011/08/31 */
div.countryBox#AUT p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -651px -320px;}
div.countryBox#MYS p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -744px -320px;}
div.countryBox#RSA p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -837px -320px;}
/* 追加＠2023/06/01 */
div.countryBox#CHN p.countryName span{background:url(../images/rankingImg/rankingTopImg.png) no-repeat -837px -74px;}

/* 今日のオススメランキング */
div#tokuteiBrand{float:right; width:260px; margin:0 0 10px; background-color:#222; }
div#tokuteiBrand h2{width:240px; height:27px; line-height:27px; padding:5px 10px; font-size:14px; background:url(../images/rankingImg/rankingTopImg.png) no-repeat -560px -37px; color:#fff;}
p#todayBrand{width:260px; height:30px; line-height:30px; text-align:center; background:url(../images/rankingImg/rankingTopImg.png) no-repeat -480px -135px; color:#960; font-weight:bold;}
/*オススメブランド名*/
div#tokuteiBrand ol{width:240px; margin:10px; }
div#tokuteiBrand ol li{clear:both; width:240px; margin-bottom:15px; padding-bottom:10px; border-bottom:solid 1px #444;}
/*順位*/
div#tokuteiBrand ol li p.number{width:240px; height:25px; font-family:georgia; font-weight:bold; font-style:italic; font-size:12px;  color:#f90;}
div#tokuteiBrand ol li p.number span{font-size:16px; color:#f90;}
/* 価格 */
div#tokuteiBrand ol li  p.price{color:#eee; margin:5px 0 0;}

div#tokuteiBrand ol li a{color:#fff;}
div#tokuteiBrand ol li a:hover{color:#fc0;}
div#tokuteiBrand ol li a img{display:block; border:solid 1px #999;}
/*1位写真枠*/
div#tokuteiBrand ol li a#tokuteiNo1Box{display:block; width:232px; height:175px; padding:4px; background:url(../images/rankingImg/rankingTopImg.png) no-repeat 0 -135px;}
/*２位3位写真枠*/
div#tokuteiBrand ol li a#tokuteiNo2Box,
div#tokuteiBrand ol li a#tokuteiNo3Box{display:block; width:232px; height:175px; padding:4px; background:url(../images/rankingImg/rankingTopImg.png) no-repeat -240px -135px;}

/*ランキングをもっと見る*/
p#goRankDtl{width:260px; height:20px; line-height:20px; padding-bottom:20px; text-align:center;}
p#goRankDtl a{color:#fff;}
p#goRankDtl a:hover{color:#fc0;}

a img{border:none;}