@import "base.css";


.contents dl{width: 100%; height: auto; margin: 0 0 10px 0; padding: 0 0 5px 0; background: #000}
.contents dl:after{display: block; content: ""; height: 1px; margin: -1px; clear: both;}

.contents dl dt{width: auto; height: auto; margin: 0 0 0 20px; padding: 5px 0 0 0;}
.contents dl dd{width: auto; height: auto; float: left; margin: 0 0 5px 5px}


.contents h2{width: auto; height: auto; margin: 5px 0 5px 0; padding: 0 0 0 20px; clear: both}

#ladies{color: #b86374}
#kids{color: #b0882a}
#working{color: #464646}
#ecology{color: #578a5c}
#original{color: #388099}
#others{color: #96a9a3}
.and-text{color: #acb1a5}


.contents ul{width: auto; height: auto; margin: 0 0 10px 0; padding: 0 0 0 5px;}
.contents ul:after{display: block; content: ""; height: 1px; margin: -1px; clear: both;}

.contents ul li{width: 250px; height: 140px; float: left; margin: 0 0 5px 5px; background: url(../img/point.gif) no-repeat; overflow: hidden}
.contents ul li:after{display: block; content: ""; height: 1px; margin: -1px; clear: both;}
.contents ul li:hover{background: url(../img/point_a.gif) no-repeat}
.contents ul li img{float: left; margin: 5px 0 0 5px}

.contents ul li h3{width: 155px; height: auto; float: right; margin: 5px 0 0 0; padding: 0 5px 0 0; font-size: 12px}
.contents ul li span{width: 155px; height: auto; float: right; padding: 0 5px 0 0; text-align: left; font-size: 11px; display: block}