@charset "utf-8";

/* ------------------------------------- 
 *  style css (共通タグ呼び出し)
 * ------------------------------------- */
@import url(../../../css/style.css);
@import url(../../../css/stylem.css);

/* ------------------------------------- 
 *
 *  ランキング css
 *
 * ------------------------------------- */

/* ranking css -------------------------- 
#rankingTitle { /* ランキング * /
  background-image: url(images/ranking_title.gif);
}
*/
/* ranking *//* table *//* テーブル css -------------------------- */
.ranking-tablewrapper {
  margin: 1px 0px 4px 0px;
  border-top: 1px solid #CCCCCC;
  width:785px;
}
.ranking-tdN, .ranking-tdN-label,
.ranking-tdL, .ranking-tdL-label,
.ranking-tdC, .ranking-tdC-label,
.ranking-tdE, .ranking-tdE-label {
  padding: 3px 8px 2px 8px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.ranking-tdN-label,
.ranking-tdN { /* 順位 */
  width: 60px;
  text-align: center;
}
.ranking-tdL-label,
.ranking-tdL { /* 左寄せ */
  text-align: left;
}
/* 数値用に変更 2009/12 TW */
.ranking-tdC-label,
.ranking-tdC { /* 中央寄せ */
  text-align: center;
  white-space: pre;	/* TW */
}
.ranking-tdE-label,
.ranking-tdE { /* テーブル終わり */
  text-align: center;
  border-right: none;
  white-space: pre;	/* TW */
}
.ranking-tdN-label,
.ranking-tdL-label,
.ranking-tdC-label,
.ranking-tdE-label {
  background-color: #FAFAFA;
  font-size: 0.9em;
}

/* ranking *//* tab *//* タブ --------------------------- */
.ranking-tab-wrapper {
  display: block;
  width:785px;
  height: 44px;
  /* 2012/10/15 5px=>3px */
  padding: 0px 0px 0px 3px;
  background-color: #FAFAFA;
  background-image: url(images/ranking_tab_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
}
.ranking-tab {
  display: block;
  height: 36px;
  float: left;
  margin: 6px 0px 0px 0px;
  background-image: url(images/ranking_tab_left.gif);
  background-repeat: no-repeat;
  /* 2012/10/15 1.2=>1.13 */
  font-size: 1.13em;
  overflow: hidden;
  cursor: pointer;
}
.ranking-tab-link {
  display: block;
  padding: 0px 24px 36px 24px;
  background-image: url(images/ranking_tab_right.gif);
  background-color: transparent;
  background-position: top right;
  background-repeat: no-repeat;
  line-height: 40px;
  cursor: pointer;
}
a:link.ranking-tab-link, a:visited.ranking-tab-link {
  color: #000000;
}
a:hover.ranking-tab-link {
  color: #AA0000;
}
.ranking-tab-space {
  display: block;
  width: 2px;
  float: left;
  overflow: hidden;
}


.ranking-narrow-inline{
display:none;
}

@media print, screen and (min-width: 768px) {

}

@media screen and (max-width: 767px) {
.ranking-tablewrapper{
width: 100%;
}
.ranking-tdN, .ranking-tdN-label,
.ranking-tdL, .ranking-tdL-label,
.ranking-tdC, .ranking-tdC-label,
.ranking-tdE, .ranking-tdE-label {
  padding: 3px 2px 2px 2px;
}
.ranking-tdN-label,
.ranking-tdN { /* 順位 */
  width:auto;
  white-space:nowrap;
}

.ranking-tab-wrapper {
width:100%;
height:auto;
background-image:none;
background-color:#e0efff;
/*background-color:#e0e0e0;*/
border:1px solid #606060;
}
.ranking-tab {
height:auto;
background-image:none;
}
.ranking-tab-link {
background-image:none;
border-radius:4px;
border:1px solid #808080;
  line-height: 20px;
  padding: 2px 3px 2px 3px;
  background-color:#fafafa;
}
/*
#rankingTab1Link{
background-color:#00ccff;
}
#rankingTab2Link{
background-color:#ffaaaa;
}
*/

a:link.ranking-tab-link, a:visited.ranking-tab-link {
  color: #ffffff;
}
a:hover.ranking-tab-link {
  color: #AA0000;
}

}

@media screen and (max-width: 419px) {
.ranking-narrow-inline{
display:inline;
}
}

@media screen and (max-width: 399px) {

}