/* ---------------------------
BOX全体
--------------------------- */
.box-curve {
  clear:both;
  margin:0px 0;
  width:100%;
  font-size: 11px;
  font-family: Osaka, Verdana, Arial, sans-serif;
  position:relative;
}
/* ---------------------------
タイトル h2
--------------------------- */
.box-curve h2 {
  background:#66cc66 url(/shop/catalog/images/box/box-curve-top-left.gif) no-repeat scroll left top;
}
.box-curve h2 {
  color:#FFFFFF;
  position:relative;
  width:100%;
}
.box-curve h2 a {
color:#FFFFFF !important;
}

h1, h2, h3, h4, h5 {
  font-size:100%;
  margin:0;
  padding:0;
}
/* ---------------------------
タイトル span.title
--------------------------- */
.box-curve h2 span.title {
  background:transparent url(/shop/catalog/images/box/box-curve-top-right.gif) no-repeat scroll right top;
}
.box-curve h2 span.title {
  text-align:center;
  vertical-align:middle;
  display:block;
  padding:5px 8px;
  font-size:12px;
}

/* ---------------------------
タイトル部の右端 span.title
--------------------------- */
.box-curve div.right-edge {
  position:absolute;
  right:8px;
  text-align:right;
  top:6px;
}

/* ---------------------------
コンテンツ div.curve-middle
--------------------------- */
.box-curve .curve-middle {
  border-left:1px solid #66cc66;
  border-right:1px solid #66cc66;
  background-color: #f8f8f9;
}
.box-curve .curve-middle {
  padding:10px 0px 3px; /* top:right,left:bottom */
  text-align:center;
}
.box-curve .curve-middle .curve-middle2 {
  width:95%;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
}
/* ---------------------------
BOX下部 span.curve-bottom
背景が白の場合(デフォルト)
--------------------------- */
.box-curve span.curve-bottom {
  background:transparent url(/shop/catalog/images/box/box-curve-bottom-left.gif) no-repeat scroll left bottom;
  clear:both;
  display:block;
  font-size:1px;
  height:8px;
}

.box-curve span.curve-bottom span {
  background:transparent url(/shop/catalog/images/box/box-curve-bottom-right.gif) no-repeat scroll right bottom;
  display:block;
  font-size:1px;
  height:8px;
}
/* ---------------------------
BOX下部 span.curve-bottom-gray
背景が白でない場合
--------------------------- */
.box-curve span.curve-bottom-gray {
  background:transparent url(/shop/catalog/images/box/box-curve-bottom-left-gray.gif) no-repeat scroll left bottom;
  clear:both;
  display:block;
  font-size:1px;
  height:8px;
}

.box-curve span.curve-bottom-gray span {
  background:transparent url(/shop/catalog/images/box/box-curve-bottom-right-gray.gif) no-repeat scroll right bottom;
  display:block;
  font-size:1px;
  height:8px;
}