@charset "utf-8";

/* ****************************************************************
   お問い合わせページの独自設定
*************************************************************** */
/* ********************************
   お問い合わせトップ
******************************** */
#ind h2{
margin:0 0 15px 0;
}
#ind h3{
width:725px;
margin:20px 0 13px 0;
position:relative;
}
#ind h3 .btnMore{
position:absolute;
top:-1px;
left:623px;
}
#ind .info ul li{
padding:11px 0 7px 81px;
margin-bottom:20px;
background:url(/inquiry/images/ind_bg.gif) no-repeat 0% 50%;
}
#ind .contact{
height:auto;
background:none;
}
#ind .contact p{
position:static;
}
#ind .sec01{
background:url(/common/images/dotline_gray.gif) repeat-x 0% 100%;
padding-bottom:20px;
}
#ind .sec01 .detail{
position:relative;
}
#ind .sec01 .detail p{
float:left;
display:inline;
}
#ind .sec01 .detail p.tel{
margin:7px 0 0 3px;
}
#ind .sec01 .detail p.time{
margin:7px 0 0 12px;
}
#ind .sec01 .detail p.shop{
margin:5px 0 0 14px;
}
#ind .sec01 .box{
background:url(/inquiry/images/ind_bg03.gif) no-repeat 0% 100%;
padding-bottom:10px;
margin:10px 0 0 0;
}
#ind .sec01 .box p{
width:705px;
background:url(/inquiry/images/ind_bg02.gif) no-repeat 0% 0%;
padding:10px 10px 0 10px;
}

#ind .sec02 .box{
background:url(/inquiry/images/ind_bg03.gif) no-repeat 0% 100%;
margin-top:10px;
margin-bottom:20px;
}
#ind .sec02 .box ol{
width:703px;
padding:5px 10px;
background:#fcf4e4 url(/inquiry/images/ind_bg02.gif) no-repeat 0% 0%;
}
#ind .sec02 .box ol li{
padding-left:0.5em;
text-indent:-0.5em;
}
#ind .sec02 .mail{
position:relative;
width:206px;
}
#ind .sec02 .mail p.btnContact{
position:absolute;
top:-27px;
left:236px;
}


/* ********************************
   お問い合わせフォーム
******************************** */
#personal{
margin-bottom:34px;
text-align:center;
}

#personal p.lead{
margin-bottom:6px;
font-weight:bold;
text-align:left;
}

#personalPolicy{
height:130px;
margin-bottom:14px;
padding:12px 14px;
border:1px solid #cccaca;
font-size:0.8em;
text-align:center;
overflow:auto;
}

#personalPolicy .section{
margin-bottom:2em;
text-align:left;
}

#personalPolicy h2{
margin-bottom:1em;
padding-bottom:0.5em;
background:url(/common/images/topic_line.gif) repeat-x 0% 100%;
font-weight:bold;
text-align:center;
}

#personalPolicy h2 span{
padding:0 0.5em;
}

#personalPolicy li{
margin-bottom:1em;
padding-left:1em;
text-indent:-1em;
}

#personalPolicy table{
margin:0 auto;
margin-bottom:1em;
text-align:center;
}

#personalPolicy th,
#personalPolicy td{
padding:8px 40px;
border:1px solid #cccccc;
font-weight:bold;
}

#personalPolicy p{
text-align:left;
}

#personalPolicy p.date{
text-align:right;
}

#personal p.check{
width:240px;
margin:0 auto;
padding:6px 12px;
background:#ececec;
font-weight:bold;
}

#personal p.check input{
vertical-align:middle;
}

/* table#form */
table#form{
margin-bottom:36px;
}

input#mail{
font-size:1em;
}

table#form input,
table#form textarea{
border:1px solid #aaa8a8;
}

table#form textarea{
font-family:monospace;
}

table#form th,
table#form td{
padding:12px;
border:1px solid #e4e3e3;
}

table#form th{
width:218px;
background:#fef8fc;
font-weight:bold;
}

table#form th img{
margin-left:4px;
margin-top:-2px;
vertical-align:middle;
}

table#form td{
width:454px;
}

table#form td input,
table#form td textarea{
padding:3px;
vertical-align:middle;
}

table#form td.labelName input{
width:104px;
}

table#form td.labelMail input,
table#form td.labelNumber input{
width:264px;
}

table#form td.labelMail input#mail{
margin-top:0;
}

table#form td.labelAge input{
width:34px;
}

table#form td.labelSex input{
border:none;
}

table#form td.labelText textarea{
width:356px;
}

table#form span{
margin-left:16px;
}

table#form span.example{
margin-left:0;
font-size:0.8em;
}

form#mailForm p.btn{
margin-bottom:20px;
text-align:center;
}

form#mailForm p.btn input{
margin:0 24px;
}

/* #error */
p#error{
margin-bottom:20px;
padding:10px 12px;
background:#fff8f8;
border:1px solid #e3bbbb;
color:#e51f09;
font-weight:bold;
}

form#mailForm p.error{
margin-top:8px;
color:#e51f09;
font-weight:bold;
line-height:1;
}



/* ********************************
   完了ページ
******************************** */
#complete{
width:725px;
height:290px;
background:url(../images/comp_ill.gif) no-repeat 570px 86px;
text-align:center;
}

#complete h2{
margin-bottom:52px;
padding-top:36px;
}