@charset "UTF-8";
@import url(./common/common.css);
@import url(./common/base.css);


/*----- お問い合わせページ 設定 ----------------------------------------------------*/

section#contact > p{ width:96%; max-width:1000px; padding:20px 0 0 0; margin:0 auto; color:#555; overflow:hidden; }

section#contact > p a{ color:#f08300; }
section#contact > p a:hover{ color:#f08300; text-decoration:underline; }


/*----- お問合せフォーム 設定 ----------------------------------------------------*/

div#form_area { width:94%; max-width:1000px; padding-bottom:50px; margin:20px auto; overflow:hidden; }

div#error_txt { width:98%; padding:10px 0; margin:10px auto 0 auto; font-size:12px; font-weight:bold; text-align:left; color:#ff0000; overflow:hidden; }

ul#error_msg { width:95%; padding:10px 2%; margin:0 auto 20px auto; font-size:12px; text-align:left; color:#ff0000; border:solid 1px #ff0000; overflow:hidden; }
ul#error_msg li{ padding-bottom:5px; }

table.contact_tbl { width:100%; padding:0px; margin:0; border:none; }
table.contact_tbl th{ width:24%; padding:10px 1% 10px 0; text-align:right; font-weight:normal; border-bottom:dotted 1px #aaa; vertical-align:top; }
table.contact_tbl td{ width:74%; padding:10px 0 10px 1%; text-align:left; line-height:25px; }
table.contact_tbl tr:first-child th{ border-top:dotted 1px #aaa; }

section#confirm { width:100%; padding:0 0 10px 0; float:left; }

table.confirm_tbl { width:84%; padding:0px; margin:0 auto; border:none; }
table.confirm_tbl th{ width:25%; padding:5px 0 5px 0; text-align:right; font-weight:normal; color:#555; border-bottom:dotted 1px #aaa; vertical-align:middle; }
table.confirm_tbl td{ width:74%; padding:5px 0 5px 1%; text-align:left; line-height:25px; border-bottom:dotted 1px #aaa; }

ul.checkbox, ul.radio_list { width:98%; padding:0; margin:5px 0 0 1&; float:left; }
ul.checkbox li { width:48%; padding:0 0 5px 1%; display:inline-block; vertical-align:top; }
ul.radio_list li { width:48%; padding:0 1% 10px 0; display:inline-block; vertical-align:top; }

table.contact_tbl p{ width:100%; padding:0 0 20px 0; margin:0 auto; color:#333; letter-spacing:0.1em; overflow:hidden; }

div.notification_txt { width:96%; padding:20px 0 0 0; margin:0 auto; color:#333; letter-spacing:0.1em; overflow:hidden; }
div.notification_txt div{ display:inline; }
span.focus { padding:0 5px; font-size:1.2em; color:#ff0000; background-color:#eee; }

span.note01 { width:100%; padding:5px 0 0 0; font-size:0.8em; color:#888; letter-spacing:0.1em; overflow:hidden; }
span.note02 { width:100%; padding:5px 0 0 0; font-size:0.8em; color:#ff0000; letter-spacing:0.1em; overflow:hidden; }

span.no_entry { color:#999; }

div.sub_tit { width:96%; padding:5px 1%; border:dotted 1px #aaa; background-color:#eee; overflow:hidden; }

div.thanksArea { width:92%; padding:30px 4% 100px 4%; float:left; }

div.attention { width:92%; padding:30px 4% 100px 4%; float:left; }
div.attention h3{ width:100%; padding:0; font-size:1.1em; font-weight:bold; color:#ff0000; line-height:1.2em; overflow:hidden; }


/*----- フォームパーツ設定 ----------------------------------------------------*/

.input_waku { padding:5px; background-color:#fff; color:#333; font-size:13px; border:1px solid #777; }
.input_waku { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.iw_w30 { width:30px; }
.iw_w35 { width:35%; }
.iw_w50 { width:50%; }
.iw_w90 { width:90%; }

.textarea_waku { width:90%; height:140px; padding:5px; background-color:#fff; color:#333; font-size:13px; border:1px solid #777; }
.textarea_waku { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.textarea_waku_s { width:90%; height:40px; padding:5px; background-color:#fff; color:#333; font-size:13px; border:1px solid #777; }
.textarea_waku_s { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

select { padding:5px; background-color:#fff; color:#333; font-size:12px; border:1px solid #777; }
select { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

input:focus { background-color:#fff!important; }
textarea:focus { background-color:#fff!important; }

.fc_red { color:#ff0000; }


/*----- フォームボタン設定(確認ボタン） ----------------------------------------------------*/

div#confbtn { width:30%; padding:30px 0; margin:0 auto; font-size:14px; color:#fff; text-align:left; overflow:hidden; }
.conf_btn_bg { width:100%; height:40px; border:0px; color:#fff; cursor:pointer; float:left; }
.conf_btn_bg { background-color:#ff7800; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.conf_btn_bg:hover { background-color:#ffb400; }


/*----- フォームボタン設定(送信ボタン） ----------------------------------------------------*/

ul#send_btn{ width:80%; padding:35px 0 20px 10%; margin:0px; float:left; }
ul#send_btn li{ width:40%; margin:0 5%; font-size:12px; text-align:center; line-height:40px; float:left; }
ul#send_btn a{ width:100%; height:40px; display:block; }

.submit_btn, .submit_btn_b { color:#fff; }
.submit_btn, .submit_btn_b  { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.submit_btn { background-color:#ff7800; }
a:hover.submit_btn{ /* color:#be2121; */ background-color:#ffb400; }

.submit_btn_b { background-color:#aaa; }
a:hover.submit_btn_b { color:#000; background-color:#ccc; }


/*----- 1000px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:1000px) {



}


/*----- 650px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:650px) {

	div#form_area { width:98%; padding-bottom:0; margin:20px 1%; }

	table.contact_tbl th{ width:34%; font-size:0.7em; }
	table.contact_tbl td{ width:64%; }

	ul.checkbox li { width:98%; font-size:0.9em; }

	div#confbtn { width:70%; }

}