body{margin: 20px;font-size: 18px;}
.wrapper{width: 350px;margin: 0 auto;}
h1{color: #FFF; background: #AAA; margin:20px 0 0 ; padding: 20px; font-weight: bold;font-size: 1.2em;}
h2{color: #000; background: #fff; margin:5px 0 0 ; padding: 5px;font-size: 15px;}
h3{color: #FFF; background: #f00; margin:5px 0 0 ; padding: 5px; font-weight: bold;font-size: 15px;}
a{text-decoration:none;}
ul{list-style:none; margin: 10px -15px 10px 5px;padding:5px}
li{padding:5px 0; position:relative;}
input{}
label{width:350px; display:block; margin: 0 0 5px;font-size: 20px;font-weight:bold;}
.my-input{margin: 10px 0;}
.my-input input{width: 200px;}
.my-input p{color:#AAA; margin: 0 0 5px;}
input[type="text"]{   border: 1px solid #ccc;
    border-radius: 2px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    height: 30px;
    padding: 0 2%;
    transition: background 0.3s ease-in-out;
    width: 96%;}
#exm1 input[type="text"]{
    width: 50%;}
input[type="submit"]{background: #444;
padding: 6px 12px;
border: none;
color: #FFF;
    border-radius: 2px;
font-size: 20px;
}

select{
font-size:20px;
}

.koumoku{margin: 10px;font-size: 18px;}

.err_msg{margin: 10px;font-size: 20px; color: #F00;font-weight:bold;}

.thanks_msg{margin: 10px;font-size: 20px; color: #000;font-weight:bold;}

input:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
.tips{font-size: 0.8em; color: #F66; display: inline-block;}




::-webkit-input-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc; opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
}