@charset 'UTF-8';

/* ------------------------------
　イニシャライズ
------------------------------ */
body,
p,
img,
h1,
h2,
h3,
h4,
h5,
table,
tr,
th,
td,
dl,
dt,
dd,
form,
ul,
li,
ol,
br {
  margin: 0;
  padding: 0;
}

body {
  background: url(../images/bg.gif) repeat-y center top;
}

img {
  vertical-align: bottom;
  border: 0;
}

p {
  line-height: 1.5;
  color: #000;
}

#box {
  width: 780px;
  margin: 0 auto;
  padding: 10px;
  border-top: 5px solid #36c7ff;
}

/* ------------------------------
　ヘッダ
------------------------------ */
#header_form {
  position: relative;
  width: 780px;
  height: 95px;
  border-bottom: 1px solid #09c;
}

#header_logo {
  position: absolute;
  top: 20px;
  left: 11px;
}

#header_secom {
  position: absolute;
  top: 0;
  right: 0;
  width: 224px;
}

#header_secom_l {
  float: left;
  width: 54px;
  margin-right: 10px;
}

#header_secom p {
  font-size: 11px;
  float: left;
  width: 160px;
  margin-top: 10px;
  color: #666;
}

/* ------------------------------
　フォーム前文
------------------------------ */
#form_box div.form_comment {
  width: 650px;
  margin: 10px auto;
  text-align: left;
}

#form_box div.form_comment ul {
  font-size: 12px;
  color: #13007c;
}

#form_box div.form_comment li {
  line-height: 1.5;
  margin: 6px 0;
}

#form_box div.form_comment p span {
  color: #f00;
}

/*タイトルに角丸CSS*/
div.rbox {
  width: 710px;
  margin: 10px auto;
  background-color: #eee;
}

div.rbox {
  background-color: #fff;
}

div.rbox p span {
  display: block;
  overflow: hidden;
  height: 1px;
  background-color: #eee;
}

div.rbox h2 {
  font-size: 18px;
  text-indent: 10px;
  color: #13007c;
  background-color: #eee;
}

.r1 {
  margin: 0 5px;
}

.r2 {
  margin: 0 3px;
}

.r3 {
  margin: 0 2px;
}

.r4 {
  height: 2px;
  margin: 0 1px;
}

/*エラーメッセージ*/
#error_msg {
  line-height: 1.5;
  width: 710px;
  margin: 10px auto;
}

#error_msg strong {
  display: block;
  margin: 10px 0 0 0;
  padding: 10px 0;
  border-top: 3px double #b00;
  border-bottom: 3px double #b00;
}

/* ------------------------------
　フォーム
------------------------------ */
#form_box {
  margin: 30px 0 0 0;
}

#form_box table {
  width: 710px;
  margin: 0 auto 10px auto;
  border-collapse: collapse;
  border: 6px solid #ccc;
}

#form_box table th {
  font-size: 12px;
  line-height: 1.5;
  padding: 10px 0 0 10px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  color: #333;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}

#form_box table th.line1 {
  font-weight: normal;
  padding: 10px 0 10px 5px;
  color: #000;
  border-left: 1px solid #ccc;
}

#form_box table th.line2 {
  padding: 10px 0 0 0;
  border-right: 1px solid #ccc;
}

#form_box table td {
  font-size: 12px;
  line-height: 1.5;
  width: 445px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

/*項目名*/
span.item {
  font-weight: bold;
  display: inline-block;
  width: 45px;
  white-space: nowrap;
}

img.hs {
  margin-right: 2px;
  vertical-align: top;
}

div.inputs {
  margin: 10px 0 0 0;
}

div.inputs2 {
  margin: 20px 0 5px 0;
  padding: 20px 0 0 0;
  border-top: 1px dotted #999;
}

p.kibou {
  font-size: 11px;
  margin: 10px 0 5px 0;
}

/* フィールドの長さ */
.fild1 {
  width: 200px;
}

.fild2 {
  width: 270px;
}

/* IMEモード */
input.active,
textarea.active {
  ime-mode: active;
}

input.disabled {
  ime-mode: disabled;
}

input.inactive {
  ime-mode: inactive;
}

#form_footer {
  padding-top: 10px;
  border-top: 2px solid #09c;
}

/* ------------------------------
　お客様情報のお取り扱いについて
------------------------------ */
#form_box h4 {
  font-size: 12px;
  margin: 60px 20px 0 20px;
  color: #666;
}

#form_box p.pp {
  font-size: 11px;
  line-height: 1.5;
  margin: 5px 20px;
  padding: 10px 0;
  color: #666;
  border-top: 1px solid #ccc;
}

/* ------------------------------
　カレンダー
------------------------------ */
#day_time_area {
  padding: 5px 0 10px 20px;
}

#disp_cal1 img {
  padding: 0 5px 0 0;
  vertical-align: middle;
}

#form_box table.cal_box {
  width: 420px;
  margin: 0 0 20px 0;
  border: 0;
}

#form_box table.cal {
  width: 170px;
  margin-bottom: 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

#form_box table.cal th {
  background: #fff;
}

#form_box table.cal th,
#form_box table.cal td {
  padding: 4px 8px;
  border-top: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #ccc;
}

#form_box table.cal td:hover {
  background: #ff9;
}

#form_box table.cal th {
  border-bottom: 1px dotted #666;
}

#form_closing {
  margin: 10px auto;
  text-align: center;
}

/* ------------------------------
　サブミットボタン
------------------------------ */
#submit_wrapper input,
#submit_wrapper3 input {
  position: absolute;
  cursor: pointer;
  text-indent: -9999px;
  border: none;
}

/* サブミットエリア(入力) */
#submit_wrapper {
  position: relative;
  width: 605px;
  height: 203px;
  margin: 0 auto 15px auto;
  background: url(../images/form/submit_wrapper.gif) no-repeat;
}

#submit_wrapper p {
  position: absolute;
  top: 68px;
  left: 228px;
  width: 280px;
  height: 14px;
  text-indent: -9999px;
  background: url(../images/form/submit_p1.gif) no-repeat;
}

input#btn_submit_confirm {
  top: 85px;
  left: 217px;
  width: 301px;
  height: 66px;
  background: url(../images/form/btn_submit_confirm.gif) no-repeat;
}

input:hover#btn_submit_confirm {
  background-position: 0 -66px;
}

/* サブミットエリア(確認) */
#submit_wrapper3 {
  position: relative;
  width: 605px;
  height: 203px;
  margin: 0 auto 15px auto;
}

#submit_wrapper3 p {
  position: absolute;
  top: 20px;
  left: 180px;
  width: 280px;
  height: 14px;
  text-indent: -9999px;
  background: url(../images/form/submit_p3.gif) no-repeat;
}

input#btn_submit_regist3 {
  top: 40px;
  left: 170px;
  width: 301px;
  height: 66px;
  background: url(../images/form/btn_submit_regist3.gif) no-repeat;
}

input:hover#btn_submit_regist3 {
  background-position: 0 -66px;
}

input#btn_submit_back3 {
  top: 115px;
  left: 250px;
  width: 132px;
  height: 21px;
  background: url(../images/form/btn_submit_back3.gif) no-repeat;
}

input:hover#btn_submit_back3 {
  background-position: 0 -21px;
}

/* ------------------------------
　フッタ
------------------------------ */
#footer {
  position: relative;
  width: 780px;
  height: 100px;
  margin: 0 auto;
  padding: 10px 14px;
  background: url(../images/footer_bg.gif) no-repeat center bottom;
}

#footer p {
  font-size: 12px;
  line-height: 1.5;
  position: absolute;
  top: 50px;
}

#f_telepocket {
  position: absolute;
  top: 30px;
  left: 736px;
}

#copyright {
  font-size: 12px;
  line-height: 1.8;
  display: block;
  clear: both;
  width: 100%;
  height: 60px;
  text-align: center;
  color: #999;
  background: #fff;
}

/* ------------------------------
　プライバシーポリシー表示
------------------------------ */
#pp_frame {
  width: 710px;
  margin: 50px auto 0 auto;
  padding: 10px;
  text-align: center;
}

/* ------------------------------
　サンキュー画面
------------------------------ */
#thanks {
  width: 580px;
  margin: 20px auto 10px auto;
  border: 1px solid #999;
}

#thanks p {
  line-height: 1.5;
  padding: 10px;
  text-align: center;
}

/*閉じるボタン*/
#sub {
  width: 710px;
  margin: 0 auto 50px auto;
  padding: 0 auto;
  text-align: center;
  background-color: #eee;
}

#sub input {
  width: 200px;
  height: 40px;
  margin: 10px 0;
}

/* ------------------------------
　ブックマークボタン(完了)
------------------------------ */
a#bm_reg {
  display: block;
  overflow: hidden;
  width: 427px;
  height: 72px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../images/inq_bookmark.gif) no-repeat 0 0;
}

a#bm_reg span {
  display: none;
}

/* ------------------------------
　ブックマークボタン 外国語版(完了)
------------------------------ */
a#bm_reg_en {
  display: block;
  width: 427px;
  height: 72px;
  margin: 0 auto;
  background: url(../images/inq_bookmark_en.gif) no-repeat 0 0;
}

a#bm_reg_en span {
  display: none;
}

/* ------------------------------
　クリアフィックス
------------------------------ */
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

/* End hide from IE-mac */
/* ------------------------------
　英語版フォームボタン
------------------------------ */
#submit_wrapper_en {
  position: relative;
  width: 605px;
  height: 203px;
  margin: 0 auto 15px auto;
  background: url(../images/form/submit_wrapper.gif) no-repeat;
}

#submit_wrapper_en input {
  position: absolute;
  cursor: pointer;
  text-indent: -9999px;
  border: none;
}

#submit_wrapper_en p {
  position: absolute;
  top: 53px;
  left: 255px;
  width: 221px;
  height: 37px;
  text-indent: -9999px;
  background: url(../images/form/submit_p1_en.gif) no-repeat;
}

#submit_wrapper3_en {
  position: relative;
  width: 605px;
  height: 203px;
  margin: 0 auto 15px auto;
}

#submit_wrapper3_en input {
  position: absolute;
  cursor: pointer;
  text-indent: -9999px;
  border: none;
}

#submit_wrapper3_en p {
  position: absolute;
  top: 20px;
  left: 140px;
  width: 354px;
  height: 14px;
  text-indent: -9999px;
  background: url(../images/form/submit_p3_en.gif) no-repeat;
}

input#btn_submit_confirm_en {
  top: 100px;
  left: 217px;
  width: 301px;
  height: 66px;
  background: url(../images/form/btn_submit_confirm_en.gif) no-repeat;
}

input:hover#btn_submit_confirm_en {
  background-position: 0 -66px;
}

input#btn_submit_regist3_en {
  top: 40px;
  left: 170px;
  width: 301px;
  height: 66px;
  background: url(../images/form/btn_submit_regist3_en.gif) no-repeat;
}

input:hover#btn_submit_regist3_en {
  background-position: 0 -66px;
}

input#btn_submit_back3_en {
  top: 115px;
  left: 250px;
  width: 132px;
  height: 21px;
  background: url(../images/form/btn_submit_back3_en.gif) no-repeat;
}

input:hover#btn_submit_back3_en {
  background-position: 0 -21px;
}

/* ------------------------------
　英語版専用（必須マーク）
------------------------------ */
span.en_ast {
  font-size: 14px;
  font-weight: bold;
  color: #f0f;
}

span.en_ex {
  color: #666;
}