@charset "utf-8";
/* CSS Document */
body{
width:100%;
background:#3d4b50 url(http://static.nexon.co.jp/talesweaver_3rd/index/base_head.gif) repeat-x;
}
#index-container{
position:relative;
width:100%;
padding-top:400px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/background.jpg) no-repeat center 627px;
text-align:center;
}
#index-main{
height:452px;
width:100%;
position:absolute;
left:0;
top:0;
overflow:hidden;
}

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

/* login ------------------------------------------ */
#login{
position:absolute;
top:-137px;
left:28px;
width:234px;
}

#login-id{
padding:0 0 3px 53px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/txt_login_id.gif) no-repeat 0 5px;
}
* html #login-id{
padding-bottom:1px;
}
*:first-child+html #login-id{
padding-bottom:1px;
}

#login-pw{
padding-left:53px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/txt_login_pw.gif) no-repeat 0 5px;
}

#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:3px 0 0 50px;
}
#login-help td{
height:21px;
}
#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:link,
#login-help-forget a:visited,
#login-help-forget a:hover,
#login-help-forget a:active{
display:block;
width:96px;
height:12px;
margin:3px 0 0 2px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/px.gif) no-repeat left center;
}

#login-form-btn{
width:170px;
height:24px;
margin-top:3px;
margin-left:53px;
}

#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/index/btn_entryid02.gif) no-repeat left top;
}
#login-entryid a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/btn_entryid02.gif) no-repeat left bottom;
}

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

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

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

#user-info{
width:234px;
height:31px;
margin-top:9px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/bd_login_btn.gif) repeat-x left top;
}
#user-server{
float:left;
padding-top:8px;
padding-right:10px;
}
#user-name{
line-height:1.0;
padding-top:10px;
color:#e6d1c1;
}

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

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

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


/* center ------------------------------------------ */
#center{
margin:0 0 0 230px;
padding-top:52px;
width:440px;
text-align:center;
}

#maintenance{
width:416px;
height:33px;
margin:0 auto;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/txt_maintenance.gif) no-repeat;
}
#maintenance p{
position:absolute;
left:-9999px;
}

#notice{
width:440px;
height:49px;
margin-top:10px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/sttl_notice.gif) no-repeat;
}
#notice h2,
#illust h2{
position:absolute;
left:-9999px;
}

#notice ul{
padding-left:96px;
}

#notice #notice-menu-news,
#notice #notice-menu-mainte,
#notice #notice-menu-update{
display:none;
}


#notice ul li{
float:left;
}
#notice ul li span{
position:absolute;
left:-9999px;
}
#notice .topnews,
#notice .topnews-active{
width:64px;
height:34px;
}
#notice .news,
#notice .update,
#notice .mainte,
#notice .news-active,
#notice .update-active,
#notice .mainte-active{
width:65px;
height:34px;
}
#notice .topnews a{
display:block;
width:64px;
height:34px;
}
#notice .news a,
#notice .update a,
#notice .mainte a{
display:block;
width:65px;
height:34px;
}
#notice .more{
padding:6px 0 0 9px;
}
#notice .more a{
display:block;
width:59px;
height:24px;
}


#notice .topnews a:link,
#notice .topnews a:visited,
#notice .topnews a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_topnews.jpg) no-repeat left top;
}
#notice .topnews a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_topnews.jpg) no-repeat left center;
}
#notice .topnews-active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_topnews.jpg) no-repeat left bottom;
}
#notice .news a:link,
#notice .news a:visited,
#notice .news a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_news.jpg) no-repeat left top;
}
#notice .news a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_news.jpg) no-repeat left center;
}
#notice .news-active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_news.jpg) no-repeat left bottom;
}
#notice .update a:link,
#notice .update a:visited,
#notice .update a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_update.jpg) no-repeat left top;
}
#notice .update a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_update.jpg) no-repeat left center;
}
#notice .update-active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_update.jpg) no-repeat left bottom;
}
#notice .mainte a:link,
#notice .mainte a:visited,
#notice .mainte a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_maintenance.jpg) no-repeat left top;
}
#notice .mainte a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_maintenance.jpg) no-repeat left center;
}
#notice .mainte-active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/tab_maintenance.jpg) no-repeat left bottom;
}
#notice .more a:link,
#notice .more a:visited,
#notice .more a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/btn_more.gif) no-repeat left top;
}
#notice .more a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/btn_more.gif) no-repeat left bottom;
}

#notice-list{
clear:both;
}
#notice-list #notice-list-news,
#notice-list #notice-list-mainte,
#notice-list #notice-list-update{
display:none;
}


#notice-list table{
width:420px;
margin:0 auto;
}
#notice-list td{
height:25px;
border-bottom:1px solid #5d6f75;
}
#notice-list .last td{
border-bottom:none;
}
.notice-icn{
width:75px;
text-align:center;
}
.notice-ttl{
padding-left:12px;
text-align:left;
}

.notice-ttl a:link,
.notice-ttl a:visited,
.notice-ttl a:active{
text-decoration:none;
}
.notice-ttl a:hover{
text-decoration:underline;
}
.notice-date{
width:75px;
text-align:center;
font-size:10px;
}

#illust{
clear:both;
margin-top:22px;
width:440px;
height:49px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/sttl_illust.gif) no-repeat;
text-align:left;
}

#illust .more{
padding:6px 0 0 364px;
}

#illust .more a{
display:block;
width:59px;
height:24px;
}
#illust .more a:link,
#illust .more a:visited,
#illust .more a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/btn_more.gif) no-repeat left top;
}
#illust .more a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/btn_more.gif) no-repeat left bottom;
}
#illust-list{
padding-left:15px;
text-align:left;
}

#illust-list ul li{
	float:left;
	width:140px;
	background:url(http://static.nexon.co.jp/talesweaver_3rd/index/bg_illust_s.gif) no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
#illust-list ul li img{
margin-left:4px;
}

#banner{
clear:both;
position:relative;
margin:0 0 0 16px;
padding:0;
width:415px;
height:160px;
/*height:229px;*/
z-index:15;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/line_banner.gif) no-repeat 22px 11px;
}
#banner p{
margin:0;
width:203px;
height:64px;
}
#banner01{
position:absolute;
top:46px;
left:0;
}
#banner02{
position:absolute;
top:46px;
left:212px;
}
#banner03{
position:absolute;
top:115px;
left:0;
}
#banner04{
position:absolute;
top:115px;
left:212px;
}
#banner img{
vertical-align:top;
}


/* left ------------------------------------------ */
#left{
position:absolute;
top:0;
left:0;
width:225px;
margin:0;
padding:0;
}

#livescreen{
position:relative;
width:225px;
height:227px;
}
#livescreen .screen{
width:197px;
height:147px;
padding:61px 0 0 14px;
}
#livescreen .frame{
position:absolute;
top:0px;
left:0px;
width:225px;
height:227px;
z-index:11;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/bg_livescreen.png) no-repeat;
}
#livescreen .link{
position:absolute;
top:61px;
left:14px;
z-index:12;
width:197px;
height:147px;
}

#livescreen .link a{
display:block;
width:197px;
height:147px;
}

* html #livescreen .frame{ behavior: expression(IEPNGFIX.fix(this)); }

/* left pointcharge */
#left-pointcharge{
height:112px;
}
#left-pointcharge p{
padding:39px 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:314px;
}
#left-charactor object{

}

/* right ------------------------------------------ */
#right{
position:absolute;
top:0;
left:670px;
width:225px;
padding-top: 12px;
}

#itemshop{
position:relative;
width:225px;
height:334px;
}
#itemshop h2{
position:absolute;
left:-9999px;
}
#itemshop .base{
width:225px;
height:334px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/bg_itemshop.png) no-repeat;
text-align:center;
}

* html #itemshop .base{ behavior: expression(IEPNGFIX.fix(this)); }

#itemshop dl{
width:150px;
margin:0 auto;
padding-top:55px;
}
#itemshop dt{
width:150px;
height:84px;
background:#272f31;
text-align:left;
}
#itemshop dt img{
margin:4px 0 0 4px;
vertical-align:bottom;
}

#itemshop dd{
padding-bottom:7px;
text-align:center;
font-weight:bold;
}

#itemshop .more{
position:absolute;
top:286px;
left:70px;
width:86px;
height:21px;
}
#itemshop .more a{
display:block;
width:86px;
height:21px;
}

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

/* question */
#question{
width:225px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/bg_enquete.jpg) no-repeat left top;
}

#question h2{
position:absolute;
left:-9999px;
}


#question-detail{
padding:62px 0 0 54px;
}
#question-detail h3{
width:150px;
font-size:12px;
color:#aab9c3;
}
#answer-list{
width:200px;
margin:15px 0 0 15px;
}
#answer-list td{
vertical-align:top;
padding-bottom:8px;
font-size:10px;
}
#answer-list td.txt{
padding-top:3px;
}


#question-btn{
position:relative;
z-index:14;
margin-top:5px;
text-align:center;
}
#question-btn ul{
width:151px;
margin:0 auto;
}

#question-btn ul li#question-vote{
float:left;
width:70px;
height:24px;
}
#question-btn ul li#question-view{
float:right;
width:70px;
height:24px;
}

#question-btn ul li#question-vote a,
#question-btn ul li#question-view a{
display:block;
width:70px;
height:24px;
}

#question-btn ul li#question-vote a:link,
#question-btn ul li#question-vote a:visited,
#question-btn ul li#question-vote a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/btn_vote.gif) no-repeat left top;
}
#question-btn ul li#question-vote a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/btn_vote.gif) no-repeat left bottom;
}
#question-btn ul li#question-view a:link,
#question-btn ul li#question-view a:visited,
#question-btn ul li#question-view a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/btn_view.gif) no-repeat left top;
}
#question-btn ul li#question-view a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/btn_view.gif) no-repeat left bottom;
}

#question .base{
position:relative;
height:140px;
}
#question .base div{
position:absolute;
left:-76px;
top:-45px;
z-index:13;
width:360px;
height:200px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/bg_question_bottom.png) no-repeat;
}

* html #question .base div{ behavior: expression(IEPNGFIX.fix(this)); }