@charset "EUC-JP";


/* ************************************************ */
/* main */
/* ************************************************ */
.brp .brp-main {
	font-size:12px;
	font-weight:normal;
	display:block;
	max-width:300px;
	margin:5px auto;
	border-radius:2px;
	background:white !important;
	padding:0 !important;
	text-align:center !important;
	overflow:hidden;
	border:1px solid #777;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow:none;
	letter-spacing:0;
}

.brp-main div { margin:0 !important; padding:0 !important; }
.brp .brp-main * { font-size:12px; }
.brp .brp-main dl { display:block; }
.brp .brp-main li { background-image:none !important; list-style:none !important; }

.brp .brp-headline {
	display:block;
	padding:0 !important;
	margin:0px !important;
	color:white;
	height:14px !important;
	border-bottom:1px solid #ddd;
	background:#009000;
}

.brp .brp-logo {
	margin:7px auto !important;
	margin-top:4px !important;
	border-width:0 !important;
}

.brp .brp-logo img {
	margin:0 auto !important;
	border:0;
	width:130px;
	height:26px;
}

.brp .brp-loader {
	white-space:nowrap; 
	color:#404040;
	line-height:16px;
	width:85px;
	text-align:left;
	padding-left:22px !important;
	margin:15px auto !important;
	vertical-align:top;
	background:url('../img/loader.gif') no-repeat center left;
}

.brp .brp-loader img {
	border:0px;
	margin-right:5px;
}

.brp .brp-entry { text-align:right; margin:1px 0 !important; }
.brp .brp-entry a {
	font-size:.8em !important;
	color:#afafaf !important;
	text-decoration:none;
	margin-right:2px;
}
.brp .brp-entry a::before { content:"["; }
.brp .brp-entry a::after { content:"]"; }
.brp .brp-entry a:hover { color:steelblue !important; text-decoration:underline; }
.brp .brp-entry a:hover:before { content:"[ランキングに"; }

.brp ul li { background:none; }



/* ************************************************ */
/* 切り替えタブ */
/* ************************************************ */
.brp .brp-tab {
	border:0 !important;
	margin:0px !important;
	padding:0px !important;
	z-index:90;
	text-align:left;
}

.brp .brp-main .brp-tab li {
	font-size:.8em;
	display:inline-block !important;
	*display:inline !important; *zoom:1;
	width:28%;
	cursor:pointer;
	white-space:nowrap;
	text-align:center;
	margin:0px !important;
	color:white !important;
	text-shadow:0px 0px 0px black;
	background:#909090 !important;
	margin-right:1px !important;
	padding:.45em .3em !important;
	line-height:1em !important;
	list-style:none;
	border:1px solid #bbb;
	border-bottom:0px;
	border-radius:2px 2px 0 0;
	overflow:visible !important;
}

.brp .brp-tab li.brp-selected {
	background-color:#309030 !important;
}



/* ************************************************ */
/* カテゴリ選択 */
/* ************************************************ */
.brp .brp-category-form {
	margin:0 !important;
	padding:0 !important;
}

.brp .brp-main select.brp-category {
	margin:0 !important;
	padding:3px 0;
	line-height:1.2em;
	font-size:1em;
}



/* ************************************************ */
/* ランキング */
/* ************************************************ */
.brp .brp-rank {
	color:black !important;
	margin:0 !important;
	border:1px solid #a0a0a0;
	border-width:0px 0 0 0;
	z-index:1;
	min-height:150px;
}

.brp .brp-rank-content-body { position:relative; }

.brp .brp-rank-content-body ul {
	margin:0px !important;
	padding:0px !important;
	line-height:1.5em;
	list-style:none !important;
	cursor:context-menu;
	color:#222 !important;
}

.brp .brp-rank-content-body ul li {
	position:relative;
	font-size:.9em;
	text-align:left !important;
	margin:0px !important;
	padding:1px 2px !important;
	border:0px !important;
	border-bottom:1px solid #e0e0e0 !important;
	overflow:hidden;
	cursor:pointer;
	clear:both;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#222 !important;
	background:none;
}
.brp .brp-rank-content-body ul li:hover span { background-color:#444; }

.brp .brp-rank-content-body ul li > * { vertical-align:middle; display:inline; }

.brp .brp-rank-content-body ul li.brp-my {
	background-color:pink;
}

.brp .brp-rank-content-body ul li span {
	font-size:.8em;
	background-color:#888;
	color:white;
	padding:0px 2px;
	margin-right:1px;
	border-radius:.1em;
	white-space:nowrap;
}

.brp .brp-rank-content-body ul li img {
	border:1px solid #e0e0e0 !important;
	width:1.5em !important;
	height:1.5em !important;
	margin:0 1px !important;
}

.brp .brp-clink {
	display:inline-block; *display:inline; *zoom:1;
	padding:0 .2em;
	padding-top:.4em;
	font-size:.9em !important;
	color:steelblue !important;
	text-decoration:none;
}
.brp .brp-clink:hover { text-decoration:underline; color:tomato !important; }



/* ************************************************ */
/* inポイント */
/* ************************************************ */
.brp .brp-point {
	color:black !important;
	margin:0 0 .7em 0;
	border-top:1px solid #ddd;
}

.brp .brp-point dl {
	margin:0px !important;
	padding:0 !important;
	vertical-align:middle;
	text-align:left;
	border:1px solid #d0d0d0;
	border-width:0px 1px 1px 1px;
	clear:both;
}

.brp .brp-point dl dt {
	line-height:2em;
	text-align:center;
	white-space:nowrap;
	color:#505050;
	margin:0px !important;
	padding:0 !important;
	float:left;
	font-size:.9em;
	border:0px !important;
	border-right:1px solid #d0d0d0 !important;
	background:none !important;
}

.brp .brp-point dl dd {
	line-height:2em;
	font-size:.9em;
	width:auto !important;
	padding:0px;
	padding-right:.7em;
	margin:0px !important;
	text-align:right;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.brp .brp-point dl.brp-min dd { color:#666; }
.brp .brp-point dl.brp-max dd { color:steelblue; font-weight:bold; }



/* ************************************************ */
/* ブロ画 */
/* ************************************************ */
.brp .brp-bloga { text-align:center; }
.brp .brp-bloga ul { list-style:none; margin:0 !important; padding:0 !important; line-height:1px; }
.brp .brp-bloga ul li {
	display:inline-block; *display:inline; *zoom:1;
	margin:0;
	padding:.2em .1em !important;
	background:none;
	border:0;
}
.brp .brp-rank .brp-bloga a {
	display:block;
	margin:0 !important;
	padding:0 !important;
}
.brp .brp-rank .brp-bloga a img {
	width:3.3em !important;
	height:3.3em !important;
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
}



/* ************************************************ */
/* 投票ボタン */
/* ************************************************ */
.brp .brp-button {
	margin:4px 0 0 0;
	vertical-align:middle;
	width:100%;
	text-align:center;
	background-color:#006;
}

.brp .brp-button a {
	display:inline-block;
	*display:inline; *zoom:1;
	margin:0 auto !important;
	padding:.9em 1em .9em 21px !important;
	color:white !important;
	background:url(../img/icon_br_crown_18x14.png) no-repeat left center;
	text-decoration:none;
	border:none !important;
}
.brp .brp-button a:hover { text-decoration:underline; }
.brp .brp-button a span { font-size:.9em !important; margin-left:.25em; white-space:nowrap; position:relative; z-index:1; }
.brp .brp-button a span::after {
	content:" ";
	display:none;
	position:absolute;
	left:-.5em;
	top:-.18em;
	width:11em;
	height:1.6em;
	z-index:-1;
	border-radius:1em;
	opacity:.2;
	background-color:#fff;
}



/* ************************************************ */
/* ************************************************ */