@charset "utf-8";
/* CSS Document */
#bg-container02{
background-position:center 542px;
}
#bg-container01{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/background011.jpg);
background-repeat: no-repeat;
background-position: center top;
}
/* contents bottom */
#contents-bottom{
position:relative;
height:140px;
margin-top:34px;
}
#contents-bottom-bg{
position:absolute;
top:0;
left:0;
z-index:9;
width:645px;
height:200px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/notice/bg_notice_bottom.png) no-repeat;
}

* html #contents-bottom-bg{ behavior: expression(IEPNGFIX.fix(this)); }

/* left menu */
#left-menu{
width:245px;
height:218px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/bg_left_menu.jpg);
background-repeat: no-repeat;
}
#lm-login,
#lm-login-active{
width:157px;
padding-bottom:2px;
}
#lm-login,
#lm-login-active{
padding-bottom:2px;
}
#lm-login a,
#lm-login-active a{
display:block;
width:157px;
height:20px;
}
#lm-login a:link,
#lm-login a:visited,
#lm-login a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_01.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#lm-login a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_01.gif);
background-repeat: no-repeat;
background-position: left top;
}
#lm-login-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_01.gif) no-repeat left top;
}

#lm-game,
#lm-game-active{
width:157px;
padding-bottom:2px;
}
#lm-game,
#lm-game-active{
padding-bottom:2px;
}
#lm-game a,
#lm-game-active a{
display:block;
width:157px;
height:20px;
}
#lm-game a:link,
#lm-game a:visited,
#lm-game a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_02.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#lm-game a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_02.gif) no-repeat left top;
}
#lm-game-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_02.gif) no-repeat left top;
}


#lm-community,
#lm-community-active{
width:157px;
padding-bottom:4px;
}
#lm-community,
#lm-community-active{
padding-bottom:4px;
}
#lm-community a,
#lm-community-active a{
display:block;
width:157px;
height:20px;
}
#lm-community a:link,
#lm-community a:visited,
#lm-community a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_03.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#lm-community a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_03.gif) no-repeat left top;
}
#lm-community-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_03.gif) no-repeat left top;
}

#lm-growth,
#lm-growth-active{
width:157px;
padding-bottom:5px;
}
#lm-growth,
#lm-growth-active{
padding-bottom:6px;
}
#lm-growth a,
#lm-growth-active a{
display:block;
width:157px;
height:20px;
}
#lm-growth a:link,
#lm-growth a:visited,
#lm-growth a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_04.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#lm-growth a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_04.gif) no-repeat left top;
}
#lm-growth-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_04.gif) no-repeat left top;
}

#lm-battle,
#lm-battle-active{
width:157px;
padding-bottom:3px;
}
#lm-battle,
#lm-battle-active{
padding-bottom:3px;
}
#lm-battle a,
#lm-battle-active a{
display:block;
width:157px;
height:20px;
}
#lm-battle a:link,
#lm-battle a:visited,
#lm-battle a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_05.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#lm-battle a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_05.gif) no-repeat left top;
}
#lm-battle-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_05.gif) no-repeat left top;
}

#lm-club,
#lm-club-active{
width:157px;
padding-bottom:3px;
}
#lm-club,
#lm-club-active{
padding-bottom:4px;
}
#lm-club a,
#lm-club-active a{
display:block;
width:157px;
height:20px;
}
#lm-club a:link,
#lm-club a:visited,
#lm-club a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_06.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#lm-club a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_06.gif) no-repeat left top;
}
#lm-club-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_06.gif) no-repeat left top;
}

#lm-other,
#lm-other-active{
width:157px;
padding-bottom:3px;
}
#lm-other,
#lm-other-active{
padding-bottom:4px;
}
#lm-other a,
#lm-other-active a{
display:block;
width:157px;
height:20px;
}
#lm-other a:link,
#lm-other a:visited,
#lm-other a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_07.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#lm-other a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_07.gif) no-repeat left top;
}
#lm-other-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/leftmenu_07.gif) no-repeat left top;
}
/* operation　TAB */
#operation-tab{
width:585px;
height:33px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/bg_detail_title_n.gif);
background-repeat: no-repeat;
background-position: left top;
}
#operation-tab ul {
padding-left: 10px;
margin: 0px;
}
#operation-tab  li{
float:left;
}

#operation-all,
#operation-all-active{
width:114px;
height:33px;
}
#operation-all a,
#operation-all-active a{
display:block;
width:114px;
height:33px;
}
#operation-all a:link,
#operation-all a:visited,
#operation-all a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/operation/btn_tab01.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#operation-all a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/operation/btn_tab01.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#operation-all-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/operation/btn_tab01.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-operation01,
#tab-operation01-active{
width:67px;
height:33px;
}
#tab-operation01 a,
#tab-operation01-active a{
display:block;
width:67px;
height:33px;
}
#tab-operation01 a:link,
#tab-operation01 a:visited,
#tab-operation01 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/operation/btn_tab02.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#tab-operation01 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/operation/btn_tab02.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#tab-operation01-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/operation/btn_tab02.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

/* community　TAB */
#community-all,
#community-all-active{
width:68px;
height:33px;
}
#community-all a,
#community-all-active a{
display:block;
width:68px;
height:33px;
}
#community-all a:link,
#community-all a:visited,
#community-all a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab01.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#community-all a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab01.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#community-all-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab01.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}


#tab-community01,
#tab-community01-active{
width:89px;
height:33px;
}
#tab-community01 a,
#tab-community01-active a{
display:block;
width:89px;
height:33px;
}
#tab-community01 a:link,
#tab-community01 a:visited,
#tab-community01 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab02.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#tab-community01 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab02.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#tab-community01-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab02.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-community02,
#tab-community02-active{
width:63px;
height:33px;
}
#tab-community02 a,
#tab-community02-active a{
display:block;
width:63px;
height:33px;
}
#tab-community02 a:link,
#tab-community02 a:visited,
#tab-community02 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab03.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#tab-community02 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab03.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#tab-community02-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab03.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-community03,
#tab-community03-active{
width:61px;
height:33px;
}
#tab-community03 a,
#tab-community03-active a{
display:block;
width:61px;
height:33px;
}
#tab-community03 a:link,
#tab-community03 a:visited,
#tab-community03 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab04.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#tab-community03 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab04.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#tab-community03-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab04.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-community04,
#tab-community04-active{
width:93px;
height:33px;
}
#tab-community04 a,
#tab-community04-active a{
display:block;
width:93px;
height:33px;
}
#tab-community04 a:link,
#tab-community04 a:visited,
#tab-community04 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab05.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#tab-community04 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab05.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#tab-community04-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/btn_tab05.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
/* growth　TAB */
#growth-all,
#growth-all-active{
width:90px;
height:33px;
}
#growth-all a,
#growth-all-active a{
display:block;
width:90px;
height:33px;
}
#growth-all a:link,
#growth-all a:visited,
#growth-all a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/growth/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left top;
}
#growth-all a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/growth/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left center;
}
#growth-all-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/growth/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-growth01,
#tab-growth01-active{
width:45px;
height:33px;
}
#tab-growth01 a,
#tab-growth01-active a{
display:block;
width:45px;
height:33px;
}
#tab-growth01 a:link,
#tab-growth01 a:visited,
#tab-growth01 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/growth/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tab-growth01 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/growth/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left center;
}
#tab-growth01-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/growth/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

/* battle　TAB */
#battle-all,
#battle-all-active{
width:71px;
height:33px;
}
#battle-all a,
#battle-all-active a{
display:block;
width:71px;
height:33px;
}
#battle-all a:link,
#battle-all a:visited,
#battle-all a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left top;
}
#battle-all a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left center;
}
#battle-all-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-battle01,
#tab-battle01-active{
width:130px;
height:33px;
}
#tab-battle01 a,
#tab-battle01-active a{
display:block;
width:130px;
height:33px;
}
#tab-battle01 a:link,
#tab-battle01 a:visited,
#tab-battle01 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tab-battle01 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left center;
}
#tab-battle01-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-battle02,
#tab-battle02-active{
width:61px;
height:33px;
}
#tab-battle02 a,
#tab-battle02-active a{
display:block;
width:61px;
height:33px;
}
#tab-battle02 a:link,
#tab-battle02 a:visited,
#tab-battle02 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab03.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tab-battle02 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab03.gif);
background-repeat: no-repeat;
background-position: left center;
}
#tab-battle02-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab03.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-battle03,
#tab-battle03-active{
width:58px;
height:33px;
}
#tab-battle03 a,
#tab-battle03-active a{
display:block;
width:58px;
height:33px;
}
#tab-battle03 a:link,
#tab-battle03 a:visited,
#tab-battle03 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab04.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tab-battle03 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab04.gif);
background-repeat: no-repeat;
background-position: left center;
}
#tab-battle03-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab04.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-battle04,
#tab-battle04-active{
width:52px;
height:33px;
}
#tab-battle04 a,
#tab-battle04-active a{
display:block;
width:52px;
height:33px;
}
#tab-battle04 a:link,
#tab-battle04 a:visited,
#tab-battle04 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab05.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tab-battle04 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab05.gif);
background-repeat: no-repeat;
background-position: left center;
}
#tab-battle04-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab05.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-battle05,
#tab-battle05-active{
width:68px;
height:33px;
}
#tab-battle05 a,
#tab-battle05-active a{
display:block;
width:68px;
height:33px;
}
#tab-battle05 a:link,
#tab-battle05 a:visited,
#tab-battle05 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab06.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tab-battle05 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab06.gif);
background-repeat: no-repeat;
background-position: left center;
}
#tab-battle05-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/btn_tab06.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

/* club　TAB */
#club-all,
#club-all-active{
width:80px;
height:33px;
}
#club-all a,
#club-all-active a{
display:block;
width:80px;
height:33px;
}
#club-all a:link,
#club-all a:visited,
#club-all a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/club/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left top;
}
#club-all a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/club/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left center;
}
#club-all-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/club/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-club01,
#tab-club01-active{
width:81px;
height:33px;
}
#tab-club01 a,
#tab-club01-active a{
display:block;
width:81px;
height:33px;
}
#tab-club01 a:link,
#tab-club01 a:visited,
#tab-club01 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/club/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tab-club01 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/club/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left center;
}
#tab-club01-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/club/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

/* other　TAB */
#other-all,
#other-all-active{
width:132px;
height:33px;
}
#other-all a,
#other-all-active a{
display:block;
width:132px;
height:33px;
}
#other-all a:link,
#other-all a:visited,
#other-all a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left top;
}
#other-all a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left center;
}
#other-all-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/btn_tab01.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#tab-other01,
#tab-other01-active{
width:55px;
height:33px;
}
#tab-other01 a,
#tab-other01-active a{
display:block;
width:55px;
height:33px;
}
#tab-other01 a:link,
#tab-other01 a:visited,
#tab-other01 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tab-other01 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left center;
}
#tab-other01-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/btn_tab02.gif);
background-repeat: no-repeat;
background-position: left bottom;
}


#tab-other02,
#tab-other02-active{
width:107px;
height:33px;
}
#tab-other02 a,
#tab-other02-active a{
display:block;
width:107px;
height:33px;
}
#tab-other02 a:link,
#tab-other02 a:visited,
#tab-other02 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/btn_tab03.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tab-other02 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/btn_tab03.gif);
background-repeat: no-repeat;
background-position: left center;
}
#tab-other02-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/btn_tab03.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
/* playguide */
#playguide-detail{
width: 585px;
margin-top: 25px;
margin-right: 0;
margin-bottom: 0;
margin-left: 25px;
}
#contents-title .login{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/sttl_login.jpg);
background-repeat: no-repeat;
}
#contents-title .operation{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/operation/sttl_game.jpg);
background-repeat: no-repeat;
}
#contents-title .community{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/community/sttl_community.jpg);
background-repeat: no-repeat;
}
#contents-title .growth{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/growth/sttl_growth.jpg);
background-repeat: no-repeat;
}
#contents-title .battle{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/sttl_battle.jpg);
background-repeat: no-repeat;
}
#contents-title .club{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/club/sttl_club.jpg);
background-repeat: no-repeat;
}
#contents-title .other{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/other/sttl_other.jpg);
background-repeat: no-repeat;
}
/* login */
.text-play01 {
padding-bottom: 10px;
padding-left: 10px;
}
.login-box01 {
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #2c383c;
}
.login-sttl {
padding-top: 5px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #2c383c;
}
.login-cont-box01 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/bg_bou01.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin-bottom: 20px;
padding-bottom: 10px;
}
.login-cont-box02 {
width: 295px;
padding-right: 15px;
padding-left: 30px;
vertical-align: top;
}
.box-sttl01 {
padding-bottom: 5px;
}
.login-cont-box03 {
padding-right: 5px;
padding-bottom: 20px;
}
.text-play02 {
padding-left: 5px;
}
.yellow {
font-weight: bold;
color: #efcf6c;
}
.text-play03 {
text-indent: -1em;
padding-left: 45px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 30px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/bg_bou01.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.login-cont-box01a {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/img05.jpg);
background-repeat: no-repeat;
background-position: right top;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 15px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.box-sttl01a {
padding-bottom: 5px;
padding-left: 30px;
}
.text-play02a {
padding-left: 35px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.text-play-small {
font-size: 10px;
text-indent: -1px;
padding-left: 5px;
}
.login-cont-box01b {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/login/img07.jpg);
background-repeat: no-repeat;
background-position: right top;
margin-top: 0px;
margin-right: 5px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}.login-cont-box04 {
padding-right: 5px;
padding-left: 30px;
}
.icon-td01 {
width: 25px;
vertical-align: top;
padding-top: 3px;
}
.icon-text01 {
padding-bottom: 10px;
vertical-align: top;
}

.item-box01 {
background-color: #5c696d;
width: 515px;
margin-top: 10px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.item-box-top {
padding-top: 10px;
padding-left: 10px;
}
.chara-td01 {
padding-bottom: 5px;
font-size: 10px;
text-align: center;
}
.chara-td02 {
width: 10px;
text-align: center;
}
/* operation */
.text-game01 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.text-game03 {
	padding-top: 17px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.game-box01 {
padding-bottom: 10px;
padding-left: 10px;
}
.key-big-box {
border: 5px solid #5c696d;
margin-left: 10px;
padding-bottom: 10px;
}
.game-box02 {
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.game-box03 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
padding-right: 20px;
padding-left: 30px;
padding-bottom: 10px;
color: #FFFFFF;
font-size: 12px;
}
.game-box04{
padding-right: 20px;
padding-left: 30px;
padding-bottom: 10px;
}
.key-box01 {
clear: both;
padding-top: 5px;
padding-bottom: 5px;
height: 25px;
color: #FFFFFF;
}
.key-box02 {
padding-left: 5px;
float: left;
padding-right: 5px;
}
.key-box03 {
float: left;
padding-left: 5px;
padding-top: 5px;
color: #FFFFFF;
}
.key-box04 {
padding-left: 5px;
float: left;
padding-right: 5px;
width: 205px;
padding-top: 5px;
color: #FFFFFF;
}
.key-box05 {
padding-left: 5px;
float: left;
padding-right: 5px;
width: 205px;
color: #FFFFFF;
}
.key-box06 {
clear: both;
padding-top: 5px;
padding-bottom: 5px;
height: 55px;
}
.key-box07 {
padding-left: 5px;
float: left;
padding-right: 5px;
width: 195px;
padding-top: 20px;
color: #FFFFFF;
}
.key-box08 {
padding-left: 5px;
float: left;
padding-right: 5px;
padding-top: 15px;
}
.key-box09{
padding-left: 5px;
float: left;
width: 145px;
padding-top: 5px;
color: #FFFFFF;
}
.key-box10{
padding-left: 5px;
float: left;
width: 203px;
padding-top: 5px;
color: #FFFFFF;
}
/* community */
.community-sttl01 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/bg_bou01.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 20px;
}
.community-box01 {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}
.community-text01 {
padding-bottom: 10px;
padding-right: 15px;
}
.community-td01 {
vertical-align: top;
}
.community-td01 ul{
padding-bottom: 10px;
list-style-type: none;
text-indent: -0.5em;
padding-left: 5px;
}
.community-text02 {
padding-bottom: 10px;
}
/* growth */
.growth-top {
padding-top: 10px;
}
.yellow{
font-weight: bold;
color: #efcf6c;
}
/* battle */
.combo-box-big01 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/combo_img01.jpg);
background-repeat: no-repeat;
height: 291px;
width: 585px;
}
.combo-box01 {
clear: both;
padding-top: 15px;
padding-left: 15px;
padding-bottom: 5px;
}
.combo-td01 {
background-color: #5c696d;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #3D4A50;
padding-top: 5px;
padding-bottom: 5px;
width: 65px;
text-align: center;
}
.combo-td02 {
background-color: #5c696d;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #3D4A50;
padding-bottom: 5px;
width: 65px;
text-align: center;
font-weight: bold;
color: #efcf6c;
}
.text-combo01 {
padding-left: 15px;
padding-top: 10px;
}
.combo-td03 {
font-weight: bold;
color: #FFFFFF;
width: 110px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom-width: 2px;
border-left-width: 2px;
border-bottom-style: solid;
border-bottom-color: #3D4B50;
background-color: #5C696D;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #3D4A50;
}
.combo-td04 {
background-color: #B5C5C9;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/combo_bou.gif);
background-repeat: no-repeat;
background-position: center bottom;
color: #3D4A50;
width: 40px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.combo-td05 {
background-color: #B5C5C9;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/combo_bou.gif);
background-repeat: no-repeat;
background-position: center bottom;
color: #3D4A50;
width: 30px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #3D4A50;
font-weight: bold;
}
.combo-td06 {
background-color: #B5C5C9;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/playguide/battle/combo_bou.gif);
background-repeat: no-repeat;
background-position: center bottom;
color: #3D4A50;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.combo-td03-last {
font-weight: bold;
color: #FFFFFF;
width: 110px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-left-width: 2px;
background-color: #5C696D;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #3D4A50;
}
.combo-td04-last {
background-color: #B5C5C9;
color: #3D4A50;
width: 40px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.combo-td05-last {
background-color: #B5C5C9;
color: #3D4A50;
width: 30px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #3D4A50;
font-weight: bold;
}
.combo-td06-last {
background-color: #B5C5C9;
color: #3D4A50;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.text-game01 {
	padding-left: 10px;
	padding-right: 0px;
	margin: 0px;
	padding-top: 17px;
	padding-bottom: 17px;
}
.text-game02 {
	padding-bottom: 17px;
	padding-left: 10px;
}
.community-td01-team {
vertical-align: top;
padding-top: 20px;
}
/* club */
.club-box01 {
padding-bottom: 5px;
}
.club-td01 {
width: 80px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5d6f75;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
}
.club-td02 {
width: 365px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5d6f75;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.club-td03 {
width: 90px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5d6f75;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
font-weight: bold;
color: #efcf6c;
}

.club-td01-last {
width: 80px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #5d6f75;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
}
.club-td02-last {
width: 365px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #5d6f75;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.club-td03-last {
width: 90px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #5d6f75;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
font-weight: bold;
color: #efcf6c;
}
/* other */