/* for top page */
#topPageMain {
     background:url(../images/index/hp_top.jpg) no-repeat;
}

/* activiti menu */
#activiti {
      text-align: center;
}

#activiti ul {
      margin:0px 5px;
      position:relative;
}


#activiti li a {
      overflow:hidden;
      height:0;
      padding-top:55px;
      display:block;
}

#activiti li#amusement {
      background:url(../images/index/amusementbanner.gif) no-repeat;
      width:140px;
      height:55px;
}

#activiti li#amusement a:hover {
      background:url(../images/index/amusementbanner_over.gif) no-repeat;
}

#activiti li#consumer {
      background:url(../images/index/consumerbanner.gif) no-repeat;
      left: 145px;
      width:140px;
      height:55px;
}

#activiti li#consumer a:hover {
      background:url(../images/index/consumerbanner_over.gif) no-repeat;
}

#activiti li#mobile {
      background:url(../images/index/mobilebanner.gif) no-repeat;
      left: 290px;
      width:140px;
      height:55px;
}

#activiti li#mobile a:hover {
      background:url(../images/index/mobilebanner_over.gif) no-repeat;
}

#activiti span{
      background:url(../images/index/product.jpg) no-repeat;
      width:440px;
      height:185px;
      display:block;
      margin-bottom:5px;
}

#activiti span h1{
      overflow:hidden;
      height:0;
}


#floorlogo h1 {
      background:url(../images/index/floorlogo.gif) no-repeat;
      overflow:hidden;
      height:0;
      padding-top:50px;
      display:block;
}

/* company info menu */
#infomenu {
      width:260px;
      height:47px;
      background:url(../images/index/info_menu_bg.gif) no-repeat;
      margin:5px auto;
}

#infomenu ul {
      text-align:left;
      position:relative;
}

#infomenu li {
      position:absolute;
}

#infomenu li a {
      overflow:hidden;
      height:0;
      padding-top:16px;
      display:block;
}

#infomenu li#im01 {
      background:url(../images/index/infomenu_01.gif) no-repeat;
      width:103px;
      height:16px;
      left:25px;
      top:25px;
}

#infomenu li#im01 a:hover {
      background:url(../images/index/infomenu_01_over.gif) no-repeat;
}

#infomenu li#im02 {
      background:url(../images/index/infomenu_02.gif) no-repeat;
      width:103px;
      height:16px;
      left:25px;
      top:5px;
}

#infomenu li#im02 a:hover {
      background:url(../images/index/infomenu_02_over.gif) no-repeat;
}

#infomenu li#im03 {
      background:url(../images/index/infomenu_03.gif) no-repeat;
      width:103px;
      height:16px;
      left:140px;
      top:5px;
}

#infomenu li#im03 a:hover {
      background:url(../images/index/infomenu_03_over.gif) no-repeat;
}

#infomenu li#im04 {
      background:url(../images/index/infomenu_04.gif) no-repeat;
      width:103px;
      height:16px;
      left:140px;
      top:25px;
}

#infomenu li#im04 a:hover {
      background:url(../images/index/infomenu_04_over.gif) no-repeat;
}

#contactmenu {
  width:260px; margin:5px auto;
}

#contactmenu a {
      overflow:hidden;
      height:0;
      padding-top:80px;
      display:block;
}

#contactmenu li {
  list-style-type: none;
  margin-bottom:5px;
}

#contactmenu li#contact {
      background:url(../images/index/contact.gif) no-repeat;
}
#contactmenu li#contact a:hover {
      background:url(../images/index/contact_over.gif) no-repeat;
}

#contactmenu li#recruit {
      background:url(../images/index/recruit.gif) no-repeat;
}
#contactmenu li#recruit a:hover {
      background:url(../images/index/recruit_over.gif) no-repeat;
}