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


.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}


/*.default , .blue {padding-bottom:50px;}*/


#themeMenu {
	width:100%;
	padding:6px 0;
	background-color:#ccc;
}

#themeMenu .section {
	position:relative;
	width:1000px;
	height:22px;
	margin:0 auto;
}

#themeMenu .section h2 {
	position:absolute;
	left:15px;
	top:5px;
	width:104px;
	height:12px;
	line-height:1;
	background: url(https://static.chara-ani.com/ca/i/submenu/theme_tit.gif) no-repeat left center;
	text-indent:-9999px;
}

#themeMenu .section ul {
	margin-left:238px;
}

#themeMenu .section ul li {
	float:left;
	width:144px;
	height:22px;
	margin-left:6px;
	text-align:center;
}

#themeMenu .section ul li a {
	display:block;
	width:130px;
	height:22px;
	padding:0 7px;
	font-size:10px;
	line-height:2.2em;
	text-align:center;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
}


#themeMenu .section ul li a:link { color:#fff; text-decoration:none;}
#themeMenu .section ul li a:active { color:#fff; text-decoration:none;}
#themeMenu .section ul li a:visited { color:#fff; text-decoration:none;}
#themeMenu .section ul li a:hover { color:#ffcc00; text-decoration:none;}


/*スタイル分岐=====================================================*/

#themeMenu .section ul li a {
	background: url(https://static.chara-ani.com/ca/i/submenu/theme_bg_blue.gif) no-repeat left top;
}

.blue #themeMenu .section ul li a {
	background: url(https://static.chara-ani.com/ca/i/submenu/theme_bg_blue.gif) no-repeat left top;
}

.pink #themeMenu .section ul li a {
	background: url(https://static.chara-ani.com/ca/i/submenu/theme_bg_pink.gif) no-repeat left top;
}

#themeMenu .section ul li a:hover { background-position:0 -22px;}