@charset "utf-8";
/* ---------------------見積もり依頼フォーム用CSS----------------------------- */


/* 基本CSSへの外部リンク */

@import "../css/nanas.css";
@import "../css/basic.css";
@import "../css/custom.css";


/* -------左側メニュー部------------ */

/* サイドメニューの矢印 */
#arrow02{
display: block;
width:180px;
height:35px;
background-image: url(images/icon_arrow02.gif);
background-repeat:no-repeat;
}

#arrow02 span{
margin-left:35px;
}

/* -------フォーム部表示用------------ */
#mailform{
position:relative;
clear:both;
float:left;
background-color:#fffff2;
background-image: url(images/s.gif);
background-repeat:no-repeat;
}


/* -------フォーム用テーブル関係------------ */

/* メールフォーム部のテーブル */
.mailtable{
width:589px;
background-color:#effadc;
margin:14px 0 60px 9px;
border:solid 1px #aae36e;
}

/* 緑背景の小見出し */
.greent{
background-color:#006600;
height:28px;
background-image: url(images/ts_contact.gif);
background-repeat:no-repeat;
padding-left:41px;
color:#ffffff;
font-weight:bolder;
line-height:28px;
font-size:120%;
}

/* 緑の項目名 */
.ordert0, .ordert1, .ordert2, .ordert3{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "ＭＳ Ｐゴシック", "MS UI Gothic", "Osaka‐等幅";
color:#006600;
font-weight:bolder;
}

.ordert3{
height:40px;
}

.ordert3{padding-left:41px;}


/* -------フォーム入力部------------ */

textarea{
font-size:100%;
}

.inp, .inp1, .inp2, .inp3, .inp4, .inp5 {
color:#006600;
border: 1px solid #b8e884;
background-color: #fffff2;
padding:4px 0;
}

.inp1{width:146px;}
.inp2{width:290px;}
.inp3{width:70px;}
.inp4{width:294px; margin:8px 0;}
.inp5{width:204px; margin:8px 0;}

.mailtable1{
padding:15px 0 30px 24px;
}

/* ボタン */
.sub{
    cursor: pointer;
    border-width:2px;/*枠線の太さ 上右下左*/
    border-color:#6CA76C #004100 #001A00 #358635;
    font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
    color:#ffffff;
    background-color:#006600;
    height:35px;
    width:177px;
    margin:12px 0 20px 0;
}


/* -------その他フォーム部------------ */
/* ライン */
.mailhr{
width:541px;
height:1px;
margin:4px 0 4px 24px;
}

/* 補足文字 */
.nomal{
font-weight:normal;
color:#777A74;
font-size:80%;
}

/* 備考の中身 */
.nomal2{
font-weight:normal;
color:#777A74;
}

/* エラー表示用赤字 */
.error_coution{
color:#ff0000;
font-size:80%;
font-weight:normal;
}

/* スペーサー */
.sp{
width:1px;
height:7px;
}