@charset "shift_jis";

/* -------------------------------------------------------------------- */
/* Location : http://www.maruchi.biz/wrok/design-noteameba-001.html */
/* Location : http://www.maruchi.biz/wrok/design-style-noteameba.css */
/* Date : 2012-06-12 */
/* Date : 2015-05-10 */
/* Date : 2016-05-23 */
/* Author : maruchi */
/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

/* --- コンテンツ ブログタイトルデザイン design-noteameba ----------------- */
/* --- コンテンツ ブログタイトルデザイン 枠背景  --- */
div.contents-frame-noteameba {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
background: url(../image/design-offer-2-004.gif) repeat-y;
text-align: left;
overflow: hidden;
}

div.contents-frame-noteameba img {
vertical-align: top;
}


/* --- コンテンツ ブログタイトルデザイン メニューリンク --- */
/* --- リンク画像全体囲み --- */
div.noteameba-menu-frame {
/*width: 760px; */
/*height: 674px; */
margin: 0px;
padding: 0px;
font-size: 12px;
line-height: 100%;
text-align: left;
}


/* -------------------------------------------------------------------- */
/* --- コンテンツ ブログタイトルデザイン 枠 --- */
div.noteameba-frame {
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
}

/* --- コンテンツ ブログタイトルデザイン 区切り線 --- */
div.noteameba-clear {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
clear: both;
}

a:link { color:#125CA7; text-decoration:none; }
a:visited { color: #898989; text-decoration:underline; }
a:active { color: #FF4200; text-decoration:underline; }
a:hover { color: #FF4200; text-decoration:underline; }

/* --- コンテンツ ブログタイトルデザイン 左 --- */
div.noteameba-left {
width: 210px;
margin: 0px;
padding: 0px;
float: left;
text-align: left;
}

/* --- コンテンツ ブログタイトルデザイン 左　小見出し --- */
div.noteameba-left-title {
margin: 0px;
padding: 0px 0px 0px 38px;
text-align: left;
}


/* --- コンテンツ ブログタイトルデザイン 右 --- */
div.noteameba-right {
width: 548px;
margin: 0px;
padding: 0px;
float: right;
}

/* --- コンテンツ ブログタイトルデザイン 右　文字位置 --- */
div.noteameba-right-frame {
margin: 0px;
padding: 0px 38px 0px 21px;
text-align: left;
}

/* --- コンテンツ ブログタイトルデザイン 右　注意点 小見出し --- */
.noteameba-right-rule-title {
margin: 0px 0px 10px 0px;
padding: 4px 0px 4px 16px;
font-weight: bold;
font-size: 16px;
line-height: 100%;
color: #A42057;
text-align: left;
background-color: #F8D7DF;
background: url(../image/noteameba-201206-021.gif) no-repeat top left;
border-left: 6px solid #F8D7DF;
}

/* --- コンテンツ ブログタイトルデザイン 右　注意点 --- */
.noteameba-right-rule {
margin: 0px 0px 0px 4px;
padding: 0px 0px 10px 12px;
font-size: 14px;
line-height: 140%;
color: #333333;
text-align: left;
background: url(../image/design-offer-2-019.gif) no-repeat top left;
}

/* --- コンテンツ ブログタイトルデザイン 右　注意点 --- */
.noteameba-right-rule2 {
margin: 0px 0px 0px 8px;
padding: 0px 0px 10px 8px;
font-size: 14px;
line-height: 140%;
color: #333333;
text-align: left;
background: url(../image/design-offer-2-020.gif) no-repeat top left;
}

/* --- コンテンツ ブログタイトルデザイン 右　注意点 有料制作支払い枠 --- */
.noteameba-right-rule5 {
margin: 0px 10px 5px 10px;
padding: 12px 10px 5px 10px;
background-color: #ffffff;
border: 1px solid #B4879C;
text-align:left;
}

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* --- ブログタイトルデザイン制作お申し込みフォーム -------------------------- */
/* --- コンテンツ お問合せ 枠 --- */
div.contents-mail-frame-offer {
width: 480px;
margin: 0px;
padding: 0px;
text-align: left;
overflow: hidden;
}


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

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

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

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

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

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

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


/* --- お問合せ フォームテキスト 問合せ例 --- */
.mail-offer-text-004 {
margin: 0px 0px 0px 0px;
padding: 6px 0px 8px 2px;
font-size: 12px;
line-height: 120%;
color: #455874;
text-align: left;
}

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

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

/* --- お問合せ 内容確認 confirm テキスト --- */
.mail-offer-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-offer-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-offer{
margin: 0px;
padding: 0px 170px 0px 170px;
text-align: center;
}

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


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

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

/* --- お問合せ フォーム 　確認とエラー修正　戻る ---*/
div.mail-offer-back {
width: 270px;
margin: 10px 0px 20px 0px;
padding: 10px 20px 10px 20px;
font-size:16px;
line-height:100%;
color:#B9476A; 
background-color: #F8F8F8;
border: 1px solid #99C1C3;
text-align:center;
}

div.mail-offer-back a:link {color:#B9476A; text-decoration:none;}
div.mail-offer-back a:visited {color: #898989;text-decoration:underline;}
div.mail-offer-back a:active {color: #FF4200;text-decoration:underline;}
div.mail-offer-back a:hover {color: #FF4200;text-decoration:underline;}

/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */