@charset "utf-8";
#combineGnb{overflow:hidden;min-width:980px;}
#gnb{overflow:hidden;min-width:980px;height:48px;}
body {
    text-align: left;
    font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    color: #777a7c;
}
.main {
	/* clear:both;
	overflow-x:hidden; */
	min-width:980px;
	width:100%;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bg_grade_female_dualsword.png) repeat-x center top;
}
.container {
	/* overflow-x:hidden;
    clear:both; */
   	width: 100%;
    min-width: 980px;
    margin: 0 auto;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bg_main_female_dualsword.jpg) no-repeat center top;
}
.container h1 {
    position: static;
    width: 192px;
    height: 150px;
    margin: 0 auto;
    padding-top: 76px;
}
.menu-box {
    z-index: 100;
    position: relative;
    top: -226px;
    width: 980px;
    height: 0;
    margin: 0 auto;
}
.game-start {
    z-index: 10;
    position: relative;
    width: 530px;
    height: 94px;
    margin: -24px auto 0;
    background: transparent url(http://cdn.valofe.com/static/at_jp/images/common/btn_gamestart.png) no-repeat left top;
}
#gamestart-swf {
    position: absolute;
    top: 0;
    z-index: 10;
}
.game-start a {
    position: absolute;
    bottom: 0;
    left: 100px;
    display: block;
    width: 331px;
    height: 56px;
    z-index: 9;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_gamestart.png) no-repeat -100px -38px;
}
.game-start a:hover {
    background-position: -100px -132px;
}
.cnt-top {
/* 	clear:both; */
    z-index: 0;
    position: relative;
    width: 980px;
    height: 200px;
    margin: -32px auto 0;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bg_cnttop.png) no-repeat center top;
}
.at-login-area {
    position: absolute;
    left: 49px;
    top: 46px;
    width: 203px;
}
.bnr-rolling {
    position: absolute;
    left: 266px;
    top: 36px;
    width: 448px;
    height: 126px;
}
.bnr-rolling .banner {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 446px;
    height: 124px;
    overflow: hidden;
}
.bnr-rolling .banner li {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 20;
}
.bnr-rolling .banner .active {
    z-index: 21;
}
.bnr-rolling .cover {
    display: none;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 446px;
    height: 124px;
    overflow: hidden;
    z-index: 25;
}
.bnr-rolling .bnr-thumb {
    position: absolute;
    top: 132px;
    left: 418px;
}
.bnr-rolling .bnr-thumb ol {
    position: absolute;
    top: 0;
}
.bnr-rolling .bnr-thumb li {
    position: absolute;
    top: 0;
}
.bnr-rolling .bnr-thumb a {
    display: block;
    padding-top: 17px;
    width: 26px;
    height: 0;
    background: url(http://cdn.valofe.com/static/at_jp/images/banner/rolling/img/icn.png) no-repeat;
    overflow: hidden;
}
.bnr-rolling .bnr-thumb ol.num1 {
    left: -0px;
}
.bnr-rolling .bnr-thumb ol.num2 {
    left: -28px;
}
.bnr-rolling .bnr-thumb ol.num3 {
    left: -56px;
}
.bnr-rolling .bnr-thumb ol.num4 {
    left: -84px;
}
.bnr-rolling .bnr-thumb ol.num5 {
    left: -112px;
}
.bnr-rolling .bnr-thumb ol.num6 {
    left: -140px;
}
.bnr-rolling .bnr-thumb ol.num7 {
    left: -168px;
}
.bnr-rolling .bnr-thumb ol.num8 {
    left: -196px;
}
.bnr-rolling .bnr-thumb ol.num9 {
    left: -224px;
}
.bnr-rolling .bnr-thumb ol.num10 {
    left: -252px;
}
.bnr-rolling .bnr-thumb li.num1 {
    left: 0;
}
.bnr-rolling .bnr-thumb li.num2 {
    left: 28px;
}
.bnr-rolling .bnr-thumb li.num3 {
    left: 56px;
}
.bnr-rolling .bnr-thumb li.num4 {
    left: 84px;
}
.bnr-rolling .bnr-thumb li.num5 {
    left: 112px;
}
.bnr-rolling .bnr-thumb li.num6 {
    left: 140px;
}
.bnr-rolling .bnr-thumb li.num7 {
    left: 168px;
}
.bnr-rolling .bnr-thumb li.num8 {
    left: 196px;
}
.bnr-rolling .bnr-thumb li.num9 {
    left: 224px;
}
.bnr-rolling .bnr-thumb li.num10 {
    left: 252px;
}
.bnr-rolling .bnr-thumb li.num1 a {
    background-position: 0 0;
}
.bnr-rolling .bnr-thumb li.num2 a {
    background-position: -26px 0;
}
.bnr-rolling .bnr-thumb li.num3 a {
    background-position: -52px 0;
}
.bnr-rolling .bnr-thumb li.num4 a {
    background-position: -78px 0;
}
.bnr-rolling .bnr-thumb li.num5 a {
    background-position: -104px 0;
}
.bnr-rolling .bnr-thumb li.num6 a {
    background-position: -130px 0;
}
.bnr-rolling .bnr-thumb li.num7 a {
    background-position: -156px 0;
}
.bnr-rolling .bnr-thumb li.num8 a {
    background-position: -182px 0;
}
.bnr-rolling .bnr-thumb li.num9 a {
    background-position: -208px 0;
}
.bnr-rolling .bnr-thumb li.num10 a {
    background-position: -234px 0;
}
.bnr-rolling .bnr-thumb li.num1.active a,
.bnr-rolling .bnr-thumb li.num1 a:hover {
    background-position: 0 -17px;
}
.bnr-rolling .bnr-thumb li.num2.active a,
.bnr-rolling .bnr-thumb li.num2 a:hover {
    background-position: -26px -17px;
}
.bnr-rolling .bnr-thumb li.num3.active a,
.bnr-rolling .bnr-thumb li.num3 a:hover {
    background-position: -52px -17px;
}
.bnr-rolling .bnr-thumb li.num4.active a,
.bnr-rolling .bnr-thumb li.num4 a:hover {
    background-position: -78px -17px;
}
.bnr-rolling .bnr-thumb li.num5.active a,
.bnr-rolling .bnr-thumb li.num5 a:hover {
    background-position: -104px -17px;
}
.bnr-rolling .bnr-thumb li.num6.active a,
.bnr-rolling .bnr-thumb li.num6 a:hover {
    background-position: -130px -17px;
}
.bnr-rolling .bnr-thumb li.num7.active a,
.bnr-rolling .bnr-thumb li.num7 a:hover {
    background-position: -156px -17px;
}
.bnr-rolling .bnr-thumb li.num8.active a,
.bnr-rolling .bnr-thumb li.num8 a:hover {
    background-position: -182px -17px;
}
.bnr-rolling .bnr-thumb li.num9.active a,
.bnr-rolling .bnr-thumb li.num9 a:hover {
    background-position: -208px -17px;
}
.bnr-rolling .bnr-thumb li.num10.active a,
.bnr-rolling .bnr-thumb li.num10 a:hover {
    background-position: -234px -17px;
}
.point-item {
    position: absolute;
    right: 51px;
    top: 45px;
    width: 195px;
    height: 130px;
}
.point-item h2 {
    width: 103px;
    height: 0;
    padding-top: 26px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/sttl_pointitem.png) no-repeat left top;
    overflow: hidden;
}
.point-item .item-list {
    position: relative;
    width: 133px;
    height: 98px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
.point-item .item-list ul {
    overflow: hidden;
}
.point-item .item-list ul li {
    position: relative;
    float: left;
    width: 133px;
    height: 98px;
}
.point-item .item-list dl {
    position: relative;
    width: 133px;
    height: 98px;
    overflow: hidden;
}
.point-item .item-list dl dt {
    width: 133px;
    height: 98px;
}
.point-item .item-list dl dd {
    position: absolute;
    width: 133px;
    height: 98px;
    top: 98px;
    left: 0;
    text-align: center;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bg_pointitem_name.png) repeat left top;
}
.point-item .item-list dl dd a {
    position: relative;
    display: block;
    width: 133px;
    height: 98px;
    line-height: 16px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}
.point-item .item-list dl dd a strong {
    display: table-cell;
    width: 133px;
    height: 98px;
    vertical-align: middle;
}
.point-item #prev,
.point-item #next {
    position: absolute;
    top: 26px;
    width: 30px;
    height: 98px;
    z-index: 100;
}
.point-item #prev {
    left: 0;
}
.point-item #next {
    right: 0px;
}
.point-item #prev a,
.point-item #next a {
    display: block;
    width: 30px;
    height: 0;
    padding-top: 98px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/btn_pointitem.png) no-repeat;
}
.point-item #prev a {
    background-position: 0 0;
}
.point-item #next a {
    background-position: -60px 0;
}
.point-item #prev a:hover {
    background-position: -30px 0;
}
.point-item #next a:hover {
    background-position: -90px 0;
}
.point-item #prev a.disabled {
    cursor: default;
    background-position: -120px 0;
}
.point-item #next a.disabled {
    cursor: default;
    background-position: -150px 0;
}
.point-item .btn-more {
    position: absolute;
    right: 0;
    top: 5px;
    width: 37px;
    height: 13px;
}
.point-item .btn-more a {
    display: block;
    width: 37px;
    height: 0;
    padding-top: 13px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/btn_more_purple.png) no-repeat center top;
}
.contents {
    position: relative;
    width: 980px;
    height: 866px;
    margin: 3px auto 0;
}
.center {
    position: absolute;
    left: 264px;
    top: 0;
    width: 452px;
}
.left {
    position: absolute;
    left: 37px;
    top: 0;
    width: 220px;
    height: 713px;
    padding-top: 41px;
    text-align: left;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bg_left.png) no-repeat center top;
}
.side-box {
    width: 220px;
    margin: 0 0 8px 0;
    padding: 0 0 18px 0;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/img_dotline.png) no-repeat center bottom;
}
.side-box02 {
    width: 220px;
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/img_dotline.png) no-repeat center bottom;
}
.valofe-point {
    margin: 0 auto;
    padding: 0;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/img_dotline.png) no-repeat center bottom;
}
.valofe-point li {
    width: 198px;
    height: 42px;
    margin: 0 auto;
}
.valofe-point .btn-valofepoint {
    margin-top: 5px;
}
.valofe-point li a {
    display: block;
    width: 198px;
    height: 0;
    padding-top: 42px;
    background-position: center 0;
    overflow: hidden;
}
.valofe-point li a:hover {
    background-position: center -42px;
}
.left .support {
    position: relative;
}
.left .support h2 {
    height: 0;
    padding-top: 26px;
    background: url(http://cdn.valofe.com/static/at_jp/images/support/sttl_support.png) no-repeat 10px top;
    overflow: hidden;
}
.left .support ul li {
    width: 198px;
    height: 42px;
    margin: 0 auto;
}
.left .support .btn-bugreport,
.left .support .btn-inquiry {
    margin-top: 5px;
}
.left .support .btn-cheat a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_cheat.gif) no-repeat;
}
.left .support .btn-bugreport a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_bugreport.gif) no-repeat;
}
.left .support .btn-faq a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_faq02.png) no-repeat;
}
.left .support .btn-inquiry a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_inquiry.gif) no-repeat;
}
.left .support ul li a {
    display: block;
    width: 198px;
    height: 0;
    padding-top: 42px;
    background-position: center 0;
    overflow: hidden;
}
.left .support ul li a:hover {
    background-position: center -42px;
}
.left .btn-more {
    position: absolute;
    right: 11px;
    top: 5px;
    width: 37px;
    height: 13px;
}
.left .btn-more a {
    display: block;
    width: 37px;
    height: 0;
    padding-top: 13px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_more_blue.gif) no-repeat center top;
}
.right {
    position: absolute;
    right: 37px;
    top: 0;
    width: 220px;
    height: 713px;
    padding-top: 41px;
    text-align: left;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bg_right.png) no-repeat center top;
}
*+html .right {
    padding-top: 24px;
}
.side-box-left {
    margin: 0 auto 17px;
    padding: 0 0 24px 0;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/img_dotline.png) no-repeat center bottom;
}
.side-box-right {
    margin: 0 auto 12px;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/img_dotline.png) no-repeat center bottom;
}
.tab {
    width: 452px;
    height: 31px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_bg.jpg) no-repeat left top;
}
.tab ul {
	overflow:hidden;
    width: 422px;
    margin-left: 21px;
}
.tab ul li {
    height: 24px;
    margin-top: 7px;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}
.tab_contents {
    width: 422px;
    clear: left;
}
.tab_contents ul {
    margin-top: 9px;
    overflow:hidden;
}
.tab_contents ul li {
    width: 422px;
    height: 19px;
    margin-left: 15px;
    padding: 3px 0 4px 7px;
    clear: left;
    overflow:hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bd_notice.jpg) repeat-x left bottom;
}
*+html .tab_contents ul li {
    padding: 3px 0 2px 7px;
}
.tab_contents ul li a {
    display: block;
    float: left;
}
.tab_contents ul li a span.max-width {
    position: static;
    width: 244px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    display: block;
}
.tab_contents ul li a.important {
    font-weight: bold;
    color: #a0023a;
    background-color: transparent;
}
.tab_contents ul li a.normal {
    font-weight: bold;
    color: #696c6e;
    background-color: transparent;
}
.tab_contents ul li.new a {
    padding-right: 39px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/icn_new.jpg) no-repeat right center;
}
.tab_contents ul li.renew a {
    padding-right: 39px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/icn_update.jpg) no-repeat right center;
}
.tab_contents ul li a+span {
    padding-top: 3px;
    padding-right: 7px;
    padding-right: 21px;
    position: relative;
    left: 0;
    display: block;
    float: right;
    font-size: 10px;
}
.tab_contents ul li.valofe a {
    color: #585a5c;
    font-weight: bold;
}
.tab ul li.tab-news {
    width: 60px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat 0 -48px;
}
.tab ul li.tab-notice {
    width: 80px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -60px -48px;
}
.tab ul li.tab-event {
    width: 77px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -140px -48px;
}
.tab ul li.tab-update {
    width: 93px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -217px -48px;
}
.tab ul li.tab-maintenance {
    width: 94px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -310px -48px;
}
.tab ul li.tab-news:hover {
    width: 60px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat 0 -24px;
}
.tab ul li.tab-notice:hover {
    width: 80px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -60px -24px;
}
.tab ul li.tab-event:hover {
    width: 77px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -140px -24px;
}
.tab ul li.tab-update:hover {
    width: 93px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -217px -24px;
}
.tab ul li.tab-maintenance:hover {
    width: 94px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -310px -24px;
}
.tab ul li.tab-news.active {
    width: 60px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat 0 0;
}
.tab ul li.tab-notice.active {
    width: 80px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -60px 0;
}
.tab ul li.tab-event.active {
    width: 77px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -140px 0;
}
.tab ul li.tab-update.active {
    width: 93px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -217px 0;
}
.tab ul li.tab-maintenance.active {
    width: 94px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_index.jpg) no-repeat -310px 0;
}
.valofe-news h2 {
    height: 0;
    margin: 0 0 7px -1px;
    padding-top: 31px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/sttl_valofe_news.png) no-repeat;
    overflow: hidden;
}
.valofe-news>div {
    padding-bottom: 20px;
    clear: left;
}
.valofe-news>div ul {
    margin-top: 9px;
}
.valofe-news>div ul li {
    width: 422px;
    height: 19px;
    margin-left: 15px;
    padding: 3px 0 4px 7px;
    clear: left;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bd_notice.jpg) repeat-x left bottom;
}
*+html .valofe-news>div ul li {
    padding: 3px 0 2px 7px;
}
.valofe-news>div ul li a {
    display: block;
    float: left;
}
.valofe-news>div ul li a span.max-width {
    position: static;
    width: 338px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    display: block;
}
.valofe-news>div ul li a.important {
    font-weight: bold;
    color: #a0023a;
    background-color: transparent;
}
.valofe-news>div ul li a.normal {
    font-weight: bold;
    color: #696c6e;
    background-color: transparent;
}
.valofe-news>div ul li.new a {
    padding-right: 39px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/icn_new.jpg) no-repeat right center;
}
.valofe-news>div ul li.renew a {
    padding-right: 39px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/icn_update.jpg) no-repeat right center;
}
.valofe-news>div ul li a+span {
    padding-top: 3px;
    padding-right: 7px;
    position: relative;
    left: 0;
    display: block;
    float: right;
    font-size: 10px;
}
.valofe-news>div .btn-more {
    width: 35px;
    height: 11px;
    margin: 10px 0 0 401px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/btn_more.jpg) no-repeat left top;
}
.valofe-news>div .btn-more a {
    width: 35px;
    height: 11px;
    display: block;
}
#notice {
    width: 452px;
    height: 488px;
    margin: 0 auto;
}
#notice-sttl {
    position: relative;
    width: 452px;
    height: 31px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/sttl_notice03.gif) no-repeat;
}
#notice-sttl h2 {
    position: absolute;
    left: -9999px;
}
#notice-sttl a.more {
    position: absolute;
    top: 11px;
    left: 405px;
    display: block;
    width: 37px;
    height: 13px;
}
#notice h2 {
    height: 0;
    margin: 0 0 7px -1px;
    padding-top: 31px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/sttl_notice.png) no-repeat;
    overflow: hidden;
}
#notice-news,
#notice-news-active {
    position: absolute;
    top: 2px;
    left: 101px;
    width: 87px;
    height: 25px;
}
#notice-news a,
#notice-news-active a {
    display: block;
    width: 87px;
    height: 25px;
}
#notice-news a:link,
#notice-news a:visited,
#notice-news a:active {
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_notice_news.gif) no-repeat left 0;
}
#notice-news a:hover {
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_notice_news.gif) no-repeat left 24px;
}
#notice-news-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_notice_news_active.gif) no-repeat left 48px;
}
#notice-notice,
#notice-notice-active {
    position: absolute;
    top: 2px;
    left: 188px;
    width: 80px;
    height: 25px;
}
#notice-notice a,
#notice-notice-active a {
    display: block;
    width: 80px;
    height: 25px;
}
#notice-notice a:link,
#notice-notice a:visited,
#notice-notice a:active {
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_notice_notice.gif) no-repeat left bottom;
}
#notice-notice a:hover {
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_notice_notice.gif) no-repeat left top;
}
#notice-notice-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_notice_notice_active.gif) no-repeat left top;
}
#notice-maintenance,
#notice-maintenance-active {
    position: absolute;
    top: 2px;
    left: 268px;
    width: 102px;
    height: 25px;
}
#notice-maintenance a,
#notice-maintenance-active a {
    display: block;
    width: 102px;
    height: 25px;
}
#notice-maintenance a:link,
#notice-maintenance a:visited,
#notice-maintenance a:active {
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_notice_maintenance.gif) no-repeat left bottom;
}
#notice-maintenance a:hover {
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_notice_maintenance.gif) no-repeat left top;
}
#notice-maintenance-active a {
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_notice_maintenance_active.gif) no-repeat left top;
}
#notice-list {
    width: 423px;
    margin: 8px auto 0;
}
#notice-list table {
    width: 423px;
}
#notice-list tr {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/img_dotline.gif) repeat-x left bottom;
}
#notice-list td {
    height: 25px;
}
#notice-list .notice-icn {
    width: 81px;
    text-align: center;
}
#notice-list .notice-title {
    width: 262px;
}
#notice-list .notice-title a:link {
    color: #777a7c;
    text-decoration: none;
}
#notice-list .notice-title a:visited {
    color: #777a7c;
    text-decoration: none;
}
#notice-list .notice-title a:active {
    color: #777a7c;
    text-decoration: none;
}
#notice-list .notice-title a:hover {
    color: #777a7c;
    text-decoration: underline;
}
#notice-list .notice-title img {
    margin-left: 5px;
}
#notice-list .notice-date {
    width: 80px;
    text-align: center;
    font-size: 10px;
}
.notice-date {
    width: 80px;
    text-align: center;
    font-size: 10px;
}
.tab_contents .btn-more {
    width: 35px;
    height: 11px;
    margin: 10px 0 0 401px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/btn_more.jpg) no-repeat left top;
}
.tab_contents .btn-more a {
    width: 35px;
    height: 11px;
    display: block;
}
.fanart {
    position: relative;
    margin-top: 27px;
}
.fanart h2 {
    height: 0;
    margin: 0 0 0 -1px;
    padding-top: 31px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/sttl_fanart2.png) no-repeat;
    overflow: hidden;
}
.fanart ul {
    position: relative;
    margin-top: 10px;
    width: 420px;
    height: 99px;
    padding: 15px 16px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bg_fanart.png) no-repeat center top;
}
.fanart ul li {
    width: 135px;
    height: 98px;
    float: left;
    margin-right: 7px;
}
.fanart ul li.last {
    margin: 0;
}
.fanart .btn-more {
    width: 35px;
    height: 11px;
    margin: 10px 0 0 401px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/btn_more.jpg) no-repeat left top;
}
.fanart .btn-more a {
    width: 35px;
    height: 11px;
    display: block;
}
.btn-download {
    width: 198px;
    height: 64px;
    margin: 0 auto;
}
.btn-download a {
    display: block;
    width: 198px;
    height: 0;
    padding-top: 64px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_download.png) no-repeat center 0;
}
.btn-download a:hover {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_download.png) no-repeat center -64px;
}
.beginner-area {
    margin-top: -45px;
}
.beginner-area p {
    height: 0;
    padding-top: 152px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/bg_beginner.png) no-repeat 10px 5px;
}
.beginner-area .btn-beginner {
    width: 198px;
    height: 42px;
    margin: -37px auto 0;
}
.beginner-area .btn-beginner a {
    display: block;
    width: 198px;
    height: 0;
    padding-top: 42px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_beginner.png) no-repeat center 0;
}
.beginner-area .btn-beginner a:hover {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_beginner.png) no-repeat center -42px;
}
.left-banner li {
    width: 198px;
    height: 46px;
    margin: 5px auto 0;
}
.left .maintenance {
    width: 170px;
    height: 0;
    margin: -5px auto 0;
    padding-top: 41px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/img_maintenance.png?1) no-repeat center top;
}
.valofe-point {
    margin: 0 auto 2px;
    padding: 0 0 9px 0;
    background: url(http://cdn.valofe.com/static/at_jp/images/common/img_dotline.png) no-repeat center bottom;
}
.valofe-point li {
    width: 198px;
    height: 42px;
    margin: 0 auto;
}
.valofe-point .btn-valofepoint {
    margin-top: 5px;
}
.valofe-point .btn-charge a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_charge.gif) no-repeat;
}
.valofe-point .btn-valofepoint a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_charge.gif) no-repeat;
}
.valofe-point li a {
    display: block;
    width: 198px;
    height: 0;
    padding-top: 42px;
    background-position: center 0;
    overflow: hidden;
}
.valofe-point li a:hover {
    background-position: center -42px;
}
.btn-ramdomitem {
    width: 198px;
    height: 42px;
    margin: 0 auto 5px;
}
.btn-ramdomitem a {
    display: block;
    width: 198px;
    height: 0;
    padding-top: 42px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/btn_ramdomitem.png) no-repeat center 0;
}
.btn-ramdomitem a:hover {
    background-position: center -42px;
}
.official-tw {
    width: 198px;
    height: 274px;
    margin: 0 auto;
	padding-top:12px;
	background: url(http://cdn.valofe.com/static/at_jp/images/index/twitter_bg.jpg) no-repeat center 0;
}
.official-tw h2{
	height: 0;
    padding-top: 19px;
	margin-bottom:10px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/title_twitter.png) no-repeat 65px top;
    overflow: hidden;
}
iframe#twitter-widget-0 {
    min-height: 195px !important;
}
.twt-frame{
	width:181px;
	height:200px;
	background:white;
	margin:0 auto 3px;
}
.btn-follow {
    width: 184px;
    height: 30px;
    margin: 0 auto;
    margin-top: 6px;
}
.btn-follow a,.btn-follow a:hover {
    display: block;
    width: 184px;
    height: 0;
    padding-top: 30px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/btn-follow.jpg) no-repeat center 0;
}
.right .support {
    position: relative;
}
.right .support h2 {
    height: 0;
    padding-top: 26px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/sttl_support.png) no-repeat 10px top;
    overflow: hidden;
}
.right .support ul li {
    width: 198px;
    height: 42px;
    margin: 0 auto;
}
.right .support .btn-bugreport,
.right .support .btn-inquiry {
    margin-top: 5px;
}
.right .support .btn-cheat a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_cheat.gif) no-repeat;
}
.right .support .btn-bugreport a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_bugreport.gif) no-repeat;
}
.right .support .btn-faq a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_faq02.png) no-repeat;
}
.right .support .btn-inquiry a {
    background: url(http://cdn.valofe.com/static/at_jp/images/common/btn_inquiry.png) no-repeat;
}
.right .support ul li a {
    display: block;
    width: 198px;
    height: 0;
    padding-top: 42px;
    background-position: center 0;
    overflow: hidden;
}
.right .support ul li a:hover {
    background-position: center -42px;
}
.right .ranking {
    position: relative;
    margin: 0 auto;
}
.right .ranking h2 {
    height: 0;
    padding-top: 26px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/sttl_ranking.png) no-repeat 10px top;
    overflow: hidden;
}
.right .ranking .tab-ranking {
    width: 198px;
    height: 21px;
    margin: 0 auto;
}
.right .ranking .tab-ranking li {
    float: left;
    width: 66px;
    height: 0;
    padding-top: 21px;
    overflow: hidden;
    cursor: pointer;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/tab_ranking.png) no-repeat;
}
.right .ranking .tab-ranking li.tab-rank01 {
    background-position: 0 0;
}
.right .ranking .tab-ranking li.tab-rank02 {
    background-position: -66px 0;
}
.right .ranking .tab-ranking li.tab-rank03 {
    background-position: -132px 0;
}
.right .ranking .tab-ranking li.tab-rank01:hover,
.right .ranking .tab-ranking li.tab-rank01.active {
    background-position: 0 -21px;
}
.right .ranking .tab-ranking li.tab-rank02:hover,
.right .ranking .tab-ranking li.tab-rank02.active {
    background-position: -66px -21px;
}
.right .ranking .tab-ranking li.tab-rank03:hover,
.right .ranking .tab-ranking li.tab-rank03.active {
    background-position: -132px -21px;
}
.right .ranking .rank-cnt {
    clear: both;
    width: 184px;
    height: 277px;
    margin: 0 auto;
    padding: 0 7px;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/bg_ranking.png) no-repeat center top;
}
.right .ranking .rank-cnt .ranking-list01,
.right .ranking .rank-cnt .ranking-list02,
.right .ranking .rank-cnt .ranking-list03 {
    padding-top: 3px;
}
.right .ranking .rank-cnt .ranking-list02,
.right .ranking .rank-cnt .ranking-list03 {
    display: none;
}
.right .ranking .rank-cnt tr {
    vertical-align: middle;
    height: 27px;
}
.right .ranking .rank-cnt .icn {
    width: 22px;
}
.right .ranking .rank-cnt .name {
    width: 103px;
    text-align: left;
    font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 10px;
    color: #FFF;
}
.right .ranking .rank-cnt .server {
    width: 57px;
}
.right .btn-more {
    position: absolute;
    right: 11px;
    top: 5px;
    width: 37px;
    height: 13px;
}
.right .btn-more a {
    display: block;
    width: 37px;
    height: 0;
    padding-top: 13px;
    overflow: hidden;
    background: url(http://cdn.valofe.com/static/at_jp/images/index/btn_more_purple.png) no-repeat center top;
}
body>.analysis {
    height: 0;
    overflow: hidden;
}
/* 2017.08.30 START 동영상 팝업 */
/* popup */
.pop_wrap{position:relative; width:100%; height:100%; margin:0 auto; padding:0;top:0;left:0;}
.pop_container{display:none; position:absolute; top:-90rem; left:50%; margin-left:-490px;width:980px; z-index:110;}
.pop_container .skip{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.pop_container .today_close{display:inline-block; position:absolute; top:-40px; left:0;width:calc(100% - 80px);height:40px;line-height:30px;font-size: 16px; color:#fff;text-shadow:0px 1px #000;text-align:left;text-decoration:none;font-family:"Malgun Gothic", san-serif;}
.pop_container .today_close:hover{color:#F46032;}
.pop_container #close{display:inline-block;z-index:10; position:absolute; top:-50px; right:5px; width:40px; height:40px; background:url('/static/images/pop_close.png') 0 0 no-repeat; transition:transform .4s ease .1s;text-indent:-9999px;}
.pop_container #close:hover{background:url('/static/images/pop_close_on.png') 0 0 no-repeat; 
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transition:0.6s;
-moz-transition:0.6s;
-o-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
}
.pop_container .frame{position:relative; overflow:hidden; margin:0; padding:0; box-sizing:border-box; width:980px; height:554px; box-shadow:0px 5px 20px rgba(0,0,0,0.5);}
.pop_container .frame a{display:block; width:980px; height:554px;}
/* youtube 대체 이미지 */
.pop_container .mv-img{position:absolute; top:0; left:0;z-index:110;width:980px; height:100%; background-image: url('/static/images/mv-img1.jpg'); background-size: 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/mv-img1.jpg', sizingMethod='scale');
/* 트랜지션 쇼트핸드 불가 : 사파리 */
/* transition: all .2s ease-in; */
-ms-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;

-ms-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;

-ms-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.pop_container .frame a:hover .mv-img{background-image: url('/static/images/mv-img2.jpg');}
.pop_container .mv-frame{position:absolute;top:0; left:0;z-index:130;width:980px; height:100%; background-image: url('/static/images/mv-frame.png'); background-size: 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/mv-frame.png', sizingMethod='scale');
}
.pop_container .bt-mv{z-index:130;position:absolute;display:inline-block;top:50%;margin-top:-48px;left:50%;margin-left:-80px;width:159px; height:99px;
background:url('/static/images/bt-play.png') center center no-repeat; text-indent:-9999px;}
.pop_container .frame:hover .bt-mv{background:url('/static/images/bt-play-on.png') center center no-repeat;}
.pop_container .frame .bt-mv:hover {background:url('/static/images/bt-play-on.png') center center no-repeat;}
/* 애니메이션 */
.shadow{display:none; width:100%; height:100%; position:fixed; padding-bottom:0px;top:0; left:0; z-index:100; background-size:cover;background: url('/static/images/shadow.png') center top repeat-y;}
.animationOn{ animation-name:animationOn; animation-duration:.5s; animation-fill-mode: both;
-webkit-animation-name:animationOn; -webkit-animation-duration:.5s; -webkit-animation-fill-mode: both;
}
.off{display:none;}
.animationOff{animation-name:animationOff;animation-duration:.5s; animation-fill-mode: both;
-webkit-animation-name:animationOff;-webkit-animation-duration:.5s; -webkit-animation-fill-mode: both;
}

.bounceInLeft {animation-name:bounceInLeft; animation-duration:1s;
-webkit-animation-name:bounceInLeft; -webkit-animation-duration:1s;
}
/* 애니메이션  animationOn */
@-ms-keyframes animationOn {
    0% {opacity:0;
    		-ms-transform:scale(0);
   	}
    100% {opacity:1;
     		-ms-transform:scale(1);
	}
}
@-webkit-keyframes animationOn {
    0% {opacity:0;
    		-webkit-transform:scale(0);
   	}
    100% {opacity:1;
    		-webkit-transform:scale(1);
	}
}
@-moz-keyframes animationOn {
    0% {opacity:0;    		
    		-moz-transform:scale(0);
   	}
    100% {opacity:1;
    		-moz-transform:scale(1);
	}
}
@-o-keyframes animationOn {
    0% {opacity:0;
    		-o-transform:scale(0);
   	}
    100% {opacity:1;
    		-o-transform:scale(1);
	}
}
@keyframes animationOn {
    0% {opacity:0;
    		transform:scale(0);
   	}
	100% {opacity:1;
   		transform:scale(1);   	
	}
}
/* 애니메이션  animationOff */
@-ms-keyframes animationOff {
	0% {opacity:1;
     		-ms-transform:scale(1);
	}
    100% {opacity:0;
        	-ms-transform:scale(0);
   	}
}
@-webkit-keyframes animationOff {
	0% {opacity:1;
    		-webkit-transform:scale(1);
	}
    100% {opacity:0;
    		-webkit-transform:scale(0);
   	}
}
@-moz-keyframes animationOff {
	0% {opacity:1;
    		-moz-transform:scale(1);
	}
    100% {opacity:0;
    		-moz-transform:scale(0);
   	}
}
@-o-keyframes animationOff {
	0% {opacity:1;
    		-o-transform:scale(1);
	}
    100% {opacity:0;
    		-o-transform:scale(0);
   	}
}
@keyframes animationOff {
	0% {opacity:1;
    		transform:scale(1);   
	}
    100% {opacity:0;
    		transform:scale(0);
   	}
}
/* 애니메이션  bounceInLeft */
@-ms-keyframes bounceInLeft {
  0% { left:-50%; }
  50% { left:30%; }
  100% { left:0%; }
}
@-webkit-keyframes bounceInLeft {
  0% { left:-50%; }
  50% { left:30%; }
  100% { left:0%; }
}
@-moz-keyframes bounceInLeft {
  0% { left:-50%; }
  50% { left:30%; }
  100% { left:0%; }
}
@-o-keyframes bounceInLeft {
  0% { left:-50%; }
  50% { left:30%; }
  100% { left:0%; }
}
@keyframes bounceInLeft {
  0% { left:-50%; }
  50% { left:30%; }
  100% { left:0%; }
}
@media all and (max-width:768px){
.pop_container{margin-left: -16em;}
}
@media screen and (max-width : 414px){
.pop_container{margin-left: -17em;}
}
@media screen and (max-width : 375px){
.pop_container{margin-left: -16em;}
}
@media screen and (max-width : 360px){
.pop_container{margin-left: -15em;}
}

/* 2017.08.30 END 동영상 팝업  끝*/