@charset "UTF-8";

body, html{
  min-width:977px;
}

#contentsWrap{
  width:100%; height:auto;
  overflow:hidden;
  font-family:"游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
  font-weight:bold;
}

#contentsWrap h1, #contentsWrap h2, #contentsWrap h3, #contentsWrap p, #contentsWrap div, #contentsWrap ul, #contentsWrap dl{
  margin:0; padding:0;
  text-indent:-65535px;
}



#contentsWrap #ff13portalHeader{
  width:auto; height:293px;
  margin:0 auto 12px;
  position:relative;
  background:url(../image/bg01.jpg) no-repeat center top;
}

#ff13portalHeader h1{
  width:506px; height:168px;
  margin:0 auto;
  position:relative;
  top:107px;
  background:url(../image/ph01.png) no-repeat 0 0;
}



#contentsWrap #ff13portalInformation{
  width:977px; height:auto;
  position:relative;
  margin:12px auto;
}

#ff13portalInformation h2{
  width:120px; height:18px;
  position:absolute;
  top:16px; left:0;
  background:url(../image/ph01.png) no-repeat -506px 0;
}

#ff13portalInformation dl{
  width:530px; height:auto;
  overflow:hidden;
  float:left;
  margin:0 0 12px 3px;
}
#ff13portalInformation dl dt{
  width:auto; height:auto;
  margin:0; padding:0 14px 0 0;
  float:left; clear:both;
  font-size:14px; line-height:23px;
  text-indent:0;
}
#ff13portalInformation dl dd{
  margin:0; padding:0;
  font-size:14px; line-height:23px;
  text-indent:0;
}
#ff13portalInformation div{
  width:212px; height:68px;
  position:absolute;
  top:7px; left:763px;
  background:url(../image/ph01.png) no-repeat -120px -168px;
}

#ff13portalInformation ul{
  width:440px; height:auto;
  float:right;
  margin:0 0 4px 0;
  list-style:none;
}
#ff13portalInformation ul li{
  display:block;
  width:212px; height:68px;
  margin:0 0 9px 8px; padding:0;
  float:left;
  text-indent:0;
  background:url(../image/ph01.png) no-repeat -757px -464px;
}
#ff13portalInformation ul li img{
  width:208px; height:64px;
  margin:2px; padding:0;
}



#contentsWrap #ff13portalBody{
  width:977px; height:auto;
  position:relative;
  margin:12px auto 39px;
  clear:both;
}


#contentsWrap #ff13portalBody div.smartphone, #contentsWrap #ff13portalBody div.tv, #contentsWrap #ff13portalBody div.pc{
  width:323px; height:auto;
  margin:0 0 15px;
}
#contentsWrap #ff13portalBody div.body{
  width:323px; height:430px;
  background:url(../image/bg02.png) no-repeat 0 bottom;
}
#contentsWrap #ff13portalBody div.body ul{
  width:215px; height:190px;
  margin:0 auto 13px; padding:8px 0 0;
  list-style:none;
}
#contentsWrap #ff13portalBody div.body ul li{
  width:215px; height:87px;
  margin:0 0 8px;
}
#contentsWrap #ff13portalBody div.body p{
  width:280px; height:185px;
  margin:13px auto 0;
}


#contentsWrap #ff13portalBody div.smartphone{
  position:relative;
}

#contentsWrap #ff13portalBody div.smartphone h2{
  width:323px; height:122px;
  background:url(../image/ph01.png) no-repeat 0 -168px;
}

#contentsWrap #ff13portalBody div.smartphone ul{
  height:90px;
}

#contentsWrap #ff13portalBody div.smartphone ul li.gcluster{
  background:url(../image/ph01.png) no-repeat -215px -290px;
}
#contentsWrap #ff13portalBody div.smartphone ul li.gcluster:hover{
  background:url(../image/ph01.png) no-repeat -215px -377px;
}

#contentsWrap #ff13portalBody div.smartphone p.gcluster{
  height:160px;
  background:url(../image/ph01.png) no-repeat 0 -551px;
}

#contentsWrap #ff13portalBody div.smartphone ul li.divein{
  background:url(../image/ph01.png) no-repeat 0 -290px;
}
#contentsWrap #ff13portalBody div.smartphone ul li.divein:hover{
  background:url(../image/ph01.png) no-repeat 0 -377px;
}

#contentsWrap #ff13portalBody div.smartphone p.divein{
  height:25px;
  background:url(../image/ph01.png) no-repeat 0 -711px;
}


#contentsWrap #ff13portalBody div.tv{
  position:absolute;
  top:0; left:327px;
}

#contentsWrap #ff13portalBody div.tv h2{
  width:323px; height:122px;
  background:url(../image/ph01.png) no-repeat -323px -168px;
}

#contentsWrap #ff13portalBody div.tv ul li.gcluster{
  background:url(../image/ph01.png) no-repeat -215px -290px;
}
#contentsWrap #ff13portalBody div.tv ul li.gcluster:hover{
  background:url(../image/ph01.png) no-repeat -215px -377px;
}
#contentsWrap #ff13portalBody div.tv ul li.hikaritv{
  background:url(../image/ph01.png) no-repeat -646px -290px;
}
#contentsWrap #ff13portalBody div.tv ul li.hikaritv:hover{
  background:url(../image/ph01.png) no-repeat -646px -377px;
}

#contentsWrap #ff13portalBody div.tv p{
  background:url(../image/ph01.png) no-repeat -280px -551px;
}


#contentsWrap #ff13portalBody div.pc{
  position:absolute;
  top:0; right:0;
}

#contentsWrap #ff13portalBody div.pc h2{
  width:323px; height:122px;
  background:url(../image/ph01.png) no-repeat -646px -168px;
}

#contentsWrap #ff13portalBody div.pc ul li.steam{
  margin:50px 0 8px;
  background:url(../image/ph01.png) no-repeat -430px -290px;
}
#contentsWrap #ff13portalBody div.pc ul li.steam:hover{
  background:url(../image/ph01.png) no-repeat -430px -377px;
}

#contentsWrap #ff13portalBody div.pc p{
  background:url(../image/ph01.png) no-repeat -560px -551px;
}



#contentsWrap #ff13portalBody div.consumer{
  width:977px; height:113px;
  position:relative;
  margin:15px 0 39px;
}

#contentsWrap #ff13portalBody div.consumer h2{
  width:323px; height:113px;
  background:url(../image/ph01.png) no-repeat -646px -55px;
}

#contentsWrap #ff13portalBody div.consumer div.body{
  width:654px; height:113px;
  margin:0;
  position:absolute;
  top:0; right:0;
  background:url(../image/bg03.png) no-repeat right top;
}

#contentsWrap #ff13portalBody div.consumer div.body ul{
  width:622px; height:92px;
  margin:0; padding:0;
  position:absolute;
  top:8px; left:17px;;
  list-style:none;
}
#contentsWrap #ff13portalBody div.consumer div.body ul li{
  width:200px; height:87px;
  position:absolute;
}
#contentsWrap #ff13portalBody div.consumer div.body ul li.ff13{
  left:0; top:5px;
  background:url(../image/ph01.png) no-repeat 0 -464px;
}
#contentsWrap #ff13portalBody div.consumer div.body ul li.ff13:hover{ top:0; }
#contentsWrap #ff13portalBody div.consumer div.body ul li.ff132{
  left:211px; top:5px;
  background:url(../image/ph01.png) no-repeat -200px -464px;
}
#contentsWrap #ff13portalBody div.consumer div.body ul li.ff132:hover{ top:0; }
#contentsWrap #ff13portalBody div.consumer div.body ul li.lrff13{
  left:422px; top:5px;
  background:url(../image/ph01.png) no-repeat -400px -464px;
}
#contentsWrap #ff13portalBody div.consumer div.body ul li.lrff13:hover{ top:0; }