@charset "UTF-8";

.title {
background-image: url("../contact/img/contact_t_bg.jpg");
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}

/* 必須項目文字 */
.midashi .hissu {
background-color: #ff6699;
padding: 3px 7px;
margin: 0px 5px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
}

.txt_red {
color: #ff0000;
}

/* カテゴリーの詳細部分 */
.discription_cat {
margin-bottom: 10px;
}

.discription_cat h1 img {
width: 40px;
height: auto;
position:relative;
top:12px;
margin-right: 10px;
}

.discription_cat h1 {
margin-top: -10px; /*imgのrelative後の調整*/
margin-bottom: 10px;
font-size: 20px;
font-weight: bold;
color: #3366cc;
border-bottom: dotted 3px #dfdfdf;
padding-bottom: 10px;
}

.discription_cat p {
font-size: 16px;
line-height: 180%;
margin-bottom: 10px;
}


/* お問い合わせメールフォームのテーブル */
table.mailform {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 15px;
font-size: 16px;
}

table.mailform th,
table.mailform td {
padding: 10px;
}

table.mailform th {
width: 30%;
background: #ff99cc;
vertical-align: middle;
text-align: left;
color: #ffffff;
font-size: 16px;
}

table.mailform td {
width: 70%;
background: #ffffff;
}

.msg {
border:0;
padding:7px;
font-size:16px;
color:#333333;
border:solid 1px #cccccc;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* フォーム内フォント指定 */
select, input, textarea {
font-family: '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo;
}

/* 送信ボタン */
input#submit_button {
width: 100%;
cursor: pointer;
background: linear-gradient(#f7f7f7, #dddddd);
color: #666666;
font-size: 25px;
font-weight: bold;
padding: 5px 0px;
border-radius: 5px;
border: 1px solid #aaaaaa;
text-decoration: none;
text-align: center;
margin-bottom: 20px;
display: block;
}

input#submit_button:hover {
opacity: 0.7;
}

/* thankyou イメージ */
.midashi img {
width: 100%;
height: auto;
margin-top:-10px;
vertical-align: bottom;
}