@charset "utf-8";
/* CSS Document */
#bg-container02{
background-position:center 461px;
}

#bg-container01{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/background01_community01.jpg) no-repeat 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:137px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/bg_left_menu.jpg) no-repeat;
}

#left-menu ul {
	padding-top: 39px;
}

#lm-bbs,
#lm-fanart,
#lm-illust,
#lm-fansite,
#lm-bbs-active,
#lm-fanart-active,
#lm-illust-active,
#lm-fansite-active{
width:157px;
padding-bottom:2px;
}

#lm-bbs,
#lm-bbs-active{
padding-bottom:3px;
}

#lm-bbs a,
#lm-fanart a,
#lm-illust a,
#lm-fansite a,
#lm-bbs-active a,
#lm-fanart-active a,
#lm-illust-active a,
#lm-fansite-active a{
display:block;
width:157px;
height:20px;
}

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

#lm-fanart a:link,
#lm-fanart a:visited,
#lm-fanart a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leftmenu_fanart.gif) no-repeat left top;
}
#lm-fanart a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leftmenu_fanart.gif) no-repeat left bottom;
}
#lm-fanart-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leftmenu_fanart.gif) no-repeat left bottom;
}

#lm-illust a:link,
#lm-illust a:visited,
#lm-illust a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leftmenu_illust.gif) no-repeat left top;
}
#lm-illust a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leftmenu_illust.gif) no-repeat left bottom;
}
#lm-illust-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leftmenu_illust.gif) no-repeat left bottom;
}

#lm-fansite a:link,
#lm-fansite a:visited,
#lm-fansite a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leftmenu_fansite.gif) no-repeat left top;
}
#lm-fansite a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leftmenu_fansite.gif) no-repeat left bottom;
}
#lm-fansite-active a{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leftmenu_fansite.gif) no-repeat left bottom;
}



/* community ------------------------------------------ */
#contents-title .bbs{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/sttl_bbs.jpg) no-repeat;
}
#contents-title .fanart{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/fanart/sttl_fanart.jpg) no-repeat;
}
#contents-title .illust{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/illust/sttl_illust.jpg) no-repeat;
}
#contents-title .fansite{
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/fansite/sttl_fansitelink.jpg) no-repeat;
}
/* freebbs ------------------------------------------ */
#bbs-list{
width:585px;
margin:25px 0 0 25px;
padding:40px 0 14px;
border-bottom:3px solid #2c383c;
background:url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/img_freebbs_listhead.gif) no-repeat;
}
.bbs-contact {
width: 140px;
text-align:center;
}
#bbs-list table{
width:585px;
}
#bbs-list table td{
border-bottom:1px solid #5d6f75;
height: 25px;

}
#bbs-list table tr.last td{
border-bottom:none;
}
.bbs-title {
width: 285px;
height:25px;
padding-left: 10px;
}
.bbs-date{
width:70px;
text-align:center;
font-size:10px;
}
.bbs-view{
width:50px;
text-align:center;
font-size:10px;

}
.bbs-title a:link,
.bbs-title a:visited,
.bbs-title a:active{
text-decoration:none;
}
.bbs-title a:hover{
text-decoration:underline;
}

.texr-yellow {
font-weight: bold;
color: #edd06c;
margin: 0px;
padding: 0px;
}
.bbs-text01 {
float: left;
padding-right: 5px;
}
.bbs-icon01 {
float: left;
padding-right: 5px;
padding-top: 1px;
}
.bbs-text02 {
float: left;
padding-right: 5px;
font-size: 10px;
font-weight: bold;
padding-top: 1px;
}
.bbs-text03 {
float: left;
padding-right: 5px;

}
.crea {
clear: both;
}
.bbs-box {
padding-top: 1px;
width: 305px;
}
.bbs-box02 {
padding-top: 1px;
width: 140px;
}

/* freebbs_confirm */
#bbsconfirm-list{
margin:25px 0 0 25px;
}
#bbsconfirm-list{
width:585px;
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #2c383c;
border-bottom-color: #2c383c;
}

.bbsconfirm-box01 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5d6f75;
padding-top: 10px;
padding-bottom: 10px;
}
.bbsconfirm-text01 {
padding-left: 10px;
width: 50px;
}
.bbsconfirm-text02 {
padding-left: 10px;
font-weight: bold;
}
.bbsconfirm-box02 {
padding-top: 10px;
padding-bottom: 10px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
}
.bbsconfirm-text03 {
padding-left: 10px;
width: 50px;
font-weight: bold;
color: #bec9cb;
}
.bbsconfirm-box03 {
padding-top: 10px;
padding-bottom: 10px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
}
.bbsconfirm-text04 {
padding-left: 25px;
padding-right: 25px;
vertical-align: top;
padding-bottom: 10px;
}
.bbsconfirm-icon {
padding-left: 15px;
width: 95px;
}
.bbsconfirm-box04 {
height: 54px;
}

.correction-btn a{
display:block;
width:105px;
height:35px;
}
.correction-btn a:link,
.correction-btn a:visited,
.correction-btn a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_correction_n.gif) no-repeat left top;
}
.correction-btn a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_correction_n.gif) no-repeat left bottom;
}
.correction-btn {
padding-right: 10px;
padding-left: 180px;
width: 105px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}

.writes-brown-btn a{
display:block;
width:105px;
height:34px;
}
.writes-brown-btn a:link,
.writes-brown-btn a:visited,
.writes-brown-btn a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_writes_brown.gif) no-repeat left top;
}
.writes-brown-btn a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_writes_brown.gif) no-repeat left bottom;
}
.writes-brown-btn {
float: left;
padding: 10px 0
}

/* freebbs_detail */
#freebbs-detail{
margin:25px 0 0 25px;
}
#freebbs-detail-ttl{
width:585px;
height:33px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/notice/bg_detail_title.gif) no-repeat left top;
}
#freebbs-detail-ttl table{
width:585px;
}
#freebbs-detail-ttl td{
height:33px;
}
#freebbs-detail-ttl #detail-txt{
width:465px;
padding-left:10px;
}
#freebbs-detail-ttl #detail-date{
width:110px;
}
#freebbs-detail-ttl h3{
font-size:12px;
}

#detail-container{
width:585px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #2c383c;
}
#detail-back{
width:585px;
text-align:center;
margin: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#detail-back a{
display:block;
width:55px;
height:24px;
margin:0 auto;
}
#detail-back a:link,
#detail-back a:visited,
#detail-back a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_back.gif) no-repeat left top;
}
#detail-back a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_back.gif) no-repeat left bottom;
}
.content-l {
float: left;
width: 120px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/bg_dai.gif);
background-repeat: no-repeat;
background-position: bottom;
height: 160px;
margin: 20px 0 20px 0;
}
.content-r {
float: left;
margin-top: 10px;
}
.detail-icon-chara {
margin: 10px 0 0 0;
text-align: center;
}
.detail-text01 {
padding-top: 5px;
padding-left: 10px;
}
.detail-text02 {
font-size: 10px;
padding-top: 5px;
}

.detail-box01-cnt {
width:460px;
}
.detail-box01 {
width:445px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
margin:0 0 30px 0;
}
.detail-box02 {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #5d6f75;
padding-top: 10px;
padding-bottom: 10px;
}
.detail-text03 {
color:#96bad4;
padding-right: 10px;
}
.detail-text03 a:link,
.detail-text03 a:visited,
.detail-text03 a:active{
color:#96bad4;
text-decoration:underline;
}
.detail-text03 a:hover{
color:#96bad4;
text-decoration:none;
}

.detail-text04 {
color:#96bad4;
padding-right: 10px;
font-size: 10px;
padding-bottom: 5px;
}
.detail-text04 a:link,
.detail-text04 a:visited,
.detail-text04 a:active{
color:#96bad4;
text-decoration:underline;
font-size: 10px;
}
.detail-text04 a:hover{
color:#96bad4;
text-decoration:none;
}
#comment-form-bbs {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: top;
width: 580px;
clear: both;
}
#comment-form-bbs .comment-textarea{
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
padding-top: 10px;
}
#comment-form-bbs .comment-textarea textarea{
width:555px;
height:70px;
border:1px solid #101416;
background-color:#2f3b3f;
color:#FFFFFF;
}
.comment-btn a{
display:block;
width:75px;
height:20px;
}
.comment-btn a:link,
.comment-btn a:visited,
.comment-btn a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/comment-btn.gif);
background-repeat: no-repeat;
background-position: left top;
}
.comment-btn a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/comment-btn.gif) no-repeat left bottom;
}

.detail-box03 {
padding-top: 5px;
}
.detail-comment {
width: 585px;
margin: 0px;
padding: 0px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
clear: both;
}
.detail-comment-item {
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.content-l01 {
width: 120px;
text-align: center;
margin: 0px 0 0 0;
padding: 0px;
height: 123px;
}
.content-r01 {
float: left;
margin: 0px;
padding: 0px;
}
.coment-box01 {
margin: 0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.coment-box02 {
padding-left: 10px;
padding-bottom: 5px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
}
.coment-text01 {
color: #b7c2c6;
}

#comment-form-bbs01 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: top;
width: 585px;
margin: 0px;
padding: 0px;
}
#comment-form-bbs01 .comment-textarea{
padding-right: 10px;
padding-bottom: 5px;
padding-top: 10px;
}
#comment-form-bbs01 .comment-textarea textarea{
width:500px;
height:70px;
border:1px solid #101416;
background-color:#2f3b3f;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.icon-arrow01 {
padding-top: 10px;
padding-left: 50px;
padding-right: 10px;
}

#comment-form-bbs02 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: top;
width: 585px;
margin: 0px;
padding: 0px;
}
#comment-form-bbs02 .comment-textarea{
padding-right: 10px;
padding-bottom: 5px;
padding-top: 10px;
}
#comment-form-bbs02 .comment-textarea textarea{
width:480px;
height:70px;
border:1px solid #101416;
background-color:#2f3b3f;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.icon-arrow02 {
padding-top: 10px;
padding-left: 70px;
padding-right: 10px;
}

#comment-form-bbs03 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: top;
width: 585px;
margin: 0px;
padding: 0px;
}
#comment-form-bbs03 .comment-textarea{
padding-right: 10px;
padding-bottom: 5px;
padding-top: 10px;
}
#comment-form-bbs03 .comment-textarea textarea{
width:460px;
height:70px;
border:1px solid #101416;
background-color:#2f3b3f;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.icon-arrow03 {
padding-top: 10px;
padding-left: 90px;
padding-right: 10px;
}

#comment-form-bbs04 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: top;
width: 585px;
margin: 0px;
padding: 0px;
}
#comment-form-bbs04 .comment-textarea{
padding-right: 10px;
padding-bottom: 5px;
padding-top: 10px;
}
#comment-form-bbs04 .comment-textarea textarea{
width:440px;
height:70px;
border:1px solid #101416;
background-color:#2f3b3f;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.icon-arrow04 {
padding-top: 10px;
padding-left: 110px;
padding-right: 10px;
}

#comment-form-bbs05 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: top;
width: 585px;
margin: 0px;
padding: 0px;
}
#comment-form-bbs05 .comment-textarea{
padding-right: 10px;
padding-bottom: 5px;
padding-top: 10px;
}
#comment-form-bbs05 .comment-textarea textarea{
width:420px;
height:70px;
border:1px solid #101416;
background-color:#2f3b3f;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.icon-arrow05 {
padding-top: 10px;
padding-left: 130px;
padding-right: 10px;
}

/* freebbs_write */
.atention-box01 {
width: 575px;
border: 5px solid #5c696d;
}
.atention-text01 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.atention-text02 {
font-size: 10px;
padding-left: 20px;
padding-bottom: 10px;
}
.atention-taxt03 {
list-style-type: none;
font-size: 10px;
padding-left: 25px;
padding-bottom: 20px;
text-indent: -0.5em;
}
.atention-text04 {
font-size: 10px;
padding-left: 20px;
padding-bottom: 20px;
}

#atention-box02 {
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #2c383c;
border-bottom-color: #2c383c;
margin-top: 20px;
width: 585px;
}
.atention-text05 {
font-weight: bold;
color: #bec9cb;
width: 60px;
padding-left: 10px;
vertical-align: top;
}
.atention-text06 {
color: #BEC9CB;
padding-left: 10px;
}
.search-input-atan input{
width:360px;
border:1px solid #101416;
background-color:#2f3b3f;
}
.atention-from-box {
width: 485px;
}
.atention-from-box-input textarea {
width:480px;
background-color:#2f3b3f;
height: 110px;
border: 1px solid #2F3B3F;
color: #D9D8D8;
}
.atention-from-box {
border: 3px solid #5c696d;
width: 484px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/atenion_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
height: 170px;
background-color: #2F3B3F;
}
.atention-from-icon {
margin-top: 21px;
padding-left: 7px;
}
.atention-td {
width: 30px;
padding-right: 3px;
}
.search-input-atan {
width: 360px;
}
.atention-text07 {
text-align: right;
padding-right: 35px;
padding-top: 5px;
}

.back-big-btn a:link,
.back-big-btn a:visited,
.back-big-btn a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_back_n.gif);
background-repeat: no-repeat;
background-position: left top;
}
.back-big-btn a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_back_n.gif) no-repeat left bottom;
}
.back-big-btn {
padding-right: 10px;
padding-left: 200px;
width: 80px;
float: left;
padding-top: 15px;
padding-bottom: 10px;
}
.back-big-btn a{
display:block;
width:80px;
height:25px;
}

.write-conf-btn a{
display:block;
width:120px;
height:25px;
}
.write-conf-btn a:link,
.write-conf-btn a:visited,
.write-conf-btn a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_write_conf.gif);
background-repeat: no-repeat;
background-position: left top;
}
.write-conf-btn a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_write_conf.gif) no-repeat left bottom;
}
.write-conf-btn {
float: left;
padding: 15px 0
}

/* freebbs_write */
.levelup-top {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leveiup_top.jpg);
background-repeat: no-repeat;
height: 130px;
width: 585px;
}
.top-text {
padding-top: 60px;
padding-left: 20px;
margin: 0px;
font-weight: bold;
}
.levelup-top h3{
position:absolute;
left:-9999px;
}
.top-text01 {
color: #7ffaff;
}
.top-text02 {
color: #edd06c;
}
.top-text03 {
color: #5dcfb8;
}
.levelup-item {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/leveiup_bg.jpg);
background-repeat: no-repeat;
height: 248px;
width: 585px;
}
.item-box01 {
padding-top: 55px;
padding-left: 13px;
width: 200px;
}
.item-tr {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
width: 190px;
background-position: bottom;
}
.item-text01 {
font-size: 10px;
font-weight: bold;
width: 90px;
padding-bottom: 4px;
padding-top: 2px;
padding-left: 5px;
}
.item-text02 {
font-size: 10px;
width: 95px;
padding-bottom: 4px;
padding-top: 2px;
color: #5dcfb8;
}
.item-box02 {
padding-top: 60px;
padding-left: 25px;
}
.item-box03 {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #2A373D;
width: 585px;
}
.item-text03 {
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
}

.now-btn a:link,
.now-btn a:visited,
.now-btn a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_now.gif);
background-repeat: no-repeat;
background-position: left top;
}
.now-btn a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_now.gif) no-repeat left bottom;
}
.now-btn {
padding-right: 10px;
padding-left: 140px;
width: 157px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
.now-btn a{
display:block;
width:157px;
height:35px;
}

.use-btn a{
display:block;
width:157px;
height:35px;
}
.use-btn a:link,
.use-btn a:visited,
.use-btn a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_use.gif);
background-repeat: no-repeat;
background-position: left top;
}
.use-btn a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_use.gif) no-repeat left bottom;
}
.use-btn {
float: left;
padding: 10px 0
}
.item-text04 {
padding-left: 140px;
margin: 0px;
padding-bottom: 15px;
padding-top: 10px;
}
.bbs-date01 {
font-size: 10px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
width: 80px;
}
.bbs-date02 {
font-size: 10px;
margin: 0px;
text-align: center;
padding: 0px;
width: 50px;
}

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

.fan-text01 {
padding-bottom: 20px;
padding-left: 10px;
}
/* fanart　TAB */
#fanart-tab{
width:585px;
height:33px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/notice/bg_detail_title.gif) no-repeat left top;
}
#fanart-tab ul {
padding-left: 10px;
padding-top: 7px;
margin: 0px;
}
#fanart-tab  li{
float:left;
}
#fanart-tab  #tab-all,
#fanart-tab  #tab-all-active{
width:50px;
height:26px;
}
#fanart-tab  #tab-all a,
#fanart-tab  #tab-all-active a{
display:block;
width:50px;
height:26px;
}
#fanart-tab  #tab-all a:link,
#fanart-tab  #tab-all a:visited,
#fanart-tab  #tab-all a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/fanart/btn_all.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#fanart-tab  #tab-all a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/fanart/btn_all.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#fanart-tab  #tab-all-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/fanart/btn_all.jpg);
background-repeat: no-repeat;
background-position: left center;
}

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

#fanart-tab  #tab-fanart02,
#fanart-tab  #tab-fanart02-active{
width:67px;
height:26px;
}
#fanart-tab  #tab-fanart02 a,
#fanart-tab  #tab-fanart02-active a{
display:block;
width:67px;
height:26px;
}
#fanart-tab  #tab-fanart02 a:link,
#fanart-tab  #tab-fanart02 a:visited,
#fanart-tab  #tab-fanart02 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/fanart/btn_contribution.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#fanart-tab  #tab-fanart02 a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/fanart/btn_contribution.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#fanart-tab  #tab-fanart02-active a{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/fanart/btn_contribution.jpg);
background-repeat: no-repeat;
background-position: left center;
}
/* fanart */
.fanart-box01 {
padding-top: 10px;
}
.art-box01 {
padding-bottom: 10px;
padding-left: 10px;
width: 180px;
}
.art-box-bg {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/fanart/fanart_box_bg.jpg);
background-repeat: no-repeat;
height: 147px;
width: 177px;
padding-top: 6px;
padding-left: 6px;
}
.art-text01 {
font-weight: bold;
color: #e2debf;
text-align: center;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
height: 20px;
margin-bottom: 5px;
margin-top: 3px;
}
.art-text02 {
color: #c3cece;
font-size: 10px;
}
.art-text03 {
font-weight: bold;
width: 50px;
padding-top: 2px;
padding-bottom: 2px;
}
.art-box01 img {
}
.art-text04 {
width: 127px;
padding-top: 2px;
padding-bottom: 2px;
clear: both;
}
.art-img01 {
float: left;
}
.art-text05 {
float: left;
padding-right: 5px;
}
.art-content {
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #2c383c;
width: 585px;
}
.art-text01 a:link,
.art-text01 a:visited,
.art-text01 a:active{
color: #e2debf;
text-decoration:none;
}
.art-text01 a:hover{
color: #e2debf;
text-decoration:underline;
}

/* fanart_confirm */
.art-img02 {
padding-bottom: 15px;
}
.art-img03 {
padding-bottom: 5px;
padding-top: 10px;
}
.art-text06 {
padding-left: 25px;
padding-right: 25px;
vertical-align: top;
padding-bottom: 50px;
}
.art-icon {
padding-left: 15px;
width: 95px;
background-position: top;
vertical-align: top;
}
/* fanart_write */
.search-text {
font-size: 10px;
padding-left: 70px;
color: #808a8e;
}
.search-input-fanart input{
width:305px;
border:1px solid #101416;
background-color:#2f3b3f;
}

/* illust_write */
#illust{
width:440px;
height:49px;
margin-top:10px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/index/sttl_illust.jpg) no-repeat;
}
.atention-text-illst {
padding-left: 30px;
padding-bottom: 10px;
text-indent: -1em;
}
#atention-box-illst01 {
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #5c696d;
border-bottom-color: #2c383c;
width: 585px;
margin-top: 10px;
}
.text-illst01 {
font-size: 10px;
color: #edd06c;
font-weight: bold;
padding-top: 25px;
padding-left: 100px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/illust/text_application.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin-left: 10px;
}
.atention-text-illst01 {
font-weight: bold;
color: #bec9cb;
width: 100px;
padding-left: 10px;
vertical-align: top;
}
.atention-text-illst02 {
font-size: 10px;
padding-left: 110px;
color: #808a8e;
padding-top: 3px;
}
.illsut-btn01 {
padding-right: 115px;
}
.board-search-select .search-input input{
width:197px;
border:1px solid #101416;
background-color:#2f3b3f;
}
.search-input-illst input {
width: 180px;
border:1px solid #101416;
background-color:#2f3b3f;
}

.write-conf-btn-ill a{
display:block;
width:100px;
height:25px;
}
.write-conf-btn-ill a:link,
.write-conf-btn-ill a:visited,
.write-conf-btn-ill a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_b_app_illsut01_n01.gif);
background-repeat: no-repeat;
background-position: left top;
}
.write-conf-btn-ill a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_b_app_illsut01_n01.gif) no-repeat left bottom;
}
.write-conf-btn-ill {
float: left;
padding: 15px 0
}

/* illust_confirm */
.writes-brown-btn02 a{
display:block;
width:105px;
height:35px;
}
.writes-brown-btn02 a:link,
.writes-brown-btn02 a:visited,
.writes-brown-btn02 a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_b_app_illsut02_n.gif) no-repeat left top;
}
.writes-brown-btn02 a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_b_app_illsut02_n.gif) no-repeat left bottom;
}
.writes-brown-btn02 {
float: left;
padding: 10px 0
}
.art-img-ill {
padding-bottom: 5px;
}

/* illust */
.illut-top {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/illust/bg_illust01_n.gif);
background-repeat: no-repeat;
height: 267px;
width: 585px;
background-position: right top;
}
.text-illst02 {
padding-left: 10px;
padding-top: 10px;
}
.text-white01 {
font-weight: bold;
color: #FFFFFF;
}
.illut-app-box {
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #2c383c;
width: 585px;
padding-top: 10px;
}
.illut-app-box02 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/illust/bg_illust02.gif);
background-repeat: no-repeat;
height: 75px;
width: 585px;
}
.text-illst03 {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
padding-top: 3px;
padding-left: 150px;
width: 270px;
}

.illst-app-btn a{
display:block;
width:150px;
height:45px;
}
.illst-app-btn a:link,
.illst-app-btn a:visited,
.illst-app-btn a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_big_app03_n01.gif);
background-repeat: no-repeat;
background-position: left top;
}
.illst-app-btn a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_big_app03_n01.gif) no-repeat left bottom;
}
.illst-app-btn{
padding-top: 15px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
}
.illust-box {
width: 575px;
border: 5px solid #819197;
margin-top: 10px;
padding-bottom: 10px;	
}
.box-text01 {
padding-top: 10px;
padding-left: 10px;
padding-bottom: 8px;
width: 440px;
}
.box-text02 {
padding-top: 15px;
padding-left: 10px;
}
.illust-box01 {
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #819197;
border-bottom-color: #819197;
padding-top: 10px;
padding-bottom: 10px;
width: 575px;
}
.text-illst04 {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #85a8b4;
margin-left: 120px;
margin-right: 120px;
text-align: center;
}
.illust-box03 {
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
}
.illust-box03-r {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/illust/obi02.gif);
background-repeat: no-repeat;
background-position: left top;
height: 147px;
width: 177px;
}
.obi-box01 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/illust/bg_illust03.gif);
background-repeat: no-repeat;
height: 190px;
width: 190px;
position:relative;
}
.obi-box01-b {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/illust/bg_illust04.gif);
background-repeat: no-repeat;
height: 190px;
width: 190px;
position:relative;
}
.obi-box02 {
position: absolute;
background-position: left top;
}
.obi-box03 {
padding: 5px;
}
.text-illst05 {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
height: 25px;
background-position: center bottom;
}
.illust-box04 {
padding-top: 5px;
padding-bottom: 20px;
}
.text-illst06 {
font-weight: bold;
width: 70px;
padding-top: 2px;
padding-bottom: 2px;
}
.text-10illst07 {
color: #95afb9;
}
.illsut-td {
vertical-align: top;
padding-left: 15px;
}

/* fansite */
.fansite-btn01 a{
display:block;
width:120px;
height:25px;
}
.fansite-btn01 a:link,
.fansite-btn01 a:visited,
.fansite-btn01 a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_regis.gif);
background-repeat: no-repeat;
background-position: left top;
}
.fansite-btn01 a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_regis.gif) no-repeat left bottom;
}
.fansite-btn01 {
padding-bottom: 20px;
padding-left: 10px;
}

.fansite-text01 {
padding-bottom: 5px;
padding-left: 10px;
}

/* fansite　TAB */
#fansite-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;
}
#fansite-tab ul {
padding-left: 10px;
margin: 0px;
}
#fansite-tab  li{
float:left;
}

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

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

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

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

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

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


.fanseite-content {
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #2c383c;
width: 585px;
padding-top: 10px;
}
.fanseite-box01 {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/bbs/freebbs_confirm_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 585px;
padding-bottom: 5px;
padding-top: 10px;
}

.fansite-banner01 {
vertical-align: top;
width: 160px;
}
.fanseite-td01 {
padding-bottom: 3px;
padding-top: 3px;
width: 90px;
}
.fanseite-td02 {
font-weight: bold;
}
.fanseite-td02 a:link,
.fanseite-td02 a:visited,
.fanseite-td02 a:active{
color: #e2debf;
text-decoration:none;
}
.fanseite-td02 a:hover{
color: #e2debf;
text-decoration:underline;
}
.text-fanseite02 {
padding-top: 5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #5d6f75;
margin-left: 160px;
}

/* fansite_write */
.atention-text-fansite01 {
padding-left: 20px;
padding-bottom: 20px;
text-indent: -1em;
font-size: 10px;
}
.atention-text-fansite02 {
padding-left: 10px;
padding-bottom: 20px;
padding-right: 10px;
}
.atention-taxt-fansite03 {
list-style-type: none;
padding-left: 10px;
padding-bottom: 15px;
margin: 0px;
padding-top: 0px;
padding-right: 10px;
font-size: 12px;
}
.atention-taxt-fansite04 {
padding-top: 20px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/illust/text_application.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 20px;
font-size: 10px;
}
.fanseite-form-text01 {
font-weight: bold;
color: #edd06c;
padding-left: 3px;
}


#all-container #bg-container01 #bg-container02 #container #right #contents-detail #freebbs-detail #atention-box-illst01 .bbsconfirm-box02 .search-input-fanart textarea {
background-color: #2F3B3F;
height: 50px;
width: 410px;
border: 1px solid #101416;
color: #bec9cb;
}
.fanseite-form-text02 {
font-weight: normal;
}
.atention-taxt-fansite05  {
font-weight: bold;
color: #bec9cb;
width: 150px;
padding-left: 10px;
vertical-align: top;
}
.atention-taxt-fansite06  {
color: #bec9cb;
width: 220px;
padding-left: 10px;
}
.fansite-btn01-form {
padding-right: 60px;
}
.atention-text-fansite07 {
	padding-left: 20px;
	padding-bottom: 20px;
	text-indent: -1em;
	font-size: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #2c383c;
	width: 585px;
}
.atention-taxt-fansite08 {
padding-top: 20px;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/fansite/text_fanseite03.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 20px;
font-size: 10px;
}
.text-bbs-p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}