@charset "euc-jp";

/*
createdate: 20131101
update: 
ver: 1.0.0
*/


/*
[countDownTimer]
----------------------------------------*/
.countDownTimer {
  position: relative;
  height: 32px;
}

.countDownTimer #countDown {
  position: absolute;
  left: 0px;
}

.countDownTimer #progress {
  position: absolute;
  top: 6px;
  right: 0px;
}

/* タイマー部分の背景 */
.countDownTimer .number {
  position: relative;
  width: 240px;
  height: 30px;
}
/* 開催前のタイマー背景 */
.countDownTimer #numberPre {
  background-image: url('/bargain/timesale/img/2013/bg_pre.gif');
}
/* 開催中のタイマー背景 */
.countDownTimer #numberStart {
  background-image: url('/bargain/timesale/img/2013/bg_start.gif');
}
/* 開催後のタイマー背景 */
.countDownTimer #numberAfter {
  background-image: url('/bargain/timesale/img/2013/bg_after.gif');
}
/* デフォルトのタイマー背景 */
.countDownTimer #numberDefault {
  background-image: url('/bargain/timesale/img/2013/bg_start.gif');
}
/* 数字部分共通スタイル */
.countDownTimer .H10,
.countDownTimer .H01,
.countDownTimer .M10,
.countDownTimer .M01,
.countDownTimer .S10,
.countDownTimer .S01 {
  position: absolute;
  top: 3px;
  width: 14px;
  height: 25px;
  background-repeat: no-repeat;
  overflow: hidden;
}
/* 以下、タイマー背景からの左位置 */
.countDownTimer .H10 {
  left: 122px;
}
.countDownTimer .H01 {
  left: 136px;
}
.countDownTimer .M10 {
  left: 159px;
}
.countDownTimer .M01 {
  left: 173px;
}
.countDownTimer .S10 {
  left: 196px;
}
.countDownTimer .S01 {
  left: 210px;
}
/* 時間10桁用（0, 1, 2） */
.countDownTimer .number02 {
  position: absolute;
  background-image: url('/bargain/timesale/img/2013/number.gif');
  width: 14px;
  height: 75px;
}
/* 分・秒の10桁用（0, 1, 2, 3, 4, 5） */
.countDownTimer .number05 {
  position: absolute;
  background-image: url('/bargain/timesale/img/2013/number.gif');
  width: 14px;
  height: 150px;
}
/* それ以外（0から9） */
.countDownTimer .number09 {
  position: absolute;
  background-image: url('/bargain/timesale/img/2013/number.gif');
  width: 14px;
  height: 250px;
}
/* 「：」 */
.countDownTimer .colon {
  position: absolute;
  background-image: url('/bargain/timesale/img/2013/colon.gif');
  background-repeat: no-repeat;
  width: 9px;
  height: 25px;
}
/* 時・分間のコロン */
.countDownTimer .colon.hm {
  top: 3px;
  left: 150px;
}
/* 分・秒間のコロン */
.countDownTimer .colon.ms {
  top: 3px;
  left: 187px;
}
/* 進捗バーの背景 */
.countDownTimer .progressbarBg {
  position: relative;
  width: 701px;
  height: 18px;
  background-image: url('/bargain/timesale/img/2013/progressbar_bg.gif');
  background-repeat: no-repeat;
}
/* 開始時・デフォルトの進捗バー */
.countDownTimer #progressbarStart,
.countDownTimer #progressbarDefault {
  position: absolute;
  top: 3px;
  right: 80px;
  width: 540px;
  height: 12px;
  background-image: url('/bargain/timesale/img/2013/progressbar_start.gif');
  background-repeat: no-repeat;
  background-position: top right;
}
/* 開催前・開催後の進捗バー */
.countDownTimer #progressbarPre,
.countDownTimer #progressbarAfter {
  position: absolute;
  top: 0px;
  left: 80px;
  width: 540px;
  height: 18px;
  background-image: url('/bargain/timesale/img/2013/progressbar_pre.gif');
  background-repeat: no-repeat;
}