@charset "utf-8";

/*--------------------------------------------------------------------
STW お問い合わせ・お申し込み関連フォーム指定CSS
最新更新日：06/23/2010
更新日：11/28/2009
--------------------------------------------------------------------*/

/*  00. stw common2.cssより転記
--------------------------------------------------------------------*/
body, h1, h2, h3, h4, p, ul, dl, dt, dd, form { margin: 0; padding: 0; }
ul { list-style: none; }
img { border: none; }
td { line-height: 1.5; }
 
/*font*/
.px_l{ font-size: 14px; }
.px_m{ font-size: 12px; }
.px_s{ font-size: 10px; }
/*end font*/

body{ text-align: center; line-height: 1.3; font-size: 12px; font-family: 'Lucida Grande', 'ＭＳ Ｐゴシック', sans-serif; color: #666; background: #fff url(https://secure.stworld.jp/img/common/back.png); }
 
#rim{ width: 832px; margin: 0 auto; padding: 0 0 20px 0; text-align: left; background: #fff; border-right: 1px solid #666; border-left: 1px solid #666; }
html>body #rim { width: 830px; }
a { color: #000099; text-decoration: underline; }
a:visited { color: #000099; }
a:hover { color: #0000e5; }
a:active { color: #0000e5; }

/*header*/
#header div#htop { padding: 2px 10px; background: url(https://secure.stworld.jp/form/img/common/hf_back.gif); }
#header h1 { margin: 0; padding: 0; font-size: 83%; font-weight: normal; color:#fff; line-height: 1em; }

#m_contents, #f_contents { clear: both; margin: 0 10px; }
div.top { }

/*footer logos*/
div#flogs { text-align: center; }
div#flogs li { display: inline; margin: 5px; }
/*end footer logos*/

/*footer copy*/
p#fcopy{ height: 26px; margin: 20px 0 0; text-align: right; background: url(https://secure.stworld.jp/form/img/common/footer/f_back.gif); }
p#fcopy img { margin: 8px 10px 0 0; }
html>body p#fcopy img { margin: 8px 12px 0 0; }
/*end footer copy*/


/* 0. ロゴまわり指定
--------------------------------------------------------------------*/
#logoarea { position: relative; height: 164px; }
#logoarea .frm_logo { position: absolute; top: 10px; left: 10px; }
#logoarea .frm_button { position: absolute; top: 40px; right: 10px; }
#logoarea h2.frm_ti,
#logoarea h2.frm_ti02 { position: absolute; top: 30px; left: 300px; }
#logoarea h2.frm_ti03 { position: absolute; top: 30px; left: 204px; }


/* 1. 一般用お問い合わせフォーム
--------------------------------------------------------------------*/
#form_common { width: 630px; margin: auto; }
#form_common .con_msg { padding: 0 15px 20px; }
#form_common .con_msg02 { padding: 0em 15px; text-align: right; }

#form_common .op_con_msg { padding: 5px; border: 1px dotted #ccc; }
#form_common .op_con_msg .con_msg { padding: 0 15px; margin-bottom: 1em; }
#form_common .op_con_msg .con_msg span { color: #f00; }

#form_common .form_tbl { width: 630px; margin-bottom: 20px; padding: 10px 15px; border-collapse: separate; border: 1px solid #ccc; }
#form_common .form_tbl .th_must { background-color: #ffe5e5; }

.form_tbl td, .form_tbl th { padding: 10px; border-bottom: 1px dotted #ccc; } 
.form_tbl th { width: 145px; border-right: 1px dotted #ccc; color: #e57a00; text-align: left; }
.form_tbl input { vertical-align: text-bottom; }
.form_tbl .w300 { width: 300px;  }
.form_tbl .w380 { width: 380px;  }
.form_tbl .w580 { width: 580px;  }

#mokuteki label { color: #333; font-weight: bold; }
.form_tbl tr.start th, .form_tbl tr.start td { border-top: none; }
#mokuteki th, #mokuteki td, .form_tbl tr.end th, .form_tbl tr.end td { border-bottom: none; }

#youbou th { width: auto; white-space: nowrap; }
#youbou textarea { width: 460px; }
#youbou2 th { width: auto; white-space: nowrap; }
#youbou2 textarea { width: 420px; }

.form_tbl .cap { display: block; }
.form_tbl .strong_cap { font-weight: bold; color:#c00; }
#form_common .form_tbl table { border-top: 0px solid #d2d2d2; }
#form_common .form_tbl #inquiry_remarks { padding-left: 1em; text-indent: -1em; }

.must { color:#cc0000; font-weight: bold; }

#form_common p.msg { text-align: center;font-weight: bold;color: #333; }
#form_common .remarks_block { margin-bottom: 1em; }
#form_common .error_comment { color: #f00; }

/* 2. バリ島用お問い合わせフォーム
--------------------------------------------------------------------*/
h3#h3_bali { margin-top: 20px; text-align: center; }
#bali_form { width: 789px; margin: auto; padding-bottom: 20px; background-color: #ffffeb; border: 1px solid #cdbd79; }
#bali_form .step { margin: 20px auto; }
#bali_form .con_msg { width: 600px; margin: 0 auto 20px; }
#bali_form .con_msg02 { width: 600px; margin: auto; text-align: right; }

#bali_form .form_tbl { width: 630px; margin: auto; border-top: 1px solid #dad6cb; border-right: 1px solid #dad6cb; border-collapse: collapse; background-color: #fff; margin-top: 5px; }
#bali_form .form_tbl td,
#bali_form .form_tbl th { border-bottom: 1px solid #dad6cb; border-left: 1px solid #dad6cb; padding: 6px; } 
#bali_form .form_tbl th { text-align: right; background-color: #dee3c4; font-weight: normal; color: #59493f; border-bottom: 1px solid #fff; white-space: nowrap; }
#bali_form .bg01 { background-color: #f1f3e6; }

#bali_form .w630 { width: 630px; margin: auto; }
.hbg textarea { width: 450px; }

ul.h_ti li { float: left; width: 145px; text-align: center; font-weight: bold; }
ul.h_cont li { float: left; width: 140px; text-align: center; padding: 0 5px; }
#bali_form .w190 { width: 140px; }

#bali_form .form_tbl td.hbg {background-color:#f1f3e6; border-bottom: 1px solid #fff; }
#bali_form .form_tbl td.hbg02 {background-color:#f1f3e6; }
#bali_form .form_tbl th.hbg03 {border-bottom: 1px dashed #dcd8c4;background-color: #e6ead3; }
#bali_form .form_tbl th.hbg04 {background-color: #e6ead3; }
#bali_form .form_tbl th.hbg05 {border-bottom: 1px solid #dad6cb; }
#bali_form .msg {color:#59493f;font-size: 14px;font-weight: bold; }

#bali_form .policy_box { width: 610px; margin: 20px auto 10px; }

/*  3. 共通
--------------------------------------------------------------------*/
.num {width: 2em;text-align: right; }
.mt15 {margin-top: 15px; }
.ic_cal {vertical-align: top; margin: 0 8px; }
.tex_r {text-align: center;margin-top: 10px;font-weight: bold;color:#333; }

/*step*/
p.step { width: 630px; margin-bottom: 20px; }
p.step span { display: block; float: left; width: 240px; height: 50px; background-image: url(https://secure.stworld.jp/form/img/form/step.gif); background-repeat: no-repeat; text-indent: -9999px; }
p.step .step01 { background-position: left top; }
p.step .step02 { width: 150px; background-position: -240px top; }
p.step .step03 { background-position: right top; }
p.step strong .step01 { background-position: left bottom; }
p.step strong .step02 { background-position: -240px bottom; }
p.step strong .step03 { background-position: right bottom; }

p.step_rcp { width: 630px; margin-bottom: 20px; }
p.step_rcp span { display: block; float: left; width: 240px; height: 50px; background-image: url(https://secure.stworld.jp/form/img/form/step_rcp.gif); background-repeat: no-repeat; text-indent: -9999px; }
p.step_rcp .step01 { background-position: left top; }
p.step_rcp .step02 { width: 150px; background-position: -240px top; }
p.step_rcp .step03 { background-position: right top; }
p.step_rcp strong .step01 { background-position: left bottom; }
p.step_rcp strong .step02 { background-position: -240px bottom; }
p.step_rcp strong .step03 { background-position: right bottom; }

/*エラー表示*/
ul.alert {border: 1px solid #d2d2d2;background-color: #ffffcc;padding: 10px;color:#cc0000;margin-bottom: 10px; }
ul.alert li {background: url(../img/form/bullet_error.gif) no-repeat 0 0;padding-left: 20px; }
#form_common .form_tbl th.err {border-left: 3px solid #cc0000;color:#CC0000;font-weight: bold;background-color:#ffffcc;!important}
#bali_form .form_tbl th.err {border-left: 3px solid #cc0000;color:#CC0000;font-weight: bold;!important}
.err02 {text-align: center; color:#CC0000;background: url(../img/form/bullet_error.gif) no-repeat 0 -2px;padding-left: 20px;line-height: 1;font-weight: normal; }
#form_common .form_tbl th.err_h {border-bottom: 3px solid #cc0000;color:#CC0000;font-weight: bold;background-color:#ffffcc;!important}
#form_common .form_tbl td.err_c {background-color:#ffffcc;!important}

/*プライバシーポリシー*/
.policy_box { height: 100px; overflow: scroll; border: 1px solid #d2d2d2; margin: 20px 0 10px; padding: 10px; font-size: 11px; color: #666; line-height: 1.4; background-color:#fff; }
.policy_box dl dt { font-weight: bold; }
.policy_box h4 { border-bottom: 1px solid #f08200; text-align: center; font-size:120%; margin-bottom: 10px; }
.policy_box h5 { font-weight: bold; font-size: 100%; }
.policy_box h5 { font-weight: bold; font-size: 100%; }
.policy_box table { border-collapse: collapse; }
.policy_box table td, .policy_box table th { border: 1px solid #666; }

/*完了メッセージ*/
p.fmessage {margin: 30px 0 0 0;font-weight: bold;font-size: 16px;text-align: center;line-height: 1.6;color:#003f97; }
p.fmessage02 {margin: 40px 80px;font-size: 12px;line-height: 1.6; }
div.fmessage03 { padding: 10px; border: 1px solid #ccc; margin: 40px 80px;font-size: 12px;line-height: 1.6; text-align: center;}
div.fmessage03 p {margin-bottom: 1.5em; }
div.fmessage03 p.last_p {margin-bottom: 0; }
div.fmessage03 span { font-weight: bold; }

/*送信エラーメッセージ*/
.error_msg {margin: 40px 80px;text-align: center;background-color: #ffffcc;padding: 10px; }
h4.ti_error {letter-spacing: 0.3em;color:#003f97;font-size: 1.4em; }
h4.ti_error span {background: url(../img/form/bullet_error.gif) no-repeat 0 0;padding-left: 20px; }
p.fmessage_error{margin: 30px 0px;font-weight: bold;font-size: 14px;text-align: center;line-height: 1.6;color:#FF0000; }

/*  4. 送信・戻るボタン
--------------------------------------------------------------------*/
#form_common ul.f_btn,#bali_form ul.f_btn {margin: 15px 180px}
#form_common ul.f_btn li,#bali_form ul.f_btn li {float: left; }
#form_common ul.small {margin: 10px 220px}
#form_common ul.wide{width:630px; margin:15px 5px;}

.agree_must { background-color: #ffe5e5; }

/*一般用フォーム*/
p.fc_btn { padding-top: 15px; text-align: center; }
#form_common ul.f_btn li input.backbtn,
#form_common ul.f_btn li input.sendbtn {
display:block;width:202px;height:44px;background:url(../img/form/btn_submit.gif) no-repeat 0 0;text-indent:-9999px;border:none;cursor:pointer;color:#fff;overflow: hidden;　padding-top:55px;/*opera8/9用全角hack*/float:left}
/*
#form_common ul.f_btn li input.backbtn {
margin-right:20px;background:url(../img/form/btn_back.gif) no-repeat 0 0; }
*/
#form_common ul.f_btn li input.backbtn {
background:url(../img/form/btn_return.png) no-repeat 0 0;width:112px;height:26px;margin-right:83px;}
#form_common ul.f_btn li input.small {
width:162px;
height:36px;
background-size:contain;
}
#form_common p.cfmtxt{text-align:center;color:#f00;font-weight:bold;}

/*バリ用フォーム*/
#bali_form ul.f_btn li input.backbtn,
#bali_form ul.f_btn li input.sendbtn {
display:block;width:210px;height:45px;background:url(../img/form/btn_b_submit.gif) no-repeat 0 0;text-indent:-9999px;border:none;cursor:pointer;overflow: hidden;　padding-top:55px;/*opera8/9用全角hack*/}
#bali_form ul.f_btn li input.backbtn {
margin-right:20px;width: 160px; background:url(../img/form/btn_b_back.gif) no-repeat 0 0; }


/*  5. お問い合わせ・申込フォーム
--------------------------------------------------------------------*/
#form_common .form_tbl th.subti { padding: 10px 10px 7px; background-color: #e2f4fd; border-bottom: 1px solid #9bbdcc; border-right: none; color: #333; line-height: 1em; width: auto; }
#doukou th { width: auto; padding: 5px 10px; border-right: none; }
#doukou td { padding: 0 5px 5px; }
.form_tbl th.num_comp { padding-bottom: 0 !important; border-bottom: none; color: #666; }
.pnum01 { width: 3em; }
.pnum02 { width: 4em; }

dl.tour_title { margin-bottom: 10px; background: url(https://secure.stworld.jp/form/img/form/tour_title_base.gif) left bottom; }
dl.tour_title dt { width: 630px; height: 38px; background: url(https://secure.stworld.jp/form/img/form/tour_title.gif); text-indent: -9999px; }
dl.tour_title dd { padding: 5px 15px 20px; color: #333; font-weight: bold; }


/*clear*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom:1; }

.htl_type { width:100px; display:inline;}