.resetTimerFrame {
	border: none;
	width: 200px;
	height: 220px;
	text-align: center;
	position: absolute;			/* 画面の中心になるようにする */
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	line-height: 200px;
	font-size: 60pt;
	font-weight: bold;
}

.baseProgressCircleCss {
	display: none;				/* 最初は非表示 */
	border-radius: 10px;		/* 角を丸くする */
	text-align: center;
	width: 200px;				/* ベースとなるdivの幅(円の幅と同じにするのがよい) */
	height: 220px;				/* ベースとなるdivの高さ(円の高さ + ウエイト・メッセージの高さにするのがよい) */
	position: absolute;			/* 画面の中心になるようにする */
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

/* ぐるぐる回る画像 */
.circleImgCss {
	width: 200px;										/* 円の幅 */
	height: 200px;										/* 円の高さ */
	animation: progressCircleSpin infinite 1.5s linear;	/* アニメーションの指定 */
}

.waitMsgCss {
	font-size: 1.0em;			/* ウエイト・メッセージのフォントの大きさ */
	background-color: #eb6a6a;
}

/* 画像を1回転させるアニメーション */
@keyframes progressCircleSpin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}