@charset "utf-8";
/**
 * ranking.css
 * (c) FOURDIGIT Inc.
 */
/* import */
  @import "./result.css";

/* rankArea */
  .rankArea {
		background-color: transparent;
		background-image: url(../imgs/ranking/bg-best-bottom.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
    zoom: 1;
  }
  .rankArea:after { content : ''; display : block; clear : both; }
  .rankArea .content {
    padding: 15px;
		background-color: transparent;
		background-image: url(../imgs/ranking/bg-best-top.gif);
		background-repeat: no-repeat;
		background-position: center top;
  }
  .rankArea .head {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
  .rankArea .box {
    clear: both;
    padding: 10px;
		background-color: #fbf9ee;
  }
  .rankArea .linkCmn01 li {
    margin: 2px 10px 2px 0;
  }
  .rankArea .box .list {
    padding-left: 13px;
		background-color: transparent;
		background-image: url(../imgs/ranking/bar-01.gif);
		background-repeat: repeat-y;
		background-position: left top;
  }

/* area-selector */
  .area-selector {
  	margin-bottom:30px;
  }

  .area-selector ul {
  	padding:6px 0 6px 15px;
  	background-image:url(../imgs/ranking/selector-body.gif);
	background-repeat:repeat-y;
	zoom:1;
  }
  .area-selector ul:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
  }
  .area-selector ul li {
  	float:left;
	width:122px;
	padding-left:15px;
	background-image:url(../imgs/ranking/selector-blt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	font-size:110%;
  }
  .area-selector ul .selected a {
  	color:#000;
	text-decoration:none;
  }
  .area-selector ul .nowrap {
  	white-space:nowrap;
  }

/* type-selector */
  .type-selector {
  	margin-bottom:30px;
  }

  .type-selector ul {
  	padding:6px 0 6px 15px;
  	background-image:url(../imgs/ranking/selector-body.gif);
	background-repeat:repeat-y;
	zoom:1;
  }
  .type-selector ul:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
  }
  .type-selector ul li {
  	float:left;
	padding-left:15px;
	padding-right:20px;
	background-image:url(../imgs/ranking/selector-blt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	font-size:110%;
  }
  .type-selector ul .selected a {
  	color:#000;
	text-decoration:none;
  }
  .type-selector ul .nowrap {
  	white-space:nowrap;
  }

/* resultList */
  .resultList .head {
    border-top: 5px solid #e5e5e5;
    background-color: #f7f7f7;
  }
  .resultList .head .rank {
  	float:left;
	width:74px;
  }
  .resultList .head .summary {
  	float:left;
	width:596px;
  }
  .resultList .head .summary .titleArea .wom {
  	float:right;
  }
  .resultList .head .summary .titleArea .wom .num {
  	text-align:right;
	line-height:150%;
  	font-size:120%;
	font-weight:bold;
  }
  .resultList .head .summary .titleArea .wom .num strong {
  	font-size:180%;
  	color:#E80000;
  }
  .resultList .head .summary .titleArea .wom .average {
  	text-align:right;
	line-height:150%;
  }
  .resultList .head .summary .titleArea .wom .average strong {
  	font-size:150%;
  	color:#E80000;
  }
  .resultList .rank01 .head {
    border-top: 5px solid #d6b938;
    background-color: #fbf9ee;
  }
  .resultList .rank02 .head {
    border-top: 5px solid #a1a1a1;
    background-color: #f1f1f1;
  }
  .resultList .rank03 .head {
    border-top: 5px solid #a89263;
    background-color: #f0ece5;
  }

/* subsubnavi */
  .subnaviTop {
    margin-bottom: 0;
  }

/* subsubnavi */
  .subsubnavi {
    clear:both;
    margin-bottom: 10px;
    padding: 7px 0 7px 29px;
    zoom: 1;
    background-color: #fde6e6;
  }
  .subsubnavi:after { content : ''; display : block; clear : both; }
  .subsubnavi li {
    float: left;
    margin-right: 6px;
  }
  .subsubnavi li img {
    vertical-align: top;
  }