/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#FFF;}

#colorbox{}
#cboxContent{margin-top:43px;margin-left: 44px;margin-right: 44px;}
#cboxLoadedContent{background:#262626; padding:1px;}
#cboxLoadingGraphic{background:url(images/loading_product.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#262626;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


/* added by SQUEEZE Lab.(http://sqz.jp/) */
#cboxContent #product-point-area
{
  color: #FFF;
}

#cboxContent #product-point-area h2,
#cboxContent #product-point-area ul
{
  position: absolute;
  height: auto;
}

#cboxContent #product-point-area h2
{
  left: -43px;
  top: -43px;
  width: 86px;
  height: 0;
  padding-top: 86px;
  background: transparent url(../img/point01_ttl.gif) no-repeat;
  overflow: hidden;
}

#cboxContent #product-point-area .point02-data h2
{
  background: transparent url(../img/point02_ttl.gif) no-repeat;
}

#cboxContent #product-point-area .point03-data h2
{
  background: transparent url(../img/point03_ttl.gif) no-repeat;
}

#cboxContent #product-point-area ul
{
  left: 170px;
  top: -20px;
}

#cboxContent #product-point-area ul li a
{
  display: block;
  position: absolute;
  top: 0;
  width: 80px;
  height: 0;
  padding-top: 20px;
  background: transparent url(../img/product_box_point.gif) no-repeat;
  overflow: hidden;
}

#cboxContent #product-point-area ul .point01 a
{
  left: 0;
  background-position: 0 0;
}

#cboxContent #product-point-area .point01-data ul .point01 a,
#cboxContent #product-point-area ul .point01 a:hover
{
  background-position: 0 -20px;
}

#cboxContent #product-point-area ul .point02 a
{
  left: 82px;
  background-position: -80px 0;
}

#cboxContent #product-point-area .point02-data ul .point02 a,
#cboxContent #product-point-area ul .point02 a:hover
{
  background-position: -80px -20px;
}

#cboxContent #product-point-area ul .point03 a
{
  left: 164px;
  background-position: -160px 0;
}

#cboxContent #product-point-area .point03-data ul .point03 a,
#cboxContent #product-point-area ul .point03 a:hover
{
  background-position: -160px -20px;
}

#cboxContent #product-point-area .text
{
  padding: 15px 25px;
}

#cboxContent #product-point-area .text h1
{
  margin-bottom: 6px;
  color: #BFB48F;
  font-size: 16px;
  font-weight: bold;
}

#cboxContent #product-goods-area
{
  color: #FFF;
  font-size: 10px;
}

#cboxContent #product-goods-area #product-goods-data-area
{
  position: relative;
}

#cboxContent #product-goods-area h2
{
  width: 303px;
  height: 0;
  padding-top: 18px;
  background: transparent url(../img/product_collection_box_ttl.gif) no-repeat;
  overflow: hidden;
  margin-bottom: 10px;
}

#cboxContent #product-goods-area h3,
#cboxContent #product-goods-area h4
{
  font-size: 12px;
  color: #BFB48F;
}

#cboxContent #product-goods-area h3
{
  font-weight: bold;
}

#cboxContent #product-goods-area h4
{
  margin-bottom: 10px;
}

#cboxContent #product-goods-area h5
{
  font-size: 11px;
  margin-bottom: 10px;
}

#cboxContent #product-goods-area .text
{
  width: 310px;
}

#cboxContent #product-goods-area .text p
{
  width: 300px;
  margin-bottom: 18px;
}

#cboxContent #product-goods-area .text li
{
  padding-right: 5px;
  padding-bottom: 5px;
}

#cboxContent #product-goods-area .text li img
{
  vertical-align: bottom;
}

#cboxContent #product-goods-area .photo img
{
  position: absolute;
  right: 0;
  bottom: 0;
}