@charset "euc-jp";

.gree-contents{
   width: 807px;
   background: url(../img/bg1.gif);
   margin-left: 0px;
}
.contents{
   position: relative;
   overflow: hidden;
   zoom: 1;
}


/*------------------------
game
------------------------*/
#contents-game{
   height: 934px;
   background: url(../img/contents1-bg.jpg) no-repeat;
}
#contents-game.end{
   background: url(../img/end-contents1-bg.jpg) no-repeat!important;
}
/*title*/
#contents-game .title-header{
   height: 170px;
}
#contents-game .title-header .title{
   height: 129px;
   visibility: hidden;
}
#contents-game .title-header .sns-btns{
   margin-top: 0;
   border-top: none;
}
#contents-game .title-header .sns-btns ul{
   padding-left: 300px;
}
/*game*/
#contents-game .game-container{
   height: 750px;
   position: relative;
   overflow: hidden;
   zoom: 1;
}
#contents-game .game-container .game{
   position: absolute;
   left: 42px;
   top: 45px;
   width: 480px;
   height: 320px;
   background: #000;
}
#contents-game .game-container .accessory{
   z-index: 14000;
   position: absolute;
   left: 45px;
   top: 357px;
}
#contents-game .game-container .exp{
   display: none;
}
#contents-game .game-container .link,
#contents-game .game-container .link a{
   width: 204px;
   height: 100px;
}
#contents-game .game-container .link{
   position: absolute;
   left: 325px;
   top: 619px;
}
#contents-game .game-container .link a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}
#contents-game .game-container .link a:hover{
   background: #fff;
   opacity:0.2;
   filter: alpha(opacity=20);
}
/*ranking*/
#contents-game .ranking .ranking-item{
   position: absolute;
   width: 230px;
   height: 305px;
   overflow: hidden;
   zoom: 1;
}
#contents-game .ranking .ranking-girl{
   left: 557px;
   top: 221px;
}
#contents-game .ranking .ranking-anap{
   left: 558px;
   top: 588px;
}

#contents-game .ranking .ranking-item dt,
#contents-game .ranking .ranking-item dt a{
   width: 220px;
   height: 56px;
}
#contents-game .ranking .ranking-item dt{
   position: absolute;
}
#contents-game .ranking .ranking-item dt a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}
#contents-game .ranking .ranking-item .rank1,
#contents-game .ranking .ranking-item .rank1 a{
   height: 131px;
}
#contents-game .ranking .ranking-item .rank1{
   left: 2px;
   top: 33px;
}
#contents-game .ranking .ranking-item .rank2{
   left: 12px;
   top: 173px;
}
#contents-game .ranking .ranking-item .rank3{
   left: 2px;
   top: 240px;
}

#contents-game .ranking dl dd{
   display: none;
}


/*------------------------
present
------------------------*/
#contents-present{
   height: 206px;
   background: url(../img/contents-present-bg.jpg) no-repeat;
}
#contents-present *{
   display: none;
}
#contents-present.end{
   height: 226px!important;
   margin-top: -22px!important;
   background: url(../img/end-contents-present-bg.jpg) no-repeat !important;
}

/*------------------------
model
------------------------*/
#contents-model{
   height: 585px;
   background: url(../img/contents2-bg.jpg) no-repeat;
}
#contents-model *{
   display: none;
}

/*------------------------
recommend
------------------------*/
#contents-recommend{
   background: url(../img/contents3-bg.gif) repeat-y;
}
#contents-recommend .recommend-inner{
   padding-bottom: 34px;
   background: url(../img/contents3-bg-bottom.gif) no-repeat center bottom;
}
#contents-recommend .title{
   height: 181px;
   background: url(../img/contents3-title.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}
#contents-recommend .items-container{
   width: 760px;
   margin-left: 24px;
   overflow: hidden;
   zoom: 1;
}
#contents-recommend .items-container .sub-title{
   float: left;
   width: 100px;
   height: 500px;
   background: url(../img/recommend-title.png) no-repeat center 20px;
   text-indent: -9999px;
   overflow: hidden;
}
#contents-recommend .items-container .items{
   float: left;
   width: 660px;
   background: ;
}
#contents-recommend .items .item{
   float: left;
   width: 220px;
   zoom: 0;
   overflow: hidden;
}
#contents-recommend .items .item .thumb{
   float: left;
   width: 90px;
   text-align: center;
}
#contents-recommend .items .item .thumb img{
   width: 65px;
   height: auto;
   display: inline;
}
#contents-recommend .items .item .exp{
   float: left;
   width: 120px;
}
#contents-recommend .items .item .exp .name{
   font-size: 12px;
   color: #009fe9;
}
#contents-recommend .items .item .exp .description{
   color: #888;
   font-size: 10px;
   line-height: 1.4;
}

#contents-recommend .items-container .items hr{
   clear: both;
   height: 10px;
   border: none;
   border-top: solid 1px #f2f2f2;
}