@charset 'utf-8';

#targetarea01,
#targetarea02 {
    float: left;
    width: 450px;
}

#targetarea02 {
    float: right;
}

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

.showbox {
    width: 435px;
}

.box {
    display: none;
}

.box img {
    float: left;
}

.thumb {
    margin: 10px 0;
    padding: 10px 0 21px 0;
    width: 436px;
	background:url(../img/click.gif) no-repeat right bottom;
}

.thumb li {
    list-style: none;
    float: left;
    padding: 0;
	border: solid 2px #FFF;
}

.thumb li.right {
	border-right: none;
}

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

.thumb li.active {
    border: solid 2px #F60;
}

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

.thumb a {
    display: block;
    width: 105px;
    height: 79px;
}

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