#mail-con{
overflow:hidden;
margin:0 auto;
width:90%;
}

.mail-description{
margin:20px 0px;
}

tr{
font-size:16px;
padding:15px 0px;
}



th.col-head{
font-size:16px;
line-height:22px;
}

td{
padding: 16px 0px;
}

th{
padding: 16px 0px;
}

@media screen and (max-width: 767px) {
td{
padding: 0px 0px;
}

th{
padding: 0px 0px;
}
}

td.col-input{
font-size:16px;
line-height:22px;
}

#FieldMessageName1{
margin:20px auto;
}


@charset "UTF-8";
/**
 * メールフォーム
 *
 * baserCMS :  Based Website Development Project <http://basercms.net>
 * Copyright 2008 - 2015, baserCMS Users Community <http://sites.google.com/site/baserusers/>
 *
 * @copyright		Copyright 2008 - 2015, baserCMS Users Community
 * @link			http://basercms.net baserCMS Project
 * @since			baserCMS v 0.1.0
 * @license			http://basercms.net/license/index.html
 */
#mail table {
margin-left:15px;
margin-right:15px;
display:block;
width:auto;
}
#mail .col-input {
width:240px!important;
}
#mail .col-description {
font-size:16px;
}
.submit {
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
#flashMessage {
padding:10px 20px;
margin:15px auto!important;
color:#C30;
font-weight:bold;
border:5px solid #C30;
}
.error-message {
color:#C30;
background: url(../../img/admin/warning.png) no-repeat left center;
padding-left:24px;
font-weight: bold;
font-size: small;
}
.required {
color:#C30!important;
font-size:16px;
}
.form-error {
background-color:#FCF5EB;
}
.message {
color:#C30;
font-weight:bold;
margin:20px;
}
.error {
color:#C30;
}
.error em {
color:#06C;
font-style:normal;
font-weight:bold;
}
.submit {
text-align:center;
}