@charset 'utf-8';

ul#thumb01, ul#thumb02 {
margin-left:0;
}


/*
 * 動作に必要な定義はここから
 */

.showbox {
    width: 270px;
}

.box {
    display: none;
}

.box img {
    float: left;
    padding: 0;
    border: solid 1px #999;
}

.box div {
    float: right;
}

.thumb {
    margin: 20px 0;
    padding: 10px 0 0 0;
    width: 270px;
    border-top: dashed 1px #cabf97;
}

.thumb li {
    list-style: none;
    float: left;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 5px;
    border: solid 1px #e4ebdc;
}

.thumb li.lastChild {
    margin-right: 0;
}

.thumb li.active {
    border: solid 1px #719a48;
}

.thumb li.active a {
    cursor: text;
}

.thumb a {
    display: block;
    width: 45px;
    height: 60px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}