html{
    font-family:"メイリオ", sans-serif;
    font-size:13px;
   
}
font{
    display:none;
}
body{
  padding: 0;
  margin: 0;
  background-color: #FFF;
  text-align: center;
}
#container{
    width:300px;
    margin:auto;
    padding:0 10px;
    text-align:left;
}

.red{
    color:red;
}
#tp{
    width:300px;
    margin:auto;    
}
h1{
    margin: auto;
    background-color:#367ACF;
    width:300px;
    color:white;
    font-weight: normal;
    padding:3px;
    font-size: 18px;
}
h2{
    margin:5px 0 auto auto;
    font-size: 15px;
}

hr{
    color: #367ACF;
    width:300px;
    margin:5px 0;
}
textarea{
    resize: none;
    font-family:"メイリオ", sans-serif;
    font-size:13px;
    margin-left:15px;
    width: 280px;
}

li{
    margin-top:5px;
}
ul{
    padding:0 20px;
}

#add1{
    font-family: "メイリオ", sans-serif;
}

#conf{
    margin:auto;
    width:300px;
    border-collapse: collapse;
    border: 1px #2D9BE9 solid;
}

td{
    border-collapse: collapse;
    border: 1px #2D9BE9 solid;
}

th{
    padding: 5px;
    width:100px;
    border: solid 1px #2D9BE9;
    background-color:#99d5ff;
}

caption{
    text-align: left;
    font-size:15px;
    margin-top:10px;
}

.button{
    font-size:15px;
    /*margin:auto;*/
    font-family: "メイリオ", sans-serif;
}
.m1{
    background:blue;
    color: white
}

form{
    width:300px;
    margin:auto;
}
#bp{
    width:300px;
    margin:auto;
}
#fp{
    width:300px;
    margin:auto;
}

.short{
    width: 80px;
}

#name{
    display:none;
    font-weight:bold;
}
#add{
    display:none;
    font-weight:bold;
}
#mail{
    display:none;
    font-weight:bold;
}
.small{
    font-size: 10px;
    color: #808080;
}