@charset "utf-8";
/* CSS Document */


/*////////////////////////////////////////////////////////////////////////*/
/* base */
/*////////////////////////////////////////////////////////////////////////*/
* {
  margin: 0px;
  padding: 0px;
}
*{
  line-height:1.4;
}
body {
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-Serif;
  margin:0;
  padding:0;
  font-size: 75%;
  text-align:center;
  background-color: #FFFFFF;
  color: #444444;
}
img{
  border:0;
}
pre {
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-Serif;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
  width: 100%;
  overflow:hidden;
  margin: 0px;
  padding: 0px;
  color: #333333;
}
p {
  word-wrap: break-word; 
  }     /* IE 5.5+ */

#container ul{
  list-style-type: none;
  list-style-position: outside;
}

.clearfloat {
  clear:both;
  height:0;
  font-size:1px;
  line-height:0px;
}

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}




/*////////////////////////////////////////////////////////////////////////*/
/* common link color */
/*////////////////////////////////////////////////////////////////////////*/

* a{
  color:#0E5DC0;

}
a:hover {
  text-decoration:underline;
  color:#000;
}



/*////////////////////////////////////////////////////////////////////////*/
/* link color */
/*////////////////////////////////////////////////////////////////////////*/
.more a,
.footerInfo a,
.sortnavi a,
.content_footprint a,
.info a,
.siteInfo li a,
.content_relation a,
#headerLink a{
  text-decoration:underline !important;
  height:100px;
}



#body_bg{
	background-color: #e7e7e7;
	background-image: url(/images/special/campaign05/campaign_bg.gif);
	background-repeat: repeat-x;	
}



#content {
	padding-top: 55px;
}


/*質問ボタン*/
.qestion_button {
	height: 75px;
	padding-top: 8px;
}

.qestion_button a {
	font-size: 22px;
	font-weight: bold;
	display: block;
	background-image: url(/images/special/campaign05/qestion_button.gif);
	background-repeat: no-repeat;
	width: 246px;
	height: 62px;
	color: #FFFFFF;
	padding-top: 13px;
	padding-left: 60px;
	margin: 0px auto;
	text-decoration: none;
}
.qestion_button a span {
	font-size: 15px;
	color: #666666;
}

.qestion_button a:hover {
	background-image: url(/images/special/campaign05/qestion_button_hover.gif);
	width: 246px;
	height: 62px;
	color: #FFFFFF;
	text-decoration: none;
}


.feature-header {
	width: 960px;
	background-image: url(/images/special/campaign05_ranking/ranking.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 185px;
	margin: 0px auto 0 auto;
}

#cam_bg_top {
	width: 986px;
	background-image: url(/images/special/campaign05/cam_bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 186px;
	margin: 10px auto 0 auto;
	padding-top: 15px;
}

#cam_bg_top h2 {
	text-indent:-9999px;
	letter-spacing: -0.1em;

}

#cam_content {
	background-image: url(/images/special/campaign05/cam_bg_center.gif);
	background-repeat: repeat-y;
	background-position: center center;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#cam_bg_bottom {
	background-image: url(/images/special/campaign05/cam_bg_bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 10px;
}

#cam_content .c_title {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #a70503;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #a70503;
	font-size: 18px;
	padding: 8px 0px 2px 5px;
	margin: 0px 8px 5px 8px;
}

#cam_content .c_title span {
	color: #a70503;
}

#cam_content p {
	margin-left: 15px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 5px;
}

#cam_content .explanation {
	font-weight: normal;
	padding-bottom: 5px;
}

#cam_content ul {
	margin-left: 25px;
}

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

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 0px 0px;
  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;
}




#ad_top_super {
margin-top:30px;
text-align:center;
}