@charset "utf-8";

#globalNv li#rankingBtn{
  width:105px;
  background:#10386B url(/img/common/globalNv02.gif) -596px -34px;
}



/* ソル友数ランキング、チーム＆コミュランキング */
.ranking h4{
  margin-top:10px;
  margin-left:10px;
  font-weight:bold;
}

ul.ranking{
  margin-bottom:10px;
  padding:10px 10px 0;
}
ul.ranking li{
  padding-bottom: 10px;
}
ul.ranking li div{
  float:left;
  padding: 2px 0;
  margin-right: 10px;
  width: 2em;
  color: #FFF;
  background-color:#FF9900;
  text-align: center;
  font-weight: bold;
}

#myRank{
  padding:5px 0;
  font-weight:bold;
}


/*　 ランキング第2フェーズ 　*/

/*-- sub1メニュー --*/

.searchTitle{
  margin:5px 0px 0px 10px;
  font-weight:bold;
  color:#10386B;
}

.searchKeyword{
  background:url("/img/common/allowDetail.gif") no-repeat;
  background-position:center left;
  padding:5px 0px 5px 15px;
  margin-left:10px;
}
.searchSelect{
  padding:5px 0px 5px 15px;
}
/*-- ランキングタブ --*/
#rankTitle{
  font-weight:bold;
  color:#10386B;
  margin-bottom:5px;
}

#module-ranking .mngNv3, #module-ranking .mngNv4{
  margin-bottom:10px;
}

#module-ranking .mngNv3 li, #module-ranking .mngNv4 li{
  border:1px solid #ccc;
  border-bottom:3px solid #D10009;
  background:#10386B;
}

#module-ranking .mngNv3 li.on, #module-ranking .mngNv4 li.on{
  border:1px solid #ccc;
  border-bottom:3px solid #D10009;
  background:#D10009;
}

#module-ranking .mngNv3 li a, #module-ranking .mngNv4 li a{
  color:#fff;
  font-weight:bold;
}

/*-- ランキング共有 --*/

img{
  vertical-align:middle;
}

td{
  padding:5px 0px;
}

.countNum{
  color:#FF791F;
  font-weight:bold;
}

.objOrder{
  width:55px;
  text-align:center;
}

.userField{
  padding:0px 5px;
  color:#00214B;
}
.blogTitle,
.entryTitle,
.comName{
  font-size:2em;
  font-weight:bold;
}
.u10 .entryTitle,
.u10 .blogTitle{
  font-size:1.2em;
}

.blogTitle a,
.entryTitle a,
.comName a,
.u10 .entryTitle a,
.u10 .blogTitle a{
  font-size:inherit;
  font-weight:inherit;
}

.rankBorder{
  text-align:center;
}

.rankBorder hr{
  display:block;
  margin:0 auto;
  text-align:center;
}

/*-- イメージ付きランキング --*/

.rankTable td.objImg{
  width:100px;
  height:100px;
  padding:5px 10px;
  text-align:center;
}

.rankTable .countNum{
  width:320px;
}

.entryTitle{
  display:block;
  width:320px;
  overflow:auto;
}

.u10 .entryTitle{
  display:block;
  width:410px;
  overflow:auto;
}

.rankNo_u10{
  background-color:#FFE2BF;
  border:1px solid #FFD68F;
  color:#666;
  float:left;
  font-weight:bold;
  margin:5px 20px 0px 10px;
  padding:2px 0;
  text-align:center;
  width:2em;
}

/*-- イメージ無しランキング --*/

.rankTableSimpl{
  width:530px;
}
.rankTableSimpl .userName{
  font-size:2em;
  font-weight:bold;
}
.rankTableSimpl .u10 .userName{
  font-size:1em;
}
.rankTableSimpl .userName a,
.rankTableSimpl .u10 .userName a{
  font-size:inherit;
  font-weight:inherit;
}
.rankTableSimpl .countNum{
  margin:0 5px;
}

.bottomup{
  width:420px
}

.rankTableSimpl .objOrder{
  padding:5px 5px;
}


/*ブログアクセスエントリ*/
#action-blogAccessEntry #main{
  width:730px;
}
#action-blogAccessEntry .blogAccessRankWrp{
  margin-bottom:20px;
}

#action-blogAccessEntry .blogAccessRankHeadTitle{
  display:inline-block;
  background-color:#10386B;
  color:#fff;
  font-size:14px;
  border:1px solid #333;
  padding:5px 10px;
  box-sizing:border-box;
  font-family:MS UI Gothic,Yu Gothic,serif;
}

#action-blogAccessEntry .blogAccessBlock01 h4{
  background-color:#10386B;
  color:#fff;
  padding:2px 10px;
}
#action-blogAccessEntry .blogAccessBlock02 h4{
  background-color:#BD0007;
  color:#fff;
  padding:2px 10px;
}
#action-blogAccessEntry .blogAccessBlock03 h4{
  background-color:#999999;
  color:#fff;
  padding:2px 10px;
}

#action-blogAccessEntry .blogAccessRankEntryList{
  float: left;
  width: 237px;
  margin-left: 7px;
}
#action-blogAccessEntry .blogAccessRankEntryList:first-child{
  margin-left:0;
}
#action-blogAccessEntry .blogAccessRankEntryList:last-child{
  width: 240px;
}
#action-blogAccessEntry .blogAccessRankEntryList h4{
  margin:10px 0 5px;
  font-size:14px;
  font-weight: bold;
}

#action-blogAccessEntry .blogAccessRankEntryList2{
  float: left;
  width: 237px;
  margin-left: 7px;
}
#action-blogAccessEntry .blogAccessRankEntryList2:first-child{
  margin-left:0;
  width: 240px;
}
#action-blogAccessEntry .blogAccessRankEntryList2 h4{
  margin:10px 0 5px;
  font-size:14px;
  font-weight:bold;
}

#action-blogAccessEntry .blogAccessRankUnit {
  padding:15px 0;
  height:60px;
  overflow:hidden;
  border-bottom:1px solid #666;
}
#action-blogAccessEntry .blogAccessRankUnit:last-child{
  border-bottom:0;
}
#action-blogAccessEntry .blogAccessRankUnit .rankNum {
  float:left;
  width:50px;
  height:60px;
  text-align: center;
}
#action-blogAccessEntry .blogAccessRankUnit .rankNum img{
  width:22px;
  height:22px;
  padding-top: 19px;
}
#action-blogAccessEntry .blogAccessRankUnit .rankNum .under{
  color: #fff;
  background-color: #11366A;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  margin-top:19px;
  padding: 2px;
}
#action-blogAccessEntry .blogAccessRankUnit .objImg{
  float:left;
  width:70px;
}
#action-blogAccessEntry .blogAccessRankUnit .objImg + div{
  margin-left: 115px;
}
#action-blogAccessEntry .blogAccessRankUnit .objTitle,
#action-blogAccessEntry .blogAccessRankUnit .objName{
  font-size:14px;
  padding-top: 0;
}
#action-blogAccessEntry .viewAll{
  margin-top:10px;
  text-align:center;
  padding:10px;
  background-color:#D0D0D0;
}

/* ブログアクセスエントリ 一覧*/
#action-blogAccessEntryList .rankingEntry,
#action-blogAccessEntryList2 .rankingEntry{
  border-bottom:1px solid #10386B;
  padding:10px;
}
#action-blogAccessEntryList .rankingEntry .objOrder,
#action-blogAccessEntryList2 .rankingEntry .objOrder{
  width: 2em;
}
#action-blogAccessEntryList .rankingEntry .objOrder img,
#action-blogAccessEntryList2 .rankingEntry .objOrder img{
  width: 30px;
  height: 30px;
  margin-left:6px;
}
#action-blogAccessEntryList .rankingEntry .objOrder .under,
#action-blogAccessEntryList2 .rankingEntry .objOrder .under{
  color: #fff;
  background-color: #11366A;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  padding: 2px;
  margin-left:6px;
}

#action-blogAccessEntryList .rankingEntry .objImg,
#action-blogAccessEntryList2 .rankingEntry .objImg{
  width: 140px;
  height:140px;
  padding: 10px 10px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#action-blogAccessEntryList .rankingEntry .objImg img,
#action-blogAccessEntryList2 .rankingEntry .objImg img{
  width: auto;
  max-width: 120px;
  height: auto;
  max-height:120px;
}
#action-blogAccessEntryList .rankingEntry .objImg + div,
#action-blogAccessEntryList2 .rankingEntry .objImg + div{
  margin-left:285px;
}
#action-blogAccessEntryList .rankingEntry .objTitle a,
#action-blogAccessEntryList2 .rankingEntry .objTitle a{
  font-size:16px;
  font-weight:bold;
}
#action-blogAccessEntryList .rankingEntry .objTitle,
#action-blogAccessEntryList .rankingEntry .objName,
#action-blogAccessEntryList2 .rankingEntry .objTitle,
#action-blogAccessEntryList2 .rankingEntry .objName{
  padding:0 0 10px;
}
#action-blogAccessEntryList .rankingEntry .objName,
#action-blogAccessEntryList2 .rankingEntry .objName{
  font-size:14px;
}

/*三角形マーク*/
.ranking-entryLink-wrapper .allow,
.ranking-searchEntry-wrapper .allow{
  background: url("/img/common/allowDetail.gif") no-repeat;
  background-position: center left;
  padding: 5px 0px 5px 15px;
  margin-left: 10px;
}

.ranking-entryLink-wrapper .dailyRank{
  list-style-image: url("/img/common/allowDetail.gif");
  padding:5px 0 5px 28px;
}

/*フリースペース*/
#action-blogAccessEntry .globalTitle{
  margin-top:35px;
}


/* start [ヘッダー] */
#header {
  position:relative;
  margin:0 15px;
  padding-top:10px;
    border-top:7px solid #B90008;
}
#header h1{
  width:128px;
  height:90px;
}
#header h1 a{
  display:block;
}
#headerBnr{
  width:700px;
  height:90px;
  margin-left:220px;
  margin-top:-90px;
  margin-bottom:7px;
  background-color:#FFF;
  text-align:right;
}

/* END [ヘッダー] */



/* start [マイナビ] */
#myNv{
  float:right;
  margin: 0 0 7px;
  padding: 0;
}
#myNv li{
  float:left;
  padding: 0;
  font-size:0.8em;
  vertical-align:middle;

}
#myNv li a,
#myNv li span{
  display: block;
  float:left;
  padding:5px;
  margin: 0;
}
#myNv li#aboutBtn a,
#myNv li#logout a,
#myNv li#loginBtn a,
#myNv li#registBtn a{
  background-color:#F90;
  color:#FFF;
  margin-left:5px;
}
/* END [マイナビ] */



/* start [グローバルナビ] */
#globalNv{
  clear:both;
  background:#10386B url(/img/common/globalNv02.gif) 0 0;
}
#globalNv li{
  float:left;
  height:34px;
  text-indent:-9999px;
}
#globalNv li a{
  display:block;
  height:34px;
}
#globalNv li#homeBtn{
  width:83px;
}
#globalNv li#mypageBtn{
  width:99px;
}
#globalNv li#newsBtn{
  width:90px;
}
#globalNv li#tsurilogBtn{
  width:93px;
}
#globalNv li#getfishBtn{
  width:93px;
}
#globalNv li#sugoudeBtn{
  width:71px;
}
#globalNv li#tokushuBtn{
  width:67px;
}
#globalNv li#rankingBtn{
  width:105px;
}
#globalNv li#communityBtn{
  width:126px;
}
#globalNv li#shopBtn{
  width:93px;
}

#globalNv li#homeBtn a:hover{
  width:83px;
  background:#10386B url(/img/common/globalNv02.gif) 0 -34px;
}
#globalNv li#mypageBtn a:hover{
  width:99px;
  background:#10386B url(/img/common/globalNv02.gif) -85px -34px;
}
#globalNv li#newsBtn a:hover{
  width:90px;
  background:#10386B url(/img/common/globalNv02.gif) -182px -34px;
}
#globalNv li#tsurilogBtn a:hover{
  width:93px;
  background:#10386B url(/img/common/globalNv02.gif) -272px -34px;
}
#globalNv li#getfishBtn a:hover{
  width:93px;
  background:#10386B url(/img/common/globalNv02.gif) -365px -34px;
}
#globalNv li#sugoudeBtn a:hover{
  width:71px;
  background:#10386B url(/img/common/globalNv02.gif) -458px -34px;
}
#globalNv li#tokushuBtn a:hover{
  width:71px;
  background:#10386B url(/img/common/globalNv02.gif) -529px -34px;
}
#globalNv li#rankingBtn a:hover{
  width:105px;
  background:#10386B url(/img/common/globalNv02.gif) -596px -34px;
}
#globalNv li#communityBtn a:hover{
  width:126px;
  background:#10386B url(/img/common/globalNv02.gif) -701px -34px;
}
#globalNv li#shopBtn a:hover{
  width:93px;
  background:#10386B url(/img/common/globalNv02.gif) -827px -34px;
}
/* END [グローバルナビ] */


/* start [グローバルナビ（ログイン前）] */
#globalGustNv{
  clear:both;
  background:#10386B url(/img/common/globalNvGuest.gif) 0 0;
}
#globalGustNv li{
  float:left;
  height:34px;
  text-indent:-9999px;
}
#globalGustNv li a{
  display:block;
  height:34px;
}
#globalGustNv li#homeBtn{
  width:85px;
}
#globalGustNv li#getbookBtn{
  width:93px;
  background:#10386B url(/img/common/globalNv.gif) -175px 0px;
}
#globalGustNv li#tsurilogBtn{
  width:93px;
  background:#10386B url(/img/common/globalNv02.gif) -272px 0px;
}
#globalGustNv li#getfishBtn{
  width:93px;
  background:#10386B url(/img/common/globalNv02.gif) -365px 0px;
}
#globalGustNv li#sugoudeBtn{
  width:65px;
  background:#10386B url(/img/common/globalNv.gif) -438px 0px;
}
#globalGustNv li#communityBtn{
  width:115px;
  background:#10386B url(/img/common/globalNv.gif) -503px 0px;
}
#globalGustNv li#tokushuBtn{
  width:65px;
  background:#10386B url(/img/common/globalNvGuest.gif) -170px 0px;
}
#globalGustNv li#rankingBtn{
  width:84px;
   background:#10386B url(/img/common/globalNv.gif) -752px 0px;
}
#globalGustNv li#shopBtn{
  width:85px;
  background:#10386B url(/img/common/globalNvGuest.gif) -235px 0px;
}
#globalGustNv li#newsBtn{
  width:85px;
  background:#10386B url(/img/common/globalNvGuest.gif) -305px 0px;
}

#globalGustNv li#homeBtn a:hover{
  background:#10386B url(/img/common/globalNvGuest.gif) 0 -34px;
}
#globalGustNv li#getbookBtn a:hover{
  background:#10386B url(/img/common/globalNv.gif) -175px -34px;
}
#globalGustNv li#tsurilogBtn a:hover{
  width:93px;
  background:#10386B url(/img/common/globalNv02.gif) -272px -34px;
}
#globalGustNv li#getfishBtn a:hover{
  width:93px;
  background:#10386B url(/img/common/globalNv02.gif) -365px -34px;
}
#globalGustNv li#sugoudeBtn a:hover{
  background:#10386B url(/img/common/globalNv.gif) -438px -34px;
}
#globalGustNv li#communityBtn a:hover{
  background:#10386B url(/img/common/globalNv.gif) -503px -34px;
}
#globalGustNv li#tokushuBtn a:hover{
  background:#10386B url(/img/common/globalNvGuest.gif) -170px -34px;
}
#globalGustNv li#rankingBtn a:hover{
   background:#10386B url(/img/common/globalNv.gif) -752px -34px;
}
#globalGustNv li#shopBtn a:hover{
  background:#10386B url(/img/common/globalNvGuest.gif) -235px -34px;
}
#globalGustNv li#newsBtn a:hover{
  background:#10386B url(/img/common/globalNvGuest.gif) -306px -34px;
}


/* END [グローバルナビ（ログイン前）] */


.ranking-index-footer-wrapper{
	margin:60px 15px 0;
	padding:0px 0 20px 0;
	height:auto;
	background:#FdFdFd;
}

.ranking-index-footer-wrapper #footerBnr{
	margin: auto;
	width:700px;
	height:90px;
	background-color:#ffffff;
	/*-display:none;-*/
}

.ranking-index-footer-wrapper #footerNvback{
	margin:0 auto;
	text-align:center;
}

.ranking-index-footer-wrapper #footerNv{
	width:auto;
	margin:20px auto;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
    color: #333333;
}

.ranking-index-footer-wrapper #footerNv li{
	display:inline;
    color: #333333;

}

.ranking-index-footer-wrapper #footerNv li a{
	font-weight:bold;
    color: #333333;
}

.ranking-index-footer-wrapper #footerInfo a{
	margin-left:5px;
	}

.ranking-index-footer-wrapper #copyRight{
	clear:both;
	text-align:center;
}