@charset "utf-8";

.ThemeBar {
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	line-height:normal;
	margin: 8px 0px 0px 0px;
}

.ThemeBar .ThemeList {
	float: left;
	margin:0;
	padding: 0px 10px 0px 0px;
	list-style:none;
}

.ThemeBar .ThemeList li {
	display:inline;
	margin:0;
	padding:0;
}

.ThemeBar .ThemeList li a {
	float:left;
	height: 24px;
	line-height: 18px;
	display:block;
	background:url("http://img01.pipa.jp/tegaki/img_new2/ThemeTab2.png") no-repeat left top;
	margin:0px 2px 0px 0px;
	padding:0 0 0 6px;
	text-decoration:none;
	cursor: pointer;
}

.ThemeBar .ThemeList li a span {
	float:left;
	height: 22px;
	display:block;
	background:url("http://img01.pipa.jp/tegaki/img_new2/ThemeTab2.png") no-repeat right top;
	padding:2px 7px 0px 0px;
	color: #2f3743;
	text-align: center;
}

.ThemeBar .ThemeList li a .ThemeLine1 {
	line-height: 22px;
}

.ThemeBar .ThemeList li a .ThemeLine2 {
	line-height: 22px;
}

.ThemeBar .ThemeList li a:hover {
	background-position:0% -42px;
}

.ThemeBar .ThemeList li a:hover span {
	color: #ff9834;
	background-position:100% -42px;
}

.ThemeBar .ThemeList .ActiveTheme a {
	background-position:0% -42px;
}
.ThemeBar .ThemeList .ActiveTheme a span {
	background-position:100% -42px;
}