@charset "UTF-8";

.unit {
 width: 180px;
 height: 230px;
}
.unit a {
 display: block;
 width: 180px;
 height: 180px;
}
.unit p {
color:#666;
}

.on {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
}
.off {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 2;
}

h2{
font-weight:normal;
color:#4D4D4D;
}


.picon {
 padding-left: 54px;
 background: url(../img/partner_icon.gif) no-repeat left -2px;
}

#catch p { font-size: 19px;}
#explanation { padding-right: 215px;}
#cont p { font-size: 13px;}
.thumb { background-color: #333;}


#tab {
 position: absolute;
 left: 828px;
 top: 10px;
 z-index: 2;
}

#btn {
 cursor: pointer; 
 position: absolute;
 left: 2px;
 top: 0;
 z-index: 2;
}

#palette {
 display: none;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1;
 width: 143px;
 height: 241px;
 padding: 16px 20px 20px 20px;
 background-color: #CCC;
}

.photobox {
 width: 143px;
 height: 87px;
 margin-bottom: 16px;
 background-color: #fff;
}

#scbox { display: none;}

#palette p {
 font-size: 11px;
 width: 143px;
}

.link a {
 color: #fff !important;
 font-size: 12px;
 text-decoration: none !important;
 line-height:1;
}

.link a:hover { color: #333 !important;}


#explanation p{
line-height:1.8;

}

p.creator img{
display:block;
padding-right:20px;
}

.price {
line-height:270%;
}