@charset "UTF-8";

#mainBlock{
  width: 956px;
}

#mainBlock h1{
  text-align: center;
  margin-bottom: -5px;
}

#mainBlock .read01{
  position: relative;
  width: 938px;
  margin: 23px 19px;
  font-size: 1.0em;
}

#mainBlock .read01 .readTxt{
  font-size: 13px;
  text-align: center;
}

#mainBlock .read02{
  position: relative;
  height: 70px;
}

#mainBlock .read02 .declaration{
  width: 450px;
  margin: 0 auto;
  height: 50px;
  padding: 10px 25px;
  color: #fff;
  background-color: #005db2;
  border-radius: 15px;
}

#mainBlock .read02 .declaration .caption{
  float: left;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

#mainBlock .read02 .declaration .num{
  float: right;
  margin: 0 40px 0 0;
  padding: 0;
  font-size: 28px;
}

#mainBlock .read02 .declaration .num em{
  font-size: 36px;
}

#mainBlock .read02 ul.btns{
  position: absolute;
  top: 10px;
  right: 0;
  text-align: right;
}
#mainBlock .read02 ul.btns li{
  margin-bottom: 20px;
}
#mainBlock .read02 ul.btns li.note a{
  background: url(/funtoshare/renew/images/ftsboard/index/en_arrow.png) no-repeat;
  padding: 0 20px;
  font-size: 12px;
}


#mainBlock p{
  margin: 23px 0;
}

#mainBlock .entryContainer p{
  font-size:75%;
  }

#mainBlock .bnBox{
  margin: 23px 0;
  padding: 0;
}
#mainBlock .bnBox li{
  margin: 40px 0;
  padding: 0;
}

#mainBlock .bnBox a:hover img{
  opacity: 0.6;
}

#mainBlock .notFound{
  width:600px;
  margin:0 auto;
  padding:50px 200px;
  text-align: center;
  font-size:16px;
}

#mainBlock .notFound p{
  font-weight: bold;
  margin:10px 0px;
}


.entryContainer{
  position: relative;
  width: 924px;
  /*height: 1154px;*/
  height: 928px;
  background:url(/funtoshare/renew/images/ftsboard/index/entry_bg.jpg) no-repeat;
  margin:30px auto;
  /*margin-bottom:50px;*/
}

.entryContainer.after{
  margin-top:-45px !important;
  margin-bottom:34px !important;
}
.entryContainer .contentContainer{
  position: absolute;
  width: 218px;height: 218px;
  overflow: hidden;
  /*background: #ff0;*/
}

.contentPanel.off{
  display: none;
}
.contentPanel{
  position: absolute;
  width: 218px;height: 218px;
}
.contentPanel.new:before{
  content:url(/funtoshare/renew/images/top/new_icon.png);
  position: absolute;
  right: 0;top:0;
  z-index: 1;
}
.contentPanel p{
  letter-spacing: 0em;
  padding: 0;margin: 0;
}
.contentPanel a{
  display: block;
  width: 218px;height: 218px;
  text-decoration: none;
}
.contentPanel a:after{
  content: url(/funtoshare/renew/images/top/panelArrow.png);
  position: absolute;
  right:8px;
  bottom: 8px;
  width: 29px;
  height: 28px;
}

.contentPanel .newIcon{
  display: block;
  background: url(/funtoshare/renew/images/top/new_icon.png);
  position: absolute;
  right: 0;top:0;
  z-index: 1;
  width: 61px;height: 61px;
}
.contentPanel .arrowIcon{
  display: block;
  background: url(/funtoshare/renew/images/top/panelArrow.png);
  position: absolute;
  right:8px;bottom: 8px;
  width: 29px;height: 28px;
  z-index: 100;
}
.contentPanel.hover .arrowIcon{
  background: url(/funtoshare/renew/images/top/panelArrow_white.png);
}
.contentPanel.entry{
  background: #fff;
}

.contentPanel.hover a:after{
  content: url(/funtoshare/renew/images/top/panelArrow_white.png);
  position: absolute;
  right:8px;bottom: 8px;
}

.contentPanel.entry a{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 16pt;
}

#mainBlock .contentPanel .logoWrap{
  position: absolute;
  margin: 0;
  top:5px;
  text-align: center;
  z-index: 100;
}
.contentPanel .logoImg{
  max-height: 60px;
  max-width: 200px;
}
.contentPanel .logoImg.FIE{
  max-width: none;
  max-height: none;
}
.contentPanel.entry .rContainer{
  position: absolute;
  width: 218px;height: 218px;
  top:0;left:0;
  cursor: pointer;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  perspective:1000;
  -ms-perspective:1000;
  -moz-perspective:1000px;
  -webkit-perspective:1000;
}
.rContainer .subContainer,
.rContainer .senCon1,
.rContainer .senCon2{
  position: absolute;
  top:0;left:0;
  width: 218px;height: 218px;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
}

.contentPanel .rankingContainer{
  position: absolute;
  width:106px;
  height:24px;
  top:167px;
  left:14px;
}
.contentPanel .rankingContainer .ranking{

  /*background:#4d8ec9;*/
  background: url(../images/ftsboard/index/rank_bg_1.png) 0 0 no-repeat;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  /*width:106px;*/
  width:50px;
  height:24px;
  /*bottom:18px;*/

  padding:7px;
  color:white;
}
.contentPanel .rankingContainer .ranking .rank{
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  width: 37px;
  height: 24px;
  /*background: url(../images/ftsboard/index/rank_bg_2.png) 0 0 no-repeat;*/
  /*color: #005db2;*/
  color: #ffffff;
  margin:0px !important;
  float:left;
  line-height:24px;
  font-size:0.8rem !important;
  font-weight: bold;
  text-align: center;

}

.contentPanel .rankingContainer .ranking .count{
  display:none; /*初期段階*/
  margin:0px !important;
  width:61px;
  font-size:0.5rem !important;
  float:right;
  line-height:140%;
  text-align: right;
  margin-right:5px !important;
  white-space: nowrap;
}
.contentPanel .rankingContainer .ranking .count span{

  font-size:1.0rem !important;
}

.rContainer p{
  display: table-cell;
  width: 218px;
  height: 218px;
  vertical-align: middle;
}
.rContainer p.text{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 70px 10px 0;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
}
.rContainer p.text span{
  display: block;
  line-height: 1.4;
}
.rContainer p.text span br{
  display: none;
}
.rContainer p.text span.name{
  color: #2b3e50;
  font-size: 13px;
  margin-bottom: 0.5em;
}
.rContainer p.text span.title{
  font-size: 15px;
  font-weight: bold;
}

.rContainer .subContainer{
  transform:translateZ(-109px);
  -webkit-transform:translateZ(-109px);
  -ms-transform:translateZ(-109px);
  -moz-transform:translateZ(-109px);
}
.rContainer .senCon1{
  background: #fff;
  -webkit-transform:translateZ(109px);
  -ms-transform:translateZ(109px);
  -moz-transform:translateZ(109px);
  transform:translateZ(109px);
}
.rContainer .senCon2{
  visibility: hidden;
  /* background: #005BBA;
  color: #fff;
  -webkit-transform:translateX(109px) rotateY(90deg);
  -ms-transform:translateX(109px) rotateY(90deg);
  -moz-transform:translateX(109px) rotateY(90deg);
  transform:translateX(109px) rotateY(90deg);
  */
}
.navWrapper{
  text-align: center;
}
.navi{
  display: inline-block;
}
.navi li{
  float: left;
  margin-right: 5px;
  display: block;
  height: 30px;
}
.navi li.fix{
  overflow: hidden;
  width: 16px;
  height: 30px;
  display: table-cell;
  line-height: 50px;
}
.navi li span{

  height: 30px;
  display: inline;

}
.navi li a{
  display: block;
  width: 30px;height: 30px;
  background-image: url(/funtoshare/renew/images/ftsboard/index/nav_num.png);
  background-position: 0 -30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}
.navi li.on a{
  background-position: 0 0px;
  color:#fff;
  pointer-events:none;
}

.navi .prev a,
.navi .next a{
  width: 86px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.navi .prev a{
  background: url(/funtoshare/renew/images/ftsboard/index/nav_prev.png) no-repeat;
}
.navi .next a{
  background: url(/funtoshare/renew/images/ftsboard/index/nav_next.png) no-repeat;
}



/*-----------------

2014 11 10

-----------------*/

#searchBox{
  overflow:hidden;
  margin-bottom:-30px;
  margin-top:40px;
}

#searchBox h2{
  margin: 0;
  color: #005db2;
  font-size: 24px;
  line-height: 35px;
  text-indent: 50px;
  background: url(/funtoshare/renew/images/fts/icon_search.jpg) no-repeat 0 0;
}

.more_btn{
  width:196px;
  height:96px;
  margin:10px auto;
  text-align: center;
}

.more_btn a{
  display:block;
  filter: alpha(opacity=100);
  -ms-filter: 'alpha(opacity=100)';
  opacity: 1.0;
}

.more_btn a:hover{
  display:block;
  filter: alpha(opacity=80);
  -ms-filter: 'alpha(opacity=80)';
  opacity: .8;
}
.countTxt{
  margin-bottom:10px !important;
  width:100%;
  text-align: center;

  font-size: 1.2em;
  font-weight: bold;
}

/*--検索BOX--*/

#searchBox dl.search1{
  position:relative;
  background:url(/funtoshare/renew/images/ftsboard/index/search_box.png) no-repeat;
  width:333px;
  margin-top: 0;
  float:right;
  margin-right:4px;
}
#searchBox dl.search1 dt{
  padding-left:10px;}
#searchBox dl.search1 dt input{
  width:237px;
  height:40px;
  background:none;
  border:none;
  outline:none;
  font-size:14px;
  line-height:40px \9;}

#searchBox dl.search1 dd{
  position:absolute;
  top:0px;
  right:0px;
  width:80px;}
#searchBox dl.search1 dd button{
  display:block;
  width:80px;
  height:40px;
  border:none;
  background:url(/funtoshare/renew/images/ftsboard/index/search_btn.png) no-repeat;
  cursor:pointer;}
#searchBox dl.search1 dd button:hover {
  background:url(/funtoshare/renew/images/ftsboard/index/search_btn_on.png) no-repeat;}
#searchBox dl.search1 .cover{
  z-index:100;
  position: absolute;
  top:0;
  height:50px;
  background:url(/funtoshare/renew/images/ftsboard/index/search_box_cover.png) no-repeat;
  width:333px;
  display:none;
}

.btnEntryList{
  margin-top: -20px;
  margin-left: 15px;
}


/*--並べ替え--*/

#searchBox .nrb{
  float:left;
  margin-left:15px;
  width:565px;
}
#searchBox .nrb li{
  float:left;
  height:48px;
  text-indent:-9999px;}
#searchBox .nrb li a{
  height:48px;
  display:block;}
#searchBox .nrb #nrb_ttl{
  background:url(/funtoshare/renew/images/ftsboard/index/nrb_ttl.png) no-repeat;
  width:112px;}

#searchBox .nrb #nrb1 a.on{
  background:url(/funtoshare/renew/images/ftsboard/index/nrb_1_on.png) no-repeat;
  width:146px;}
#searchBox .nrb #nrb1 a{
  background:url(/funtoshare/renew/images/ftsboard/index/nrb_1_off.png) no-repeat;
  width:146px;}
#searchBox .nrb #nrb1 a:hover{
  background:url(/funtoshare/renew/images/ftsboard/index/nrb_1_onmouse.png) no-repeat;
  width:146px;}

#searchBox .nrb #nrb2 a.on{
  background:url(v/renew/images/ftsboard/index/nrb_2_on.png) no-repeat;
  width:148px;}
#searchBox .nrb #nrb2 a{
  background:url(/funtoshare/renew/images/ftsboard/index/nrb_2_off.png) no-repeat;
  width:148px;}
#searchBox .nrb #nrb2 a:hover{
  background:url(/funtoshare/renew/images/ftsboard/index/nrb_2_onmouse.png) no-repeat;}


#searchBox .nrb #nrb3 a.on{
  background:url(/funtoshare/renew/images/ftsboard/index/nrb_3_on.png) no-repeat;
  width:159px;}
#searchBox .nrb #nrb3 a{
  background:url(/funtoshare/renew/images/ftsboard/index/nrb_3_off.png) no-repeat;
  width:159px;}
#searchBox .nrb #nrb3 a:hover{
  background:url(/funtoshare/renew/images/ftsboard/index/nrb_3_onmouse.png) no-repeat;}


/*--プルダウン--*/

#searchBox .easy-select-box{
  text-align:left;
  font-size:14px;
  color:#0c2245;
  overflow:hidden;
}

#searchBox .easy-select-box .esb-displayer:before{
  position: absolute;
  top: 0;
  left: 0;
  content: "▼";
  display: block;
  width: 30px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  text-indent: 0;
  border-right: 1px solid #fff;
}

#searchBox .easy-select-box .esb-displayer{
  position: relative;
  color:#fff;
  cursor: default;
  height: 40px;
  line-height:40px;
  padding:0 0 0 30px;
  text-indent: 15px;
  font-size:14px;
}

#searchBox .easy-select-box .esb-displayer:hover {
  filter: alpha(opacity=80);
  -ms-filter: 'alpha(opacity=80)';
  opacity: .8;
}

#searchBox .easy-select-box:hover .esb-displayer{
  text-decoration:none;
}

#searchBox .easy-select-box .esb-dropdown{
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  max-height: 440px;
  overflow:hidden;
  overflow-y:scroll;
  position: absolute;
  z-index: 999;
  width: auto !important;
  min-width:164px !important;
  font-size:13px;
  margin-left:30px;
}

#searchBox .easy-select-box .esb-item{
  padding: 5px 5px;
  background:#fff;
  color:#0c2245;
  cursor:default;
  background-color: #d9d9d9;
  min-width: 170px;
  border-bottom: 1px solid #fff;
}

#searchBox .easy-select-box .esb-item:hover{
  background:#4d8ec9;
  color:#FFFFFF;
  text-decoration:none;
}

#searchBox .select_box{
  overflow:hidden;
  height:73px;
  margin:0 auto;
}

#searchBox .select_box .entry-example{
  float:left;
  width:230px;
  margin: 17px 4px 0 5px;
  background-color: #005db2;
}

#searchBox .select_box p{
  float:left;
  width:116px;
  height:16px;
  margin:25px 23px 0;
}