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

.subtitleDark, .subtitleMid, .subtitleLight {
	position: relative;
	width: 100%;
	height: 21px;
	background-repeat: repeat-x;
}

.subtitleDark {
	background-image: url(../images/subtitle-dark-bg.gif);
}

.subtitleMid {
	background-image: url(../images/subtitle-mid-bg.gif);
}

.subtitleLight {
	background-image: url(../images/subtitle-light-bg.gif);
}

.subtitleDarkStart, .subtitleMidStart, .subtitleLightStart {
	position: absolute;
	left: 0px;
	width: 9px;
	height: 21px;
	background-repeat: no-repeat;
}

.subtitleDarkStart {
	background-image: url(../images/subtitle-dark-l.gif);
}

.subtitleMidStart {
	background-image: url(../images/subtitle-mid-l.gif);
}

.subtitleLightStart {
	background-image: url(../images/subtitle-light-l.gif);
}

.subtitleDark h2, .subtitleMid h2, .subtitleLight h2 {
	position: absolute;
	width: 100%;
	height: 21px;
	text-align: left;
	padding-left: 12px;
	padding-top: 2px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.subtitleDarkEnd, .subtitleMidEnd, .subtitleLightEnd {
	position: absolute;
	right: 0px;
	width: 9px;
	height: 21px;
	background-repeat: no-repeat;
}

.subtitleDarkEnd {
	background-image: url(../images/subtitle-dark-r.gif);
}

.subtitleMidEnd {
	background-image: url(../images/subtitle-mid-r.gif);
}

.subtitleLightEnd {
	background-image: url(../images/subtitle-light-r.gif);
}