@CHARSET "UTF-8";

/* 記録証ダウンロードサイト用スタイルシート */

/*=======================================*/
/* margin, paddingの初期化               */
/*=======================================*/
* {
  margin: 0px;
  padding: 0px;
  border: none;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  font-family: "Avenir Next", "Droid Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", "MS Pゴシック", Verdana, Roboto, "游ゴシック", YuGothic, Meiryo,  "Hiragino Kaku Gothic ProN", sans-serif;
  background-color: #ffffff;
}


/*=======================================*/
/* スマホ対応用                          */
/*=======================================*/
article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary {
  display: block
}

/*=======================================*/
/* img共通設定                           */
/*=======================================*/
img { border: none; }

/*=======================================*/
/* ul共通設定                            */
/*=======================================*/
ul { list-style-type: none; }

/*=======================================*/
/* a共通設定                             */
/*=======================================*/
a:link { text-decoration: none; }

h1, p {
  max-height: 100%;
}

/*=======================================*/
/* #header                               */
/*=======================================*/
#header {
  width: 100%;
}

#header h1 {
  background-color: #eee;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 10px;
  padding: 12px 0 7px; /* 上 左右 下 */
}

#header p {
  color: #333;
  margin: 0 15px;
  text-align: center;
}


/*** 大会名と開催日の見出し ***/
#header p:nth-child(3), #header p:nth-child(5) {
  /*background-color: #f00;*/
  width: 250px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 3px auto 2px;
  border-bottom: solid 1px #ddd;
}

/*** 大会名と開催日 ***/
#header p:nth-child(4), #header p:nth-child(6) {
  /*background-color: #0f0;*/
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

/*=======================================*/
/* #contents                             */
/*=======================================*/
#contents {
  /*background-color: #0f0;*/
  margin: 10px 15px 20px;
  padding: 15px;
  border: 2px solid #dddddd;
  background-color: #fafafa;
}

#contents p {
  text-align: center;
}

#contents p.caption {
  font-size: 11px;
  font-size: 1.1rem;
}

#contents p.no {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 5px 0;
}

#contents p.err {
  color: #f00;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 5px 0;
}

#contents p.back {
  width: 115px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: auto;
  margin-top: 15px;
  border: solid 1px #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -ms-linear-gradient(top, #fff, #eee);
}

#contents p.back a {
  color: #333;
  padding: 12px 0 7px; /* 上 左右 下 */
  display: block;
}

#contents form p:last-child {
  margin-top: 5px;
}

#contents form input[type=number] {
  width: 85px;
  padding: 5px 14px;
  font-size: 20px;
  font-size: 2.0rem;
  text-align: center;
  border: solid 1px #ddd;
}

#contents form input[type=submit] {
  width: 115px;
  padding: 13px 0 9px; /* 上 左右 下 */
  font-family: "Avenir Next", "Droid Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", "MS Pゴシック", Verdana, Roboto, "游ゴシック", YuGothic, Meiryo,  "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -ms-linear-gradient(top, #fff, #eee);
  cursor: pointer;
}

/*=======================================*/
/* #footer                               */
/*=======================================*/
#footer {
  width: 100%;
}

#footer p {
  margin: 0 15px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
}