/* カウンターAPIで使用する<div>タグ内に適用 */
.counter {
	font-size: 14px;
	width: 100%;
	word-break: break-all;	/* 幅で改行する */
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
}

/* テーブル */
div.counter table {
	width: 100%;
	text-align:center;
	background-color:#E5E5E5;
}

div.counter td {
	padding:5px 10px 5px 5px;
}

/* 項目名 */
div.counter p {
	padding: 10px 0px;
	font-weight:bold;
}

/* エラーメッセージ表示ラベル */
div.counter span.error_msg {
	color: red;
	font-weight: bold;
	font-size:120%;
	margin:20px 0px;
}

/* 正常メッセージ表示ラベル */
div.counter span.msg {
	color: blue;
	font-weight: bold;
}

/* SBBコードテキストボックス */
div.counter input.sbbPinText {
	text-transform: uppercase;
	width: 80%;
	max-width:500px;
}

/* その他テキストボックス */
div.counter input.text {
	width: 80%;
	max-width:500px;
}

/* ボタン */
div.counter input.button {
	padding:15px 30px;
	width:80%;
	max-width:500px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:140%;
	font-weight:bold;
	border: 1px solid #D71013;
	background-color:#FF3538;
	color:#FFFFFF;
}