@charset "utf-8";

#article p {
margin-bottom:15px;
}

#article h2 {
margin-bottom:20px;
padding:10px;
background-color:#d2f0f0;
font-weight:700;
font-size:1.3em;
line-height:1.5em;
}

#article h3 {
margin-bottom:15px;
font-weight:700;
font-size:1.3em;
line-height:1.5em;
}

#article .w700 img {
display:block;
}


/*------------------------ common ------------------------*/

#article .w700 .left.pr40 {
border-right:1px solid #e6e6e6;
}


/*------------------------ head ------------------------*/
#coti-head {
width:100%;
height:320px;
margin-bottom:30px;
display:block;
text-indent:-9999px;
background:url(img/form_img_01.png) no-repeat 50% 0;
}

/*------------------------ intro ------------------------*/
#article #coti-intro {
padding-bottom:300px;
background:url(img/form_img_04.png) no-repeat 50% 100%;
}

/*------------------------ flow ------------------------*/
#article #coti-flow .item {
margin-bottom:20px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#article #coti-flow .item h3 {
margin-bottom:none;
padding:10px;
background-color:#4f4f4f;
color:#fff;
}


/*------------------------ videoframe ------------------------*/
#article .videoframe {
width:535px;
margin:0 auto;
padding:20px 0;
background-color:#e6e6e6;
border-radius:6px;
}
#article .videoframe iframe {
display:block;
margin-left:auto;
margin-right:auto;
}


/*------------------------ info ------------------------*/
#article #coti-info {
width:700px;
}


/*------------------------ detail ------------------------*/
#article #coti-detail {
margin-bottom:40px;
}

#article #coti-detail h2 {
background-color:#4f4138;
color:#fff;
}

#article #coti-detail p.f11 {
margin-bottom:5px !important;
}
#article #coti-detail table {
width:100%;
}
#article #coti-detail table tbody th,
#article #coti-detail table tbody td {
padding:10px;
text-align:left;
border-bottom:1px solid #fff;
}
#article #coti-detail table tbody th {
width:200px;
background-color:#ebe4da;
font-weight:700;
color:#3a3226;
border-right:1px solid #fff;
}
#article #coti-detail table tbody td {
background-color:#f4efe9;
}


/*------------------------ form ------------------------*/
#form {
width:790px;
display:block;
margin:0 auto 40px;
}

#form table.tbl01 {
width:100%;
margin-bottom:15px;
border-top:1px dotted #9e9e9e;
}
#form table.tbl01 th,
#form table.tbl01 td {
padding:10px;
border-bottom:1px dotted #9e9e9e;
text-align:left;
}
#form table.tbl01 th {
width:210px;
position:relative;
background-color:#f7f7f7;
line-height:1.5em;
color:#535353;
}

#form table.tbl01 td label {
margin-right:10px;
}
#form table.tbl01 td label input {
margin-right:3px;
}

#form table.tbl01 th span {
margin-left:10px;
}

#form small {
color:#5a5a5a;
font-size:0.9em;
line-height:1.1em !important;
}
#form table.tbl01 th small {
display:block;padding-top:3px;
}

#form table.tbl01 td .note {color:#ff7900;font-size:0.8em;line-height:1.4em;font-weight:600;padding-top:3px;padding-left:13px;position:relative;}
#form table.tbl01 td .note i {position:absolute;top:6px;left:0;line-height:14px;}

#form .example {color:#5a5a5a;padding-top:3px;font-size:0.9em;}

#form span.must,
#form span.option {color:#fff;font-size:0.8em;font-weight:900;line-height:1.3em;padding:2px 6px;border-radius:3px;/*position:absolute;top:18px;left:15px;*/}
#form span.must {background-color:#e50012;}
#form span.option {background-color:#959595;}

#form .txt01 {font-weight:700;font-size:0.9em;}

#form td.must textarea,
#form td.must input {background-color:#fbfaea;}
#form td textarea,
#form td input {background-color:#fdfdfd;}

#form textarea {width:100%;border:1px solid #ccc;padding:3px 1%;font-size:1.1em;border-radius:0;}

#form input[type="number"],
#form input[type="text"],
#form input[type="url"],
#form input[type="search"],
#form input[type="email"],
#form input[type="tel"] {width:30%;max-width:100%;border:1px solid #d7d7d7;padding:3px 1%;font-size:1.1em;border-radius:0;}
#form .fieldS {width:33.333% !important;}
#form .fieldM {width:55% !important;}
#form .fieldL,
#form .fieldVL {width:100% !important;}

#form .boxBtns {
margin-bottom:30px;
padding:10px;
background:url(img/submit_bg.png) repeat 0 0;
}
#form .boxBtns input[type="submit"] {
width:342px;
height:54px;
margin:0 auto;
padding:0;
border:none;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/sumbit.png) no-repeat 0 0;
cursor:pointer;
}
#form .boxBtns input:hover {
background-position:0 -54px !important;
}
#form .boxBtns .ajax-loader {
display:none;
}

#form .boxPrivacy {
width:590px;
margin:0 auto;
padding-left:110px;
background:url(img/privacy.png) no-repeat 0 0;
background-size:91px 91px;
}
#form .boxPrivacy p {
margin-bottom:10px;
}




/*------------------------ coti-thanks ------------------------*/
#article #coti-thanks {
padding-bottom:20px;
border-bottom:1px dotted #9e9e9e;
}
#article #coti-thanks .go2top {
color:#1111cc;
}


/*------------------------ coti-thanks ------------------------*/
.cotiNote01{
    width: 1000px;
    margin: -24px auto 30px;
    font-size: 10px;
    text-align: right;
}