.tabList {
	width: 100%;
	clear: left;
	background: #728DC1 url("../../img/hdr/bg_title.png") 0 0 repeat-x;
	margin-bottom: 10px;
	}

.tabList li {
	list-style-type: none;
	float: left;
	margin: 6px 4px 0 10px;
	}

.tabItem div {
	padding: 7px 0 5px 15px;
	background: url("../../img/tab/tab_l.png") top left no-repeat;
	cursor: pointer;
	}

.tabItem div span {
	padding: 7px 10px 5px 5px;
	margin-right: -10px;
	background: url("../../img/tab/tab_r.png") top right no-repeat;
	}

.tabItem div:hover {
	background: url("../../img/tab/tab_l_hover.png") top left no-repeat;
	}

.tabItem div:hover span {
	background: url("../../img/tab/tab_r_hover.png") top right no-repeat;
	}

.tabItem.active div {
	background: url("../../img/tab/tab_l_on.png") top left no-repeat;
	}

.tabItem.active div span {
	background: url("../../img/tab/tab_r_on.png") top right no-repeat;
	}