@charset "utf-8";

/* flow */
#main .flow {
overflow:hidden;
height:100%;
margin-bottom:13px;
}
#main .flow li {
float:left;
margin-right:-16px;
}
#main .flow img {
vertical-align:middle;
}

/* form */
#main .form p {
margin-bottom:13px;
font-size:1.2em;
}
#main .form table {
width:100%;
margin-bottom:10px;
font-size:1.2em;
}
#main .form th,
#main .form td {
padding:10px 9px;
border:1px solid #D5D5D5;
vertical-align:middle;
}
#main .form th {
width:160px;
background-color:#D2EEFD;
font-weight:normal;
text-align:left;
}
#main .form .name input,
#main .form .mail input,
#main .form .phone input,
#main .form textarea {
padding:0.2em;
border:1px solid #99D9F6;
background-color:#ECF6FC;
vertical-align:middle;
}
#main .form textarea {
overflow:auto;
width:98%;
font-size:1em;
}
#main .form td p {
margin-bottom:0;
font-size:1em;
}
#main .form td .sample,
#main .form td .error {
margin-top:6px;
}
#main .form td .error {
color:#f00;
}
#main .form td p.notes {
margin-bottom:6px;
margin-left:1em;
text-indent:-1em;
}
#main .form td span.notes {
font-size:0.833em;
white-space:nowrap;
}
#main .form .require th span {
display:inline-block;
padding-right:45px;
background:url(../../common/icon_require.png) right center no-repeat;
}
#main .form .link {
margin-top:13px;
padding:7px;
background:url(../../common/common_bg_01.png);
text-align:center;
}
/* category */
#main .form .category label {
overflow:hidden;
height:100%;
}
#main .form .category input {
float:left;
}
#main .form .category td span {
overflow:hidden;
height:100%;
}

/* body */
#main .form .body td {
word-break:break-all;
}
#main .form .body textarea {
height:7.3em;
}

/* name */
#main .form .name input {
width:135px;
margin-right:10px;
}
#main .form .name span.notes {
margin-left:-7px;
}

/* mail */
#main .form .mail input {
width:295px;
}

/* phone */
#main .form .phone input {
width:95px;
}

/* message */
#main .form .message {
margin-bottom:27px;
padding-top:24px;
font-size:1.4em;
text-align:center;
}

/* action */
#main .form .action {
overflow:hidden;
height:100%;
}
#main .form .action ul {
position:relative;
left:50%;
float:left;
padding-left:10px;
}
#main .form .action li {
position:relative;
left:-50%;
float:left;
margin-right:10px;
}
#main .form .action img {
vertical-align:bottom;
}

/* complete */
#main .form .complete {
margin-bottom:48px;
padding-top:32px;
}
#main .form .complete h2 {
font-size:1.6em;
}
#main .form .complete p {
font-size:1.4em;
}