@charset "utf-8";
/* CSS Document */

/* left ------------------------------------------ */
/* menu01 */
#left-menu01{
width:257px;
height:175px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/bg_left.png) no-repeat -19px -10px;
}

/* キャラクター情報 */
#left-menu01-charactor,
#left-menu01-charactor-active{
width:216px;
height:52px;
}

#left-menu01-charactor a,
#left-menu01-charactor-active a{
display:block;
width:216px;
height:52px;
}
#left-menu01-charactor a:link,
#left-menu01-charactor a:visited,
#left-menu01-charactor a:active{
background:url(http://cdn.valofe.com/static/at_jp/images/custom/left_btn_charactorinfo.jpg) no-repeat left bottom;
}
#left-menu01-charactor a:hover,
#left-menu01-charactor-active a{
background:url(http://cdn.valofe.com/static/at_jp/images/custom/left_btn_charactorinfo.jpg) no-repeat left top;
}

.hidden{
position:absolute;
left:-9999px;
}


/* right ------------------------------------------ */
/* ttl */
#ttl{
height:132px;
}
.sub-custom .ttl-custom h2{
position:absolute;
top:30px;
left:10px;
width:400px;
height:0;
padding-top:35px;
overflow:hidden;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/sttl_custom.png) no-repeat left 0px;;
}

/* charactor info */
#charactorinfo-contents{
}
#charactorinfo-read{
width:674px;
padding-bottom:22px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/bg_characterinfo_read.jpg) no-repeat left bottom;
}
#charactorinfo-read > p{
margin:4px 0 17px 28px;
line-height:1.5;
}
#charactorinfo-read > .bg-read{
width:623px;
margin-left:28px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/bg_chararead_middle.png) no-repeat left top;
}
#charactorinfo-read > .bg-read .bg-read-inner{
background:url(http://cdn.valofe.com/static/at_jp/images/custom/bg_chararead_bottom.jpg) no-repeat left bottom;
}
#charactorinfo-read > .bg-read .bg-read-inner p{
width:593px;
padding:12px 15px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/bg_chararead_top.jpg) no-repeat left top;
}

.charactor-list h4{
height:30px;
}
#charactor-list-ttl{
background:url(http://cdn.valofe.com/static/at_jp/images/custom/sttl_charactor_list.gif) no-repeat left top;
}

.charactor-list table{
margin:20px 0 0 30px;
font-size:12px;
color:#777a7c;
border-bottom:#e4e4ea 1px solid;
}
.charactor-list table th{
padding-bottom:1px;
}
.charactor-list table tr.check-on{
background-color:#f1f1f4;
}
.charactor-list table tr.check-change{
background-color:#ffd9da;
}
.charactor-list table .sttl-charactor-list-radio{
width:39px;
height:20px;

background:url(http://cdn.valofe.com/static/at_jp/images/custom/sttl_charactor_list_radio.gif) no-repeat left top;
}
.charactor-list table .sttl-charactor-list-name{
width:429px;
height:20px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/sttl_charactor_list_name.gif) no-repeat left top;
}
.charactor-list table .sttl-charactor-list-server{
width:86px;
height:20px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/sttl_charactor_list_server.gif) no-repeat left top;
}
.charactor-list table .sttl-charactor-list-level{
width:70px;
height:20px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/sttl_charactor_list_level.gif) no-repeat left top;
}
.charactor-list table .sttl-charactor-list-name span,
.charactor-list table .sttl-charactor-list-server span,
.charactor-list table .sttl-charactor-list-level span{
position:absolute;
left:-9999px;
}

.charactor-list table .charactor-list-radio{
width:39px;
height:23px;
text-align:center;
}
.charactor-list table .charactor-list-radio input{
margin-top:-1px;
}
.charactor-list table .charactor-list-name{
width:420px;
height:23px;
padding:0 0 0 9px;
font-weight:bold;
}
.charactor-list table .charactor-list-server{
width:86px;
height:23px;
text-align:center;
}
.charactor-list table .charactor-list-level{
width:70px;
height:23px;
text-align:center;
}

.charactor-list table .charactor-list-bd{
height:3px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/bd_charactor_list.gif) repeat-x left top;
}
.charactor-list table .charactor-list-bd-b{
height:3px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/bd_charactor_list_b.gif) repeat-x left top;
}
.charactor-list table .charactor-list-bottom{
height:1px;
}
.charactor-list .btn_charactor_change{
width:80px;
height:25px;
margin:18px auto 0;
}
.charactor-list .btn_charactor_change a:link,
.charactor-list .btn_charactor_change a:visited,
.charactor-list .btn_charactor_change a:active{
display:block;
width:80px;
height:25px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/btn_charactor_change.gif) no-repeat left bottom;
}
.charactor-list .btn_charactor_change a:hover{
display:block;
width:80px;
height:25px;
background:url(http://cdn.valofe.com/static/at_jp/images/custom/btn_charactor_change.gif) no-repeat left top;
}

/* VFUN 수정 */
#charactorinfo-read > p,
#charactorinfo-read > .bg-read .bg-read-inner p{font-size:12px; line-height:2}
#charactor-list-ttl{text-indent:-9999px;}