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


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

section.contact p{ width:92%; padding:20px 4% 0 4%; line-height:1.9em; float:left; }

section.contact p a{ color:#fff; }
section.contact p a:hover{ color:#fff; text-decoration:underline; }


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

div#form_area { width:94%; padding-bottom:50px; margin:20px 3%; float:left; }

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

ul#error_msg { width:90%; padding:10px; margin:0 auto 20px auto; font-size:12px; text-align:left; color:#ffff00; border:solid 1px #ffff00; }
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:middle; }
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:#fff; 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:31.3%; 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; }

span.no_entry { color:#999; }

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


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

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

.textarea_waku { width:90%; height:140px; padding:5px; background-color:#333; color:#fff; font-size:13px; border:1px solid #ccc; }
.textarea_waku { -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:#000!important; }
textarea:focus { background-color:#000!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:#297987; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.conf_btn_bg:hover { color:#111; background-color:#b3e1e9; }


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

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:#297987; }
a:hover.submit_btn{ color:#fff; background-color:#f08300; }

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




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

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



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

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

	div#form_area { width:98%; margin:20px 1%; }

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

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

	div#confbtn { width:50%; }

	div.thanksArea { width:96%; padding:30px 2%; float:left; }

}

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

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



}