@charset "utf-8";
#about01 .read02,
#about02 .read02,
#about03 .read02,
#system01 .read02,
#system02 .read02,
#system03 .read02 {
    margin-top: 13px
}
#map-tab.atlantis li a,
#map-tab.surface li a,
.btn-armysystem a,
.change li a,
.mc-tab ul li a {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%
}
#left-menu01 {
    width: 257px;
    height: 428px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/bg_left04.png) -19px -10px no-repeat
}
#left-menu01-about,
#left-menu01-about-active {
    width: 216px;
    height: 52px
}
#left-menu01-about a,
#left-menu01-about-active a {
    display: block;
    width: 216px;
    height: 52px
}
#left-menu01-about a:active,
#left-menu01-about a:link,
#left-menu01-about a:visited {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_about.jpg) left bottom no-repeat
}
#left-menu01-about a:hover,
#left-menu01-about-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_about.jpg) left top no-repeat
}
#left-menu01-mainchara,
#left-menu01-mainchara-active,
#left-menu01-map-atlantis,
#left-menu01-map-atlantis-active,
#left-menu01-map-surface,
#left-menu01-map-surface-active,
#left-menu01-mercenaries,
#left-menu01-mercenaries-active,
#left-menu01-system,
#left-menu01-system-active,
#left-menu01-world,
#left-menu01-world-active {
    width: 216px;
    height: 51px
}
#left-menu01-mainchara a,
#left-menu01-mainchara-active a,
#left-menu01-map-atlantis a,
#left-menu01-map-atlantis-active a,
#left-menu01-map-surface a,
#left-menu01-map-surface-active a,
#left-menu01-mercenaries a,
#left-menu01-mercenaries-active a,
#left-menu01-system a,
#left-menu01-system-active a,
#left-menu01-world a,
#left-menu01-world-active a {
    display: block;
    width: 216px;
    height: 51px
}
#left-menu01-system a:active,
#left-menu01-system a:link,
#left-menu01-system a:visited {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_system.jpg) left bottom no-repeat
}
#left-menu01-system a:hover,
#left-menu01-system-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_system.jpg) left top no-repeat
}
#left-menu01-world a:active,
#left-menu01-world a:link,
#left-menu01-world a:visited {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_world.jpg) left bottom no-repeat
}
#left-menu01-world a:hover,
#left-menu01-world-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_world.jpg) left top no-repeat
}
#left-menu01-mainchara a:active,
#left-menu01-mainchara a:link,
#left-menu01-mainchara a:visited {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_maincharacter02.jpg) left bottom no-repeat
}
#left-menu01-mainchara a:hover,
#left-menu01-mainchara-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_maincharacter02.jpg) left top no-repeat
}
#left-menu01-mercenaries a:active,
#left-menu01-mercenaries a:link,
#left-menu01-mercenaries a:visited {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_mercenaries02.jpg) left bottom no-repeat
}
#left-menu01-mercenaries a:hover,
#left-menu01-mercenaries-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_mercenaries02.jpg) left top no-repeat
}
#left-menu01-map-surface a:active,
#left-menu01-map-surface a:link,
#left-menu01-map-surface a:visited {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_map_surface.jpg) left bottom no-repeat
}
#left-menu01-map-surface a:hover,
#left-menu01-map-surface-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_map_surface.jpg) left top no-repeat
}
#left-menu01-map-atlantis a:active,
#left-menu01-map-atlantis a:link,
#left-menu01-map-atlantis a:visited {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_map_atlantis.jpg) left bottom no-repeat
}
#left-menu01-map-atlantis a:hover,
#left-menu01-map-atlantis-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/left_btn_map_atlantis.jpg) left top no-repeat
}
#ttl {
    height: 132px
}
#ttl-a {
    height: 112px
}
.sub-introduction .ttl-about h2,
.sub-introduction .ttl-maincharacter h2,
.sub-introduction .ttl-map-atlantis h2,
.sub-introduction .ttl-map-surface h2,
.sub-introduction .ttl-mercenaries h2,
.sub-introduction .ttl-system h2,
.sub-introduction .ttl-world h2 {
    position: absolute;
    top: 30px;
    left: 10px;
    width: 200px;
    height: 0;
    padding-top: 36px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/sttl_introduction4.png) no-repeat
}
#about-ttl h2,
#about01 h3,
#about02 h3,
#about03 h3,
#system-ttl h2,
#system01 h3,
#system02 h3,
#system03 h3,
.sys h3 {
    position: absolute;
    left: -9999px
}
#about01,
#about02,
#about03,
#system01,
#system02,
#system03 {
    width: 680px
}
.sub-introduction .ttl-about h2 {
    background-position: left 0
}
.sub-introduction .ttl-system h2 {
    background-position: left -36px
}
.sub-introduction .ttl-world h2 {
    background-position: left -72px
}
.sub-introduction .ttl-maincharacter h2 {
    background-position: left -108px
}
.sub-introduction .ttl-mercenaries h2 {
    background-position: left -144px
}
.sub-introduction .ttl-map-surface h2 {
    background-position: left -180px
}
.sub-introduction .ttl-map-atlantis h2 {
    background-position: left -216px
}
#about01 {
    height: 401px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/sttl_about01.jpg) no-repeat
}
#about01-cnt {
    padding: 56px 0 0 340px
}
#about01-cnt p {
    width: 315px
}
#about02 {
    height: 255px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/sttl_about02.jpg) no-repeat
}
#about02-cnt,
#about03-cnt {
    padding: 24px 0 0 30px
}
#about02-cnt p,
#about03-cnt p {
    width: 410px
}
#about03 {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/sttl_about03.jpg) no-repeat
}
#system01 {
    height: 379px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/sttl_system01.jpg) 0 -20px no-repeat
}
#system01-cnt {
    padding: 36px 0 0 30px
}
#system01-cnt p {
    width: 408px
}
#system02 {
    height: 237px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/sttl_system02_ver2.jpg) no-repeat
}
#system02-cnt,
#system03-cnt {
    padding: 31px 0 0 246px
}
#system02-cnt p,
#system03-cnt p {
    width: 407px
}
#system03 {
    height: 280px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/sttl_system03_ver2.jpg) no-repeat
}
.sys {
    margin-bottom: 18px;
    padding: 50px 0 0 23px
}
.sys.system05 {
    margin-bottom: 0
}
.sys p {
    margin-bottom: 20px;
    padding: 0 6px
}
.sys.system04 {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/sttl_system04.jpg) 9px 0 no-repeat
}
.sys.system05 {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/sttl_system05.jpg) 9px 0 no-repeat
}
.sys .mov {
    position: relative;
    width: 617px;
    height: 467px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/bg_mov.jpg) no-repeat
}
.sys .mov iframe {
    position: absolute;
    top: 8px;
    left: 8px
}
#map-contents {
    width: 664px;
    margin: 10px 0 0 10px
}
.ttl-map-atlantis+p,
.ttl-map-surface+p,
.ttl-world+p {
    margin-top: 4px;
    padding-left: 28px;
    line-height: 1.5;
    color: #777a7c
}
#map-read {
    padding: 5px 0 0 18px
}
.map-surface #map-read h3 {
    height: 23px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface_read.png) left top no-repeat
}
.map-atlantis #map-read h3 {
    height: 23px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_atlantis_read.png) left top no-repeat
}
#map-read h3+p {
    margin-top: 2px;
    font-weight: 700
}
#map-tab {
    width: 672px;
    height: 32px;
    background: url(http://cdn.valofe.com/static/at_jp/images/playguide/tab_bg.gif) no-repeat;
    margin: 12px 0 0 6px
}
#map-tab.surface {
    height: 81px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/tab_bg_map_surface.png) no-repeat
}
#map-tab.atlantis {
    height: 51px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/tab_bg_map_atlantis.png) no-repeat
}
#map-tab ul {
    padding: 8px 0 0 23px
}
#map-tab.atlantis ul,
#map-tab.surface ul {
    padding: 14px 0 0 23px
}
#map-surface,
#map-surface-active {
    float: left;
    width: 82px;
    height: 24px
}
#map-surface a,
#map-surface-active a {
    display: block;
    width: 82px;
    height: 24px
}
#map-surface a:active,
#map-surface a:link,
#map-surface a:visited {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/map_btn01.gif) left bottom no-repeat
}
#map-surface a:hover {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/map_btn01_active.gif) left top no-repeat
}
#map-surface-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/map_btn01_visit.gif) left top no-repeat
}
#map-atlantis,
#map-atlantis-active {
    float: left;
    width: 107px;
    height: 24px
}
#map-atlantis a,
#map-atlantis-active a {
    display: block;
    width: 107px;
    height: 24px
}
#map-atlantis a:active,
#map-atlantis a:link,
#map-atlantis a:visited {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/map_btn02.gif) left bottom no-repeat
}
#map-atlantis a:hover {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/map_btn02_active.gif) left top no-repeat
}
#map-atlantis-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/map_btn02_visit.gif) left top no-repeat
}
#map-tab.atlantis li,
#map-tab.surface li {
    float: left;
    margin: 0 0 4px
}
#map-tab.atlantis li a,
#map-tab.surface li a {
    display: block;
    height: 25px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/tab_map.png) no-repeat
}
#map-tab.surface li.s01 a {
    width: 86px;
    background-position: 0 0
}
#map-tab.surface li.s01 a:hover,
#map-tab.surface li.s01.active a {
    background-position: 0 -25px
}
#map-tab.surface li.s02 a {
    width: 120px;
    background-position: -86px 0
}
#map-tab.surface li.s02 a:hover,
#map-tab.surface li.s02.active a {
    background-position: -86px -25px
}
#map-tab.surface li.s03 a {
    width: 104px;
    background-position: -206px 0
}
#map-tab.surface li.s03 a:hover,
#map-tab.surface li.s03.active a {
    background-position: -206px -25px
}
#map-tab.surface li.s04 a {
    width: 70px;
    background-position: -310px 0
}
#map-tab.surface li.s04 a:hover,
#map-tab.surface li.s04.active a {
    background-position: -310px -25px
}
#map-tab.surface li.s05 a {
    width: 141px;
    background-position: -380px 0
}
#map-tab.surface li.s05 a:hover,
#map-tab.surface li.s05.active a {
    background-position: -380px -25px
}
#map-tab.surface li.s06 a {
    width: 104px;
    background-position: -521px 0
}
#map-tab.surface li.s06 a:hover,
#map-tab.surface li.s06.active a {
    background-position: -521px -25px
}
#map-tab.surface li.s07 a {
    width: 81px;
    background-position: 0 -50px
}
#map-tab.surface li.s07 a:hover,
#map-tab.surface li.s07.active a {
    background-position: 0 -75px
}
#map-tab.surface li.s08 a {
    width: 55px;
    background-position: -81px -50px
}
#map-tab.surface li.s08 a:hover,
#map-tab.surface li.s08.active a {
    background-position: -81px -75px
}
#map-tab.surface li.s09 a {
    width: 97px;
    background-position: -136px -50px
}
#map-tab.surface li.s09 a:hover,
#map-tab.surface li.s09.active a {
    background-position: -136px -75px
}
#map-tab.surface li.s10 a {
    width: 81px;
    background-position: -233px -50px
}
#map-tab.surface li.s10 a:hover,
#map-tab.surface li.s10.active a {
    background-position: -233px -75px
}
#map-tab.atlantis li.a01 a {
    width: 143px;
    background-position: 0 -100px
}
#map-tab.atlantis li.a01 a:hover,
#map-tab.atlantis li.a01.active a {
    background-position: 0 -125px
}
#map-tab.atlantis li.a02 a {
    width: 132px;
    background-position: -143px -100px
}
#map-tab.atlantis li.a02 a:hover,
#map-tab.atlantis li.a02.active a {
    background-position: -143px -125px
}
#map-contents #map-read+div {
    position: relative;
    width: 664px;
    height: 540px;
    margin-top: 17px
}
#map-contents .surface {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/bg_map_surface.jpg) left top no-repeat
}
#map-contents .atlantis {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/bg_map_atlantis.jpg) left top no-repeat
}
#map-contents #map-read+div li {
    position: absolute;
    height: 28px
}
#map-contents #map-read+div li dt {
    width: 71px;
    height: 28px
}
#map-contents #map-read+div li dt a {
    position: relative;
    display: block;
    height: 0;
    padding-top: 28px;
    overflow: hidden;
    z-index: 1000
}
#map-contents #map-read+div li dd span.map,
#map-contents #map-read+div li dt a:hover+span {
    display: block;
    height: 0;
    padding-top: 307px;
    overflow: hidden;
    z-index: 100
}
#map-contents #map-read+div li dd span.txt {
    position: absolute;
    width: 597px;
    height: 0;
    padding-top: 70px;
    overflow: hidden
}
#map-contents .surface li.btn-surface01 {
    top: 135px;
    left: 502px;
    z-index: 12
}
#map-contents .surface li.btn-surface02 {
    top: 198px;
    left: 441px;
    z-index: 13
}
#map-contents .surface li.btn-surface03 {
    top: 130px;
    left: 257px;
    z-index: 14
}
#map-contents .surface li.btn-surface04 {
    top: 230px;
    left: 317px;
    z-index: 15
}
#map-contents .surface li.btn-surface05 {
    top: 173px;
    left: 314px;
    z-index: 16
}
#map-contents .surface li.btn-surface06 {
    top: 91px;
    left: 300px;
    z-index: 11
}
#map-contents .surface li.btn-surface07 {
    top: 148px;
    left: 92px;
    z-index: 17
}
#map-contents .surface li.btn-surface08 {
    top: 145px;
    left: 445px;
    z-index: 10
}
#map-contents .surface li.btn-surface09 {
    top: 301px;
    left: 511px;
    z-index: 18
}
#map-contents .surface li.btn-surface10 {
    top: 263px;
    left: 151px;
    z-index: 21
}
#map-contents .atlantis li.btn-atlantis01 {
    top: 220px;
    left: 450px;
    z-index: 19
}
#map-contents .atlantis li.btn-atlantis02 {
    top: 263px;
    left: 212px;
    z-index: 20
}
#map-contents .surface li.btn-surface01 dt a {
    width: 71px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface01.png) left top no-repeat
}
#map-contents .surface li.btn-surface02 dt a {
    width: 103px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface02.png) left top no-repeat
}
#map-contents .surface li.btn-surface03 dt a {
    width: 90px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface03.png) left top no-repeat
}
#map-contents .surface li.btn-surface04 dt a {
    width: 56px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface04.png) left top no-repeat
}
#map-contents .surface li.btn-surface05 dt a {
    width: 126px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface05.png) left top no-repeat
}
#map-contents .surface li.btn-surface06 dt a {
    width: 90px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface06.png) left top no-repeat
}
#map-contents .surface li.btn-surface07 dt a {
    width: 68px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface07.png) left top no-repeat
}
#map-contents .surface li.btn-surface08 dt a {
    width: 38px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface08.png) left top no-repeat
}
#map-contents .surface li.btn-surface09 dt a {
    width: 88px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface09.png) left top no-repeat
}
#map-contents .surface li.btn-surface10 dt a {
    width: 68px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_surface10.png) left top no-repeat
}
#map-contents .atlantis li.btn-atlantis01 dt a {
    width: 130px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_atlantis01.png) left top no-repeat
}
#map-contents .atlantis li.btn-atlantis02 dt a {
    width: 120px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_map_atlantis02.png) left top no-repeat
}
#map-contents .atlantis li.btn-atlantis01 dt a:hover,
#map-contents .atlantis li.btn-atlantis02 dt a:hover,
#map-contents .surface li.btn-surface01 dt a:hover,
#map-contents .surface li.btn-surface02 dt a:hover,
#map-contents .surface li.btn-surface03 dt a:hover,
#map-contents .surface li.btn-surface04 dt a:hover,
#map-contents .surface li.btn-surface05 dt a:hover,
#map-contents .surface li.btn-surface06 dt a:hover,
#map-contents .surface li.btn-surface07 dt a:hover,
#map-contents .surface li.btn-surface08 dt a:hover,
#map-contents .surface li.btn-surface09 dt a:hover,
#map-contents .surface li.btn-surface10 dt a:hover {
    background-position: left -28px
}
#map-contents .surface li.btn-surface01 dt:hover+dd span.map {
    width: 65px;
    top: 7px;
    left: -6px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface01.png) left top no-repeat
}
#map-contents .surface li.btn-surface02 dt:hover+dd span.map {
    width: 122px;
    top: -7px;
    left: -16px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface02.png) left top no-repeat
}
#map-contents .surface li.btn-surface03 dt:hover+dd span.map {
    width: 76px;
    top: 14px;
    left: 24px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface03.png) left top no-repeat
}
#map-contents .surface li.btn-surface04 dt:hover+dd span.map {
    width: 134px;
    top: -50px;
    left: -52px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface04.png) left top no-repeat
}
#map-contents .surface li.btn-surface05 dt:hover+dd span.map {
    width: 102px;
    top: -7px;
    left: 20px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface05.png) left top no-repeat
}
#map-contents .surface li.btn-surface06 dt:hover+dd span.map {
    width: 86px;
    top: 18px;
    left: -16px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface06.png) left top no-repeat
}
#map-contents .surface li.btn-surface07 dt:hover+dd span.map {
    width: 152px;
    top: -28px;
    left: -33px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface07.png) left top no-repeat
}
#map-contents .surface li.btn-surface08 dt:hover+dd span.map {
    width: 139px;
    top: 3px;
    left: -53px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface08.png) left top no-repeat
}
#map-contents .surface li.btn-surface09 dt:hover+dd span.map {
    width: 81px;
    top: -17px;
    left: 1px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface09.png) left top no-repeat
}
#map-contents .surface li.btn-surface10 dt:hover+dd span.map {
    width: 101px;
    top: -36px;
    left: -20px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_surface10.png) left top no-repeat
}
#map-contents .atlantis li.btn-atlantis01 dt:hover+dd span.map {
    width: 260px;
    top: -100px;
    left: -103px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_atlantis01.png) left top no-repeat
}
#map-contents .atlantis li.btn-atlantis02 dt:hover+dd span.map {
    width: 340px;
    top: -155px;
    left: -96px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/icn_map_atlantis02.png) left top no-repeat
}
#map-contents .surface li.btn-surface01 dt:hover+dd span.txt {
    top: 316px;
    left: -468px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface01.png) left top no-repeat
}
#map-contents .surface li.btn-surface02 dt:hover+dd span.txt {
    top: 253px;
    left: -407px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface02.png) left top no-repeat
}
#map-contents .surface li.btn-surface03 dt:hover+dd span.txt {
    top: 321px;
    left: -223px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface03.png) left top no-repeat
}
#map-contents .surface li.btn-surface04 dt:hover+dd span.txt {
    top: 221px;
    left: -283px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface04.png) left top no-repeat
}
#map-contents .surface li.btn-surface05 dt:hover+dd span.txt {
    top: 278px;
    left: -280px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface05.png) left top no-repeat
}
#map-contents .surface li.btn-surface06 dt:hover+dd span.txt {
    top: 360px;
    left: -266px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface06.png) left top no-repeat
}
#map-contents .surface li.btn-surface07 dt:hover+dd span.txt {
    top: 303px;
    left: -58px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface07.png) left top no-repeat
}
#map-contents .surface li.btn-surface08 dt:hover+dd span.txt {
    top: 306px;
    left: -411px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface08.png) left top no-repeat
}
#map-contents .surface li.btn-surface09 dt:hover+dd span.txt {
    top: 150px;
    left: -477px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface09.png) left top no-repeat
}
#map-contents .surface li.btn-surface10 dt:hover+dd span.txt {
    top: 188px;
    left: -117px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_surface10.png) left top no-repeat
}
#map-contents .atlantis li.btn-atlantis01 dt:hover+dd span.txt {
    top: 231px;
    left: -434px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_atlantis01.png) left top no-repeat
}
#map-contents .atlantis li.btn-atlantis02 dt:hover+dd span.txt {
    top: 198px;
    left: -178px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/txt_map_atlantis02.png) left top no-repeat
}
.ttl-maincharacter+p,
.ttl-mercenaries+p,
.ttl-mercenaries+p+p {
    width: 630px;
    margin-top: 4px;
    padding-left: 28px;
    line-height: 1.5;
    color: #777a7c
}
.ttl-mercenaries+p+p {
    margin: 20px 0
}
.btn-armysystem a {
    display: block;
    width: 200px;
    height: 44px;
    margin: 0 auto;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_armysystem.png) no-repeat
}
.btn-armysystem a:hover {
    background-position: 0 bottom
}
.mc-tab {
    width: 672px;
    height: 32px;
    background: url(http://cdn.valofe.com/static/at_jp/images/playguide/tab_bg.gif) no-repeat;
    margin: 12px 0 0 6px
}
.mc-tab ul {
    padding: 8px 0 0 23px
}
.mc-tab ul li {
    float: left
}
.mc-tab ul li a {
    display: block;
    width: 80px;
    height: 24px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/tabs_character_top.png) no-repeat
}
.mc-tab ul li.chara01 a {
    background-position: 0 0
}
.mc-tab ul li.chara01 a:hover {
    background-position: 0 -24px
}
.mc-tab ul li.chara01.active a {
    background-position: 0 -48px
}
.mc-tab ul li.chara02 a {
    background-position: -80px 0
}
.mc-tab ul li.chara02 a:hover {
    background-position: -80px -24px
}
.mc-tab ul li.chara02.active a {
    background-position: -80px -48px
}
.mc-tab ul li.chara03 a {
    width: 67px;
    background-position: -160px 0
}
.mc-tab ul li.chara03 a:hover {
    background-position: -160px -24px
}
.mc-tab ul li.chara03.active a {
    background-position: -160px -48px
}
.character-wrap,
.map-wrap {
    padding: 20px 0 0 10px
}
.ui-tabs-hide {
    display: none
}
.change {
    width: 694px;
    padding-top: 10px;
    overflow: hidden
}
.change li {
    float: left;
    margin: 0 10px 10px 0
}
.change.map li,
.change.mercenaries li {
    margin: 0 2px 2px 0
}
.change li a {
    display: block;
    width: 327px;
    height: 50px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_chara_change.png) no-repeat
}
.change.mercenaries li a {
    width: 109px;
    height: 42px;
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_mercenaries_160316.png) no-repeat
}
.change.map li a {
    width: 220px;
    height: 42px
}
.change.map.surface01 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface01.png) no-repeat
}
.change.map.surface02 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface02.png) no-repeat
}
.change.map.surface03 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface03.png) no-repeat
}
.change.map.surface04 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface04.png) no-repeat
}
.change.map.surface05 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface05.png) no-repeat
}
.change.map.surface06 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface06.png) no-repeat
}
.change.map.surface07 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface07.png) no-repeat
}
.change.map.surface08 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface08.png) no-repeat
}
.change.map.surface09 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface09.png) no-repeat
}
.change.map.surface10 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_surface10.png) no-repeat
}
.change.map.atlantis01 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_atlantis01.png) no-repeat
}
.change.map.atlantis02 li a {
    background: url(http://cdn.valofe.com/static/at_jp/images/introduction/btn_atlantis02.png) no-repeat
}
.change li.chara1-1 a {
    background-position: 0 0
}
.change li.chara1-1 a:hover,
.change li.chara1-1.ui-state-active a {
    background-position: right 0
}
.change li.chara1-2 a {
    background-position: 0 -50px
}
.change li.chara1-2 a:hover,
.change li.chara1-2.ui-state-active a {
    background-position: right -50px
}
.change li.chara1-3 a {
    background-position: 0 -100px
}
.change li.chara1-3 a:hover,
.change li.chara1-3.ui-state-active a {
    background-position: right -100px
}
.change li.chara1-4 a {
    background-position: 0 -150px
}
.change li.chara1-4 a:hover,
.change li.chara1-4.ui-state-active a {
    background-position: right -150px
}
.change li.chara1-5 a {
    background-position: 0 -200px
}
.change li.chara1-5 a:hover,
.change li.chara1-5.ui-state-active a {
    background-position: right -200px
}
.change li.chara2-1 a {
    background-position: 0 -250px
}
.change li.chara2-1 a:hover,
.change li.chara2-1.ui-state-active a {
    background-position: right -250px
}
.change li.chara2-2 a {
    background-position: 0 -300px
}
.change li.chara2-2 a:hover,
.change li.chara2-2.ui-state-active a {
    background-position: right -300px
}
.change li.chara2-3 a {
    background-position: 0 -350px
}
.change li.chara2-3 a:hover,
.change li.chara2-3.ui-state-active a {
    background-position: right -350px
}
.change li.chara2-4 a {
    background-position: 0 -400px
}
.change li.chara2-4 a:hover,
.change li.chara2-4.ui-state-active a {
    background-position: right -400px
}
.change li.chara2-5 a {
    background-position: 0 -450px
}
.change li.chara2-5 a:hover,
.change li.chara2-5.ui-state-active a {
    background-position: right -450px
}
.change li.chara2-6 a {
    background-position: 0 -500px
}
.change li.chara2-6 a:hover,
.change li.chara2-6.ui-state-active a {
    background-position: right -500px
}
.change li.chara3-1 a {
    background-position: 0 -550px
}
.change li.chara3-1 a:hover,
.change li.chara3-1.ui-state-active a {
    background-position: right -550px
}
.change li.chara3-2 a {
    background-position: 0 -600px
}
.change li.chara3-2 a:hover,
.change li.chara3-2.ui-state-active a {
    background-position: right -600px
}
.change li.mercenaries1-1 a {
    background-position: 0 0
}
.change li.mercenaries1-1 a:hover,
.change li.mercenaries1-1.active a {
    background-position: 0 -176px
}
.change li.mercenaries1-2 a {
    background-position: -111px 0
}
.change li.mercenaries1-2 a:hover,
.change li.mercenaries1-2.active a {
    background-position: -111px -176px
}
.change li.mercenaries1-3 a {
    background-position: -222px 0
}
.change li.mercenaries1-3 a:hover,
.change li.mercenaries1-3.active a {
    background-position: -222px -176px
}
.change li.mercenaries1-4 a {
    background-position: -333px 0
}
.change li.mercenaries1-4 a:hover,
.change li.mercenaries1-4.active a {
    background-position: -333px -176px
}
.change li.mercenaries1-5 a {
    background-position: -444px 0
}
.change li.mercenaries1-5 a:hover,
.change li.mercenaries1-5.active a {
    background-position: -444px -176px
}
.change li.mercenaries1-6 a {
    background-position: -555px 0
}
.change li.mercenaries1-6 a:hover,
.change li.mercenaries1-6.active a {
    background-position: -555px -176px
}
.change li.mercenaries1-7 a {
    background-position: 0 -44px
}
.change li.mercenaries1-7 a:hover,
.change li.mercenaries1-7.active a {
    background-position: 0 -220px
}
.change li.mercenaries1-8 a {
    background-position: -111px -44px
}
.change li.mercenaries1-8 a:hover,
.change li.mercenaries1-8.active a {
    background-position: -111px -220px
}
.change li.mercenaries1-9 a {
    background-position: -222px -44px
}
.change li.mercenaries1-9 a:hover,
.change li.mercenaries1-9.active a {
    background-position: -222px -220px
}
.change li.mercenaries1-10 a {
    background-position: -333px -44px
}
.change li.mercenaries1-10 a:hover,
.change li.mercenaries1-10.active a {
    background-position: -333px -220px
}
.change li.mercenaries1-11 a {
    background-position: -444px -44px
}
.change li.mercenaries1-11 a:hover,
.change li.mercenaries1-11.active a {
    background-position: -444px -220px
}
.change li.mercenaries1-12 a {
    background-position: -555px -44px
}
.change li.mercenaries1-12 a:hover,
.change li.mercenaries1-12.active a {
    background-position: -555px -220px
}
.change li.mercenaries1-13 a {
    background-position: 0 -88px
}
.change li.mercenaries1-13 a:hover,
.change li.mercenaries1-13.active a {
    background-position: 0 -264px
}
.change li.mercenaries1-14 a {
    background-position: -111px -88px
}
.change li.mercenaries1-14 a:hover,
.change li.mercenaries1-14.active a {
    background-position: -111px -264px
}
.change li.mercenaries1-15 a {
    background-position: -222px -88px
}
.change li.mercenaries1-15 a:hover,
.change li.mercenaries1-15.active a {
    background-position: -222px -264px
}
.change li.mercenaries1-16 a {
    background-position: -333px -88px
}
.change li.mercenaries1-16 a:hover,
.change li.mercenaries1-16.active a {
    background-position: -333px -264px
}
.change li.mercenaries1-17 a {
    background-position: -444px -88px
}
.change li.mercenaries1-17 a:hover,
.change li.mercenaries1-17.active a {
    background-position: -444px -264px
}
.change li.mercenaries1-18 a {
    background-position: -555px -88px
}
.change li.mercenaries1-18 a:hover,
.change li.mercenaries1-18.active a {
    background-position: -555px -264px
}
.change li.mercenaries1-19 a {
    background-position: 0 -132px
}
.change li.mercenaries1-19 a:hover,
.change li.mercenaries1-19.active a {
    background-position: 0 -308px
}
.change li.mercenaries1-20 a {
    background-position: -111px -132px
}
.change li.mercenaries1-20 a:hover,
.change li.mercenaries1-20.active a {
    background-position: -111px -308px
}
.change li.mercenaries1-21 a {
    background-position: -222px -132px
}
.change li.mercenaries1-21 a:hover,
.change li.mercenaries1-21.active a {
    background-position: -222px -308px
}
.change li.mercenaries2-1 a {
    background-position: 0 -352px
}
.change li.mercenaries2-1 a:hover,
.change li.mercenaries2-1.active a {
    background-position: 0 -528px
}
.change li.mercenaries2-2 a {
    background-position: -111px -352px
}
.change li.mercenaries2-2 a:hover,
.change li.mercenaries2-2.active a {
    background-position: -111px -528px
}
.change li.mercenaries2-3 a {
    background-position: -222px -352px
}
.change li.mercenaries2-3 a:hover,
.change li.mercenaries2-3.active a {
    background-position: -222px -528px
}
.change li.mercenaries2-4 a {
    background-position: -333px -352px
}
.change li.mercenaries2-4 a:hover,
.change li.mercenaries2-4.active a {
    background-position: -333px -528px
}
.change li.mercenaries2-5 a {
    background-position: -444px -352px
}
.change li.mercenaries2-5 a:hover,
.change li.mercenaries2-5.active a {
    background-position: -444px -528px
}
.change li.mercenaries2-6 a {
    background-position: -555px -352px
}
.change li.mercenaries2-6 a:hover,
.change li.mercenaries2-6.active a {
    background-position: -555px -528px
}
.change li.mercenaries2-7 a {
    background-position: 0 -396px
}
.change li.mercenaries2-7 a:hover,
.change li.mercenaries2-7.active a {
    background-position: 0 -572px
}
.change li.mercenaries2-8 a {
    background-position: -111px -396px
}
.change li.mercenaries2-8 a:hover,
.change li.mercenaries2-8.active a {
    background-position: -111px -572px
}
.change li.mercenaries2-9 a {
    background-position: -222px -396px
}
.change li.mercenaries2-9 a:hover,
.change li.mercenaries2-9.active a {
    background-position: -222px -572px
}
.change li.mercenaries2-10 a {
    background-position: -333px -396px
}
.change li.mercenaries2-10 a:hover,
.change li.mercenaries2-10.active a {
    background-position: -333px -572px
}
.change li.mercenaries2-11 a {
    background-position: -444px -396px
}
.change li.mercenaries2-11 a:hover,
.change li.mercenaries2-11.active a {
    background-position: -444px -572px
}
.change li.mercenaries2-12 a {
    background-position: -555px -396px
}
.change li.mercenaries2-12 a:hover,
.change li.mercenaries2-12.active a {
    background-position: -555px -572px
}
.change li.mercenaries2-13 a {
    background-position: 0 -440px
}
.change li.mercenaries2-13 a:hover,
.change li.mercenaries2-13.active a {
    background-position: 0 -616px
}
.change li.mercenaries2-14 a {
    background-position: -111px -440px
}
.change li.mercenaries2-14 a:hover,
.change li.mercenaries2-14.active a {
    background-position: -111px -616px
}
.change li.mercenaries2-15 a {
    background-position: -222px -440px
}
.change li.mercenaries2-15 a:hover,
.change li.mercenaries2-15.active a {
    background-position: -222px -616px
}
.change li.mercenaries2-16 a {
    background-position: -333px -440px
}
.change li.mercenaries2-16 a:hover,
.change li.mercenaries2-16.active a {
    background-position: -333px -616px
}
.change li.mercenaries2-17 a {
    background-position: -444px -440px
}
.change li.mercenaries2-17 a:hover,
.change li.mercenaries2-17.active a {
    background-position: -444px -616px
}
.change li.mercenaries2-18 a {
    background-position: -555px -440px
}
.change li.mercenaries2-18 a:hover,
.change li.mercenaries2-18.active a {
    background-position: -555px -616px
}
.change li.mercenaries2-19 a {
    background-position: 0 -484px
}
.change li.mercenaries2-19 a:hover,
.change li.mercenaries2-19.active a {
    background-position: 0 -660px
}
.change li.mercenaries2-20 a {
    background-position: -111px -484px
}
.change li.mercenaries2-20 a:hover,
.change li.mercenaries2-20.active a {
    background-position: -111px -660px
}
.change li.mercenaries3-1 a {
    background-position: 0 -704px
}
.change li.mercenaries3-1 a:hover,
.change li.mercenaries3-1.active a {
    background-position: 0 -792px
}
.change li.mercenaries3-2 a {
    background-position: -111px -704px
}
.change li.mercenaries3-2 a:hover,
.change li.mercenaries3-2.active a {
    background-position: -111px -792px
}
.change li.mercenaries3-3 a {
    background-position: -222px -704px
}
.change li.mercenaries3-3 a:hover,
.change li.mercenaries3-3.active a {
    background-position: -222px -792px
}
.change li.mercenaries3-4 a {
    background-position: -333px -704px
}
.change li.mercenaries3-4 a:hover,
.change li.mercenaries3-4.active a {
    background-position: -333px -792px
}
.change li.mercenaries3-5 a {
    background-position: -444px -704px
}
.change li.mercenaries3-5 a:hover,
.change li.mercenaries3-5.active a {
    background-position: -444px -792px
}
.change li.mercenaries3-6 a {
    background-position: -555px -704px
}
.change li.mercenaries3-6 a:hover,
.change li.mercenaries3-6.active a {
    background-position: -555px -792px
}
.change li.mercenaries3-7 a {
    background-position: 0 -748px
}
.change li.mercenaries3-7 a:hover,
.change li.mercenaries3-7.active a {
    background-position: 0 -836px
}
.change li.mercenaries3-8 a {
    background-position: -111px -748px
}
.change li.mercenaries3-8 a:hover,
.change li.mercenaries3-8.active a {
    background-position: -111px -836px
}
.change li.mercenaries3-9 a {
    background-position: -222px -748px
}
.change li.mercenaries3-9 a:hover,
.change li.mercenaries3-9.active a {
    background-position: -222px -836px
}
.change.map li.surface1-1 a {
    background-position: 0 0
}
.change.map li.surface1-1 a:hover,
.change.map li.surface1-1.active a {
    background-position: 0 -88px
}
.change.map li.surface1-2 a {
    background-position: -222px 0
}
.change.map li.surface1-2 a:hover,
.change.map li.surface1-2.active a {
    background-position: -222px -88px
}
.change.map li.surface1-3 a {
    background-position: -444px 0
}
.change.map li.surface1-3 a:hover,
.change.map li.surface1-3.active a {
    background-position: -444px -88px
}
.change.map li.surface1-4 a {
    background-position: 0 -44px
}
.change.map li.surface1-4 a:hover,
.change.map li.surface1-4.active a {
    background-position: 0 -132px
}
.change.map li.surface1-5 a {
    background-position: -222px -44px
}
.change.map li.surface1-5 a:hover,
.change.map li.surface1-5.active a {
    background-position: -222px -132px
}
.change.map li.surface1-6 a {
    background-position: -444px -44px
}
.change.map li.surface1-6 a:hover,
.change.map li.surface1-6.active a {
    background-position: -444px -132px
}
.change.map li.surface2-1 a {
    background-position: 0 0
}
.change.map li.surface2-1 a:hover,
.change.map li.surface2-1.active a {
    background-position: 0 -88px
}
.change.map li.surface2-2 a {
    background-position: -222px 0
}
.change.map li.surface2-2 a:hover,
.change.map li.surface2-2.active a {
    background-position: -222px -88px
}
.change.map li.surface2-3 a {
    background-position: -444px 0
}
.change.map li.surface2-3 a:hover,
.change.map li.surface2-3.active a {
    background-position: -444px -88px
}
.change.map li.surface2-4 a {
    background-position: 0 -44px
}
.change.map li.surface2-4 a:hover,
.change.map li.surface2-4.active a {
    background-position: 0 -132px
}
.change.map li.surface2-5 a {
    background-position: -222px -44px
}
.change.map li.surface2-5 a:hover,
.change.map li.surface2-5.active a {
    background-position: -222px -132px
}
.change.map li.surface2-6 a {
    background-position: -444px -44px
}
.change.map li.surface2-6 a:hover,
.change.map li.surface2-6.active a {
    background-position: -444px -132px
}
.change.map li.surface3-1 a {
    background-position: 0 0
}
.change.map li.surface3-1 a:hover,
.change.map li.surface3-1.active a {
    background-position: 0 -132px
}
.change.map li.surface3-2 a {
    background-position: -222px 0
}
.change.map li.surface3-2 a:hover,
.change.map li.surface3-2.active a {
    background-position: -222px -132px
}
.change.map li.surface3-3 a {
    background-position: -444px 0
}
.change.map li.surface3-3 a:hover,
.change.map li.surface3-3.active a {
    background-position: -444px -132px
}
.change.map li.surface3-4 a {
    background-position: 0 -44px
}
.change.map li.surface3-4 a:hover,
.change.map li.surface3-4.active a {
    background-position: 0 -176px
}
.change.map li.surface3-5 a {
    background-position: -222px -44px
}
.change.map li.surface3-5 a:hover,
.change.map li.surface3-5.active a {
    background-position: -222px -176px
}
.change.map li.surface3-6 a {
    background-position: -444px -44px
}
.change.map li.surface3-6 a:hover,
.change.map li.surface3-6.active a {
    background-position: -444px -176px
}
.change.map li.surface3-7 a {
    background-position: 0 -88px
}
.change.map li.surface3-7 a:hover,
.change.map li.surface3-7.active a {
    background-position: 0 -220px
}
.change.map li.surface3-8 a {
    background-position: -222px -88px
}
.change.map li.surface3-8 a:hover,
.change.map li.surface3-8.active a {
    background-position: -222px -220px
}
.change.map li.surface4-1 a {
    background-position: 0 0
}
.change.map li.surface4-1 a:hover,
.change.map li.surface4-1.active a {
    background-position: 0 -44px
}
.change.map li.surface4-2 a {
    background-position: -222px 0
}
.change.map li.surface4-2 a:hover,
.change.map li.surface4-2.active a {
    background-position: -222px -44px
}
.change.map li.surface5-1 a {
    background-position: 0 0
}
.change.map li.surface5-1 a:hover,
.change.map li.surface5-1.active a {
    background-position: 0 -88px
}
.change.map li.surface5-2 a {
    background-position: -222px 0
}
.change.map li.surface5-2 a:hover,
.change.map li.surface5-2.active a {
    background-position: -222px -88px
}
.change.map li.surface5-3 a {
    background-position: -444px 0
}
.change.map li.surface5-3 a:hover,
.change.map li.surface5-3.active a {
    background-position: -444px -88px
}
.change.map li.surface5-4 a {
    background-position: 0 -44px
}
.change.map li.surface5-4 a:hover,
.change.map li.surface5-4.active a {
    background-position: 0 -132px
}
.change.map li.surface5-5 a {
    background-position: -222px -44px
}
.change.map li.surface5-5 a:hover,
.change.map li.surface5-5.active a {
    background-position: -222px -132px
}
.change.map li.surface5-6 a {
    background-position: -444px -44px
}
.change.map li.surface5-6 a:hover,
.change.map li.surface5-6.active a {
    background-position: -444px -132px
}
.change.map li.surface6-1 a {
    background-position: 0 0
}
.change.map li.surface6-1 a:hover,
.change.map li.surface6-1.active a {
    background-position: 0 -132px
}
.change.map li.surface6-2 a {
    background-position: -222px 0
}
.change.map li.surface6-2 a:hover,
.change.map li.surface6-2.active a {
    background-position: -222px -132px
}
.change.map li.surface6-3 a {
    background-position: -444px 0
}
.change.map li.surface6-3 a:hover,
.change.map li.surface6-3.active a {
    background-position: -444px -132px
}
.change.map li.surface6-4 a {
    background-position: 0 -44px
}
.change.map li.surface6-4 a:hover,
.change.map li.surface6-4.active a {
    background-position: 0 -176px
}
.change.map li.surface6-5 a {
    background-position: -222px -44px
}
.change.map li.surface6-5 a:hover,
.change.map li.surface6-5.active a {
    background-position: -222px -176px
}
.change.map li.surface6-6 a {
    background-position: -444px -44px
}
.change.map li.surface6-6 a:hover,
.change.map li.surface6-6.active a {
    background-position: -444px -176px
}
.change.map li.surface6-7 a {
    background-position: 0 -88px
}
.change.map li.surface6-7 a:hover,
.change.map li.surface6-7.active a {
    background-position: 0 -220px
}
.change.map li.surface7-1 a {
    background-position: 0 0
}
.change.map li.surface7-1 a:hover,
.change.map li.surface7-1.active a {
    background-position: 0 -176px
}
.change.map li.surface7-2 a {
    background-position: -222px 0
}
.change.map li.surface7-2 a:hover,
.change.map li.surface7-2.active a {
    background-position: -222px -176px
}
.change.map li.surface7-3 a {
    background-position: -444px 0
}
.change.map li.surface7-3 a:hover,
.change.map li.surface7-3.active a {
    background-position: -444px -176px
}
.change.map li.surface7-4 a {
    background-position: 0 -44px
}
.change.map li.surface7-4 a:hover,
.change.map li.surface7-4.active a {
    background-position: 0 -220px
}
.change.map li.surface7-5 a {
    background-position: -222px -44px
}
.change.map li.surface7-5 a:hover,
.change.map li.surface7-5.active a {
    background-position: -222px -220px
}
.change.map li.surface7-6 a {
    background-position: -444px -44px
}
.change.map li.surface7-6 a:hover,
.change.map li.surface7-6.active a {
    background-position: -444px -220px
}
.change.map li.surface7-7 a {
    background-position: 0 -88px
}
.change.map li.surface7-7 a:hover,
.change.map li.surface7-7.active a {
    background-position: 0 -264px
}
.change.map li.surface7-8 a {
    background-position: -222px -88px
}
.change.map li.surface7-8 a:hover,
.change.map li.surface7-8.active a {
    background-position: -222px -264px
}
.change.map li.surface7-9 a {
    background-position: -444px -88px
}
.change.map li.surface7-9 a:hover,
.change.map li.surface7-9.active a {
    background-position: -444px -264px
}
.change.map li.surface7-10 a {
    background-position: 0 -132px
}
.change.map li.surface7-10 a:hover,
.change.map li.surface7-10.active a {
    background-position: 0 -308px
}
.change.map li.surface7-11 a {
    background-position: -222px -132px
}
.change.map li.surface7-11 a:hover,
.change.map li.surface7-11.active a {
    background-position: -222px -308px
}
.change.map li.surface7-12 a {
    background-position: -444px -132px
}
.change.map li.surface7-12 a:hover,
.change.map li.surface7-12.active a {
    background-position: -444px -308px
}
.change.map li.surface8-1 a {
    background-position: 0 0
}
.change.map li.surface8-1 a:hover,
.change.map li.surface8-1.active a {
    background-position: 0 -88px
}
.change.map li.surface8-2 a {
    background-position: -222px 0
}
.change.map li.surface8-2 a:hover,
.change.map li.surface8-2.active a {
    background-position: -222px -88px
}
.change.map li.surface8-3 a {
    background-position: -444px 0
}
.change.map li.surface8-3 a:hover,
.change.map li.surface8-3.active a {
    background-position: -444px -88px
}
.change.map li.surface8-4 a {
    background-position: 0 -44px
}
.change.map li.surface8-4 a:hover,
.change.map li.surface8-4.active a {
    background-position: 0 -132px
}
.change.map li.surface8-5 a {
    background-position: -222px -44px
}
.change.map li.surface8-5 a:hover,
.change.map li.surface8-5.active a {
    background-position: -222px -132px
}
.change.map li.surface9-1 a {
    background-position: 0 0
}
.change.map li.surface9-1 a:hover,
.change.map li.surface9-1.active a {
    background-position: 0 -88px
}
.change.map li.surface9-2 a {
    background-position: -222px 0
}
.change.map li.surface9-2 a:hover,
.change.map li.surface9-2.active a {
    background-position: -222px -88px
}
.change.map li.surface9-3 a {
    background-position: -444px 0
}
.change.map li.surface9-3 a:hover,
.change.map li.surface9-3.active a {
    background-position: -444px -88px
}
.change.map li.surface9-4 a {
    background-position: 0 -44px
}
.change.map li.surface9-4 a:hover,
.change.map li.surface9-4.active a {
    background-position: 0 -132px
}
.change.map li.surface9-5 a {
    background-position: -222px -44px
}
.change.map li.surface9-5 a:hover,
.change.map li.surface9-5.active a {
    background-position: -222px -132px
}
.change.map li.surface10-1 a {
    background-position: 0 0
}
.change.map li.surface10-1 a:hover,
.change.map li.surface10-1.active a {
    background-position: 0 -44px
}
.change.map li.surface10-2 a {
    background-position: -222px 0
}
.change.map li.surface10-2 a:hover,
.change.map li.surface10-2.active a {
    background-position: -222px -44px
}
.change.map li.surface10-3 a {
    background-position: -444px 0
}
.change.map li.surface10-3 a:hover,
.change.map li.surface10-3.active a {
    background-position: -444px -44px
}
.change.map li.atlantis1-1 a {
    background-position: 0 0
}
.change.map li.atlantis1-1 a:hover,
.change.map li.atlantis1-1.active a {
    background-position: 0 -44px
}
.change.map li.atlantis1-2 a {
    background-position: -222px 0
}
.change.map li.atlantis1-2 a:hover,
.change.map li.atlantis1-2.active a {
    background-position: -222px -44px
}
.change.map li.atlantis1-3 a {
    background-position: -444px 0
}
.change.map li.atlantis1-3 a:hover,
.change.map li.atlantis1-3.active a {
    background-position: -444px -44px
}
.change.map li.atlantis2-1 a {
    background-position: 0 0
}
.change.map li.atlantis2-1 a:hover,
.change.map li.atlantis2-1.active a {
    background-position: 0 -44px
}