@charset "UTF-8";
/**
 * 「エピナール那須Webサイト」フォーム用のスタイルシート。
 *
 * CSS level 2.1
 */

div.debug { padding:5px; border:1px dashed #ccc; background-color:#eee; margin-bottom:5px; }

a.dp-choose-date { display:block; float:left; border:none; margin:0.35em 4px 0 2px; width:16px; height:16px; text-indent:-2000px; overflow:hidden; background:url(../img/ico_calendar.gif) no-repeat; }
a.dp-disabled { background-position:0 -20px; cursor:default; }

div.popup-list { padding-top:4px; background:url(../img/bg_text.gif) #ffffff repeat-x left top; border:1px solid #b5b8c8; }
div.popup-list td { border:none; }
div.popup-list td.popup-item { width:4.5em; text-align:center; padding:3px; background-color:#dadada; cursor: pointer; }
div.popup-list td.popup-item-hover { background-color:#735542; color:#ffffff; }

div#popup_email_domain td { text-align:left; }
div#popup_email_new_domain td { text-align:left; }

div#search_list { display:none; margin-top:10px; width:520px; height:7.5em; overflow:auto; }
div#search_list { background:url(../img/bg_text.gif) #fff repeat-x; padding:6px 2px 2px 2px; border:1px solid #b5b8c8; }
div#search_list_2 { display:none; margin-top:10px; width:520px; height:7.5em; overflow:auto; }
div#search_list_2 { background:url(../img/bg_text.gif) #fff repeat-x; padding:6px 2px 2px 2px; border:1px solid #b5b8c8; }
p.search_item { padding:2px; margin-bottom:2px; background-color:#dadada; cursor: pointer; }
p.search_item_hover { background-color:#735542; color:#ffffff; }

input.radio,input.checkbox { vertical-align:middle; margin-right:2px; }
/*\*/html* input.radio { vertical-align:baseline; }
/*\*/html* input.checkbox { vertical-align:baseline; }

input.text { background:url(../img/bg_text.gif) repeat-x left top; height:1.3em; padding:3px; border:1px solid #b5b8c8; }
* html input.text { height:1.9em; }
textarea.text { background:url(../img/bg_text.gif) repeat-x; border:1px solid #b5b8c8; padding:3px; }

div#inquiry_form { margin:0 0 10px 10px; }
div#presentquiz_form { margin:0 0 10px 10px; }
div#photo_form { margin:0 0 10px 10px; }

table.form_table { border:1px solid #ddd; width:770px; }
table.form_table th { width:200px; padding:10px; border-top:none; border-bottom:1px dotted #ddd; border-right:1px dotted #ddd; vertical-align:middle; }
table.form_table td { padding:10px; border-top:none; border-bottom:1px dotted #ddd; text-align:left; vertical-align:middle; line-height:1.3; }
table.form_table p.ex { font-size:0.8em; }
table.form_table p.ex em { color:#ff0000; }

button { margin-left:5px; position:relative; margin:0 5px; background-color:#fff; border:none; cursor:pointer; }
button#button_input_check { width:100px; height:25px; }
html>/**/body button#button_input_check { width:102px; height:28px; }
button#button_inquiry_check { width:100px; height:25px; }
html>/**/body button#button_inquiry_check { width:102px; height:28px; }
button#button_inquiry_send { width:140px; height:25px; }
html>/**/body button#button_inquiry_send { width:142px; height:28px; }
button#button_search_address { width:75px; height:25px; top:4px; }
html>/**/body button#button_search_address { width:77px; height:28px; top:7px; }
button#button_search_address_2 { width:75px; height:25px; top:4px; }
html>/**/body button#button_search_address_2 { width:77px; height:28px; top:7px; }
button#button_search_prefcode { width:65px; height:25px; top:4px;  }
html>/**/body button#button_search_prefcode { width:67px; height:28px; top:7px; }
button#button_history_back { width:165px; height:25px; }
html>/**/body button#button_history_back { width:167px; height:28px; }
button#button_merumaga_entry { width:75px; height:25px; }
html>/**/body button#button_merumaga_entry { width:77px; height:28px; }
button#mode_chg { width:55px; height:25px; }
html>/**/body button#mode_chg { width:57px; height:28px; }
button#button_merumaga_cancel { width:55px; height:25px; }
html>/**/body button#button_merumaga_cancel { width:57px; height:28px; }
button#button_apply { width:75px; height:25px; top:4px; }
html>/**/body button#button_apply { width:77px; height:28px; top:7px; }

div#inquiry_form input#name { width:10em; padding:3px; }
div#inquiry_form input#kana { width:10em; }
div#inquiry_form input#plan_year { width:4em; margin-right:3px; }
div#inquiry_form input#plan_month { width:2em; margin-right:3px; }
div#inquiry_form input#plan_day { width:2em; margin-right:3px; }
div#inquiry_form input#pref_code1 { width:3em; margin-right:3px; }
div#inquiry_form input#pref_code2 { width:4em; }
div#inquiry_form input#pref { width:5em; }
div#inquiry_form input#city { width:28em; }
div#inquiry_form input#email { width:22em; }
div#inquiry_form input#tel { width:16em; }
div#inquiry_form input#company { width:22em; }
div#inquiry_form input#busuu { width:2em; margin-right:3px; }

div#presentquiz_form input#name { width:10em; padding:3px; }
div#presentquiz_form input#kana { width:10em; }
div#presentquiz_form input#nick { width:10em; }
div#presentquiz_form input#age { width:2em; margin-right:3px; }
div#presentquiz_form input#pref_code1 { width:3em; margin-right:3px; }
div#presentquiz_form input#pref_code2 { width:4em; }
div#presentquiz_form input#pref { width:5em; }
div#presentquiz_form input#city { width:28em; }
div#presentquiz_form input#tel { width:16em; }
div#presentquiz_form input#email { width:22em; }
div#presentquiz_form input#email_keitai { width:22em; }

div#photo_form input#upfile { width:30em; }
div#photo_form input#title { width:30em; }
div#photo_form input#location { width:30em; }
div#photo_form input#name { width:10em; padding:3px; }
div#photo_form input#kana { width:10em; }
div#photo_form input#nick { width:10em; }
div#photo_form input#age { width:2em; margin-right:3px; }
div#photo_form input#pref_code1 { width:3em; margin-right:3px; }
div#photo_form input#pref_code2 { width:4em; }
div#photo_form input#pref { width:5em; }
div#photo_form input#city { width:28em; }
div#photo_form input#tel { width:16em; }
div#photo_form input#email { width:22em; }
div#photo_form input#email_keitai { width:22em; }

input.merumaga_email { width:22em; }
input.merumaga_email_keitai { width:16em; }
input.merumaga_pref { width:5em; }
input.merumaga_comment { width:520px; }

table.enquete_form { }
table.enquete_form th { padding:10px; }
table.enquete_form td { padding:10px; border:1px solid #ddd;}