@CHARSET "UTF-8";

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

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

html { font-size: 62.5%; }

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


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

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

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

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

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

/*=======================================*/
/* #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;
}

img{ margin:20px 0; }

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

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

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

#contents p { text-align: center; }

#contents p.caption {
    font-size: 13px;
    font-size: 1.3rem;
}

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

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

#contents form p.form_err {
    color: #f00;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 3px 0;
}

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

#contents form input[name=race_no] {
    width: 90px;
    padding: 8px 14px;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    border: solid 1px #ddd;
}

#contents form input[name=post_no] {
    width: 100px;
    padding: 5px 14px;
    font-size:18px;
    font-size: 1.8rem;
    text-align: center;
    border: solid 1px #ddd;
}

#contents form input[type=reset], #contents form input[type=submit] {
    width: 120px;
    padding: 13px 0 9px; /* 上 左右 下 */
    font-family: "Avenir Next", "Droid Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", "MS Pゴシック", Verdana, Roboto, "游ゴシック", YuGothic, Meiryo,  "Hiragino Kaku Gothic ProN", sans-serif;
    color: #696969;
    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: 10px 15px;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    color: #666;
}