@charset "utf-8";
/*------------------------------------------------------------
  デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;

  font-size: 12px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

body,
table,
input, textarea, select, option {
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

a:link {
    color: #0000FF;
}
a:hover {
    color: #638DF9;
}
a:visited {
    color: #0000FF;
}

a:active {
  color:#FF66CC;

}

/*------------------------------------------------------------
  レイアウト
------------------------------------------------------------*/
body {
  background:#ffffff; color:#333333;
}

.css_msg {
  padding:15px;
  color:#222222;
  text-align:center;
  font-size:16px;
  margin-top:0px;
  margin-bottom:25px;
  -moz-box-shadow: 0px 5px 10px #AAAAAA;
  -webkit-box-shadow: 0px 5px 10px #AAAAAA;
  box-shadow: 0px 5px 10px #AAAAAA;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff338', endColorstr = '#fff9a1');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff338', endColorstr = '#fff9a1')";
  background-image: -moz-linear-gradient(top, #fff338, #fff9a1);
  background-image: -ms-linear-gradient(top, #fff338, #fff9a1);
  background-image: -o-linear-gradient(top, #fff338, #fff9a1);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#fff338), to(#fff9a1));
  background-image: -webkit-linear-gradient(top, #fff338, #fff9a1);
  background-image: linear-gradient(top, #fff338, #fff9a1);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.css_img1 {
  margin-top:10px;
  padding:20px auto;

}
.css_title{
  font-size:14px; padding:6px; margin:10px 0;
  text-align:center;
  color:#FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20001), color-stop(1.00, #8f0202));
  background: -webkit-linear-gradient(#d20001, #8f0202);
  background: -moz-linear-gradient(#d20001, #8f0202);
  background: -o-linear-gradient(#d20001, #8f0202);
  background: -ms-linear-gradient(#d20001, #8f0202);
  background: linear-gradient(#d20001, #8f0202);
  background-color:#d20001;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d20001', endColorstr='#8f0202');
}

.css_img2 {
  margin:10px auto;

}
.css_lower_msg{
  margin-left:20px;
  font-size:12px;
  margin-bottom:10px;
}
.css_exdate,
.css_count,
.css_upper_msg  {
  margin-left:20px;
  font-size:12px;
}

/*------------------------------------------------------------
  ボタン
------------------------------------------------------------*/
a.css_btn_class {
margin-top:10px;
margin-bottom:30px;
  width:250px;
display: inline-block;
font-size: 16px;
color: #ffffff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
border: none;
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
border-radius: 6px;
text-decoration: none;
padding: 10px;
  background-color:#aa0101;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20001), color-stop(1.00, #8f0202));
  background: -webkit-linear-gradient(#d20001, #8f0202);
  background: -moz-linear-gradient(#d20001, #8f0202);
  background: -o-linear-gradient(#d20001, #8f0202);
  background: -ms-linear-gradient(#d20001, #8f0202);
  background: linear-gradient(#d20001, #8f0202);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d20001', endColorstr='#8f0202');
}
.css_btn_class:hover {
  text-decoration: none;

text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
border: none;
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
border-radius: 6px;
text-decoration: none;
color: #ffffff;
  background-color:#aa0101;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #8f0202), color-stop(1.00, #d20001));
  background: -webkit-linear-gradient(#8f0202, #d20001);
  background: -moz-linear-gradient(#8f0202, #d20001);
  background: -o-linear-gradient(#8f0202, #d20001);
  background: -ms-linear-gradient(#8f0202, #d20001);
  background: linear-gradient(#8f0202, #d20001);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8f0202', endColorstr='#d20001');

}
.css_btn_class:active {
  color: #ffffff;
}
.css_btn_class:visited  {
  color: #ffffff;
}
/*------------------------------------------------------------
  有効期限　利用回数
------------------------------------------------------------*/

.css_exdate,.css_count{
  color:#000000;
}