#messagebox .info, #messagebox .success, #messagebox .warning, #messagebox .validation
  {
  padding: 10px 40px;
  margin: 20px auto;
  border: none;
  border-radius:10px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  width: 40%;
}

#messagebox .info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../images/info.gif');
}

#messagebox .success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('../images/success.gif');
}

#messagebox .warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../images/warning.gif');
}

#messagebox .validation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url('../images/validation.gif');
      font-size: 0.8em;
    line-height: 2;
}
#messagebox .validation li + li{
    border-left: none; 
}
#wrap {
  padding: 0;
  margin: 0;
}

/*-------------- テーブル --------------*/

table.point {
  background-color: #fff;
  border-collapse: collapse;
    font-size: 0.7em;
    font-weight: normal;
}

table.point th {
  background-color: #E8F3FF;
  border: 1px solid #999;
  padding: 5px 10px;
  text-align: center;
}

table.point td {
  background-color: #fff;
  border: 1px solid #999;
  padding: 5px 10px;
  text-align: center;
}
table.point td.minus {
  background-color: #B0C4DE;
}

table.point td.plus {
  background-color: #F5DEB3;
}

table.point td.v-middle {
  vertical-align: middle;
}

table.point td.v-right {
  vertical-align: right;
}

table.point td.v-left {
  vertical-align: left;
}

table.point td span.grant {
  color: #FF0000;
}

table.point td span.use {
  color: #DA70D6;
}

table.point td span.attention {
  color: #FF0000;
  font-size: 14px;
}

table.point .style_s {
  width: 10%;
}

table.point .style_m {
  width: 20%;
}

table.point .style_l {
  width: 30%;
}

/*-------------- ポイントご利用のルール --------------*/

.pointrule {
  margin: 5px 0 10px 15px;
}

/*-------------- ページネーション --------------*/

.pagenation {
  text-align: center;
  margin: 0 0 50px 0;
}
.pagenation a, .pagenation a:visited {
  padding: 3px 6px;
  border: 1px solid #a8a2e1;
  text-decoration: none;
  color: #2b66a5;
}
.pagenation a:hover, .pagenation a:active {
  border: 1px solid #2b66a5;
  color: #000000;
  background-color: #c4dfff;
}
.pagenation span {
  padding: 3px 5px;
  border: 1px solid #ddd;
  color:#ddd;
}
.pagenation span.current {
  background-color: #2a66ac;
  color: #ffffff !important;
  border-color: #2b66a5;
  font-weight: bold;
}

/*-------------- reCAPTCHA --------------*/

.recaptcha_policy {
  padding: 0;
  margin: 30px 0 -10px 0;
  text-align: center;
  font-size: 0.75em !important;
}
.recaptcha_policy a {
}
.grecaptcha-badge { visibility: hidden; }


@media screen and (max-width: 640px) {
#messagebox .info, #messagebox .success, #messagebox .warning, #messagebox .validation
  {
  padding: 10px 40px;
  margin: 20px auto;
  border: none;
  border-radius:10px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  width: 70%;
}

}