@charset "utf-8";
/*
機　　能　　名：当園へのアクセス・お問い合わせ
作　　成　　日：2015/12/07
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	contact
**************************************** */

/* main_img */
div#main_img {
position:relative;
width:1000px;
height:690px;
margin-bottom:70px;
}
div#main_img h2 img {
display:none;
}
div#main_img p {
position:absolute;
bottom:83px;
left:232px;
}

/* access */
#access {
margin:60px 0;
text-align:center;
}
#mapDiv,
iframe {
margin:0 auto 40px auto !important;
}

#access h2 {
margin:0 0 20px 15px;
}
#access div#map {
margin:0 auto 40px auto;
width:970px;
height:450px;
}
#access div.float_r {
width:590px;
margin:32px 30px 0 0;
}
#access div.float_r h3 {
margin-bottom:35px;
}
#access div.float_r li {
background:url(../images/contact/dot_bg.gif) 0 bottom repeat-x;
padding-bottom:10px;
margin-bottom:12px;
}
#access div.float_r dt,
#access div.float_r dd {
float:left;
}
#access div.float_r dt {
width:180px;
font-weight:bold;
color:#582313;
margin-right:10px;
text-align:left;
}

/* contact_box */
#contact_box {
width:940px;
margin:0 auto;
}
#contact_box h2 {
margin:30px 0 0 0;
}
#contact_box p {
margin:35px 0 55px 0;
}
#contact_box h3.h3_txt {
margin:0 0 15px 0;
border-left:5px solid #582313;
padding-left:8px;
}

#contact_box div.form_list {
background:url(../images/contact/list_bg.gif) 0 0 repeat-y;
}
#contact_box div.form_list li {
background:url(../images/contact/list_btm.gif) 0 bottom no-repeat;
padding:17px 20px 18px 345px;
position:relative;
}
#contact_box div.form_list span {
width:290px;/* total 330px */
padding:0 20px;
position:absolute;
top:20px;
left:0px;
color:#FFFFFF;
}
#contact_box div.form_list span em {
position:absolute;
top:0;
right:20px;
background:#CC0000;
color:#FFF;
font-size:0.9em;
text-align:center;
padding:3px;
}
#contact_box div.form_list input,
#contact_box div.form_list textarea {
background:#FEFFF1;
border:1px solid #000;
padding:10px;
width:250px;/* total 270px */
}
#contact_box div.form_list input.mf_zip {
width:130px;/* total 150px */
}
#contact_box div.form_list input.mf_mail,
#contact_box div.form_list input.mf_add,
#contact_box div.form_list textarea {
width:400px;/* total 420px */
}
#contact_box div.form_list input.mf_mail,
#contact_box div.form_list input.mf_zip,
#contact_box div.form_list input.mf_tel {
ime-mode:inactive;
}

/* エラーメッセージ */
div#errmsg {
background:#FFE0E0;
border:5px solid #A55952;
margin:20px auto;
padding:15px 30px;
text-align:left;
width:400px;
}
div#errmsg ul {
padding:0;
xpadding-left:70px;
}
div#errmsg ul li {
line-height:1.8;
color:#944121;
display:block;
}
div#errmsg ul li strong {
font-weight:bold;
margin-right:5px;
color:#cc0000;
}

/* btn_box */
div#btn_box {
margin:30px auto;
text-align:center;
}
div#btn_box li#form_back_btn {
text-align:left;
width:100%;
font-size:0.8em;
}
