@charset "utf-8";

.ranking_list_box {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999999;
  margin: 3px auto;
  padding-right: 8px;
  padding-left: 8px;
}

div.ranking_list_box div.list_attributes {
   float:left;
}
div.ranking_list_box div.list_attributes  div.type_icon {
   float:left;
   width:70px;
   height:70px;
   border:1px #aaa solid;
}

.ranking_list_box .list_attributes .state_0 {
  float:left;
  width:30px;
  height:19px;
  color: #888888;
  padding-top:41px;
  background-color: #fff;
  background-image: url(/images/ranking/down_point_icon.gif);
  background-repeat: no-repeat;
  font-size: 150%;
  font-weight: bold;
  margin: 5px 8px;
  text-align: center;
  background-position: center 10px;
}

.ranking_list_box .list_attributes .state_1 {
  float:left;
  width:30px;
  height:19px;
  color: #888888;
  padding-top:41px;
  background-color: #fff;
  background-image: url(/images/ranking/stay_point_icon.gif);
  background-repeat: no-repeat;
  font-size: 150%;
  font-weight: bold;
  margin: 5px 8px;
  text-align: center;
  background-position: center 10px;
}

.ranking_list_box .list_attributes .state_2 {
  float:left;
  width:30px;
  height:19px;
  color: #888888;
  padding-top:41px;
  background-color: #fff;
  background-image: url(/images/ranking/up_point_icon.gif);
  background-repeat: no-repeat;
  font-size: 150%;
  font-weight: bold;
  margin: 5px 8px;
  text-align: center;
  background-position: center 10px;
}

.ranking_list_box .list_attributes .rank_1 {
  float:left;
  width:75px;
  height:19px;
  color: #888888;
  padding-top:41px;
  background-color: #fff;
  background-image: url(/images/top/crown_gold_icon.gif);
  background-repeat: no-repeat;
  font-size: 150%;
  font-weight: bold;
  margin: 5px 8px;
  text-align: center;
  background-position: center 10px;
}

.ranking_list_box .list_attributes .rank_2 {
  float:left;
  width:75px;
  height:19px;
  color: #888888;
  padding-top:41px;
  background-color: #fff;
  background-image: url(/images/top/crown_silver_icon.gif);
  background-repeat: no-repeat;
  font-size: 150%;
  font-weight: bold;
  margin: 5px 8px;
  text-align: center;
  background-position: center 10px;
}

.ranking_list_box .list_attributes .rank_3 {
  float:left;
  width:75px;
  height:19px;
  color: #888888;
  padding-top:41px;
  background-color: #fff;
  background-image: url(/images/top/crown_bronze_icon.gif);
  background-repeat: no-repeat;
  font-size: 150%;
  font-weight: bold;
  margin: 5px 8px;
  text-align: center;
  background-position: center 10px;
}

.ranking_list_box .list_attributes .rank {
  float:left;
  width:75px;
  height:19px;
  color: #888888;
  padding-top:41px;
  background-color: #fff;
  font-size: 120%;
  margin: 5px 8px;
  text-align: center;
  background-position: center 10px;
}
span.point a {
	font-size: 130%;
	color: #a70503;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

div.ranking_list_box div.list_attributes span{
  font-size: 95%;
  text-align: center;
  display: block;
  margin-top: 5px;
}

.ranking_list_box .list_attributes .user {
	float:left;
	width:90px;
	height:60px;
	border:1px #d9d9d9 solid;
	margin: 5px 1px;
	text-align: center;
	background-color: #f3f3f3;
	font-size: 90%;
}

.ranking_list_box .list_attributes .user img {
  height: 35px;
  width: 35px;
  margin-top: 4px;
}
.ranking_list_box .list_attributes .ranking_list_thumbnail {
  float:left;
  width:90px;
  height:60px;
  border:1px #d9d9d9 solid;
  margin: 5px 1px;
  text-align: center;
  background-color: #e7e7e7;
}


.ranking_attributes span {
	font-weight: bold;
}

.ranking_list_box .list_attributes .ranking_list_thumbnail img {
  height: 35px;
  width: 35px;
  margin-top: 4px;
}
.ranking_list_box .list_attributes .ranking_point {
  float:left;
  width:120px;
  height:60px;
  border:1px #d9d9d9 solid;
  text-align: center;
  color: #888888;
  background-color: #f3f3f3;
  margin: 5px 1px;
}

.ranking_list_box .list_attributes .ranking_point span {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 188%;
  color: #a70503;
  font-weight: bold;
}
.ranking_list_box .body {
  float:left;
  min-height:63px;
  height: auto !important;
  height: 63px;
  width:490px;
  margin: 5px 0px 5px 10px;
  padding: 5px 10px;
}
.ranking_list_box .body .ranking_attributes{
  float:left;
  width:200px;
  margin:0;
  padding:0;
}

.ranking_list_box .body .title span {
  font-size: 140%;
  font-weight: bold;
}

.ranking_list_box .body a.reputation_graph {
  float:left;
  display:block;
  width:280px;
  min-height:63px;
  height: auto !important;
  height: 63px;
}

/*////////////////////////////////////////////////////////////////////////*/
/* お気に入りranking_icon部分 */
/*////////////////////////////////////////////////////////////////////////*/

.ranking_thumbnail {
	text-align: center;
	margin: 10px;
}

/*////////////////////////////////////////////////////////////////////////*/
/* タグタイトル部分 */
/*////////////////////////////////////////////////////////////////////////*/
.toptitle {
	width: 884px;
	height:20px;
	margin: 8px auto;
	background-color: #F0F0F0;
}

.toptitle div {
    background-color:#999;
    float:left;
    color:#fff;
    font-weight:bold;
    font-size:130%;
    padding-left:10px;
    padding-right:0px;
    height:20px;
}

.tag_array {
	background-image: url(tag_array.gif);
	height:20px;
	width:20px;
	background-repeat: no-repeat;
	float:left;
}