@charset "utf-8";
/* CSS Document */
body{
background:#3d4b50 url(http://static.nexon.co.jp/talesweaver_3rd/common/base_head.gif) repeat-x;
}

#container{
position:relative;
width:900px;
margin:0 auto;
text-align:left;
}

#bg-container02{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/background02.jpg) no-repeat;
text-align:center;
}

#gamestart{
position:absolute;
top:120px;
left:324px;
width:263px;
height:131px;
margin:0 auto;
}
#navigation{
position:relative;
height:172px;
}
#navigation object{
position:absolute;
top:0;
left:0;
}


/* left ------------------------------------------ */
#left{
float:left;
width:255px;
}

/* left login */
#login{
width:255px;
height:152px;
}

#login-form{
margin-left:28px;
}
#login-id{
padding-bottom:3px;
}
* html #login-id{
padding-bottom:1px;
}
#login-id input,
#login-pw input{
width:97px;
height:18px;
margin:0;
padding:0 3px;
border:1px solid #544236;
background-color:#000000;
color:#b39d8d;
}
* html #login-id input,
* html #login-pw input{
width:103px;
}

#login-bt{
padding-left:7px;
}
#login-bt a{
display:block;
width:70px;
height:37px;
}
#login-bt a:link,
#login-bt a:visited,
#login-bt a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_login.gif) no-repeat left top;
}
#login-bt a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_login.gif) no-repeat left bottom;
}

#login-help{
margin:5px 0 0 28px;
}

#login-help-save{
width:75px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/txt_save_id.gif) no-repeat right center;
}
#login-help-save span{
position:absolute;
left:-9999px;
}
#login-help-forget{
width:98px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/txt_forget_password.gif) no-repeat left center;
}
#login-help-forget a{
display:block;
width:96px;
height:12px;
margin:3px 0 0 2px;
}

#login-form-btn{
width:170px;
height:24px;
margin:3px 0 0 28px;
}

#login-entryid{
width:170px;
height:24px;
}
#login-entryid a{
display:block;
width:170px;
height:24px;
}
#login-entryid a:link,
#login-entryid a:visited,
#login-entryid a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_entryid02.gif) no-repeat left top;
}
#login-entryid a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_entryid02.gif) no-repeat left bottom;
}
/* ゲームダウンロードありver. */
/*#login-form-btn{
width:179px;
height:24px;
margin:3px 0 0 28px;
}

#login-entryid{
float:left;
width:75px;
height:24px;
}
#login-entryid a{
display:block;
width:75px;
height:24px;
}
#login-entryid a:link,
#login-entryid a:visited,
#login-entryid a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_entryid.gif) no-repeat left top;
}
#login-entryid a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_entryid.gif) no-repeat left bottom;
}*/
/* /ゲームダウンロードありver. */

#login-download{
float:right;
width:100px;
height:24px;
}
#login-download a{
display:block;
width:100px;
height:24px;
}
#login-download a:link,
#login-download a:visited,
#login-download a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_download.gif) no-repeat left top;
}
#login-download a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_download.gif) no-repeat left bottom;
}

#login-welcome{
width:159px;
height:13px;
margin:0 0 0 26px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/txt_welcome.gif) no-repeat;
}
#login-welcome span{
position:absolute;
left:-9999px;
}

#user-info{
width:179px;
margin:5px 0 0 28px;
padding-top:5px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/bd_login_btn.gif) no-repeat left top;
}
#user-name{
line-height:1.0;
margin-top:5px;
color:#e6d1c1;
}

#login-form2-btn{
width:179px;
margin:3px 0 0 28px;
padding:6px 0 0 0;
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/bd_login_btn.gif) no-repeat left top;
}

#login-personalmenu{
float:left;
width:95px;
height:24px;
}
#login-personalmenu a{
display:block;
width:95px;
height:24px;
}
#login-personalmenu a:link,
#login-personalmenu a:visited,
#login-personalmenu a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_personalmenu.gif) no-repeat left top;
}
#login-personalmenu a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_personalmenu.gif) no-repeat left bottom;
}

#login-logout{
float:right;
width:80px;
height:24px;
}
#login-logout a{
display:block;
width:80px;
height:24px;
}
#login-logout a:link,
#login-logout a:visited,
#login-logout a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_logout.gif) no-repeat left top;
}
#login-logout a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_logout.gif) no-repeat left bottom;
}

/* left menu */
#left-menu h2{
position:absolute;
left:-9999px;
}
#left-menu ul{
padding:40px 0 0 37px;
}
#left-menu ul li{
font-size:0px;
line-height:0px;
}


/* left pointcharge */
#left-pointcharge{
height:148px;
}
#left-pointcharge p{
padding:75px 0 0 27px;
}
#left-pointcharge p a{
display:block;
width:171px;
height:38px;
}

#left-pointcharge p a:link,
#left-pointcharge p a:visited,
#left-pointcharge p a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_pointcharge.gif) no-repeat left bottom;
}
#left-pointcharge p a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_pointcharge.gif) no-repeat left top;
}

/* left common */

#left-common{
height:198px;
}

#left-common ul{
padding:26px 0 0 25px;
}
#left-common ul li{
padding-bottom:4px;
}
#left-common ul li a{
display:block;
width:178px;
height:41px;
}

#left-guidemovie a:link,
#left-guidemovie a:visited,
#left-guidemovie a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_guidemovie.gif) no-repeat left top;
}
#left-guidemovie a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_guidemovie.gif) no-repeat left bottom;
}
#left-netcafe a:link,
#left-netcafe a:visited,
#left-netcafe a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_netcafe.gif) no-repeat left top;
}
#left-netcafe a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_netcafe.gif) no-repeat left bottom;
}
#left-freeboard a:link,
#left-freeboard a:visited,
#left-freeboard a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_freeboard.gif) no-repeat left top;
}
#left-freeboard a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_freeboard.gif) no-repeat left bottom;
}

#left-freeboard01 a:link,
#left-freeboard01 a:visited,
#left-freeboard01 a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_freeboard011.gif) no-repeat left top;
}
#left-freeboard01 a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_freeboard011.gif) no-repeat left bottom;
}

/* left charactor */
#left-charactor{
height:272px;
}
#left-charactor object{

}




/*right ------------------------------------------ */
#right{
float:right;
width:645px;
}

#contents-title{
padding:52px 0 0 23px;
}
#contents-title h2{
width:586px;
height:49px;
}
#contents-title h2 span{
position:absolute;
left:-9999px;
}

#breadcrumb{
line-height:1.1;
padding:20px 10px 0 0;
text-align:right;
font-size:10px;
color:#bdc6cd;
}
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:hover,
#breadcrumb a:active{
color:#bdc6cd;
}