h3.top{
    position: relative;
    padding: 0.8em;
    margin: 0 0 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #0067C0;
    transform: rotate(-1deg) skew(-1deg);
    -webkit-transform: rotate(-1deg) skew(-1deg);
    -moz-transform: rotate(-1deg) skew(-1deg);
    -o-transform: rotate(-1deg) skew(-1deg);
    -ms-transform: rotate(-1deg) skew(-1deg);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #0067C0, -1.0em 0 0 0 #0067C0;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #0067C0, -1.0em 0 0 0 #0067C0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #0067C0, -1.0em 0 0 0 #0067C0;
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #0067C0, -1.0em 0 0 0 #0067C0;
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #0067C0, -1.0em 0 0 0 #0067C0;
}

h3.info{
    position: relative;
    padding: 0.8em;
    margin: 0 0 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #ED514E;
    transform: rotate(-1deg) skew(-1deg);
    -webkit-transform: rotate(-1deg) skew(-1deg);
    -moz-transform: rotate(-1deg) skew(-1deg);
    -o-transform: rotate(-1deg) skew(-1deg);
    -ms-transform: rotate(-1deg) skew(-1deg);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #ED514E, -1.0em 0 0 0 #ED514E;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #ED514E, -1.0em 0 0 0 #ED514E;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #ED514E, -1.0em 0 0 0 #ED514E;
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #ED514E, -1.0em 0 0 0 #ED514E;
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #ED514E, -1.0em 0 0 0 #ED514E;
}

h3.main{
    position: relative;
    padding: 0.8em;
    margin: 0 0 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #FD951E;
    transform: rotate(-1deg) skew(-1deg);
    -webkit-transform: rotate(-1deg) skew(-1deg);
    -moz-transform: rotate(-1deg) skew(-1deg);
    -o-transform: rotate(-1deg) skew(-1deg);
    -ms-transform: rotate(-1deg) skew(-1deg);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FD951E, -1.0em 0 0 0 #FD951E;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FD951E, -1.0em 0 0 0 #FD951E;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FD951E, -1.0em 0 0 0 #FD951E;
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FD951E, -1.0em 0 0 0 #FD951E;
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FD951E, -1.0em 0 0 0 #FD951E;
}

h3.memo{
    position: relative;
    padding: 0.8em;
    margin: 0 0 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #FFCC00;
    transform: rotate(-1deg) skew(-1deg);
    -webkit-transform: rotate(-1deg) skew(-1deg);
    -moz-transform: rotate(-1deg) skew(-1deg);
    -o-transform: rotate(-1deg) skew(-1deg);
    -ms-transform: rotate(-1deg) skew(-1deg);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FFCC00, -1.0em 0 0 0 #FFCC00;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FFCC00, -1.0em 0 0 0 #FFCC00;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FFCC00, -1.0em 0 0 0 #FFCC00;
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FFCC00, -1.0em 0 0 0 #FFCC00;
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #FFCC00, -1.0em 0 0 0 #FFCC00;
}

h3.link{
    position: relative;
    padding: 0.8em;
    margin: 0 0 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #BDD458;
    transform: rotate(-1deg) skew(-1deg);
    -webkit-transform: rotate(-1deg) skew(-1deg);
    -moz-transform: rotate(-1deg) skew(-1deg);
    -o-transform: rotate(-1deg) skew(-1deg);
    -ms-transform: rotate(-1deg) skew(-1deg);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BDD458, -1.0em 0 0 0 #BDD458;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BDD458, -1.0em 0 0 0 #BDD458;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BDD458, -1.0em 0 0 0 #BDD458;
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BDD458, -1.0em 0 0 0 #BDD458;
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BDD458, -1.0em 0 0 0 #BDD458;
}

h3.clap{
    position: relative;
    padding: 0.8em;
    margin: 0 0 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #81CC91;
    transform: rotate(-1deg) skew(-1deg);
    -webkit-transform: rotate(-1deg) skew(-1deg);
    -moz-transform: rotate(-1deg) skew(-1deg);
    -o-transform: rotate(-1deg) skew(-1deg);
    -ms-transform: rotate(-1deg) skew(-1deg);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #81CC91, -1.0em 0 0 0 #81CC91;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #81CC91, -1.0em 0 0 0 #81CC91;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #81CC91, -1.0em 0 0 0 #81CC91;
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #81CC91, -1.0em 0 0 0 #81CC91;
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #81CC91, -1.0em 0 0 0 #81CC91;
}

h3.mail{
    position: relative;
    padding: 0.8em;
    margin: 0 0 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #4DA573;
    transform: rotate(-1deg) skew(-1deg);
    -webkit-transform: rotate(-1deg) skew(-1deg);
    -moz-transform: rotate(-1deg) skew(-1deg);
    -o-transform: rotate(-1deg) skew(-1deg);
    -ms-transform: rotate(-1deg) skew(-1deg);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #4DA573, -1.0em 0 0 0 #4DA573;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #4DA573, -1.0em 0 0 0 #4DA573;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #4DA573, -1.0em 0 0 0 #4DA573;
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #4DA573, -1.0em 0 0 0 #4DA573;
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #4DA573, -1.0em 0 0 0 #4DA573;
}

h3.other{
    position: relative;
    padding: 0.8em;
    margin: 0 0 1.5em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #BB1E5E;
    transform: rotate(-1deg) skew(-1deg);
    -webkit-transform: rotate(-1deg) skew(-1deg);
    -moz-transform: rotate(-1deg) skew(-1deg);
    -o-transform: rotate(-1deg) skew(-1deg);
    -ms-transform: rotate(-1deg) skew(-1deg);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BB1E5E, -1.0em 0 0 0 #BB1E5E;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BB1E5E, -1.0em 0 0 0 #BB1E5E;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BB1E5E, -1.0em 0 0 0 #BB1E5E;
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BB1E5E, -1.0em 0 0 0 #BB1E5E;
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #BB1E5E, -1.0em 0 0 0 #BB1E5E;
}.info {border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px; border-color :#ED514E;
color:#333333;
}
.main {border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px; border-color :#FD951E;
color:#333333;
}
.memo {border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px; border-color :#FFCC00;
color:#333333;
}
.link {border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px; border-color :#BDD458;
color:#333333;
}
.clap {border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px; border-color :#81CC91;
color:#333333;
}
.mail {border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px; border-color :#4DA573;
color:#333333;
}
.top {border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px; border-color :#0067C0;
color:#333333;
}
.another {border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px; border-color :#FF87A0;
color:#333333;
}a.shita { border-bottom: 4px #95C0EC solid; }
.under{ border-bottom: 4px #F9A1D0 solid; }
.blue{ border-bottom: 4px #2863AB solid; }
.red{ border-bottom: 4px #DE424C solid; }
.orange{ border-bottom: 4px #FD7E00 solid; }
.green{ border-bottom: 4px #4DB56A solid; }
.yellow{ border-bottom: 4px #FAD43A solid; }
.pink{ border-bottom: 4px #FFDBED solid; }
.yg{ border-bottom: 4px #B0D3A8 solid; }
.vioret{ border-bottom: 4px #C7A1D7 solid; }
.sb{ border-bottom: 4px #219DDD solid; }input.btn {
    /* 背景色を指定 */
    background-color: #FD7E00;
    /* 文字色を白色に指定 */
    color: #fff;
    /* ボーダーをなくす */
    border-style: none;
/* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input.A {
width:50px;
heigh10px;
border:0;
padding:3px;
font-size:10px;
/*フォント*/
font-family:Arial, sansserif;
/*文字色*/
color:#aaa;
/*枠線*/
border:solid 1px #FFBE00;
margin:0 0 5px;
/*角丸*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}