@charset "utf-8";

/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
contact_box
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

h2.headline {
margin: 20px 0;
text-align: center;
}
div#contact_box {
height: 100%;
overflow: hidden;
margin: 0 auto;
padding: 0;
background: #FFF;
border: #acc4d9 solid 4px;
}
div#contact_box p.main {
margin: 20px 10px 0;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
お電話・FAXでのお問い合わせ
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#box_01 {
height: 100%;
overflow: hidden;
margin: 20px 10px 0;
padding: 0 0 44px;
background: url(../img/common/line_02.gif) bottom repeat-x;
background-size: 295px 4px;
}
div#box_01 p.headline {
margin: 0 auto 20px;
padding: 7px 10px;
color: #FFF;
font-size: 15px;
font-weight: bold;
line-height: 1.2;
background: url(../img/common/bg_02.jpg);
background-size: 32px 32px;
}
div#box_01 p.name {
font-size: 14px;
font-weight: bold;
}
div#box_01 address {
margin: 10px 0 0;
font-style: normal;
}
div#box_01 p.tel,
div#box_01 p.fax,
div#box_01 p.time {
margin: 5px 0 0;
}
div#box_01 p.attention {
margin: 5px 0 0;
color: #e60012;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
メールフォーム
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#box_02 {
height: 100%;
overflow: hidden;
margin: 40px 10px 0;
padding: 0 0 20px;
}
div#box_02 p.headline {
margin: 0 auto 20px;
padding: 7px 10px;
color: #FFF;
font-size: 15px;
font-weight: bold;
line-height: 1.2;
background: url(../img/common/bg_02.jpg);
background-size: 32px 32px;
}

div#box_02 p.extra {
margin: 0 0 10px;
padding: 0;
}
div#contact_box p.extra span {
color: #e60012;
}

dl#contact_form {
margin: 0 auto;
padding: 0;
}
dl#contact_form dt {
margin: 0 0 3px;
padding: 0;
font-size: 13px;
}
dl#contact_form dt em {
margin: 0 0 0 10px;
color: #e60012;
font-size: 12px;
font-style: normal;
}
dl#contact_form dd {
margin: 0 0 5px;
padding: 0;
}
dl#contact_form dd input.itext {
width: 98%;
padding: 8px 0;
border: #5a8ab3 solid 1px;
}
dl#contact_form dd input.small {
width: 20%;
padding: 8px 0;
border: #5a8ab3 solid 1px;
}
dl#contact_form dd select {
margin: 10px 0 0;
padding: 8px 0;
display: block;
}
dl#contact_form dd textarea {
width: 98%;
border: #5a8ab3 solid 1px;
}

div#contact_box p.center {
margin: 0 auto;
padding: 0;
text-align: center;
}
div#contact_box table {
margin: 20px 10px 40px;
border-collapse: collapse;
}
div#contact_box table tr th,
div#contact_box table tr td {
padding: 5px 10px;
border-bottom: #CCC solid 1px;
}
div#contact_box p.bot {
margin: 0 10px 40px;
text-align: center;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
個人情報の取扱について
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#box_03 {
height: 100%;
overflow: hidden;
margin: 0 10px 40px;
padding: 10px;
background: #e8eef5;
border: #5a8ab3 solid 1px;
}
div#box_03 p.headline {
margin: 0 0 10px;
color: #5a8ab3;
font-size: 14px;
font-weight: bold;
}
div#box_03 dl {
margin: 0;
padding: 0;
}
div#box_03 dl dt {
margin: 10px 0;
padding: 0;
color: #5a8ab3;
font-size: 13px;
}
div#box_03 dl dd {
margin: 0;
padding: 0;
}