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

#category{
text-align:center;
}

#category h2#key-01{
width:679px;
height:153px;
/* [WTF] This image should be placed into HTML!!! background:url(../img/l_head_06.jpg) no-repeat;*/
padding:60px 0 0 0;
margin:20px 0 20px 0;
text-align:left;
}

/* IE4～6 \*/
* html #category h2#key-01{
height:213px;
}
/* */

#category h2 span{
display:block;
width:329px;
color:#ffffff;
margin:0 0 0 341px;
}

#category h2 span.small-category{
color:#7900a6;
font-size:14px;
font-weight:bold;
line-height:19px;
}

#category #small-category{
width:656px;
margin:0 auto;
background:url(../img/bg_14.gif) repeat-y;
margin-top:20px;
/*padding:24px 0 0 74px;*/
text-align:left;
}

#category  #small-category span#small-category-top{
background:url(../img/bg_13.gif) no-repeat;
padding:24px 0 0 74px;
height:24px;
display:block;
width:582px;
text-align:left;
}

#category  #small-category span#small-category-bottom{
background:url(../img/bg_15.gif) no-repeat;
background-position:bottom;
display:block;
padding:0 0 10px 74px;
width:582px;
}

/* IE4～6 \*/
* html #category #small-category span#small-category-top{
width:656px;
padding-bottom: 10px;
}

* html #category #small-category span#small-category-bottom{
width:656px;
}
/* */

#category h3#title{
color:#a851e5;
font-weight:bold;
font-size:13px;
margin:20px 0 10px 0;
text-align:left;
}

#category #other-categorylist{
width:650px;
background:url(../img/bg_17.gif) no-repeat;
background-position:bottom;
padding-bottom:2px;
margin:10px auto;
text-align:left;
}


#category dl{
background:url(../img/bg_16.gif) repeat-y;
width:650px;
padding:0 0 8px 0;
}

#category dd{
border-right:#afafaf 1px solid;
padding:0 5px 0 5px;
margin:3px 0;
float:left;
white-space: nowrap;
}


/* IE4～6 \*/
* html #category ul{width:650px;}
/* */