.creator-sort{
width:720px;}

.creator-sort h4{
color:#fff;
font-size:15px;
line-height:15px;
background-image:url(../images/back_list_title.gif);
background-position:top right;
background-repeat:no-repeat;
padding:7px 60px 9px 5px;
width:auto;
border:0px;
float:left;
margin:0px;}

.creator-sort a:link#listchange,.creator-sort a:visited#listchange,.creator-sort a:active#listchange,.creator-sort a:hover#listchange{
float:left;
margin:0px 0px 0px 0px;
padding:9px 20px 8px 20px;
background-color:#c1ff00;
border:none;
font-size:13px;
line-height:13px;
font-weight:bold;}

.creator-sort p{float:left;}


.creator-tab{width:700px;
margin:0px 0px 0px 0px;
}

.creator-tab p{
color:#000;
float:left;
width:auto;
display:block;
line-height:100%;
font-size:75%;
font-weight:bold;
padding:8px 20px 5px 15px;
margin:0px 2px 0px 0px;
background-position:right top;
background-repeat:no-repeat;
background-color:transparent;}

.creator-tab p#backtab1{background-image:url(../images/back_tab_1.gif);background-color:#fff;color:#000;}
.creator-tab p#backtab2{background-image:url(../images/back_tab_2.gif);background-color:#fff;color:#000;}
.creator-tab p#backtab3{background-image:url(../images/back_tab_3.gif);background-color:#fff;color:#fff;}
.creator-tab p#backtab4{background-image:url(../images/back_tab_4.gif);background-color:#fff;color:#fff;}
.creator-tab p#backtab5{background-image:url(../images/back_tab_5.gif);background-color:#fff;color:#fff;}
.creator-tab p#backtab6{background-image:url(../images/back_tab_6.gif);background-color:#fff;color:#fff;}
.creator-tab p#backtab7{background-image:url(../images/back_tab_7.gif);background-color:#fff;color:#fff;}


.creator-tab a:link,.creator-tab a:visited,.creator-tab a:hover,.creator-tab a:active{
float:left;
width:auto;
display:block;
line-height:100%;
font-size:75%;
font-weight:bold;
padding:8px 20px 5px 15px;
margin:0px 2px 0px 0px;
background-position:right top;
background-repeat:no-repeat;
border-width:0px 0px 0px 1px;
border-style:solid;
border-color:#666;
background-color:transparent;}

.creator-tab a:link,.creator-tab a:visited,.creator-tab a:active{
background-image:url(../images/tab.gif);
}

.creator-tab a:hover{
background-image:url(../images/tab_over.gif);
}



#back1{background-color:#DFDFDF;border-color:#DFDFDF;}
#back2{background-color:#BFBFBF;border-color:#BFBFBF;}
#back3{background-color:#9F9F9F;border-color:#9F9F9F;}
#back4{background-color:#808080;border-color:#808080;}
#back5{background-color:#606060;border-color:#606060;}
#back6{background-color:#404040;border-color:#404040;}
#back7{background-color:#202020;border-color:#202020;}

.creator-search{clear:both;
width:680px;
padding:20px;
margin:0px;}

.creator-search#back4 h5{color:#fff}
.creator-search#back5 h5{color:#fff}
.creator-search#back6 h5{color:#fff}
.creator-search#back7 h5{color:#fff}

.creator-search h5{}
.creator-search form{margin:10px 0px 0px 10px;}
.creator-search input{padding:5px;}

.list#back1 div.creator-list{background-color:#fff;
border-color:#DFDFDF;}
.list#back2 div.creator-list{background-color:#fff;
border-color:#BFBFBF;}
.list#back3 div.creator-list{background-color:#fff;
border-color:#9F9F9F;}
.list#back4 div.creator-list{background-color:#fff;
border-color:#808080;}
.list#back5 div.creator-list{background-color:#fff;
border-color:#606060;}
.list#back6 div.creator-list{background-color:#fff;
border-color:#404040;}
.list#back7 div.creator-list{background-color:#fff;
border-color:#202020;}



.creator-list{width:716px;background-color:#fff;
margin:0px;
border-width:1px 2px;
border-style:solid;}


.list#back1 div.creator-list div#number{background-image:url(../images/head-creator-number_01.gif);color:#333;}
.list#back2 div.creator-list div#number{background-image:url(../images/head-creator-number_02.gif);color:#666;}
.list#back3 div.creator-list div#number{background-image:url(../images/head-creator-number_03.gif);}
.list#back4 div.creator-list div#number{background-image:url(../images/head-creator-number_04.gif);}
.list#back5 div.creator-list div#number{background-image:url(../images/head-creator-number_05.gif);}
.list#back6 div.creator-list div#number{background-image:url(../images/head-creator-number_06.gif);}
.list#back7 div.creator-list div#number{background-image:url(../images/head-creator-number_07.gif);}

#number{
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;
color:#fff;
padding:0px ;margin:0px;
font-weight:bold;
font-size:35px;
width:80px;
padding:20px 0px;
text-align:center;
float:left;
margin:0px 10px 0px 0px;
font-family:Arial,Helvetica,'MS P Gothic',Osaka,;}





.creator-list div#number{background-image:url(../images/head-creator-number.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;
color:#fff;
padding:0px ;margin:0px;
font-weight:bold;
font-size:35px;
width:80px;
padding:20px 0px;
text-align:center;
float:left;
margin:0px 10px 0px 0px;
font-family:Arial,Helvetica,'MS P Gothic',Osaka,;}


.creator-list div#name{float:right;
width:620px;}

.creator-list div#name h5{
margin:10px 20px 5px 0px;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#666;
padding:0px 0px 2px 2px;
font-size:15px;}


.creator-list div#name p#ll{font-size:75%;margin:2px 0px 0px 0px;}

a#gotodetail{
font-size:80%;display:block;
width:160px;
padding:5px 10px;
border:1px solid #c1ff00;
font-weight:normal;
margin:10px 0px 20px 0px;
text-align:center;
}


.creator-list div#others{clear:both;padding:0px 0px 0px 100px;
background-color:#fff;}

.creator-list div#others p{font-size:80%;
line-height:110%;
margin:0px 0px 0px 10px;
width:230px;
float:left;}

.creator-list div#others img#portrait{float:left;
width:80px;
height:80px;}


.sub-contents div.creator-details{width:198px;
background-color:#fff;
border-width:2px 1px;
border-style:solid;
border-color:#ff1a61;
padding:10px 5px;}

.sub-contents h6 a:link,
.sub-contents h6 a:visited,
.sub-contents h6 a:hover,
.sub-contents h6 a:active{
color:white;
background-color:#ff1a61;
padding:3px 3px 0px 3px;}

.sub-contents div.creator-details div.creator-name{float:right;width:140px;margin:10px 0px 0px 0px;}

.creator-details div.thumbnail-96_64#recommend{width:200px;text-align:center;
padding:10px 0px 0px 0px;}

.creator-details div.thumbnail-96_64#recommend img{float:none;}

.creator-details div.thumbnail-96_64#recommend div#data{width:150px;
float:none;}

.creator-details div.thumbnail-96_64#recommend div#data h5#title{
width:150px;
float:none;}

.list#head{width:720px;
clear:both;
margin:10px 0px 0px 0px;}

.list#head h4
{width:80px;
float:left;
margin:0px 10px 0px 0px;
padding:20px 0px;
text-align:center;
font-family:Arial,Helvetica,'MS P Gothic',Osaka,;
font-size:35px;
font-weight:bold;
background-position:top;
background-repeat:no-repeat;
background-color:#fff;
border:none;color:#fff;}

.list#head h4#a{background-image:url(../images/head-creator_01.gif);color:#333;}
.list#head h4#k{background-image:url(../images/head-creator_02.gif);color:#666;}
.list#head h4#s{background-image:url(../images/head-creator_03.gif);color:#eee;}
.list#head h4#t{background-image:url(../images/head-creator_04.gif);}
.list#head h4#n{background-image:url(../images/head-creator_05.gif);}
.list#head h4#h{background-image:url(../images/head-creator_06.gif);}
.list#head h4#m{background-image:url(../images/head-creator_07.gif);}
.list#head h4#y{background-image:url(../images/head-creator_08.gif);}
.list#head h4#r{background-image:url(../images/head-creator_09.gif);}
.list#head h4#w{background-image:url(../images/head-creator_10.gif);}
.list#head h4#ei{background-image:url(../images/head-creator_11.gif);}
.list#head h4#su{background-image:url(../images/head-creator_12.gif);}

.list#head table{float:right;
width:630px;}

.list#head th#back,.list#head td#back{background-color:#eee;}

.list#head th,.list#head td{
font-size:80%;
font-weight:bold;}

.list#head th{vertical-align:top;
width:245px;
padding:5px 10px 5px 10px;
border-width:0px 3px 0px 0px;
border-style:solid;
border-color:#fff;}

.list#head td{vertical-align:top;
padding:5px;}

td a:link,td a:visited,td a:active,td a:hover{border:none;}
.list img#portrait{width:30px;}



.creator-list div#others div.thumbnail-96_64{width:96px;
text-align:center;
font-size:75%;
float:left;
margin:0px 0px 0px 35px;}

.creator-list div#others div.thumbnail-96_64 div.img-96_64 img{width:96px;height:64px;}


.creator-list div#others div.thumbnail-96_64 div#data{width:96px;
text-align:center;}

.creator-list div#others div.thumbnail-96_64 div#data h5#title{
width:96px;
text-align:center;
margin:0px 0px 3px 0px;
padding:0px 0px 3px 0px;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#666;}


.buttons{background-color:#eee;
padding:30px 10px 0px 10px;}
.buttons a,.buttons a#gotodetail{float:left;margin:0px;
background-color:#fff;}