@charset "utf-8";

/* 文字の装飾 */
strong {font-weight: bold;}
.bd {font-weight: bold;}
/* 色 */
.red {color: #FF0000;}
.blue {color: #0000FF;}
.orange {color: #FF6600;}
.green {color: #006600;}
/* 背景色あり */
.b_yellow {padding: 2px;color: #FFFF66;}
.b_blue {padding: 2px;color: #99FFCC;}
.b_green {padding: 2px;color: #99FF33;}


/* タブ切り替えエリア */
#ui-tab {
	text-align: left;
	margin-bottom: 20px;
}
#ui-tab .tab_title {
	font-weight: bold;
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-left: 3px solid #DD0000;
	padding: 3px 0 3px 7px;
	margin-bottom: 10px;
}

/* ランキング */
.rank1 {
	border: 1px solid #C18543;
	border-width: 1px 1px 0;
	margin-bottom: 10px;
}
.rank1 .ranktitle {
	font-weight: bold;
	background: url(http://with-fx.com/pro/images/background/rank_01.png) left top no-repeat;
	line-height: 25px;
	font-size: 110%;
	padding: 2px 10px 0 70px;
}
.rank1 .rankcontent {
	border: 4px solid #C18543;
	border-width: 0 4px 4px;
	padding: 10px;
}

.rank2 {
	border: 1px solid #999;
	border-width: 1px 1px 0;
	margin-bottom: 10px;
}
.rank2 .ranktitle {
	font-weight: bold;
	background: url(http://with-fx.com/pro/images/background/rank_02.png) left top no-repeat;
	line-height: 25px;
	font-size: 110%;
	padding: 2px 10px 0 70px;
}
.rank2 .rankcontent {
	border: 4px solid #999;
	border-width: 0 4px 4px;
	padding: 10px;
}

.rank3 {
	border: 1px solid #CC9999;
	border-width: 1px 1px 0;
	margin-bottom: 10px;
}
.rank3 .ranktitle {
	font-weight: bold;
	background: url(http://with-fx.com/pro/images/background/rank_03.png) left top no-repeat;
	line-height: 25px;
	font-size: 110%;
	padding: 2px 10px 0 70px;
}
.rank3 .rankcontent {
	border: 4px solid #CC9999;
	border-width: 0 4px 4px;
	padding: 10px;
}

.ranktitle, .ranktitle a {
	color: #333;
	text-decoration: none;
}
table.rank_inner {
	width: 100%;
}
td.rank_l {
	padding: 5px 10px 0 0;
}
td.rank_r {
	padding: 5px 0 0;
	vertical-align: top;
	line-height: 1.3em;
	letter-spacing: 0px;
}