@charset "Shift_JIS";


strong{
font-size:14px;
}


/*====================================================*/
/* slider */
/*====================================================*/
.slider{
  z-index:1; /*height:470px; overflow-y:hidden;*/
}

.slider_namearea{
  position:absolute;
  padding-top:0px; 
  padding-left:0px; 
  width:976px;
}

.slider_charaarea{
  background-image:url(/game/steel/1/re/images/common/ver.3.5_bg_logo_01.gif);
}


.bxslider li{
  display:none;
}

.bx-viewport .bxslider li{
 display:block !important;
}

/*ツムツムTOP*/
div.topBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  padding:0 auto;
  background-color:#F2F2F2;/*背景*/
}

div.topBox ul{
  padding:0px;
  margin:0px;
  display:inline-block;
}

div.topBox iframe
{
  width:324px;
  height:238px;
}

div.topBox ul.Area1{
  position: relative;
  width: 324px;
  margin-right:4px;
}

div.topBox ul.Area2{
  position: relative;
  width: 652px;
}

div.topBox ul.Area3{
  position: relative;
  width: 980px;
  margin-bottom:4px;
}


div.topBox ul.Area4{
  position: relative;
  width: 980px;
/*  background-color: #FFFFFF;*/
}



div.topBox li{
  display:inline-block;
}


div.topBox li.Tilebase  
{
  position: relative;
  height: 242px;
  width: 324px;
  background-color: #00D5CB;
  text-align:left;
  float: left;
  margin-bottom:4px;
  color:#FFFFFF;
}

div.topBox li.movie{
  height: 238px;
  margin-bottom:0px;
}

div.topBox li.Tilebase2
{
  position: relative;
  height: 238px;
  width: 324px;
  background-color: #FF8d5b;
  text-align:left;
  float: left;
  margin-bottom:4px;

  margin-right:4px;
  color:#FFFFFF;
}

div.topBox li.Tilebase3
{
  position: relative;
  height: 293px;
  width: 324px;
  background-color: #01C0FF;
  text-align:left;
  float: left;
  margin-right:4px;
}

div.topBox li.Tilebase3 ul{
  background-color: #01C0FF;
  color:#FFFFFF;
  height: 293px;
  width: 324px;
}

div.topBox a:nth-child(3n+1) li.Tilebase3
{
  margin-right:0px;
}

div.topBox li.Tilebase3:hover
{
  background-color: #FFFFFF;
  color:#01C0FF;
}

/*coming soon*/
div.topBox li.Tilebase4{
  position: relative;
  height: 293px;
  width: 324px;
  text-align:left;
  float: left;
  margin-right:4px;
  color:#d0d0d0;
  border:1px solid #d0d0d0;
  text-align:center;
  box-sizing:border-box;
  font-size:14px;
  padding-top:130px;
}

div.topBox li.Tilebase5  
{
  position: relative;
  height: 146px;
  width: 980px;
  background-color: #ff5c73;
  text-align:left;
  float: left;
  margin-bottom:4px;
  color:#FFFFFF;
}

div.topBox li.Tilebase5#shop  
{
  background-color: #00d5cb;
}

div.topBox li.Tilebase5#bingo  /*BINGOキャンペーン*/
{
  height: 154px;
}


div.topBox li.TilebaseR
{
  margin-right:0px;
}


div.topBox li.Title1/*ムービー*/
{
  position: relative;
  height: 40px;
  width: 324px;
  background-color: #ffc700;    
  text-align:left;
  float: left;
  padding:5px;
  margin-bottom:4px;

  box-sizing:border-box;
}

div.topBox li.Title2
{
  position: relative;
  height: 40px;
  width: 652px;
  background-color: #FF8d5b;
  text-align:left;
  float: left;
  padding:5px;
  margin-bottom:4px;

  box-sizing:border-box;
}

div.topBox li.Title3
{
  position: relative;
  height: 40px;
  width: 980px;
  background-color: #01C0FF;
  text-align:left;
  float: left;
  padding:5px;
  margin-bottom:4px;  
  box-sizing:border-box;
}

div.topBox li.Title3#camp
{
  background-color: #ff5c73;
}


div.topBox li.Title3#shop
{
  background-color: #00d5cb;
}


div.topBox li.Title4
{
  position: relative;
/*  height: 40px;*/
  width: 980px;
  background-color: #01C0FF;
  text-align:center;
  float: left;
  padding:10px;
  box-sizing:border-box;
}

div.topBox li.Title4:hover
{
  background-color: #FFFFFF;
}


div.topBox li.txtArea{
  padding-top:15px;
  padding-left:10px;
  vertical-align: top;
}


div.topBox li.txtArea img{
  position:absolute;
  /*
  top:260px;
  left:220px;*/
  bottom:15px;
  right:20px;
}

div.topBox li.btn_detail
{
  position:absolute;
  top:260px;
  left:220px;
}



/*ツムツムお知らせ*/
div.infoBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}

div.infoBox ul{
  padding:0px;
  margin:0px;
}

div.infoBox ul.Area1{
  position: relative;
  width: 980px;
}

div.infoBox ul.li{
  display:inline-block;
}

/*
div.infoBox li.Tilebase 
{
  display:inline-block;
  position: relative;
  height: 238px;
  width: 324px;
  background-color: #FFFFFF;
  text-align:center;
  float: left;
}*/

div.infoBox li.Tilebase
{
  display:inline-block;
  position: relative;
  height: 293px;
  width: 324px;
  background-color: #FFFFFF;
  text-align:left;
  float: left;
  margin-right:4px;
  margin-bottom:4px;
}

div.infoBox a:nth-child(3n) li.Tilebase
{
  margin-right:0px;
}


/*coming soon*/
div.infoBox a li.Tilebase2{
  position: relative;
  height: 293px;
  width: 324px;
  text-align:left;
  float: left;
  margin-right:4px;
  color:#d0d0d0;
  border:1px solid #d0d0d0;
  text-align:center;
  box-sizing:border-box;
  font-size:14px;
  padding-top:130px;
}



div.infoBox li.TilebaseR
{
  margin-right:0px;
}


div.infoBox li.Title1
{
  position: relative;
  height: 40px;
  width: 980px;
  background-color: #01C0FF;
  text-align:left;
  float: left;
  padding:5px;
  box-sizing:border-box;
  margin-bottom:4px;
}

div.infoBox li.Title2
{
  position: relative;
  height: 40px;
  width: 980px;
  background-color: #cdcdcd;
  text-align:center;
  float: left;
  padding:12px;
  box-sizing:border-box;
}

div.infoBox li.Title2:hover{
  opacity:0.5;
  filter:alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
}

div.infoBox li.txtArea{
  padding-top:15px;
  padding-left:10px;
  color:#646464;
}

div.infoBox li.btn_detail
{
  position:absolute;
  top:260px;
  right:15px;
}


/*ツムツムお知らせ詳細*/
div.infoDetailBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}

div.infoDetailBox ul{
  padding:0px;
  margin:0px;
}

div.infoDetailBox ul.Area1{
  position: relative;
  width: 980px;
}

div.infoDetailBox ul.li{
  display:inline-block;
}

div.infoDetailBox li.Tilebase
{
  display:inline-block;
/*  height:282px;*/
  width: 980px;
  position: relative;
  background-color: #FFFFFF;
  text-align:left;
  float: left;
  margin-bottom:4px;
}

div.infoDetailBox li.Tilebase img{
  float:left;
}


div.infoDetailBox li.Title1
{
  position: relative;
  height: 40px;
  width: 980px;
  background-color: #FFA6CE;/*#01C0FF;*/
  text-align:left;
  float: left;
  padding:10px;
  box-sizing:border-box;
  margin-bottom:4px;
}

div.infoDetailBox li.Title2
{
  position: relative;
  height: 40px;
  width: 980px;
  background-color: #cdcdcd;
  text-align:center;
  float: left;
  padding:12px;
  box-sizing:border-box;
}

div.infoDetailBox li.Title2:hover{
  opacity:0.5;
  filter:alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
}

div.infoDetailBox li.txtArea{
  padding-top:15px;
  padding-left:10px;
  font-size: 9pt;
  float:left;
  width:350px;
}
div.infoDetailBox li.txtArea_long{
  padding-top:15px;
  padding-left:10px;
  font-size: 9pt;
  float:left;
}

div.infoDetailBox li.txtArea a,
div.infoDetailBox li.txtArea_long a,
div.infoDetailBox li.txtArea span,
div.infoDetailBox li.txtArea_long span{
  color:#ff7da2;
  font-weight:bold;
}
  
/*お知らせ詳細用3分割*/
div.infoDetailBox li.Tilebase2
{
  display:inline-block;
  position: relative;
  height: 293px;
  width: 324px;
  background-color: #FFFFFF;
  text-align:left;
  float: left;
  margin-right:4px;
  margin-bottom:4px;
}

div.infoDetailBox li.Tilebase2#right
{  
  margin-right: 0px;
}

div.infoDetailBox li.Tilebase2 li.txtArea {
  padding-top: 0px;
}
  
/*ソーシャルボタンエリア*/
div.infoDetailBox li.sosial_btn_info{
  position:absolute; 
/*  top:250px; */
  bottom:10px; 
  right:10px;
}

div.infoDetailBox li.sosial_btn_info img{
  margin-right:5px;
}

.sosial_btn_info img{
  margin-right:5px;
  border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}




/*ふきだし*/
.sosial_box2{
  display:none;
  position:absolute;
  width:300px;
  background-color:#FFFFFF;
  
  /*丸み*/  
  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  
  /* 1pxのラインを加える */
    border: 1px solid #F2F2F2;
  z-index:70;
  top:290px;
/*  right:70px;*/
  right:10px;
  
  
  /*テキスト*/
  line-height: 1.8;
  text-align: left;
  padding: 4px;
}

.sosial_box2:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 85%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #FFFFFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.sosial_box2:after{
  content: "";
  position: absolute;
  top: -9px;
  left: 85%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #F2F2F2;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}


  
/*ツムツムマスコット*/
div.mascotBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}

div.mascotBox ul{
  padding:0px;
  margin:0px;
}


div.mascotBox ul.Area1{
  position: relative;
  width: 980px;
}

div.mascotBox ul.li{
  display:inline-block;
}

div.mascotBox li.Tilebase/*マスコット１体*/
{
  display:inline-block;
  position: relative;
  width: 160px;
/*  background-color: #FFFFFF;*/
  text-align:left;
  float: left;
  margin-right:4px;
  margin-bottom:4px;
}

div.mascotBox li.TilebaseR
{
  margin-right:0px;
}

div.mascotBox li.Title1
{
  position: relative;
  width: 980px;
  background-color: #FFA6CE;
  text-align:left;
  float: left;
  padding:10px;
  box-sizing:border-box;
  margin-bottom:4px;

  color: white;
  font-size: 16px;
}

/* (2017.04.14)タイトルの下に注釈を追加 */
div.mascotBox li.caution
{
  position: relative;
  width: 980px;
  background-color: #FFFFFF;
  text-align:left;
  text-indent: -1em;
  float: left;
  padding:5px;
  padding-left: 20px;
  box-sizing:border-box;
  margin-bottom:4px;
  border: solid 1px #FFA6CE;

  color: #FFA6CE;
}


div.mascotBox li.txtArea{
  padding-left:10px;
}


/*マスコットページ設置店舗リンク*/
div.mascotBox li {
    display: inline-block;
}


div.mascotBox li.Title3 {
    position: relative;
    height: 40px;
    width: 980px;
    background-color: #01C0FF;
    text-align: left;
    float: left;
    padding: 5px;
    margin-bottom: 4px;
    box-sizing: border-box;
}

div.mascotBox li.Title3#shop
{
  background-color: #00d5cb;
}


div.mascotBox li.Tilebase5 {
    position: relative;
    height: 146px;
    width: 980px;
    background-color: #ff5c73;
    text-align: left;
    float: left;
    margin-bottom: 4px;
    color: #FFFFFF;
}

div.mascotBox li.Tilebase5#shop  
{
  background-color: #00d5cb;
}

div.mascotBox li.txtArea{
  padding-top:15px;
  padding-left:10px;
  vertical-align: top;
  display: inline-block;
}


div.mascotBox li.txtArea img{
  position:absolute;
  /*
  top:260px;
  left:220px;*/
  bottom:15px;
  right:20px;
}



/*ツムツムマスコット詳細*/
div.mascotDetailBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}


div.mascotDetailBox a:focus{
  outline: none;
}


div.mascotDetailBox ul{
  padding:0px;
  margin:0px;
}

div.mascotDetailBox ul.Area1{
  position: relative;
  width: 980px;
  margin-bottom: 5px;
}

div.mascotDetailBox ul.li{
  display:inline-block;
}


div.mascotDetailBox li.Title1
{
  position: relative;
  width: 980px;
  background-color: #FFA6CE;
  text-align:left;
  padding:10px;
  box-sizing:border-box;
}

div.mascotDetailBox ul.mascotDBox
{
  display:table;
  width:980px;
}

div.mascotDetailBox li.Title2,
div.mascotDetailBox li.Title2 div.Title2
{
  position: relative;
  width: 980px;
  background-color: #cdcdcd;
  text-align:center;
  padding:12px;
  box-sizing:border-box;
  display:inline-block;
}


div.mascotDetailBox li.Title3,
div.mascotDetailBox li.Title3 div.Title3
{
  position: relative;
  width: 980px;
  background-color: #ffffff;
  text-align:center;
/*  padding:12px;*/
  box-sizing:border-box;
/*  display:inline-block;*/
  vertical-align:middle;
  line-height: 38px;
  margin-bottom: 5px;
}



div.mascotDetailBox li.mascotL
{
  text-align:center; 
  width:450px;
  display:table-cell;
  padding:5px 0px 5px 0px;
}

div.mascotDetailBox li.mascotLs
{
  width:443px;
  height:468px;/*445*/
}
div.mascotDetailBox li.mascotLss
{
/* width:112px; 106*/
  width:89px; 
  float:left;  
}

div.mascotDetailBox li.pinkLs/*ピンクツムの場合こっち*/
{
  height:445px;
}

div.mascotDetailBox li.pinkLss/*ピンクツムの場合こっち*/
{
  width:112px;
}


div.mascotDetailBox li.mascotLss div.active,
div.mascotDetailBox li.mascotLss div.linkthum:hover{/*マスコットピンク枠*/
  border:1px solid #ffa6ce;
  margin:-1px 2px 0 -1px;
}

div.mascotDetailBox li.mascotLs p.gra
{
  width:444px;
  height:440px;/*415*/
  background-color:#FFF;
  display:table-cell;
  vertical-align:middle;
}

div.mascotDetailBox li.pinkLs p.gra/*ピンクツムの場合こっち*/
{
  height:415px;/*415*/
}

div.mascotDetailBox li.mascotLs p.bt
{
/*  widght:446px;*/
  height:25px;
  background-color:#FFF;
  text-align:right;
}
div.mascotDetailBox li.mascotLs p.bt img{
  padding-right:20px;
}


div.mascotDetailBox li.mascotLss p
{
  width:87px; /*109*/
  height:91px;/*113*/
  background-color:#FFF;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

div.mascotDetailBox li.pinkLss p/*ピンクツムの場合こっち*/
{
  width:109px;
  height:113px;
}


div.mascotDetailBox li.mascotR
{
  text-align:center; 
  vertical-align: middle; 
  width:530px; 
  display:table-cell;
}

div.mascotDetailBox div.mascotRs
{
  /*width:528px; */
  height:77px;
  background-color:#FFF;
  /*margin:5px 2px 5px 0px;*/
  margin:5px 0px 5px 0px;
  box-sizing: border-box;
  padding:10px;
  line-height: 2.5em;
  text-align:left;
}

div.mascotDetailBox div.mascotRss
{
  /*width:528px; */
  height:477px;
  background-color:#FFF;
  /*margin:0px 2px 5px 0px;*/
  margin:0px 0px 5px 0px;
  box-sizing: border-box;
  padding:10px; 
  line-height: 2.5em;
  font-weight: bold; 
  position: relative;
}

div.mascotDetailBox div.mascotRssTxt
{ 
  text-align:left;
}

div.mascotDetailBox div.mascotRssTxt p
{ 
  line-height:1.8em;
}

div.mascotDetailBox div.mascotRssTxt p.lisence
{ 
  font-size:9px; font-weight:normal; line-height:1.5em;
}


div.mascotDetailBox div.mascotRss img.skill{
  margin:10px auto 0px auto;
}


div.mascotDetailBox div.mascotRss img.skill_bt{
/*  margin:10px 0px 0px 360px;*/
position:absolute;
bottom:10px; right:20px;
}

div.mascotDetailBox li.txtArea{
  padding-left:10px;
  font-size: 9pt;
  float:left;
}

div.mascotDetailBox li.txtArea a{
  color:#ff7da2;
  font-weight:bold;
}


div.mascotDetailBox li.Title2:hover{
  opacity:0.5;
  filter:alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
}



/*ツムツムランキング*/
div.rankBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}

div.rankBox ul{
  padding:0px;
  margin:0px;
}

div.rankBox li{
  box-sizing:border-box;
}

div.rankBox ul.Area1{
  position: relative;
  width: 980px;
}

div.rankBox ul.li{
  display:inline-block;
}


div.rankBox li.Tilebase
{
  display:inline-block;
  width: 980px;
  height:120px;
  background-color: #FFFFFF;
  text-align:center;
  box-sizing:border-box;
  padding:40px;
}

div.rankBox b
{
  font-size:16px;
  color: #ff5c73;
}




div.rankBox li.Title1
{
  /*height: 40px;*/
  width: 980px;
  background-color: #ffbc00;
  text-align:left;
  padding:10px;
  box-sizing:border-box;
  margin-bottom:4px;

}

div.rankBox li.Title2
{
  /*height: 40px;*/
  width: 980px;
  background-color: #cdcdcd;
  text-align:center;
  padding:12px;
  margin-bottom:4px;
  box-sizing:border-box;
}

div.rankBox li.Title2:hover{
  opacity:0.5;
  filter:alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
}

div.rankBox li.TabArea
{
/*  height:82px;*/
  width: 980px;
  text-align:center;
  box-sizing:border-box;
  margin-bottom:4px;  
}

div.rankBox li.Tab01
{
  height:82px;
  width:488px;
  background-color:#FFFFFF;  
  float: left;
  box-sizing:border-box;
  margin-right:4px;
  background-image:url(../images/ranking/tab01.png);
  background-repeat:no-repeat;
  background-position:center;
}

div.rankBox li.Tab01:hover{
  background-image:url(../images/ranking/tab01h.png);
  transition: background-image 0.5s;
}

div.rankBox li.Tab01#selected{
  background-image:url(../images/ranking/tab01h.png);
}


div.rankBox li.Tab02
{
  height:82px;
  width:488px;
  background-color:#FFFFFF;  
  float: left;
  box-sizing:border-box;
  background-image:url(../images/ranking/tab02.png);
  background-repeat:no-repeat;
  background-position:center;
}

div.rankBox li.Tab02:hover{
  background-image:url(../images/ranking/tab02h.png);
  transition: background-image 0.5s;
}

div.rankBox li.Tab02#selected{
  background-image:url(../images/ranking/tab02h.png);
}


div.rankBox li.stageArea01
{
  width: 980px;
  background-color: #FFFFFF;
  text-align:left;
  padding:10px 20px;
  color:#646464;
  font-size:14px;
}




li.stageArea01 a{
  font-size:14px;
  margin-right:16px;
}

li.stageArea01 a.selected{
  color:#ff5a78;
}



div.rankBox li.stageArea02
{
  width: 980px;
  background-color: #ff5a78;
  text-align:left;
  padding:12px 20px;
  margin-bottom:4px;  
  font-size:15px;
  position:relative;
  color:#FFFFFF;
}

div.rankBox li.stageArea02 a
{
  position:relative;
  bottom:8px;
}

div.rankBox li.stageArea02:before{
  content: "";
  position: absolute;
  top: -22px;
  left: 70px;
  border: 12px solid transparent;
  border-bottom: 12px solid #ff5a78;
}



/*バルーン*/
div.rankBox li.mode1
{
  background-color: #fd8900;
}

div.rankBox li.mode1:before{
  left: 200px;
  border-bottom: 12px solid #fd8900;
}




/*ぐるぐる*/
div.rankBox li.mode2
{
  background-color: #7ce116;
}

div.rankBox li.mode2:before{
  left: 330px;
  border-bottom: 12px solid #7ce116;
}



/*集計期間のテキスト*/
li.mode0 font.fs10{
  font-size:10px;
  color:#7c1124;
}

/*更新期間のテキストエリア*/
div.rankBox .update{
  padding-left: 0px;
  margin-top:-10px;
}

@-moz-document url-prefix(){
  div.rankBox .update {
    margin-top:0px;
  }
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,div.rankBox .update {margin-top:-2px; }/* IE10以降 */
}

/*バルーンの場合*/
li.mode1 font.fs10{
  font-size:10px;
  color:#7c4111;
}

/*ぐるぐる*/
li.mode2 font.fs10{
  font-size:10px;
  color:#117c2d;
}


div.rankBox li.txtArea{
  padding-left:10px;
  color:#646464;
}

div.rankBox li.btn_detail
{
  position:absolute;
  right:20px;
  bottom:0px;
}



div.rankBox li.Rankbase1{
  background:url(/game/tsum/1/p/images/ranking/base_rank1.png) no-repeat;
  height: 268px;
  width: 324px;
  float: left;
  position:relative;
  margin-right:4px;
  margin-bottom:4px;
}

div.rankBox li.Rankbase2{
  background:url(/game/tsum/1/p/images/ranking/base_rank2.png) no-repeat; 
  height: 268px;
  width: 324px;
  float: left;
  position:relative;
  margin-right:4px;
  margin-bottom:4px;
}

div.rankBox li.Rankbase3{
  background:url(/game/tsum/1/p/images/ranking/base_rank3.png) no-repeat; 
  height: 268px;
  width: 324px;
  float: left;
  position:relative;
  margin-bottom:4px;
}


/*4位以下*/
div.rankBox li.Rankbase0{
  /*background-color:#FFFFFF;*/
  width: 980px;
  height: 60px;
  display:block;
  float: left;
  margin-bottom:4px;
}


div.rankBox li.Rankbase0 .rank{
  height:60px;
  width:80px;
  font-size:32px;
  color:#FFFFFF;
  float:left;
  background-color:#ffbc00;
  padding:10px;
  box-sizing:border-box;
  text-align:center;
}

div.rankBox li.Rankbase0 .unit{
  font-size:16px;
}

div.rankBox li.Rankbase0 .clm0{
  float:left;
}

div.rankBox li.Rankbase0 .clm1{
  float:left;
}

div.rankBox li.Rankbase0 .player{
  width:165px;
  font-size:20px;
background-color:#FFFFFF;
  color:#d09d0f;
  float:left;
/*  border:solid 1px #F00;デバッグ*/
  height:60px;
  line-height:0.8;
  padding:15px 0px;
  box-sizing:border-box;
  text-align:center;
  margin:0 4px;
}

div.rankBox li.Rankbase0 .grade{
  width:71px;
  font-size:20px;
background-color:#FFFFFF;
  color:#d09d0f;
  float:left;
  height:60px;
  line-height:0.8;
  box-sizing:border-box;
  text-align:center;
  margin-right:4px;
}


div.rankBox li.Rankbase0 .lv{
  font-size:10px;
  color:#858585;

}


div.rankBox li.Rankbase0 .score{
  width:324px;
  height:60px;
  font-size:30px;
background-color:#FFFFFF;
  color:#d09d0f;
  float:left;
  text-align:center;
  padding:10px;
  box-sizing:border-box;
  margin-right:4px;
}

div.rankBox li.Rankbase0 .tsum{
  width:150px;
  height:60px;
background-color:#FFFFFF;
  float:left;
  text-align:center;
  box-sizing:border-box;
  margin-right:4px;
}

div.rankBox li.Rankbase0 .shop{
  width:170px;
  height:60px;
background-color:#FFFFFF;
  font-size:12px;
  float:left;
  padding:10px;
  box-sizing:border-box;
  text-align:center;
}

div.rankBox .leader5{
  position:absolute;  top:20px; right:3px;
  text-align:center;
}

div.rankBox .leader4{
  position:absolute; top:55px; right:3px;
  text-align:center;
}

div.rankBox .leader3{
  position:absolute;  top:90px; right:6px;
  text-align:center;
}

div.rankBox .leader2{
  position:absolute; top:125px; right:3px;
  text-align:center;
}

div.rankBox .leader1{
  position:absolute; top:160px; right:3px;
  text-align:center;
}

/*リーダー２人パターン*/
div.rankBox .leader12{
  position:absolute; top:0px; right:0px;
  text-align:center;
  z-index:1;
}


/*金*/
 
div.rankBox li.Rankbase1 .player{
  position:absolute; top:90px; left:16px; font-size:24px; color:#9b8002;
  line-height: 0.8;
  text-align: center;
  width:220px; 
}

div.rankBox li.Rankbase1 .score{
  position:absolute; top:200px; left:0px; width:324px; font-size:40px; color:#9b8002;
  text-align:center;
}

div.rankBox li.Rankbase1 .lv{
  font-size:16px;
  color:#858585;
  margin-left: 4px;
}

div.rankBox li.Rankbase1 .tsum5{
  position:absolute; top:0px; right:30px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase1 .tsum4{
  position:absolute; top:33px; right:25px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase1 .tsum3{
  position:absolute; top:66px; right:30px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase1 .tsum2{
  position:absolute; top:99px; right:35px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase1 .tsum1{
  position:absolute; top:132px; right:30px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase1 .shop{
/*  position:absolute; top:155px; left:30px;*/
  position: absolute;
  top: 37px;
  left: 94px;
  font-size: 10px;
  width: 150px;
  z-index:3;
}

div.rankBox li.Rankbase1 .grade{
  position: absolute;
  top: 140px;
  left: 92px;
  width:71px;
  height:60px;
  text-align:center;
}


/*銀*/

div.rankBox li.Rankbase2 .player{
  position:absolute; top:90px; left:16px; font-size:24px; color:#6d6d6d;
  line-height: 0.8;
  text-align: center;
  width:220px; 
}

div.rankBox li.Rankbase2 .score{
  position:absolute; top:200px; left:0px; width:324px; font-size:40px; color:#6d6d6d;
  text-align:center;
}

div.rankBox li.Rankbase2 .lv{
  font-size:16px;
  color:#858585;
}

div.rankBox li.Rankbase2 .tsum5{
  position:absolute; top:0px; right:30px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase2 .tsum4{
  position:absolute; top:33px; right:25px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase2 .tsum3{
  position:absolute; top:66px; right:30px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase2 .tsum2{
  position:absolute; top:99px; right:35px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase2 .tsum1{
  position:absolute; top:132px; right:30px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase2 .shop{
/*  position:absolute; top:155px; left:30px;*/
  position: absolute;
  top: 37px;
  left: 94px;
  font-size: 10px;
  width: 150px;
  z-index:3;
}

div.rankBox li.Rankbase2 .grade{
  position: absolute;
  top: 140px;
  left: 92px;
  width:71px;
  height:60px;
  text-align:center;
}



/*銅*/

div.rankBox li.Rankbase3 .player{
  position:absolute; top:90px; left:16px; font-size:24px; color:#a45315;
  line-height: 0.8;
  text-align:center;
  width:220px; 
}

div.rankBox li.Rankbase3 .score{
  position:absolute; top:200px; left:0px; width:324px; font-size:40px; color:#a45315;
  text-align:center;
}

div.rankBox li.Rankbase3 .lv{
  font-size:16px;
  color:#858585;
}

div.rankBox li.Rankbase3 .tsum5{
  position:absolute; top:0px; right:30px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase3 .tsum4{
  position:absolute; top:33px; right:25px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase3 .tsum3{
  position:absolute; top:66px; right:30px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase3 .tsum2{
  position:absolute; top:99px; right:35px;
  text-align:center;
  z-index:3;
}

div.rankBox li.Rankbase3 .tsum1{
  position:absolute; top:132px; right:30px;
  text-align:center;
  z-index:3;
}


div.rankBox li.Rankbase3 .shop{
/*  position:absolute; top:155px; left:30px;*/
  position: absolute;
  top: 37px;
  left: 94px;
  font-size: 10px;
  width: 150px;
  z-index:3;
}

div.rankBox li.Rankbase3 .grade{
  position: absolute;
  top: 140px;
  left: 92px;
  width:71px;
  height:60px;
  text-align:center;
}


/*ツムツムプレーデータ*/
div.playdataBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}

div.playdataBox ul{
  padding:0px;
  margin:0px;
}

div.playdataBox li{
  box-sizing:border-box;
}

div.playdataBox ul.Area1{
  position: relative;
  width: 980px;
}

div.playdataBox ul.li{
  display:inline-block;
}

div.playdataBox li.Tilebase 
{
  display:inline-block;
  position: relative;
  height: 304px;
  width: 980px;
  background:url(../images/playdata/base01.png);
  float: left;
  margin-bottom:4px;
}

div.playdataBox li.Tilebase .name{
  font-size:24px;
  color:#ff5c73;
  text-align:center;
  margin-top: 40px;
  font-weight: bold;
}

div.playdataBox li.Tilebase .txt1{
  text-align:center;
  padding-top:20px;
}

div.playdataBox li.Tilebase .tsum1{
  font-size:11px;
  position: absolute; 
  left: 100px;
  float:left;
  width:128px;
  text-align:center;
}

div.playdataBox li.Tilebase .tsum2{
  font-size:11px;
  position: absolute; 
  left: 260px;
  float:left;
  width:128px;
  text-align:center;
}

div.playdataBox li.Tilebase .tsum3{
  font-size:11px;
  position: absolute; 
  left: 420px;
  float:left;
  width:128px;
  text-align:center;
}

div.playdataBox li.Tilebase .tsum4{
  font-size:11px;
  position: absolute; 
  left: 580px;
  float:left;
  width:128px;
  text-align:center;
}

div.playdataBox li.Tilebase .tsum5{
  font-size:11px;
  position: absolute; 
  left: 740px;
  float:left;
  width:128px;
  text-align:center;
}


div.playdataBox li.TilebaseM
{/*
  background:url(../images/playdata/base02all.png) no-repeat; 
  background-position-x: center;
  background-position-y: 20px;*/
  background-color:#FFFFFF;
/*  height:270px;*/
  width: 980px;
  float:left; 
  margin-right:6px;
  margin-bottom:4px;
  padding:30px;
/*  padding-left:65px;*/
  padding-bottom:10px;
  position:relative;
}


div.playdataBox li.TilebaseM .base{
  z-index:1;
  width: 425px;
  margin:auto;
}

div.playdataBox li.TilebaseM .expbase{
  text-align:center; margin-bottom:10px; position:relative;
  padding-left:18px;
}

div.playdataBox li.TilebaseM .pertxt{/*パーセントテキスト箇所*/
  position:absolute; top:0px; right:55px; font-size:14px; color:#FFFFFF; padding:8px;
  z-index:1;
}

div.playdataBox li.TilebaseM .cointxt,
div.playdataBox li.TilebaseM .tickettxt{/*コインテキスト箇所,スキルチケット箇所*/
  position:absolute; top:0px; right:60px; font-size:16px; color:#e98528; padding:4px;
}

div.playdataBox li.TilebaseM .hearttxt{/*ハートテキスト箇所*/
  position:absolute; top:0px; right:60px; font-size:16px; color:#00e2aa; padding:4px;
}

div.playdataBox li.TilebaseM div.tileRight{
display:inline-block;
}

div.playdataBox li.TilebaseM div.tileLeft{
display:inline-block; vertical-align:top;
}


div.playdataBox li.TilebaseM .coinbase{
   text-align:center; position:relative;
}

div.playdataBox li.TilebaseM .heartbase{
   text-align:center; position:relative;
   margin-bottom:7px;
}

div.playdataBox li.TilebaseM .ticketbase{
   text-align:center; position:relative;

}

/*
div.playdataBox li.TilebaseM .star{
  position: absolute; top: 15px;  left: 105px;
  text-align:center;
  z-index:10;
}

div.playdataBox li.TilebaseM .gauge{
  position: absolute; top: 35px;  left: 135px;
  text-align:center;
  z-index:0;
}*/

/*中央寄せに変更*/
div.playdataBox li.TilebaseM .star{
  position: absolute; top: 15px;  left: 315px;
  text-align:center;
  z-index:10;
}

div.playdataBox li.TilebaseM .gauge{
  position: absolute; top: 35px;  left: 348px;
  text-align:center;
  z-index:0;
}


/*段位認定証メダル*/
div.playdataBox li.TilebaseG
{ background-color:#FFFFFF;
  width: 980px;
  float:left; 
  text-align:center;
  margin-bottom:-10px;
  padding-top: 10px;
}

/*段位認定証*/
div.playdataBox li.TilebaseG2
{ background-color:#FFFFFF;
  width: 980px;
  float:left; 
  margin-bottom:4px;

  padding:40px;
  position:relative;
  text-align:center;
}


div.playdataBox li.TilebaseL
{/*
  background:url(../images/playdata/base02all.png) no-repeat; 
  background-position-x: center;
  background-position-y: 20px;*/
  background-color:#FFFFFF;
  height:150px;/*188px;*/
  width:490px; 
  float:left;
  margin-bottom:4px;
/*  padding:30px;
  padding-bottom:10px;*/
  padding: 10px 20px;
  position:relative;
}


div.playdataBox li.TilebaseL .base{
  z-index:1;
  width: 425px;
}

div.playdataBox li.TilebaseL, .expbase{
  text-align:center; position:relative;
}

div.playdataBox li.TilebaseL .pertxt{/*パーセントテキスト箇所*/
  position:absolute; top:0px; right:70px; font-size:14px; color:#FFFFFF; padding:8px;
  z-index:1;
}

div.playdataBox li.TilebaseL .cointxt{/*コインテキスト箇所*/
  position:absolute; top:0px; right:60px; font-size:16px; color:#e98528; padding:4px;
}

div.playdataBox li.TilebaseL .coinbase{
   text-align:center; position:relative;
}

div.playdataBox li.TilebaseL .star{
  position: absolute; top: 15px;  left: 70px;
  text-align:center;
  z-index:10;
}

div.playdataBox li.TilebaseL .gauge{
  position: absolute; top: 35px;  left: 110px;
  text-align:center;
  z-index:0;
}

.gauge_wrap li > div {
    width: 298px;
}
 
.gauge_wrap .gauge_main {
/*
    background: -moz-linear-gradient(top, #9FF, #0FF);
    background: -webkit-gradient(linear, left top, right bottom, from(#9FF), to(#0FF));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9FF', endColorstr='#0FF');
  background: -ms-linear-gradient(left,  #9FF,  #0FF);
  */
  
  background: -webkit-gradient(linear,top left ,bottom right , color-stop(1.00, #00a9fd), color-stop(0.00, #00e4a7));
  background: -webkit-linear-gradient(#left,00e4a7, #00a9fd);
  background: -moz-linear-gradient(right,#00e4a7, #00a9fd);
  background: -o-linear-gradient(right,#00e4a7, #00a9fd);
  background: -ms-linear-gradient(right,#00e4a7, #00a9fd);
  background: linear-gradient(to left,#00e4a7, #00a9fd);

    height: 24px;
}

/*レベルフォント*/
.lvfont {
    color: #FFF;
    text-shadow:
        0 1px 0 #cfad02,
        1px 0 0 #cfad02,
        0 -1px 0 #cfad02,
        -1px 0 0 #cfad02,
        -1px -1px 0 #cfad02,
        1px -1px 0 #cfad02,
        -1px 1px 0 #cfad02,
        1px 1px 0 #cfad02
        ;
}

.lvbase{
    position:absolute; top:25px; right:5px; font-size:16px; width:50px; text-align:center;
}


div.playdataBox li.TilebaseR
{
  background-color: #FFFFFF;
  height:150px;/*188px;*/
  width:490px;
  float:left;
  margin-bottom:4px;
  padding:10px 20px;
}

div.playdataBox li.TilebaseS
{
  background-color: #FFFFFF;
/*  width:486px;*/
  width:490px;
  float:left;
  padding: 0px 20px 20px 20px;
}

div.playdataBox li.TilebaseL .li00
{
  padding-top:10px; float:left; margin:5px 5px 5px 0px;
}

div.playdataBox li.TilebaseL .li01
{
  padding-top:10px; float:right; margin:5px 5px 5px 0px;
}

div.playdataBox li.TilebaseR .li00
{
  padding-top:10px; float:left; margin:5px 5px 5px 0px;
}

div.playdataBox li.TilebaseR .li01
{
  padding-top:10px; float:right; margin:5px 5px 5px 0px;
}

div.playdataBox li.TilebaseS .li00
{
  padding-top:10px; float:left; margin:5px 5px 5px 0px;
}

div.playdataBox li.TilebaseS .li01
{
  padding-top:10px; float:right; margin:5px 5px 5px 0px;
}


div.playdataBox li.stage01,li.stage02,li.stage03
{
  padding: 10px 20px 0px 20px;
}




div.playdataBox li.TilebaseR span.stage1{
  color:#ff6d87;
}

div.playdataBox li.TilebaseR span.stage2{
  color:#ffa441;
}

div.playdataBox li.TilebaseR span.stage3{
  color:#81ca2d;
}

div.playdataBox li.TilebaseS span.stage1{
  color:#ff6d87;
}

div.playdataBox li.TilebaseS span.stage2{
  color:#ffa441;
}

div.playdataBox li.TilebaseS span.stage3{
  color:#81ca2d;
}

/*お知らせボックス
div #center_column .newsbox{
height:250px;
overflow:hidden;
}

div #center_column .newsbox ul{
width:90%;
margin:5px 5px 5px 0px;
padding-left:5px;
}
div #center_column .newsbox ul li.li00{
width:105px;
padding-top:10px;
float:left;
}
div #center_column .newsbox ul li a:link,
div #center_column .newsbox ul li a:visited{
color:#6495ed;
}*/

div.hrHalf{
  height:4px;
  background:url(../images/playdata/line00.png) repeat-x;
}


div.playdataBox li.Tilebase2
{
  display:inline-block;
  position: relative;
  /*height: 293px;*/
  width: 980px;
  background-color: #FFFFFF;
  text-align:left;
  float: left;
  margin-bottom: 4px;
}


div.playdataBox li.Title1
{
  height: 40px;
  width: 980px;
  background-color: #c99df4;
  text-align:left; 
  padding:10px;
  box-sizing:border-box;
  margin-bottom:4px;
  float: left;
}


div.playdataBox li.tsumTitle1
{
  height: 40px;
  width: 980px;
  background-color: #c99df4;
  text-align:left; 
  padding:10px;
  box-sizing:border-box;
  margin-bottom:4px;
}


div.playdataBox li.TabArea
{
  /*height:82px;*/
  width: 980px;
  text-align:center;
  box-sizing:border-box;
  margin-bottom:4px;  
}

div.playdataBox li.Tab01
{
  height:82px;
  width:324px;
  background-color:#FFFFFF;  
  float: left;
  box-sizing:border-box;
  margin-right:4px;
  background-image:url(../images/playdata/tab01.png);
  background-repeat:no-repeat;
  background-position:center;
}

div.playdataBox li.Tab01:hover
{
  background-image:url(../images/playdata/tab01_h.png);
  transition: background-image 0.5s;
}

div.playdataBox li.Tab01#selected{
  background-image:url(../images/playdata/tab01_h.png);
}

div.playdataBox li.Tab02
{
  height:82px;
  width:324px;
  float: left;
  box-sizing:border-box;
  margin-right:4px;
  background-color:#FFFFFF;  
  background-image:url(../images/playdata/tab02.png);
  background-repeat:no-repeat;
  background-position:center;
}

div.playdataBox li.Tab02:hover{
  background-image:url(../images/playdata/tab02_h.png);
  transition: background-image 0.5s;
}

div.playdataBox li.Tab02#selected{
  background-image:url(../images/playdata/tab02_h.png);
}

div.playdataBox li.Tab03
{
  height:82px;
  width:324px;
  float: left;
  box-sizing:border-box;
  background-color:#FFFFFF;  
  background-image:url(../images/playdata/tab03.png);
  background-repeat:no-repeat;
  background-position:center;
}

div.playdataBox li.Tab03:hover{
  background-image:url(../images/playdata/tab03_h.png);
  transition: background-image 0.5s;
}

div.playdataBox li.Tab03#selected{
  background-image:url(../images/playdata/tab03_h.png);
}





div.playdataBox li.stageArea01
{
  width: 980px;
  background-color: #FFFFFF;
  text-align:left;
  padding:5px 20px;
  color:#646464;
  font-size:14px;
}

li.stageArea01 a{
  font-size:14px;
  color:#858585;
}

li.stageArea01 a#nomal:hover {
  color:#ff5a78;
}
li.stageArea01 a#balloon:hover {
  color:#fd8900;
}
li.stageArea01 a#guruguru:hover {
  color:#7ce116;
}


li.stageArea01 a.selected span.nomal{
  color:#ff5a78;
}
li.stageArea01 a.selected span.balloon{
  color:#fd8900;
}
li.stageArea01 a.selected span.guruguru{
  color:#7ce116;
}

div.playdataBox li.stageArea02
{
  width: 980px;
  background-color: #ff5a78;
  text-align:left;
  padding:5px 20px;
  margin-bottom:4px;  
  font-size:14px;
  position:relative;
  color:#FFFFFF;
}

div.playdataBox font.fs10{
  font-size:10px;
  color:#7c1124;
}


div.playdataBox li.txtArea{
  padding-left:10px;
  color:#646464;
}

div.playdataBox li.btn_detail
{
  position:absolute;
  right:20px;
  bottom:0px;
}



/*ツムコレクション*/


div.playdataBox ul.mascotDBox
{
  display:table;
  width:980px;
}



div.playdataBox li.Title2/*vol.1*/
{
  width: 980px;
  background-color: #ffffff;
  color:#c99df4;
  font-size:18px;
  text-align:center;
  float: left;
  padding:6px;
  box-sizing:border-box;
  margin-bottom:4px;

}

div.playdataBox li.Title3,
div.playdataBox li.Title3 div.Title3
{
  position: relative;
  width: 980px;
  background-color: #ffffff;
  text-align:center;
/*  padding:12px;*/
  box-sizing:border-box;
  display:inline-block;
  vertical-align:middle;
  line-height: 38px;
}

div.playdataBox li.mascotL
{
  text-align:center; 
/*  width:490px;*/
  display:table-cell;
  padding:5px 0px 5px 0px;
  position:relative;
}


div.playdataBox li.mascotVol
{
  position:absolute; top:10px; left:7px;
}

div.playdataBox li.mascotVol2
{
  position:absolute; top:74px; left:7px;
}


div.playdataBox li.shadow/*ツムコレの影*/
{
/*display:none;*/
  position:absolute; top:10px; left:87px;
  z-index:-1;
}



div.playdataBox li.mascotLs
{
  background-color:#FFF;
  margin-right: 4px;
  float:left;
  margin-top:-1px;

  
}
div.playdataBox li.mascotLss
{
  float:left;
  margin:-1px 2px 4px -1px;  
}

div.playdataBox li.mascotLss div.active,
div.playdataBox li.mascotLss div.linkthum#imageList0:hover
{/*マスコット紫枠*/
  border:1px solid #c99df4;
  margin:-1px 2px -1px -1px;

}

div.playdataBox li.mascotLss div.linkthum#imageList1:hover,
div.playdataBox li.mascotLss div.linkthum#imageList2:hover
{/*マスコット紫枠*/
  border:1px solid #c99df4;
  margin:0 2px 0 -1px;

}

div.playdataBox li.mascotLs p.gra
{
  width:407px;
  height:231px;
  background-image:url(../images/playdata/kira01.png),url(../images/tsum_230x230/shadow.png);
  background-repeat:no-repeat,no-repeat;
  background-position:center,center;
  display:table-cell;
  vertical-align:middle;
}
div.playdataBox li.mascotLs p.bt
{
  height:25px;
  background-color:#FFF;
  text-align:right;
}
div.playdataBox li.mascotLs p.bt img{
  padding-right:20px;
}

div.playdataBox li.mascotLss p
{
  background-color:#FFF;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

div.playdataBox li.mascotR
{
  text-align:center; 
  vertical-align: middle; 
  width:488px; 
  display:table-cell;
}

div.playdataBox div.mascotRs
{
  height:106px;
  background-color:#FFF;
  margin:5px 0px 5px 0px;
  box-sizing: border-box;
  padding:10px;
  line-height: 2.5em;
  text-align:left;
  position:relative;
}

div.playdataBox div.mascotRss
{
  height:120px;
  background-color:#FFF;
  margin:1px 0px 5px 0px;
  box-sizing: border-box;
  padding:10px; 
  line-height: 2.5em;
  font-weight: bold; 
}

div.playdataBox div.mascotRssTxt
{ 
  text-align:center;
  line-height: initial;
}

div.playdataBox div.mascotRssTxt div.hrHalf{
/*  margin:10px;*/
  margin:4px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div.playdataBox div.mascotRssTxt div.hrHalf{
  margin-top:0px;
  margin-bottom:0px;
  }
}


div.playdataBox div.mascotRssTxt p
{ 
line-height:1.8em;
}

div.playdataBox div.mascotRssTxt p.txt3/*説明文が3行以上の場合特例*/
{ 
line-height:1.2em;
}



div.playdataBox div.mascotRss img.skill{
  margin:50px auto 0px auto;
}

div.playdataBox div.mascotRss img.skill_bt{
  margin:10px 0px 0px 360px;
}

div.playdataBox ul.li{
  display:inline-block;
}

div.playdataBox li.mascotTile/*マスコット１体*/
{
/*  display:inline-block;*/
  position: relative;
  height:160px;
  width: 160px;
  background-color: #FFFFFF;
  text-align:center;
  float: left;
  margin-right:4px;
  margin-bottom:4px;   
 }

div.playdataBox li.mascotTile#active,
div.playdataBox li.mascotTile:hover
{/*マスコット紫枠*/
  border:1px solid #c99df4;
  margin:-1px 3px 3px -1px;
  height:162px;
  width: 162px;
}


div.playdataBox li.mascotTileR
{
  margin-right:0px;
}

/*マスコット紫枠*/
div.playdataBox li.mascotTileR#active,
div.playdataBox li.mascotTileR:hover
{

  border:1px solid #c99df4;
  margin:-1px -3px 3px -1px;
  height:162px;
  width: 162px;
}


div.playdataBox li.mascotTile li.lv
{
  position: absolute; top: 118px;  left: 0px;
  width:160px;
  text-align:center;
  color:#646464;
}


div.playdataBox li.mascotTile li.none
{
  display:none;
}


div.playdataBox li.mascotTile li.max
{
  position: absolute; top: 135px;  left: 0px;
  width:160px;
  text-align:center;
  z-index:20;
}

div.playdataBox li.mascotTile li.lock
{
  position: absolute; top: 132px;  left: 0px;
  width:160px;
  text-align:center;
  z-index:20;
}


div.playdataBox li.TilebaseL .gauge{
  position: absolute; top: 35px;
  text-align:center;
  width: 160px;
  z-index:0;
}

div.playdataBox li.TilebaseL .gauge{
  position: absolute; top: 35px;
  text-align:center;
  width: 160px;
  z-index:0;
}

div.page_prev{
  width:200px; padding:12px; float: left; background:#cdcdcd; vertical-align:middle;
}

div.page_next{
  width:200px; padding:12px; float: right; background:#cdcdcd; vertical-align:middle;
}



/*ツムコレレベルゲージ*/
div.playdataBox .lv_txt{
  position: absolute; top: 8px;  left: 24px;
  text-align:center;
  font-size:16px;
  width: 200px;
}

div.playdataBox .lv_txt_base{/*分母*/
  font-size:14px;
}



div.playdataBox .score_txt{
  position: absolute; top: 56px;  left: 24px;
  text-align:center;
  width: 200px;
}

div.playdataBox .lv_pertxt{
  position: absolute; top: 34px;  left: 184px;
  text-align:center;
  color:#FFFFFF;
  z-index:10;
}

div.playdataBox li.none
{
  display:none;
}


div.playdataBox li.max
{
  position: absolute; top: 39px;  left: 24px;
  width:200px;
  text-align:center;
  z-index:20;
}

div.playdataBox li.lock
{
  position: absolute; top: 34px;  left: 24px;
  width:200px;
  text-align:center;
  z-index:20;
}


div.playdataBox .lv_gauge{
  position: absolute; top: 36px;  left: 24px;
  text-align:center;
  z-index:0;
}
div.playdataBox .lv_gauge span.gauge_info{
  display:block;
  font-size:10px;
  width:440px;
  text-align:center;
  position: relative; top: 20px;
}

div.playdataBox .lv_gauge span.gauge_info a{
  color:#ff5c75;
}

.lv_gauge_wrap li > div {
  background-color:#929292;
  border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-top-left-radius: 12px;border-bottom-left-radius: 12px;
    width: 200px;
}
 
.lv_gauge_wrap .gauge_main {

  background: -webkit-gradient(linear,top left ,bottom right , color-stop(1.00, #00a9fd), color-stop(0.00, #00e4a7));
  background: -webkit-linear-gradient(#left,00e4a7, #00a9fd);
  background: -moz-linear-gradient(right,#00e4a7, #00a9fd);
  background: -o-linear-gradient(right,#00e4a7, #00a9fd);
  background: -ms-linear-gradient(right,#00e4a7, #00a9fd);
  background: linear-gradient(to left,#00e4a7, #00a9fd);

    height: 24px;
}

/*ツムコレスキルゲージ*/
div.playdataBox .skill_txt{
  position: absolute; top: 8px;  right: 24px;
  text-align:center;
  font-size:16px;
  width: 200px;
}

div.playdataBox .skill_txt_base{/*分母*/
  font-size:14px;
}


div.playdataBox .effect_txt{
  position: absolute; top: 56px;  right: 24px;
  text-align:center;
  width: 200px;
}

div.playdataBox .skl_pertxt{
  position: absolute; top: 34px;  right: 34px;
  text-align:center;
  color:#FFFFFF;
  z-index:10;
}

div.playdataBox li.skl_none
{
  display:none;
}


div.playdataBox li.skl_max
{
  position: absolute; top: 39px;  right: 24px;
  width:200px;
  text-align:center;
  z-index:20;
}

div.playdataBox li.skl_lock
{
  position: absolute; top: 34px;  right: 24px;
  width:200px;
  text-align:center;
  z-index:20;
}


div.playdataBox .skl_gauge{
  position: absolute; top: 36px;  right: 24px;
  text-align:center;
  z-index:0;
}

.skl_gauge_wrap li > div {
  background-color:#929292;
  border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-top-left-radius: 12px;border-bottom-left-radius: 12px;
    width: 200px;
}
 
.skl_gauge_wrap .gauge_main {

  background: -webkit-gradient(linear,top left ,bottom right , color-stop(1.00, #fd9b00), color-stop(0.00, #ffdf48));
  background: -webkit-linear-gradient(#left,ffdf48, #fd9b00);
  background: -moz-linear-gradient(right,#ffdf48, #fd9b00);
  background: -o-linear-gradient(right,#ffdf48, #fd9b00);
  background: -ms-linear-gradient(right,#ffdf48, #fd9b00);
  background: linear-gradient(to left,#ffdf48, #fd9b00);

  height: 24px;
}



/*ツムコレツムレベルゲージ小*/

div.playdataBox .lv_gauge_s{
  position: absolute; top: 140px;  left: 30px;
  text-align:center;
  z-index:0;
}

.lv_gauge_s_wrap li > div {
  background-color:#929292;
  border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-top-left-radius: 12px;border-bottom-left-radius: 12px;
    width: 100px;
    height: 10px;
}
 
.lv_gauge_s_wrap .gauge_main {

  background: -webkit-gradient(linear,top left ,bottom right , color-stop(1.00, #00a9fd), color-stop(0.00, #00e4a7));
  background: -webkit-linear-gradient(#left,00e4a7, #00a9fd);
  background: -moz-linear-gradient(right,#00e4a7, #00a9fd);
  background: -o-linear-gradient(right,#00e4a7, #00a9fd);
  background: -ms-linear-gradient(right,#00e4a7, #00a9fd);
  background: linear-gradient(to left,#00e4a7, #00a9fd);

  height: 10px;
}

/*マイツムがない場合の表示*/
div.playdataBox li.NoTsumTile
{
  display:inline-block;
  width: 980px;
  background-color: #FFFFFF;
  text-align:center;
  box-sizing:border-box;
  padding:30px;
  margin-bottom:5px;
}

li.NoTsumTile b
{
  font-size:16px;
  color: #ff5c73;
}


/*******************************/
/*プレーデータ ゲーム画面テーマ*/
/*******************************/

div.playdataBox li.TitleT/*vol.1*/
{
  width: 980px;
  background-color: #ffffff;
  color:#c99df4;
  font-size:18px;
  text-align:center;
  float: left;
  padding:6px;
  box-sizing:border-box;
}

div.playdataBox li.TilebaseT
{
  width: 980px;
  position: relative;
  background-color: #FFFFFF;
  text-align:left;
  float: left;
  margin-bottom:4px;
  box-sizing:border-box;
  height:100px;
}

div.playdataBox li.TilebaseT#check
{
  display:inline-block;
}

div.playdataBox li.TilebaseT li
{
  display:inline-block;
}




div.playdataBox li.txtArea{
  padding:10px;
  font-size: 9pt;
  float:left;
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
  text-align:center;
}

div.playdataBox li.txtArea a{
  color:#ff7da2;
  font-weight:bold;
}


div.playdataBox li.btn_detail
{
  position:absolute;
  bottom: 23px;
  right: 20px;
}


div.playdataBox li.TilebaseT2
{
  display:inline-block;
  width: 980px;
  position: relative;
  background-color: #FFFFFF;
  text-align:center;
  float: left;
  margin-bottom:4px;
  box-sizing:border-box;
}

div.playdataBox div.Theme
{
  height:500px;
  width:242px; 
  float:left; 
  margin-right:4px;
}

div.playdataBox div.ThemeR
{
  margin-right:0px;
}

div.playdataBox div.used
{
  background-image:url(/game/tsum/1/p/images/playdata/used.png);
  background-repeat:no-repeat;
  background-position:bottom;
  
  border: 1px solid #C99DF4;/*枠で囲む*/
  margin-left:-2px;
}




div.playdataBox li.TilebaseT2 img
{
  margin-right:4px
}

div.playdataBox li.TilebaseT2 img.theme_img_R
{
  margin-right:0px
}



div.playdataBox li.TilebaseT2R
{
  margin-right:0px;
}


/*ツムツム非ログイン*/
div.nologinBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}

div.nologinBox ul{
  padding:0px;
  margin:0px;
}

div.nologinBox ul.Area1{
  position: relative;
  width: 980px;
}

div.nologinBox ul.li{
  display:inline-block;
}

div.nologinBox li.Tilebase
{
  display:inline-block;
  width: 980px;
  height:526px;
  background-color: #FFFFFF;
  text-align:center;
  background:url(../images/playdata/nl_img01.png) no-repeat;
  box-sizing:border-box;
  padding:30px;
}

div.nologinBox li.Title1
{
  position: relative;
  width: 980px;
  background-color: #858585;
  text-align:left;
  padding:10px;
  box-sizing:border-box;
  margin-bottom:4px;
}

div.nologinBox li.txt_login
{
  margin-bottom: 5px;
}

div.nologinBox li.btn_login
{
  width:114px;
  height:34px;
  background:url(../images/playdata/nl_loginbtn_h.png) no-repeat;
  margin:0 auto 0 auto;
}




/*ツムツムプレーデータなし*/
div.nodataBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}

div.nodataBox ul{
  padding:0px;
  margin:0px;
}

div.nodataBox ul.Area1{
  position: relative;
  width: 980px;
}

div.nodataBox ul.li{
  display:inline-block;
}

div.nodataBox li.Tilebase
{
  display:inline-block;
  width: 980px;
  height:180px;
  background-color: #FFFFFF;
  text-align:center;
  box-sizing:border-box;
  padding:30px;
}

div.nodataBox li.Title1
{
  position: relative;
  width: 980px;
  background-color: #858585;
  text-align:left;
  padding:10px;
  box-sizing:border-box;
  margin-bottom:4px;
}

div.nodataBox b
{
  font-size:16px;
  color: #ff5c73;
}



/*ツムツム非エントリー*/
div.noEntryBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}

div.noEntryBox ul{
  padding:0px;
  margin:0px;
}

div.noEntryBox ul.Area1{
  position: relative;
  width: 980px;
}

div.noEntryBox ul.li{
  display:inline-block;
}

div.noEntryBox li.Tilebase
{
  display:inline-block;
  width: 980px;
  height:180px;
  background-color: #FFFFFF;
  text-align:center;
  box-sizing:border-box;
  padding:30px;
}

div.noEntryBox li.Title1
{
  position: relative;
  width: 980px;
  background-color: #858585;
  text-align:left;
  padding:10px;
  box-sizing:border-box;
  margin-bottom:4px;
}


div.noEntryBox li.btn_entry
{
  width:134px;
  height:34px;
  background:url(../images/common/entry_btn_h.png) no-repeat;
  margin:0 auto 0 auto;
}


div.noEntryBox b
{
  font-size:16px;
  color: #ff5c73;
}


/*ツムツム遊び方（共通）*/
div.howtoBox{
  font-size:1.2em;
  width:980px;
  margin:0px auto 0px auto;
  background-color:#F2F2F2;/*背景*/
}


/* 海外対応span.lg */
.howtoBox span.lg-ja,
.howtoBox span.lg-en,
.howtoBox span.lg-ko,
.howtoBox span.lg-zh-tw {
  display: none;
}
.howtoBox .ja span.lg-ja,
.howtoBox .en span.lg-en,
.howtoBox .ko span.lg-ko,
.howtoBox .zh-tw span.lg-zh-tw {
  display: inline;/*inherit*/
}


.howtoSec1 span.lg-ja,
.howtoSec1 span.lg-en,
.howtoSec1 span.lg-ko,
.howtoSec1 span.lg-zh-tw {
  display: none;
}
.howtoSec1 .ja span.lg-ja,
.howtoSec1 .en span.lg-en,
.howtoSec1 .ko span.lg-ko,
.howtoSec1 .zh-tw span.lg-zh-tw {
  display: inline;/*inherit*/
}



div.howtoBox img{
vertical-align:top
}

div.howtoBox ul{
  padding:0px;
  margin:0px;
}

div.howtoBox ul.Area1{
  position: relative;
  width: 980px;
}

div.howtoBox ul.AreaL{
  display:inline-block;
  width: 488px;
  height: 440px;
  float: left;
  background-color: #FFFFFF;
  margin-right: 4px;
}

div.howtoBox ul.AreaR{
  display:inline-block;
  width: 488px;
  height: 440px;
  float: left;
  background-color: #FFFFFF;
}
div.howtoBox ul.li{
  display:inline-block;
}

div.howtoBox li.Tilebase, div.howtoBox li.Tilebase3
{
  width: 980px;
  position: relative;
  background-color: #FFFFFF;
  text-align:left;
  float: left;
  margin-bottom:4px;
  box-sizing:border-box;
}

div.howtoBox li.Tilebase#check
{
  display:inline-block;
}



div.howtoBox li.Tilebase li
{
  display:inline-block;
}

div.howtoBox li.Tilebase .imgArea,
div.howtoBox li.Tilebase .imgAreaHalf
{
  float:left;
  display: inline-block;
}

div.howtoBox li.nmb{
  margin-bottom:0px !important;
}


div.howtoBox li.Title1
{
  position: relative;
  /*height: 40px;*/
  width: 980px;
  background-color: #ff834c;
  text-align:left;
  float: left;
  padding:10px;
  box-sizing:border-box;
  margin-bottom:8px;
}

div.howtoBox li.Title2
{
  position: relative;
  width: 980px;
  background-color: #FFFFFF;
  text-align:center;
  float: left;
  padding:12px;
  box-sizing:border-box;
  margin-bottom:4px;
}

div.howtoBox li.Title3
{
  position: relative;
  width: 980px;
  background-color: #FFFFFF;
  float: left;
  padding:8px 12px;
  box-sizing:border-box;
  color:#ff834c;
  font-size:16px;
  /*border-top:2px solid #ff834c;
  margin-bottom:4px;*/
}

/*小見出し2分の1幅*/
div.howtoBox li.Title4
{
  position: relative;
  width: 488px;
  background-color: #FFFFFF;
  float: left;
  padding:8px 12px;
  box-sizing:border-box;
  color:#ff834c;
  font-size:16px;
  margin: 0px;
}

div.howtoBox li.txtArea{
  padding:10px;
  font-size: 9pt;
  float:left;
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
}
div.howtoBox li.min_def{
 min-height:0px;
}

div.howtoBox li.txtAreaCent{
  padding:10px;
  font-size: 9pt;
  text-align: center;
  display: inline-block;
  width: 980px;
  min-height: 50px;
  margin-bottom: 4px;
  box-sizing: border-box;
}

/*テキストエリアの高さを合わせる*/
div.howtoBox li.high{
 height: 158px;
}

div.howtoBox li.txtArea#eapass{
  width:492px;
  box-sizing: border-box;
}

div.howtoBox li.txtAreaS{
  padding:10px;
  font-size: 9pt;
  float:left;
  width:240px;
  box-sizing: border-box;
}

div.howtoBox li.txtArea4{
  padding:10px;
  font-size: 9pt;
  float:left;
  width:245px;
  box-sizing: border-box;

  height: 74px;
}

div.howtoBox li.txtAreaR{
  /*background-color: #FFFFFF;*/
  width:486px;
  float:left;
  padding: 20px 20px 20px 20px;/**/
  box-sizing: border-box; 
}

div.howtoBox li.txtAreaMypageS{/*PCでは通常通り*/
  padding:10px;
  font-size: 9pt;
  float:left;
}

div.howtoBox li.txtArea a{
  color:#ff7da2;
  font-weight:bold;
  display:block;
  /*position:absolute;
  bottom: 20px;
  right: 20px;*/
  float: right; 
  margin: 20px 10px 10px 20px;
}

div.howtoBox li.txtAreaCent a{
 float: right;
 margin: 20px 10px 10px 20px;
}

div.howtoBox li b.right{
 float: right;
 margin-right: 10px;
}

div.howtoBox li.btn_detail
{
  position:absolute;
  bottom: 23px;
  right: 20px;
}


div.howtoBox li.TilebaseS
{
  /*background-color: #FFFFFF;*/
  width:486px;
  height:434px;
  float:left;
  padding: 20px 20px 20px 20px;/**/
  box-sizing: border-box; 
}

div.howtoBox li.TilebaseS .imgArea{
  float:left;
  display: inline-block;
}


div.howtoBox li.TilebaseS .li00
{
  float:left; 
}

div.howtoBox li.TilebaseS .li01
{
  float:left; 
  margin:0px 5px 5px 0px;
  line-height: 40px;
}

div.howtoBox li.TilebaseS .li01 a
{
  float:right;
  margin-right:10px;
}

div.howtoBox li.TilebaseS .li02
{
  float:right; margin:0px 5px 5px 0px;
  line-height: 40px;
}

div.howtoBox li.TilebaseS .li03
{
  float:right; 
}


div.howtoBox li.TilebaseL,
div.howtoBox ul.TilebaseL
{
  display:inline-block;
  width: 488px;
  position: relative;
  background-color: #FFFFFF;
  text-align:left;
  float: left;
  margin-bottom:4px;
  margin-right:4px;
  box-sizing:border-box;
}

/*キラキラ背景を敷く*/
div.howtoBox li.TilebaseL ul.imgBg
{
  background:url(../images/howto/img_bg_clmL.png) no-repeat;
  width: 488px;
}

/*下マージンを消す*/
div.howtoBox li ul.BtmZero,
div.howtoBox li ul.pc_BtmZero{
  margin-bottom: -4px;
}
div.howtoBox li.TilebaseL .imgArea,
div.howtoBox ul.TilebaseL .imgArea{
  float:left;
  display: inline-block;
}

div.howtoBox li.TilebaseR,
div.howtoBox ul.TilebaseR
{
  display:inline-block;
  width: 488px;
  position: relative;
  background-color: #FFFFFF;
  text-align:left;
  float: left;
  margin-bottom:4px;
  box-sizing:border-box;
}

/*キラキラ背景を敷く*/
div.howtoBox li.TilebaseR ul.imgBg
{
  background:url(../images/howto/img_bg_clmR.png) no-repeat;
  width: 488px;
}
div.howtoBox li.TilebaseR .imgArea,
div.howtoBox ul.TilebaseR .imgArea{
  float:left;
  display: inline-block;
}

div.howtoBox li.TilebaseRs
{
  display:inline-block;
  width: 487px;
  position: relative;
  text-align:left;
  float: left;
  margin-bottom:4px;
  box-sizing:border-box;
  display: inline-block;
}

div.howtoBox li.imgBgTopS{
  background:url(../images/howto/img_bg_clmR.png) no-repeat;
  background-position: 0% 0%;
  width: 488px;
}

div.howtoBox li.imgBgBtmS{
  background:url(../images/howto/img_bg_clmR.png) no-repeat;
  background-position: 100% 100%;
  margin-bottom: -4px;
  width: 488px;
}
div.howtoBox li.TilebaseRs .imgArea{
  float:left;
  display: inline-block;
}

div.howtoBox li.TilebaseRs_imgBg .imgArea{
  float:left;
  display: inline-block;
  width: 244px;
}
  
/*３分の１表示*/
div.howtoBox li.Tilebase3
{
  background-color: #FFFFFF;
  float:left;
  box-sizing: border-box; 
  margin-bottom:4px;
  margin-right:4px;
  display: inline-block;
  width: 324px;
}

div.howtoBox li.Tilebase3 .imgArea{
  float:left;
  display: inline-block;
}

div.howtoBox li.Tilebase3e
{
  background-color: #FFFFFF;
  float:left;
  box-sizing: border-box; 
  margin-bottom:4px;
  display: inline-block;
  width: 324px;
}

div.howtoBox li.Tilebase3e .imgArea{
  float:left;
  display: inline-block;
}


div.howtoBox li.TilebaseGame
{
  background-color: #FFFFFF;
  width:486px;
  float:left;
  padding: 20px 20px 20px 20px;/**/
  box-sizing: border-box; 
}

div.howtoBox li.TilebaseGame{
  width:709px;
}

div.howtoBox li.TilebaseGame ul{
  position:relative;
}

div.howtoBox li.TilebaseGame .li01
{
  line-height: 25px;
  width:680px;
}

div.howtoBox li.TilebaseGame .btn_detail
{
  right:0px;
}

/*div.howtoBox li.TilebaseMypage{
 background:url(../images/howto/bg7_02.png) no-repeat;
 background-position: right 0px bottom 0px;
 background-color:#FFFFFF;
}

div.howtoBox li.TilebaseMypage2{
 background:url(../images/howto/bg7_03.png) no-repeat;
 background-position: right 0px bottom 0px;
 background-color:#FFFFFF;
}*/


div.howtoBox li.txtAreaEapass{
  float:none;
}

/*３分の２表示*/
div.howtoBox li.Tilebase3bun2
{
  background-color: #FFFFFF;
  float:left;
  box-sizing: border-box; 
  margin-bottom:4px;
  margin-right:4px;
  display: inline-block;
  width: 652px;
}


/*背景を繋げてセクションを分ける*/
/*背景白*/
div.howtoSec1{
  background-color: #FFFFFF;
  margin-bottom: 4px;
  display: inline-block;
}


/*ツムツム遊び方 メニュー*/
div.howToMenu{
  width:980px;
  margin:0px auto 20px auto;
}

ul.howToMenuInner,
ul.howToMenuInner li{
padding:0px;
margin:0px;
}

ul.howToMenuInner li.menuBox00{
  display:inline-block;
  padding:4px 4px 0px 0px;
}
ul.howToMenuInner li.menuBox01{
  display:inline-block;
  padding:4px 0px 0px 0px;
}

li.menuBox00 div.menuBoxS,
li.menuBox01 div.menuBoxS
{
  width:324px;
  height:64px;
}
/*ツムツム遊び方 ボタン*/
ul.howToMenuInner li div.menu0n0,
ul.howToMenuInner li div.menu0
{
  background:url(../images/howto/menu00_1.png) no-repeat;
}


ul.howToMenuInner li div.menu0n1,
ul.howToMenuInner li div.menu0n2,
ul.howToMenuInner li div.menu0n3,
ul.howToMenuInner li div.menu0n4,
ul.howToMenuInner li div.menu0n5,
ul.howToMenuInner li div.menu0n6,
ul.howToMenuInner li div.menu0n7,
ul.howToMenuInner li div.menu0n8{
  background:url(../images/howto/menu00_0.png) no-repeat;
}

ul.howToMenuInner li div.menu0n1:hover,
ul.howToMenuInner li div.menu0n2:hover,
ul.howToMenuInner li div.menu0n3:hover,
ul.howToMenuInner li div.menu0n4:hover,
ul.howToMenuInner li div.menu0n5:hover,
ul.howToMenuInner li div.menu0n6:hover,
ul.howToMenuInner li div.menu0n7:hover,
ul.howToMenuInner li div.menu0n8:hover{
  background:url(../images/howto/menu00_1.png) no-repeat;
  transition: background-image 0.5s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}


ul.howToMenuInner li div.menu1n1
{
  background:url(../images/howto/menu01_1.png) no-repeat;
}

ul.howToMenuInner li div.menu1,
ul.howToMenuInner li div.menu1n0,
ul.howToMenuInner li div.menu1n2,
ul.howToMenuInner li div.menu1n3,
ul.howToMenuInner li div.menu1n4,
ul.howToMenuInner li div.menu1n5,
ul.howToMenuInner li div.menu1n6,
ul.howToMenuInner li div.menu1n7,
ul.howToMenuInner li div.menu1n8{
 transition: background-image 0.5s;
 background:url(../images/howto/menu01_0.png) no-repeat;
}
ul.howToMenuInner li div.menu1:hover,
ul.howToMenuInner li div.menu1n0:hover,
ul.howToMenuInner li div.menu1n2:hover,
ul.howToMenuInner li div.menu1n3:hover,
ul.howToMenuInner li div.menu1n4:hover,
ul.howToMenuInner li div.menu1n5:hover,
ul.howToMenuInner li div.menu1n6:hover,
ul.howToMenuInner li div.menu1n7:hover,
ul.howToMenuInner li div.menu1n8:hover{
 transition: background-image 0.5s;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 background:url(../images/howto/menu01_1.png) no-repeat;
}

ul.howToMenuInner li div.menu2n2
{
  background:url(../images/howto/menu02_1.png) no-repeat;
}
ul.howToMenuInner li div.menu2,
ul.howToMenuInner li div.menu2n0,
ul.howToMenuInner li div.menu2n1,
ul.howToMenuInner li div.menu2n3,
ul.howToMenuInner li div.menu2n4,
ul.howToMenuInner li div.menu2n5,
ul.howToMenuInner li div.menu2n6,
ul.howToMenuInner li div.menu2n7,
ul.howToMenuInner li div.menu2n8{
  background:url(../images/howto/menu02_0.png) no-repeat;
}
ul.howToMenuInner li div.menu2:hover,
ul.howToMenuInner li div.menu2n0:hover,
ul.howToMenuInner li div.menu2n1:hover,
ul.howToMenuInner li div.menu2n3:hover,
ul.howToMenuInner li div.menu2n4:hover,
ul.howToMenuInner li div.menu2n5:hover,
ul.howToMenuInner li div.menu2n6:hover,
ul.howToMenuInner li div.menu2n7:hover,
ul.howToMenuInner li div.menu2n8:hover{
  background:url(../images/howto/menu02_1.png) no-repeat;
  transition: background-image 0.5s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}


ul.howToMenuInner li div.menu3n3
{
  background:url(../images/howto/menu03_1.png) no-repeat;
}
ul.howToMenuInner li div.menu3,
ul.howToMenuInner li div.menu3n0,
ul.howToMenuInner li div.menu3n1,
ul.howToMenuInner li div.menu3n2,
ul.howToMenuInner li div.menu3n4,
ul.howToMenuInner li div.menu3n5,
ul.howToMenuInner li div.menu3n6,
ul.howToMenuInner li div.menu3n7,
ul.howToMenuInner li div.menu3n8{
  background:url(../images/howto/menu03_0.png) no-repeat;
}
ul.howToMenuInner li div.menu3:hover,
ul.howToMenuInner li div.menu3n0:hover,
ul.howToMenuInner li div.menu3n1:hover,
ul.howToMenuInner li div.menu3n2:hover,
ul.howToMenuInner li div.menu3n4:hover,
ul.howToMenuInner li div.menu3n5:hover,
ul.howToMenuInner li div.menu3n6:hover,
ul.howToMenuInner li div.menu3n7:hover,
ul.howToMenuInner li div.menu3n8:hover{
  background:url(../images/howto/menu03_1.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

ul.howToMenuInner li div.menu4n4
{
  background:url(../images/howto/menu04_1.png) no-repeat;
}
ul.howToMenuInner li div.menu4,
ul.howToMenuInner li div.menu4n0,
ul.howToMenuInner li div.menu4n1,
ul.howToMenuInner li div.menu4n2,
ul.howToMenuInner li div.menu4n3,
ul.howToMenuInner li div.menu4n5,
ul.howToMenuInner li div.menu4n6,
ul.howToMenuInner li div.menu4n7,
ul.howToMenuInner li div.menu4n8{
  background:url(../images/howto/menu04_0.png) no-repeat;
}
ul.howToMenuInner li div.menu4:hover,
ul.howToMenuInner li div.menu4n0:hover,
ul.howToMenuInner li div.menu4n1:hover,
ul.howToMenuInner li div.menu4n2:hover,
ul.howToMenuInner li div.menu4n3:hover,
ul.howToMenuInner li div.menu4n5:hover,
ul.howToMenuInner li div.menu4n6:hover,
ul.howToMenuInner li div.menu4n7:hover,
ul.howToMenuInner li div.menu4n8:hover{
  background:url(../images/howto/menu04_1.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

ul.howToMenuInner li div.menu5n5
{
  background:url(../images/howto/menu05_1.png) no-repeat;
}
ul.howToMenuInner li div.menu5,
ul.howToMenuInner li div.menu5n0,
ul.howToMenuInner li div.menu5n1,
ul.howToMenuInner li div.menu5n2,
ul.howToMenuInner li div.menu5n3,
ul.howToMenuInner li div.menu5n4,
ul.howToMenuInner li div.menu5n6,
ul.howToMenuInner li div.menu5n7,
ul.howToMenuInner li div.menu5n8{
  background:url(../images/howto/menu05_0.png) no-repeat;
}
ul.howToMenuInner li div.menu5:hover,
ul.howToMenuInner li div.menu5n0:hover,
ul.howToMenuInner li div.menu5n1:hover,
ul.howToMenuInner li div.menu5n2:hover,
ul.howToMenuInner li div.menu5n3:hover,
ul.howToMenuInner li div.menu5n4:hover,
ul.howToMenuInner li div.menu5n6:hover,
ul.howToMenuInner li div.menu5n7:hover,
ul.howToMenuInner li div.menu5n8:hover{
  background:url(../images/howto/menu05_1.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}


ul.howToMenuInner li div.menu6n6
{
  background:url(../images/howto/menu06_1.png) no-repeat;
}
ul.howToMenuInner li div.menu6,
ul.howToMenuInner li div.menu6n0,
ul.howToMenuInner li div.menu6n1,
ul.howToMenuInner li div.menu6n2,
ul.howToMenuInner li div.menu6n3,
ul.howToMenuInner li div.menu6n4,
ul.howToMenuInner li div.menu6n5,
ul.howToMenuInner li div.menu6n7,
ul.howToMenuInner li div.menu6n8{
  background:url(../images/howto/menu06_0.png) no-repeat;
}
ul.howToMenuInner li div.menu6:hover,
ul.howToMenuInner li div.menu6n0:hover,
ul.howToMenuInner li div.menu6n1:hover,
ul.howToMenuInner li div.menu6n2:hover,
ul.howToMenuInner li div.menu6n3:hover,
ul.howToMenuInner li div.menu6n4:hover,
ul.howToMenuInner li div.menu6n5:hover,
ul.howToMenuInner li div.menu6n7:hover,
ul.howToMenuInner li div.menu6n8:hover{
  background:url(../images/howto/menu06_1.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

ul.howToMenuInner li div.menu7n7
{
  background:url(../images/howto/menu07_1.png) no-repeat;
}
ul.howToMenuInner li div.menu7,
ul.howToMenuInner li div.menu7n0,
ul.howToMenuInner li div.menu7n1,
ul.howToMenuInner li div.menu7n2,
ul.howToMenuInner li div.menu7n3,
ul.howToMenuInner li div.menu7n4,
ul.howToMenuInner li div.menu7n5,
ul.howToMenuInner li div.menu7n6,
ul.howToMenuInner li div.menu7n8{
  background:url(../images/howto/menu07_0.png) no-repeat;
}
ul.howToMenuInner li div.menu7:hover,
ul.howToMenuInner li div.menu7n0:hover,
ul.howToMenuInner li div.menu7n1:hover,
ul.howToMenuInner li div.menu7n2:hover,
ul.howToMenuInner li div.menu7n3:hover,
ul.howToMenuInner li div.menu7n4:hover,
ul.howToMenuInner li div.menu7n5:hover,
ul.howToMenuInner li div.menu7n6:hover,
ul.howToMenuInner li div.menu7n8:hover{
  background:url(../images/howto/menu07_1.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

ul.howToMenuInner li div.menu8n8
{
  background:url(../images/howto/menu09_1.png) no-repeat;
}
ul.howToMenuInner li div.menu8,
ul.howToMenuInner li div.menu8n0,
ul.howToMenuInner li div.menu8n1,
ul.howToMenuInner li div.menu8n2,
ul.howToMenuInner li div.menu8n3,
ul.howToMenuInner li div.menu8n4,
ul.howToMenuInner li div.menu8n5,
ul.howToMenuInner li div.menu8n6,
ul.howToMenuInner li div.menu8n7{
  background:url(../images/howto/menu09_0.png) no-repeat;
}
ul.howToMenuInner li div.menu8:hover,
ul.howToMenuInner li div.menu8n0:hover,
ul.howToMenuInner li div.menu8n1:hover,
ul.howToMenuInner li div.menu8n2:hover,
ul.howToMenuInner li div.menu8n3:hover,
ul.howToMenuInner li div.menu8n4:hover,
ul.howToMenuInner li div.menu8n5:hover,
ul.howToMenuInner li div.menu8n6:hover,
ul.howToMenuInner li div.menu8n7:hover{
  background:url(../images/howto/menu09_1.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}




/*ツムツム遊び方 ボタン(英語)*/
.en ul.howToMenuInner li div.menu0n0,
.en ul.howToMenuInner li div.menu0
{
  background:url(../images/howto/menu00_1_en.png) no-repeat;
}


.en ul.howToMenuInner li div.menu0n1,
.en ul.howToMenuInner li div.menu0n2,
.en ul.howToMenuInner li div.menu0n3,
.en ul.howToMenuInner li div.menu0n4,
.en ul.howToMenuInner li div.menu0n5,
.en ul.howToMenuInner li div.menu0n6,
.en ul.howToMenuInner li div.menu0n7,
.en ul.howToMenuInner li div.menu0n8{
  background:url(../images/howto/menu00_0_en.png) no-repeat;
}

.en ul.howToMenuInner li div.menu0n1:hover,
.en ul.howToMenuInner li div.menu0n2:hover,
.en ul.howToMenuInner li div.menu0n3:hover,
.en ul.howToMenuInner li div.menu0n4:hover,
.en ul.howToMenuInner li div.menu0n5:hover,
.en ul.howToMenuInner li div.menu0n6:hover,
.en ul.howToMenuInner li div.menu0n7:hover,
.en ul.howToMenuInner li div.menu0n8:hover{
  background:url(../images/howto/menu00_1_en.png) no-repeat;
  transition: background-image 0.5s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}


.en ul.howToMenuInner li div.menu1n1
{
  background:url(../images/howto/menu01_1_en.png) no-repeat;
}

.en ul.howToMenuInner li div.menu1,
.en ul.howToMenuInner li div.menu1n0,
.en ul.howToMenuInner li div.menu1n2,
.en ul.howToMenuInner li div.menu1n3,
.en ul.howToMenuInner li div.menu1n4,
.en ul.howToMenuInner li div.menu1n5,
.en ul.howToMenuInner li div.menu1n6,
.en ul.howToMenuInner li div.menu1n7,
.en ul.howToMenuInner li div.menu1n8{
 transition: background-image 0.5s;
 background:url(../images/howto/menu01_0_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu1:hover,
.en ul.howToMenuInner li div.menu1n0:hover,
.en ul.howToMenuInner li div.menu1n2:hover,
.en ul.howToMenuInner li div.menu1n3:hover,
.en ul.howToMenuInner li div.menu1n4:hover,
.en ul.howToMenuInner li div.menu1n5:hover,
.en ul.howToMenuInner li div.menu1n6:hover,
.en ul.howToMenuInner li div.menu1n7:hover,
.en ul.howToMenuInner li div.menu1n8:hover{
 transition: background-image 0.5s;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 background:url(../images/howto/menu01_1_en.png) no-repeat;
}

.en ul.howToMenuInner li div.menu2n2
{
  background:url(../images/howto/menu02_1_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu2,
.en ul.howToMenuInner li div.menu2n0,
.en ul.howToMenuInner li div.menu2n1,
.en ul.howToMenuInner li div.menu2n3,
.en ul.howToMenuInner li div.menu2n4,
.en ul.howToMenuInner li div.menu2n5,
.en ul.howToMenuInner li div.menu2n6,
.en ul.howToMenuInner li div.menu2n7,
.en ul.howToMenuInner li div.menu2n8{
  background:url(../images/howto/menu02_0_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu2:hover,
.en ul.howToMenuInner li div.menu2n0:hover,
.en ul.howToMenuInner li div.menu2n1:hover,
.en ul.howToMenuInner li div.menu2n3:hover,
.en ul.howToMenuInner li div.menu2n4:hover,
.en ul.howToMenuInner li div.menu2n5:hover,
.en ul.howToMenuInner li div.menu2n6:hover,
.en ul.howToMenuInner li div.menu2n7:hover,
.en ul.howToMenuInner li div.menu2n8:hover{
  background:url(../images/howto/menu02_1_en.png) no-repeat;
  transition: background-image 0.5s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}


.en ul.howToMenuInner li div.menu3n3
{
  background:url(../images/howto/menu03_1_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu3,
.en ul.howToMenuInner li div.menu3n0,
.en ul.howToMenuInner li div.menu3n1,
.en ul.howToMenuInner li div.menu3n2,
.en ul.howToMenuInner li div.menu3n4,
.en ul.howToMenuInner li div.menu3n5,
.en ul.howToMenuInner li div.menu3n6,
.en ul.howToMenuInner li div.menu3n7,
.en ul.howToMenuInner li div.menu3n8{
  background:url(../images/howto/menu03_0_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu3:hover,
.en ul.howToMenuInner li div.menu3n0:hover,
.en ul.howToMenuInner li div.menu3n1:hover,
.en ul.howToMenuInner li div.menu3n2:hover,
.en ul.howToMenuInner li div.menu3n4:hover,
.en ul.howToMenuInner li div.menu3n5:hover,
.en ul.howToMenuInner li div.menu3n6:hover,
.en ul.howToMenuInner li div.menu3n7:hover,
.en ul.howToMenuInner li div.menu3n8:hover{
  background:url(../images/howto/menu03_1_en.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.en ul.howToMenuInner li div.menu4n4
{
  background:url(../images/howto/menu04_1_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu4,
.en ul.howToMenuInner li div.menu4n0,
.en ul.howToMenuInner li div.menu4n1,
.en ul.howToMenuInner li div.menu4n2,
.en ul.howToMenuInner li div.menu4n3,
.en ul.howToMenuInner li div.menu4n5,
.en ul.howToMenuInner li div.menu4n6,
.en ul.howToMenuInner li div.menu4n7,
.en ul.howToMenuInner li div.menu4n8{
  background:url(../images/howto/menu04_0_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu4:hover,
.en ul.howToMenuInner li div.menu4n0:hover,
.en ul.howToMenuInner li div.menu4n1:hover,
.en ul.howToMenuInner li div.menu4n2:hover,
.en ul.howToMenuInner li div.menu4n3:hover,
.en ul.howToMenuInner li div.menu4n5:hover,
.en ul.howToMenuInner li div.menu4n6:hover,
.en ul.howToMenuInner li div.menu4n7:hover,
.en ul.howToMenuInner li div.menu4n8:hover{
  background:url(../images/howto/menu04_1_en.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.en ul.howToMenuInner li div.menu5n5
{
  background:url(../images/howto/menu05_1_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu5,
.en ul.howToMenuInner li div.menu5n0,
.en ul.howToMenuInner li div.menu5n1,
.en ul.howToMenuInner li div.menu5n2,
.en ul.howToMenuInner li div.menu5n3,
.en ul.howToMenuInner li div.menu5n4,
.en ul.howToMenuInner li div.menu5n6,
.en ul.howToMenuInner li div.menu5n7,
.en ul.howToMenuInner li div.menu5n8{
  background:url(../images/howto/menu05_0_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu5:hover,
.en ul.howToMenuInner li div.menu5n0:hover,
.en ul.howToMenuInner li div.menu5n1:hover,
.en ul.howToMenuInner li div.menu5n2:hover,
.en ul.howToMenuInner li div.menu5n3:hover,
.en ul.howToMenuInner li div.menu5n4:hover,
.en ul.howToMenuInner li div.menu5n6:hover,
.en ul.howToMenuInner li div.menu5n7:hover,
.en ul.howToMenuInner li div.menu5n8:hover{
  background:url(../images/howto/menu05_1_en.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}


.en ul.howToMenuInner li div.menu6n6
{
  background:url(../images/howto/menu06_1_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu6,
.en ul.howToMenuInner li div.menu6n0,
.en ul.howToMenuInner li div.menu6n1,
.en ul.howToMenuInner li div.menu6n2,
.en ul.howToMenuInner li div.menu6n3,
.en ul.howToMenuInner li div.menu6n4,
.en ul.howToMenuInner li div.menu6n5,
.en ul.howToMenuInner li div.menu6n7,
.en ul.howToMenuInner li div.menu6n8{
  background:url(../images/howto/menu06_0_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu6:hover,
.en ul.howToMenuInner li div.menu6n0:hover,
.en ul.howToMenuInner li div.menu6n1:hover,
.en ul.howToMenuInner li div.menu6n2:hover,
.en ul.howToMenuInner li div.menu6n3:hover,
.en ul.howToMenuInner li div.menu6n4:hover,
.en ul.howToMenuInner li div.menu6n5:hover,
.en ul.howToMenuInner li div.menu6n7:hover,
.en ul.howToMenuInner li div.menu6n8:hover{
  background:url(../images/howto/menu06_1_en.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.en ul.howToMenuInner li div.menu7n7
{
  background:url(../images/howto/menu07_1_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu7,
.en ul.howToMenuInner li div.menu7n0,
.en ul.howToMenuInner li div.menu7n1,
.en ul.howToMenuInner li div.menu7n2,
.en ul.howToMenuInner li div.menu7n3,
.en ul.howToMenuInner li div.menu7n4,
.en ul.howToMenuInner li div.menu7n5,
.en ul.howToMenuInner li div.menu7n6,
.en ul.howToMenuInner li div.menu7n8{
  background:url(../images/howto/menu07_0_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu7:hover,
.en ul.howToMenuInner li div.menu7n0:hover,
.en ul.howToMenuInner li div.menu7n1:hover,
.en ul.howToMenuInner li div.menu7n2:hover,
.en ul.howToMenuInner li div.menu7n3:hover,
.en ul.howToMenuInner li div.menu7n4:hover,
.en ul.howToMenuInner li div.menu7n5:hover,
.en ul.howToMenuInner li div.menu7n6:hover,
.en ul.howToMenuInner li div.menu7n8:hover{
  background:url(../images/howto/menu07_1_en.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.en ul.howToMenuInner li div.menu8n8
{
  background:url(../images/howto/menu09_1_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu8,
.en ul.howToMenuInner li div.menu8n0,
.en ul.howToMenuInner li div.menu8n1,
.en ul.howToMenuInner li div.menu8n2,
.en ul.howToMenuInner li div.menu8n3,
.en ul.howToMenuInner li div.menu8n4,
.en ul.howToMenuInner li div.menu8n5,
.en ul.howToMenuInner li div.menu8n6,
.en ul.howToMenuInner li div.menu8n7{
  background:url(../images/howto/menu09_0_en.png) no-repeat;
}
.en ul.howToMenuInner li div.menu8:hover,
.en ul.howToMenuInner li div.menu8n0:hover,
.en ul.howToMenuInner li div.menu8n1:hover,
.en ul.howToMenuInner li div.menu8n2:hover,
.en ul.howToMenuInner li div.menu8n3:hover,
.en ul.howToMenuInner li div.menu8n4:hover,
.en ul.howToMenuInner li div.menu8n5:hover,
.en ul.howToMenuInner li div.menu8n6:hover,
.en ul.howToMenuInner li div.menu8n7:hover{
  background:url(../images/howto/menu09_1_en.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}







/*ツムツム遊び方 ボタン(中文)*/
.zh-tw ul.howToMenuInner li div.menu0n0,
.zh-tw ul.howToMenuInner li div.menu0
{
  background:url(../images/howto/menu00_1_zh.png) no-repeat;
}


.zh-tw ul.howToMenuInner li div.menu0n1,
.zh-tw ul.howToMenuInner li div.menu0n2,
.zh-tw ul.howToMenuInner li div.menu0n3,
.zh-tw ul.howToMenuInner li div.menu0n4,
.zh-tw ul.howToMenuInner li div.menu0n5,
.zh-tw ul.howToMenuInner li div.menu0n6,
.zh-tw ul.howToMenuInner li div.menu0n7,
.zh-tw ul.howToMenuInner li div.menu0n8{
  background:url(../images/howto/menu00_0_zh.png) no-repeat;
}

.zh-tw ul.howToMenuInner li div.menu0n1:hover,
.zh-tw ul.howToMenuInner li div.menu0n2:hover,
.zh-tw ul.howToMenuInner li div.menu0n3:hover,
.zh-tw ul.howToMenuInner li div.menu0n4:hover,
.zh-tw ul.howToMenuInner li div.menu0n5:hover,
.zh-tw ul.howToMenuInner li div.menu0n6:hover,
.zh-tw ul.howToMenuInner li div.menu0n7:hover,
.zh-tw ul.howToMenuInner li div.menu0n8:hover{
  background:url(../images/howto/menu00_1_zh.png) no-repeat;
  transition: background-image 0.5s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}


.zh-tw ul.howToMenuInner li div.menu1n1
{
  background:url(../images/howto/menu01_1_zh.png) no-repeat;
}

.zh-tw ul.howToMenuInner li div.menu1,
.zh-tw ul.howToMenuInner li div.menu1n0,
.zh-tw ul.howToMenuInner li div.menu1n2,
.zh-tw ul.howToMenuInner li div.menu1n3,
.zh-tw ul.howToMenuInner li div.menu1n4,
.zh-tw ul.howToMenuInner li div.menu1n5,
.zh-tw ul.howToMenuInner li div.menu1n6,
.zh-tw ul.howToMenuInner li div.menu1n7,
.zh-tw ul.howToMenuInner li div.menu1n8{
 transition: background-image 0.5s;
 background:url(../images/howto/menu01_0_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu1:hover,
.zh-tw ul.howToMenuInner li div.menu1n0:hover,
.zh-tw ul.howToMenuInner li div.menu1n2:hover,
.zh-tw ul.howToMenuInner li div.menu1n3:hover,
.zh-tw ul.howToMenuInner li div.menu1n4:hover,
.zh-tw ul.howToMenuInner li div.menu1n5:hover,
.zh-tw ul.howToMenuInner li div.menu1n6:hover,
.zh-tw ul.howToMenuInner li div.menu1n7:hover,
.zh-tw ul.howToMenuInner li div.menu1n8:hover{
 transition: background-image 0.5s;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 background:url(../images/howto/menu01_1_zh.png) no-repeat;
}

.zh-tw ul.howToMenuInner li div.menu2n2
{
  background:url(../images/howto/menu02_1_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu2,
.zh-tw ul.howToMenuInner li div.menu2n0,
.zh-tw ul.howToMenuInner li div.menu2n1,
.zh-tw ul.howToMenuInner li div.menu2n3,
.zh-tw ul.howToMenuInner li div.menu2n4,
.zh-tw ul.howToMenuInner li div.menu2n5,
.zh-tw ul.howToMenuInner li div.menu2n6,
.zh-tw ul.howToMenuInner li div.menu2n7,
.zh-tw ul.howToMenuInner li div.menu2n8{
  background:url(../images/howto/menu02_0_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu2:hover,
.zh-tw ul.howToMenuInner li div.menu2n0:hover,
.zh-tw ul.howToMenuInner li div.menu2n1:hover,
.zh-tw ul.howToMenuInner li div.menu2n3:hover,
.zh-tw ul.howToMenuInner li div.menu2n4:hover,
.zh-tw ul.howToMenuInner li div.menu2n5:hover,
.zh-tw ul.howToMenuInner li div.menu2n6:hover,
.zh-tw ul.howToMenuInner li div.menu2n7:hover,
.zh-tw ul.howToMenuInner li div.menu2n8:hover{
  background:url(../images/howto/menu02_1_zh.png) no-repeat;
  transition: background-image 0.5s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}


.zh-tw ul.howToMenuInner li div.menu3n3
{
  background:url(../images/howto/menu03_1_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu3,
.zh-tw ul.howToMenuInner li div.menu3n0,
.zh-tw ul.howToMenuInner li div.menu3n1,
.zh-tw ul.howToMenuInner li div.menu3n2,
.zh-tw ul.howToMenuInner li div.menu3n4,
.zh-tw ul.howToMenuInner li div.menu3n5,
.zh-tw ul.howToMenuInner li div.menu3n6,
.zh-tw ul.howToMenuInner li div.menu3n7,
.zh-tw ul.howToMenuInner li div.menu3n8{
  background:url(../images/howto/menu03_0_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu3:hover,
.zh-tw ul.howToMenuInner li div.menu3n0:hover,
.zh-tw ul.howToMenuInner li div.menu3n1:hover,
.zh-tw ul.howToMenuInner li div.menu3n2:hover,
.zh-tw ul.howToMenuInner li div.menu3n4:hover,
.zh-tw ul.howToMenuInner li div.menu3n5:hover,
.zh-tw ul.howToMenuInner li div.menu3n6:hover,
.zh-tw ul.howToMenuInner li div.menu3n7:hover,
.zh-tw ul.howToMenuInner li div.menu3n8:hover{
  background:url(../images/howto/menu03_1_zh.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.zh-tw ul.howToMenuInner li div.menu4n4
{
  background:url(../images/howto/menu04_1_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu4,
.zh-tw ul.howToMenuInner li div.menu4n0,
.zh-tw ul.howToMenuInner li div.menu4n1,
.zh-tw ul.howToMenuInner li div.menu4n2,
.zh-tw ul.howToMenuInner li div.menu4n3,
.zh-tw ul.howToMenuInner li div.menu4n5,
.zh-tw ul.howToMenuInner li div.menu4n6,
.zh-tw ul.howToMenuInner li div.menu4n7,
.zh-tw ul.howToMenuInner li div.menu4n8{
  background:url(../images/howto/menu04_0_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu4:hover,
.zh-tw ul.howToMenuInner li div.menu4n0:hover,
.zh-tw ul.howToMenuInner li div.menu4n1:hover,
.zh-tw ul.howToMenuInner li div.menu4n2:hover,
.zh-tw ul.howToMenuInner li div.menu4n3:hover,
.zh-tw ul.howToMenuInner li div.menu4n5:hover,
.zh-tw ul.howToMenuInner li div.menu4n6:hover,
.zh-tw ul.howToMenuInner li div.menu4n7:hover,
.zh-tw ul.howToMenuInner li div.menu4n8:hover{
  background:url(../images/howto/menu04_1_zh.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.zh-tw ul.howToMenuInner li div.menu5n5
{
  background:url(../images/howto/menu05_1_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu5,
.zh-tw ul.howToMenuInner li div.menu5n0,
.zh-tw ul.howToMenuInner li div.menu5n1,
.zh-tw ul.howToMenuInner li div.menu5n2,
.zh-tw ul.howToMenuInner li div.menu5n3,
.zh-tw ul.howToMenuInner li div.menu5n4,
.zh-tw ul.howToMenuInner li div.menu5n6,
.zh-tw ul.howToMenuInner li div.menu5n7,
.zh-tw ul.howToMenuInner li div.menu5n8{
  background:url(../images/howto/menu05_0_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu5:hover,
.zh-tw ul.howToMenuInner li div.menu5n0:hover,
.zh-tw ul.howToMenuInner li div.menu5n1:hover,
.zh-tw ul.howToMenuInner li div.menu5n2:hover,
.zh-tw ul.howToMenuInner li div.menu5n3:hover,
.zh-tw ul.howToMenuInner li div.menu5n4:hover,
.zh-tw ul.howToMenuInner li div.menu5n6:hover,
.zh-tw ul.howToMenuInner li div.menu5n7:hover,
.zh-tw ul.howToMenuInner li div.menu5n8:hover{
  background:url(../images/howto/menu05_1_zh.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}


.zh-tw ul.howToMenuInner li div.menu6n6
{
  background:url(../images/howto/menu06_1_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu6,
.zh-tw ul.howToMenuInner li div.menu6n0,
.zh-tw ul.howToMenuInner li div.menu6n1,
.zh-tw ul.howToMenuInner li div.menu6n2,
.zh-tw ul.howToMenuInner li div.menu6n3,
.zh-tw ul.howToMenuInner li div.menu6n4,
.zh-tw ul.howToMenuInner li div.menu6n5,
.zh-tw ul.howToMenuInner li div.menu6n7,
.zh-tw ul.howToMenuInner li div.menu6n8{
  background:url(../images/howto/menu06_0_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu6:hover,
.zh-tw ul.howToMenuInner li div.menu6n0:hover,
.zh-tw ul.howToMenuInner li div.menu6n1:hover,
.zh-tw ul.howToMenuInner li div.menu6n2:hover,
.zh-tw ul.howToMenuInner li div.menu6n3:hover,
.zh-tw ul.howToMenuInner li div.menu6n4:hover,
.zh-tw ul.howToMenuInner li div.menu6n5:hover,
.zh-tw ul.howToMenuInner li div.menu6n7:hover,
.zh-tw ul.howToMenuInner li div.menu6n8:hover{
  background:url(../images/howto/menu06_1_zh.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.zh-tw ul.howToMenuInner li div.menu7n7
{
  background:url(../images/howto/menu07_1_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu7,
.zh-tw ul.howToMenuInner li div.menu7n0,
.zh-tw ul.howToMenuInner li div.menu7n1,
.zh-tw ul.howToMenuInner li div.menu7n2,
.zh-tw ul.howToMenuInner li div.menu7n3,
.zh-tw ul.howToMenuInner li div.menu7n4,
.zh-tw ul.howToMenuInner li div.menu7n5,
.zh-tw ul.howToMenuInner li div.menu7n6,
.zh-tw ul.howToMenuInner li div.menu7n8{
  background:url(../images/howto/menu07_0_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu7:hover,
.zh-tw ul.howToMenuInner li div.menu7n0:hover,
.zh-tw ul.howToMenuInner li div.menu7n1:hover,
.zh-tw ul.howToMenuInner li div.menu7n2:hover,
.zh-tw ul.howToMenuInner li div.menu7n3:hover,
.zh-tw ul.howToMenuInner li div.menu7n4:hover,
.zh-tw ul.howToMenuInner li div.menu7n5:hover,
.zh-tw ul.howToMenuInner li div.menu7n6:hover,
.zh-tw ul.howToMenuInner li div.menu7n8:hover{
  background:url(../images/howto/menu07_1_zh.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.zh-tw ul.howToMenuInner li div.menu8n8
{
  background:url(../images/howto/menu09_1_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu8,
.zh-tw ul.howToMenuInner li div.menu8n0,
.zh-tw ul.howToMenuInner li div.menu8n1,
.zh-tw ul.howToMenuInner li div.menu8n2,
.zh-tw ul.howToMenuInner li div.menu8n3,
.zh-tw ul.howToMenuInner li div.menu8n4,
.zh-tw ul.howToMenuInner li div.menu8n5,
.zh-tw ul.howToMenuInner li div.menu8n6,
.zh-tw ul.howToMenuInner li div.menu8n7{
  background:url(../images/howto/menu09_0_zh.png) no-repeat;
}
.zh-tw ul.howToMenuInner li div.menu8:hover,
.zh-tw ul.howToMenuInner li div.menu8n0:hover,
.zh-tw ul.howToMenuInner li div.menu8n1:hover,
.zh-tw ul.howToMenuInner li div.menu8n2:hover,
.zh-tw ul.howToMenuInner li div.menu8n3:hover,
.zh-tw ul.howToMenuInner li div.menu8n4:hover,
.zh-tw ul.howToMenuInner li div.menu8n5:hover,
.zh-tw ul.howToMenuInner li div.menu8n6:hover,
.zh-tw ul.howToMenuInner li div.menu8n7:hover{
  background:url(../images/howto/menu09_1_zh.png) no-repeat;
  transition: background-image 0.5s;
   -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}




/*TOP*/
/*メインコンテナの背景*/
div.bg0{/*
  background:url(../images/top/bg00.jpg) no-repeat;*/
  position:relative;
}
div.bg0 span#animeteField{
  top:183px;
  left:72px;
  position:absolute;
}

div.bg0 div.mainBoxLeft{
  height:270px;
  width:700px;
  float:left;
  margin:65px 0px 0px 0px;
}

div.bg0 div.mainBoxRight{
  height:270px;
  width:260px;
  float:left;
  margin:55px 0px 0px 0px;
}
div.bg0 div.mainBoxBottom{
  height:250px;
  width:980px;
}


/*ボタン*/
div.bg0 div.mainBoxRight ul{
  padding-left:16px;
  margin-left:8px;
}
div.bg0 div.mainBoxRight ul li a.navi0{
  display:block;
  height:65px;
  width:231px;
  background:url(../images/top/navi00.png) no-repeat;
  margin-bottom:4px;
}
div.bg0 div.mainBoxRight ul li a.navi1{
  display:block;
  height:65px;
  width:231px;
  background:url(../images/top/navi01.png) no-repeat;
  margin-bottom:4px;
}
div.bg0 div.mainBoxRight ul li a.navi2{
  display:block;
  height:65px;
  width:231px;
  background:url(../images/top/navi02.png) no-repeat;
  margin-bottom:4px;
}
div.bg0 div.mainBoxRight ul li a.navi3{
  display:block;
  height:65px;
  width:231px;
  background:url(../images/top/navi03.png) no-repeat;
  margin-bottom:4px;
}

div.bg0 div.mainBoxRight ul li a.navi0:hover,
div.bg0 div.mainBoxRight ul li a.navi1:hover,
div.bg0 div.mainBoxRight ul li a.navi2:hover,
div.bg0 div.mainBoxRight ul li a.navi3:hover{
  background-position:0px -65px;
}


div.ini_footer{
  height:30px;
  text-align:center;
}


/*テーブル*/
table.mission{
  width:426px;
  margin:0 auto 0 auto;
  text-align:center;
  border-collapse:collapse;

}
table.mission th{
  color:#FFF;
  background:#918552;
  border:solid 1px #FFF;
}
table.mission td{
  border:solid 1px #FFF;
}
table.mission th.type0{
  width:102px;
  height:83px;
}
table.mission th.type1{
  width:80px;
}
table.mission tr.type0{
  background:#F7F4E4;
}
table.mission tr.type1{
  background:#E6DBAB;
}
table.mission tr.type0 th,
table.mission tr.type1 th{
  height:2.4em;
}

table.lvup{
  width:426px;
  margin:0 auto 0 auto;
  text-align:center;
  border-collapse:collapse;
}

table.lvup th{
  color:#FFF;
  background:#4AAC32;
  border:solid 1px #FFF;
}

table.lvup td{
  border:solid 1px #FFF;
}

table.lvup tr.type0{
  background:#E7F7E4;
}
table.lvup tr.type1{
  background:#B6E6AB;
}

table.lvup tr{
  height:3.2em;
}

table.timeattack{
  width:426px;
  margin:0 auto 0 auto;
  text-align:center;
  border-collapse:collapse;
}

table.timeattack th{
  color:#FFF;
  background:#AC324A;
  border:solid 1px #FFF;
}

table.timeattack td{
  border:solid 1px #FFF;
}

table.timeattack tr.type0{
  background:#F7E4E7;
}
table.timeattack tr.type1{
  background:#E6ABB6;
}

table.timeattack tr{
  height:3.2em;
}

table.ranking{
  width:900px;
  margin:0 auto 0 auto;
  border-collapse:collapse;
  font-size:1.2em;
}

table.ranking th{
  color:#FFF;
  background:#019CDE;
  border:solid 1px #FFF;
}

table.ranking th.type1{
  width:130px;
}
table.ranking th.type2{
  width:80px;
}
table.ranking th.type3{
  width:140px;
}

table.ranking td{
  color:#000;
  border:solid 1px #FFF;
}

table.ranking td.type0{
  padding-left:20px;
}
table.ranking td.type1{
  text-align:center;
}


table.ranking tr.type0{
  background:#DCF4FF;
}
table.ranking tr.type1{
  background:#93DEFF;
}

table.ranking tr{
  height:3.2em;
}

/*sp用処理、pc非表示*/
div.bg0 div.mainBoxBottom ul li div.forsp,
div.bg0 div.mainBoxBottom ul li div.forsp_sub,
div.tecBox ul.menu li.frameBox span,
div.playdataBox ul.menu li.frameBox span,
div.godBg img.sp,
div.godBg span.sp_mes,
div.godBg span.sp_item,
div.inistitution li.rest01 span,
div.inistitution li.rest02 span{
  display:none;
}

/*top以外共通*/
/*メインコンテナの背景*/
div.setBg{
  background-position:50% 0px;
}
div.setBaseFrameTop{
  height:28px;
  background:url(../images/common/baseFrameTop.png) no-repeat;
  background-position:50% 15px;
}

div.setBaseFrameMiddle{
  background:url(../images/common/baseFrameMiddle.png) repeat-y;
  background-position:50% 0px;
}

/*もくもく*/
div.setBaseFrameBottom{
/*  height:150px;*/
  background:url(../images/common/footer_moku2.png) repeat-x;
  background-position:50% 0px;
  text-align:center;
  background-color:#F2F2F2;
  position:relative;
}


div.topmv_btn{
  text-align:center;padding-top: 30px;
}


div.disney_logo{
  margin: 0 auto; padding-top:130px;
}

/*項目の背景*/
div.setFrameTop{
  height:16px;
  background:url(../images/common/frameTop.png) no-repeat;
  background-position:50% 0px;
}
div.setFrameMiddle{
  background:url(../images/common/frameMiddle.png) repeat-y;
  background-position:50% 0px;
}

/*ページ上部へボタンエリア*/
div.setFrameTopMoveBtn{
  text-align:center;
  padding-top: 30px;
}

div.setFrameBottom{
  height:16px;
  background:url(../images/common/frameBottom.png) no-repeat;
  background-position:50% 0px;
}

/*フッターゲーム一覧へリンク*/
div.setFrameLinktxt {
	text-align:right;
	padding-bottom:10px;
}

div.setFrameLinktxt a{
	color:#ff7da2;
	font-weight:bold;
	text-decoration:underline;
}



/*各見出し*/
div.titleBoxLong{
  width:936px;
  height:65px;
  margin:0px auto 10px auto;
}
/*項目の見出し*/
div.subTitleBoxLong{
  width:916px;
  height:49px;
  margin:0px auto 10px auto;
  position:relative;
}

div.subTitleBoxLong1{
  width:916px;
  height:49px;
  margin:30px auto 10px auto;
}

div.targetMes{
  color:#FFF;
  position:absolute;
  font-size:1.2em;
  top:20px;
  left:540px;
}
div.subTitleBoxShort{
  width:448px;
  height:49px;
  margin:0px auto 10px auto;
}


/*画面表示幅指定*/
div.longBox{
  width:904px;
  margin:0 auto 0 auto;
}