@charset "utf-8";

* {
    margin:0;
    padding:0;
}

table,img,p {
    border: 0;
}

html, body, #wrap {
    height: 100%;
}
body > #wrap {
    height: auto;
    min-height: 100%;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
    background:#FFF;
    font-size:100%;
    line-height:150%;
}

li {
    list-style-type: none;
}

/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 {
    font-size: 115%;
    line-height: 150%;
}
.attention { color:#F00; }
.mini { font-size: 90%; }
em {
    font-style:normal;
    color:#F00;
}
address {
    font-style:normal;
    padding:40px 0 0;
}

/* テーブル共通指定
----------------------------------------------- */
table  {
    margin:0 auto;
    border-top:1px solid #666;
    border-left:1px solid #666;
    border-collapse:collapse;
    text-align:left;
}
table th {
    padding: 8px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    background-color: #f0f0f0;
    font-weight: normal;
}
table td {
    padding: 8px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

div#header {
    margin:0 auto;
    width:760px;
    height:80px;
    background:#333;
}
p#logo {
    padding:30px 0 0 30px;
    font-size:120%;
}
p#logo a {
    text-decoration:none;
    font-weight:bold;
    color:#FFF;
}

div#container {
    padding:0 0 100px;/* must be same height as the footer */
    margin:15px auto;
    width:760px;
}
div#container h1.cap {
    font-weight:bold;
    font-size:120%;
    text-align:center;
}
div#container ol.q li {
    padding:10px;
}
div#container ol.c {
    padding:0 0 0 30px;
}
div#container ol.c li {
    list-style-type: decimal;
    padding:0;
}
div#container ol.c li input {
    margin:0 5px 0 0;
}

div#container h2 {
    margin:20px 0 0;
}
div#container p {
    margin:15px 0 0;
}
div#container p.a {
    text-align:center;
}
div#container p.a span {
    margin:0 5px;
}
div#container p.score {
    font-weight:bold;
    font-size:120%;
    text-align:right;
    padding:10px;
}

div#bottom_navi {
    padding:20px 10px;
}

div#footer {
    position:relative;
    margin:-100px auto 0;/* negative value of footer height */
    height:100px;
    clear:both;

    width:760px;
    text-align:center;
    background-color:#333;
    color:#FFF;
    font-size:90%;
}
div#footer a {
    color:#FFF;
    text-decoration:none;
}
div#footer a {
    color:#FFF;
    text-decoration:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */