@charset "shift_jis";

/* -------------------------------------------------------  */
/* Location : http://www.maruchi.biz/wrok/design-style-mail.css */
/* Location : http://www.maruchi.biz/wrok/design-style-common.css */
/* Date : 2011-07-28 */
/* Date : 2016-05-23 */
/* Author : maruchi */
/* ------------------------------------------------------- */


/* ------------------------------------------------------------------------------------ */
/* --- お問い合せ design-mail --------------------------------- */
/* --- お問い合せ 枠-上、下、背景  --- */
div.mail-frame {
margin: 0px;
padding: 0px;
border: 0;
background: url(../image/design-mail-022.gif) repeat-y;
}

div.mail-frame-image {
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
}

/* --- お問合せ タイトル --- */
div.mail-title {
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
}


/* --- コンテンツ お問合せ 枠 --- */
div.contents-mail-frame {
margin: 0px;
padding: 0px 0px 0px 170px;
text-align: left;
}


/* --- お問合せ INPUT --- */
.mail-input {
margin: 4px 0px 4px 0px;
padding: 2px;
width: 400px;
font-size: 14px;
line-height: 150%;
color: #656565;
background-color: #ffffff;
border: 1px solid #A1A1A1;
text-align:left;
}

/* --- お問合せ textarea --- */
.mail-textarea {
margin: 4px 0px 4px 0px;
padding: 2px;
width: 400px;
height: 180px;
font-size: 14px;
color: #656565;
line-height: 150%;
background-color: #ffffff;
border: 1px solid #A1A1A1;
text-align:left;
}

/* --- お問合せ submit --- */
.mail-submit {
margin: 4px 0px 10px 0px;
padding: 2px;
width: 400px;
font-size: 14px;
color: #000000;
text-align:center;
}

/* --- お問合せ submit 枠--- */
.mail-text-submit {
margin: 0px;
padding: 0px 0px 0px 9px;
text-align:left;
}

/* --- お問合せ フォームテキスト --- */
.mail-text-001 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 9px;
font-size: 16px;
line-height: 150%;
color: #333333;
background: url(../image/design-mail-024.gif) no-repeat left top;
}

/* --- お問合せ フォームテキスト 入力必須 --- */
.mail-text-002 {
margin: 0px;
padding: 0px 0px 0px 8px;
font-size: 12px;
color: #D14573;
}

/* --- お問合せ フォームテキスト 空白可 --- */
.mail-text-003 {
margin: 0px;
padding: 0px 0px 0px 5px;
font-size: 12px;
color: #9EA9BB;
}

/* --- お問合せ フォームテキスト ページ上の枠 --- */
div.mail-text-frame {
width: 760px;
margin: 0px;
padding: 0px;
text-align: left;
background: url(../image/design-mail-025.gif) no-repeat left top;
}

/* --- お問合せ フォームテキスト ページ上の文字 --- */
div.mail-text-frametop {
margin: 0px;
padding: 0px 0px 0px 90px;
text-align: left;
}

/* --- お問合せ フォームテキスト 問合せ例 --- */
.mail-text-004 {
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 9px;
font-size: 14px;
line-height: 120%;
color: #455874;
text-align: left;
background: url(../image/design-mail-026.gif) no-repeat left top;
}

/* --- お問合せ フォームテキスト ボタン下--- */
.mail-text-005 {
margin: 0px;
padding: 20px 0px 10px 0px;
font-size: 12px;
line-height: 150%;
color: #455874;
text-align: center;
}

/* --- お問合せ フォームテキスト 問合せ例 価格表--- */
.mail-text-006 {
margin: 0px;
padding: 0px 0px 8px 0px;
font-size: 14px;
line-height: 150%;
color: #656565;
text-align: left;
}

.mail-text-006 a:link {color:#2D83D2; text-decoration:none;}
.mail-text-006 a:visited {color: #898989;text-decoration:underline;}
.mail-text-006 a:active {color: #FF4200;text-decoration:underline;}
.mail-text-006 a:hover {color: #FF4200;text-decoration:underline;}

/* --- お問合せ 内容確認 confirm --- */
/* --- お問合せ 内容確認 confirm 枠 --- */
div.contents-confirm-frame {
margin: 0px;
padding: 0px 170px 0px 170px;
text-align: left;
}

/* --- お問合せ 内容確認 confirm テキスト --- */
.mail-confirm-text {
margin: 0px;
padding: 0px 0px 0px 9px;
font-size: 14px;
line-height: 150%;
color: #333333;
background: url(../image/design-mail-027.gif) no-repeat left top;
}

/* --- お問合せ 内容確認 confirm --- */
.mail-confirm-form {
margin: 4px 0px 20px 9px;
padding: 6px 10px 6px 10px;
font-size: 14px;
line-height: 150%;
color: #656565;
background-color: #ffffff;
border: 1px solid #A1A1A1;
text-align:left;
}

/* --- お問合せ 内容確認 error --- */
/* --- お問合せ 内容確認 error 枠 --- */
div.contents-error-frame {
margin: 0px;
padding: 0px 170px 0px 170px;
text-align: center;
}

/* --- お問合せ 区切り線 --- */
div.mail-clear {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
clear: both;
}


/* --- お問合せ フォームテキスト 赤 --- */
.mail-text-red {
color: #D14573;
}

/* --- お問合せ フォームテキスト 灰 --- */
.mail-text-gray {
color: #9EA9BB;
}





/* --- お問合せ design-mail.html 終わり --------------------------------- */
/* ------------------------------------------------------------------------------------ */