.box-main {
	float: left; width: 496px; margin-top: 10px; 
	background: url(../box_bg.php?type=back&color=green) top left repeat-y;
}
.box-top {
	padding-top: 6px; 
	background: url(../box_bg.php?type=top&color=green) top left no-repeat; padding-top: 6px;
}
.box-top-body {
	background: url(../box_bg.php?type=back-h&color=green) top left repeat-y; padding-bottom: 2px; 
}

.box-bottom {
	background: url(../box_bg.php?type=bottom&color=green) bottom left no-repeat;
}

.box-body {
	background: url(../box_bg.php?type=middle&color=green) top left no-repeat; padding: 10px 22px 18px 22px; width: 452px;
}

.box-green { float: left; width: 496px; margin-top: 10px; background: url(../image/box-c1-back.jpg) top left repeat-y;}
.box-green-top { background: url(../image/box-c1-top.jpg) top left no-repeat; padding-top: 6px; }
.box-green-top-body { background: url(../image/box-c1-back-h.jpg) top left repeat-y; padding-bottom: 2px; }
.box-green-bottom { background: url(../image/box-c1-bottom.jpg) bottom left no-repeat;}
.box-green-body {  background: url(../image/box-c1-middle.jpg) top left no-repeat; padding: 10px 22px 18px 22px; width: 452px; }

.box-blue { float: left; width: 496px; margin-top: 10px; background: url(../box_bg.php?type=back&color=blue) top left repeat-y;}
.box-blue-top { background: url(../box_bg.php?type=top&color=blue) top left no-repeat; padding-top: 6px; }

.box-blue-top-body { background: url(../box_bg.php?type=back-h&color=blue) top left repeat-y; padding-bottom: 2px; }

.box-blue-bottom { background: url(../box_bg.php?type=bottom&color=blue) bottom left no-repeat;}
.box-blue-body {  background: url(../box_bg.php?type=middle&color=blue) top left no-repeat;  }

/** dark purple */
.box-darkpurple { float: left; width: 496px; margin-top: 10px; background: url(../box_bg.php?type=back&color=darkpurple) top left repeat-y;}
.box-darkpurple-top { background: url(../box_bg.php?type=top&color=darkpurple) top left no-repeat; padding-top: 6px; }

.box-darkpurple-top-body { background: url(../box_bg.php?type=back-h&color=darkpurple) top left repeat-y; padding-bottom: 2px; }

.box-darkpurple-bottom { background: url(../box_bg.php?type=bottom&color=darkpurple) bottom left no-repeat;}
.box-darkpurple-body {  background: url(../box_bg.php?type=middle&color=darkpurple) top left no-repeat;  }

/** dark blue */
.box-darkblue { float: left; width: 496px; margin-top: 10px; background: url(../box_bg.php?type=back&color=darkblue) top left repeat-y;}
.box-darkblue-top { background: url(../box_bg.php?type=top&color=darkblue) top left no-repeat; padding-top: 6px; }

.box-darkblue-top-body { background: url(../box_bg.php?type=back-h&color=darkblue) top left repeat-y; padding-bottom: 2px; }

.box-darkblue-bottom { background: url(../box_bg.php?type=bottom&color=darkblue) bottom left no-repeat;}
.box-darkblue-body {  background: url(../box_bg.php?type=middle&color=darkblue) top left no-repeat;  }

/** red */
.box-red { float: left; width: 496px; margin-top: 10px; background: url(../box_bg.php?type=back&color=red) top left repeat-y;}
.box-red-top { background: url(../box_bg.php?type=top&color=red) top left no-repeat; padding-top: 6px; }
.box-red-top-body { background: url(../box_bg.php?type=back-h&color=red) top left repeat-y; padding-bottom: 2px; }
.box-red-bottom { background: url(../box_bg.php?type=bottom&color=red) bottom left no-repeat;}
.box-red-body {  background: url(../box_bg.php?type=middle&color=red) top left no-repeat;  }

/** pink */
.box-pink { float: left; width: 496px; margin-top: 10px; background: url(../box_bg.php?type=back&color=pink) top left repeat-y;}
.box-pink-top { background: url(../box_bg.php?type=top&color=pink) top left no-repeat; padding-top: 6px; }
.box-pink-top-body { background: url(../box_bg.php?type=back-h&color=pink) top left repeat-y; padding-bottom: 2px; }
.box-pink-bottom { background: url(../box_bg.php?type=bottom&color=pink) bottom left no-repeat;}
.box-pink-body {  background: url(../box_bg.php?type=middle&color=pink) top left no-repeat;  }


/** yellow */
.box-yellow { float: left; width: 496px; margin-top: 10px; background: url(../box_bg.php?type=back&color=yellow) top left repeat-y;}
.box-yellow-top { background: url(../box_bg.php?type=top&color=yellow) top left no-repeat; padding-top: 6px; }

.box-yellow-top-body { background: url(../box_bg.php?type=back-h&color=yellow) top left repeat-y; padding-bottom: 2px; }

.box-yellow-bottom { background: url(../box_bg.php?type=bottom&color=yellow) bottom left no-repeat;}
.box-yellow-body {  background: url(../box_bg.php?type=middle&color=yellow) top left no-repeat;  }

/** orange */
.box-orange { float: left; width: 496px; margin-top: 10px; background: url(../box_bg.php?type=back&color=orange) top left repeat-y;}
.box-orange-top { background: url(../box_bg.php?type=top&color=orange) top left no-repeat; padding-top: 6px; }

.box-orange-top-body { background: url(../box_bg.php?type=back-h&color=orange) top left repeat-y; padding-bottom: 2px; }

.box-orange-bottom { background: url(../box_bg.php?type=bottom&color=orange) bottom left no-repeat;}
.box-orange-body {  background: url(../box_bg.php?type=middle&color=orange) top left no-repeat;  }



/** green */
.box-green { float: left; width: 496px; margin-top: 10px; background: url(../box_bg.php?type=back&color=green) top left repeat-y;}
.box-green-top { background: url(../box_bg.php?type=top&color=green) top left no-repeat; padding-top: 6px; }

.box-green-top-body { background: url(../box_bg.php?type=back-h&color=green) top left repeat-y; padding-bottom: 2px; }

.box-green-bottom { background: url(../box_bg.php?type=bottom&color=green) bottom left no-repeat;}
.box-green-body {  background: url(../box_bg.php?type=middle&color=green) top left no-repeat;  }



.box-purple { float: left; margin-top: 40px; width: 496px; background: url(../image/box-purple-back.jpg) top left repeat-y;}
.box-purple-top { background: url(../image/box-purple-top.jpg) top left no-repeat; padding-top: 6px; }
.box-purple-top-body { background: url(../image/box-purple-back-h.jpg) top left repeat-y; padding-bottom: 2px; }
.box-purple-bottom { background: url(../image/box-purple-bottom.jpg) bottom left no-repeat;}
.box-purple-body {  background: url(../image/box-purple-middle.jpg) top left no-repeat; padding: 10px 22px 18px 22px; width: 452px;  }

.box-c4 { float: left; width: 496px; background: url(../image/box-c4-back.jpg) top left repeat-y;}
.box-c4-top { background: url(../image/box-c4-top.jpg) top left no-repeat; padding-top: 6px; }
.box-c4-top-body { background: url(../image/box-c4-back-h.jpg) top left repeat-y; padding-bottom: 2px; }
.box-c4-bottom { background: url(../image/box-c4-bottom.jpg) bottom left no-repeat;}
.box-c4-body {  background: url(../image/box-c4-middle.jpg) top left no-repeat; padding: 10px 22px 8px 22px; width: 452px;  }

.small-box {
	
	background: url(../small_box_bg.php?type=bg) top left repeat-y;
}
.small-box-top {
	background: url(../small_box_bg.php?type=top) top left no-repeat;
}

.small-box-bottom {
	
	padding:20px 15px;
	background: url(../small_box_bg.php?type=bottom) bottom left no-repeat;
}