@charset "utf-8";
/* CSS Document */

/* grey box */
.grey-box {
	border:solid #cfcfcf;
	border-width:1px 1px 0;
	background: #FEFEFE url(img/grey-box/bg.gif) repeat-x 0 100%;
	position:relative;
}
.grey-box .content {
	position:relative;
	z-index:2;
	height:1%;
	overflow:hidden;
	margin: 4px;
}
.grey-box .btm {
	width:100%;
	padding:0 1px;
	margin:-5px -1px 0;
	overflow:hidden;
	position:relative;
	background:url(img/grey-box/btm.gif) repeat-x 0 100%;
}
.grey-box .btm span, .grey-box .btm em {
	width:11px;
	height:11px;
	overflow:hidden;
	background-repeat:no-repeat;
}
.grey-box .btm span {
	float:left;
	margin:0 0 0 -1px;
	background-image:url(img/grey-box/left-btm.gif);
}
.grey-box .btm em {
	float:right;
	margin:0 -1px 0 0;
	background-image:url(img/grey-box/right-btm.gif);
}
.grey-box .top {
	position:absolute;
	width:100%;
	padding:0 1px;
	margin:0 -1px;
	overflow:hidden;
	z-index:1;
	top:-1px;
	left:0;
	background:url(img/grey-box/right-top.gif) no-repeat 100% 0;
}

.grey-box .top span {
	width:10px;
	height:10px;
	overflow:hidden;
	float:left;
	margin:0 0 0 -1px;
	background:url(img/grey-box/left-top.gif) no-repeat;
}