/* for body */
body {
    background:#ffffff;
    color:#000;
    font-family:Verdana,"MS PGothic",Osaka,Arial,sans-serif;
    max-width:550px;
    margin:0px auto;
    padding:0;}

#head {
    background:#2660a1;
    color:#fff;}

#head-in {
    padding:8px 2em;
    text-align:center;}

h1 {
    font-size:135%;
    font-weight:normai;
    margin:0;}

/* for table */

#form {
    border-collapse: collapse;
    width:95%;
    margin:0 auto;}

#form th, #form td {
    border: 1px solid #666;
    padding: 8px;}

#form th {
    white-space: nowrap;
    background: #e8e8e8;}

#form td {
    background: #fff;}

input {width:65%; font-size:135%;}

input.btn {
    width: 110px;
    height: 32px;
    font-size:100%;}

/* for title */
h2 {
    font-size: 120%;
    text-align: left;
    border-left: solid 4px #ef002d;
    border-bottom: 1px solid gray;
    padding: 4px 6px;
    margin: 1.5em 0;
    width: 95%;}

/* for message */
p.msg {
    color: #dd0000;
    margin: 2em;}

span.msg {
    color: #dd0000;}

/* for back-button */
form.back {
    margin-top: 2em;}

li {margin-right:10px;}

.br-sp  {display:none;}

/* スマホ用 */
@media only screen and (max-width: 480px) {

/* 投稿フォーム */
    #form-tbl { margin: 0 auto; text-align: center; }
    #form { margin: 10px auto; }
    #form th, #form td {
        text-align: left;
        width: 100%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th { border-top: 1px solid #666; }

    /* 小見出し */
    h2 { margin: 1em 3px;}

    /* サンクス */
    p.msg { margin: 1em auto; }

    .br-sp  {display:block;}

}