@charset "utf-8";

/* reset ------------------------------------------------------------ */
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0;padding:0; font-size:100%; line-height:150%; color:#333; list-style-type:none; font-family:'Roboto',sans-serif;}
fieldset,img { border:0; vertical-align:bottom; }
caption,th { text-align:left; }
input {line-height:normal; vertical-align: baseline; }
input:disabled { background: #808080; }
select:disabled { background: #424242; }
body, th, td { font-size:12px; }

/* option ------------------------------------------------------ */
img { -ms-interpolation-mode: bicubic; } /* 縮小画像をきれいに見せる */
html {overflow-y:scroll;} /* firefox スクロールバー  */
a:hover img { opacity:0.8; filter: alpha(opacity=80); }

.w050 { width:50px;  } .w070 { width:70px;  }
.w080 { width:80px;  } .w120 { width:120px; }
.w130 { width:130px; } .w150 { width:150px; }
.w170 { width:170px; } .w210 { width:210px; }
.w230 { width:230px; } .w250 { width:250px; }
.w290 { width:290px; } .w300 { width:310px; }
.w310 { width:310px; } .w350 { width:350px; }
.w400 { width:400px; } .w500 { width:500px; }
.w690 { width:690px; } .w700 { width:700px; }
.w730 { width:730px; } .w2em { width:2em;   }
.w3em { width:3em;   } .w4em { width:4em;   }
.w7em { width:7em;   }
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.fLeft { float:left; }
.fRight{ float:right; }
.clear { clear:both; }
.point { color:#FF0000; }
.pointBig { color:#FF0000; font-size:15px;}
.error { color:#ff0000; padding:20px 0 0 200px:font-size:12px; }
.error p { font-weight:bold; color: #ff0000; }
.error ul { color: #ff0000; }
.errorMessage li { color:#ff0000; }
.sup { font-size:14px; text-align:center; font-weight:900; color:#666; }
.caption { margin:0 0 20px 0; font-weight:900; font-size:14px; }
.captionBig { margin:0 0 20px 0; font-size:15px; font-weight:900;  }
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.fw-bold {font-weight: bold;}
.example { color:#5A5A5A; }
.alertMessage li{font-weight:bold; color: #ff0000; text-align: left;}
.getAtteintion { background-color:#FFC0CB;}
.title { font-size:16px; color:#4169e1; }
/* base layout ------------------------------------------------------ */
body { text-align:center; }
a { color:#284399; text-decoration:underline; }
a:hover { color:#439928; }
#container { width:850px; margin:0 auto; text-align:left; }
h1 { border-bottom:1px solid #808080; margin:0 0 20px 0; padding:0 0 4px 0; }
.catch { width:700px; padding:0 0 10px 0; background:transparent url(../../../../images/pc/ja/form/oversea/caption_bottom.gif) left bottom no-repeat; margin:0 0 20px 0; }
.catch ul { padding:20px 20px 10px 20px; background:transparent url(../../../../images/pc/ja/form/oversea/caption_bg.gif) left top no-repeat; }
.catch ul em { display:block; width:90px; float:left; font-style:normal; padding:4px 0 0 0; font-weight:900; font-size:14px; }
.catch ul li { font-size:14px; clear:both; }
.checkboxPoint { font-size:12px; color:#FF0000; }
.contents { width:850px; padding:0 0 20px 0; margin:0 0 20px 0; background:transparent url(../../../../images/pc/ja/form/oversea/contents_bottom.gif) left bottom no-repeat; }
.contents h2 { background:transparent url(../../../../images/pc/ja/form/oversea/contents_top.gif) left top no-repeat; padding:0 10px; height:60px; line-height:53px; color:#fff; font-size:20px; }
.contents h2 em { font-family:"ＭＳ ゴシック", "Osaka－等幅"; font-style: normal; }
.contents h3 { clear:both; padding:0 0 5px 0; width:810px; overflow:hidden; }
.contents h3 em { float:right; font-weight:100; font-style:normal; }
.wrap { padding:10px 20px; background:transparent url(../../../../images/pc/ja/form/oversea/contents_bg.gif) left top repeat-y;}
.wrap p { margin:0 0 10px 0; }
.wrap table { margin:0 0 20px 0;}
.wrap th { font-size:14px; font-weight:900; vertical-align:top; }
.wrap label input { position:relative; top:2px; }
.bgGray { background:#F3F3F3 none left top no-repeat; padding:2px 5px;}
.bgGrayWrap { width:810px; overflow:hidden; background:#F3F3F3 none left top no-repeat; margin:0 0 25px 0; }
.bgGrayWrap li { padding:5px 10px; font-weight:900; font-size:14px; float:left; overflow:hidden; }
.borderYellow { border:3px solid #FDD226; }
.borderRed { border:3px solid #FF0000 !important; }
span.borderRed { border:3px solid #FF0000 !important; display:inline-block; padding:0 3px; line-height:140%; }
.userInfo { border:3px solid #FDD226; padding:10px 0 10px 10px; margin:0 0 0 5px; overflow:hidden; width:783px; }
.userInfo p { padding:0 10px 0 0; }
.userInfo .yBox { margin:0 10px 0 0; height:80px; display:inline; float:left; overflow:hidden; }
.userInfo .yBox dl { border:1px solid #FDD226; }
.userInfo .yBox dt { background:#FDD226 none left top no-repeat; padding:5px; font-weight:900; }
.userInfo .yBox dt em { font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:100; }
.userInfo .yBox dd { padding:0 0 0 7px; height:3em;}
.userInfo .yBox dl.borderRed dd { padding:0 0 0 4px; height:3em; }
.userInfo .yBox dd input { margin:7px 0 0 0;}
.userInfo .yBox dd select { margin:7px 0 0 0;}
.userInfo .yBox dd label input { margin:7px 5px 0 0; }
.userInfo .gender dd label input { margin:0px 0px 0 0; }
.imgArrow { float:left; width:30px; overflow:hidden; margin:0 0 0 -10px; vertical-align:bottom; }
.imgArrow img { margin:25px 0 0 6px;}
.supWrap {width:770px; overflow:hidden; clear:both; padding:10px 0; }
.supWrap p { width:500px; float:left; }
.supWrap p strong { font-size:14px; }
.supWrap ul { width:250px; float:right; background:#f3f3f3 none left top no-repeat; padding:10px 0 8px 0; text-align:center; }
table.contentsTable th { padding:0 20px 5px 0;}
table.contentsTable td { padding:0 5px 5px 0;}
.choice { border:0px solid #FF0000; padding:10px; margin:0 0 5px 0; }
.choice table { margin:0; }
.choice table th { padding:0 10px 0 0;}
.choice table td { padding:0 20px 0 0;}
.btnAddress { font-size:13px; clear:both; }
.address { border:0px solid #f00; padding:10px; margin:0 0 20px 0; }
.address table { margin:0 0 -5px 0; }
.address th { padding:0 0 5px 0; width:5em; white-space:nowrap; }
.address td { padding:0 0 5px 0; white-space:nowrap; }
table.address { border:3px solid #fff; padding:0 0 0 10px; margin:0 0 10px 0; }
table.address th { padding:0 0 5px 0; width:5em; }
table.address td { padding:0 0 5px 0; }
p.addressPoint { margin:-5px 10px 5px 10px; font-weight:900; color:#FF0000; }
table.mailAddress { margin:0 0 -5px 0; }
table.mailAddress th { padding:0 20px 5px 0; white-space:nowrap; vertical-align:middle; }
table.mailAddress td { padding:0 10px 5px 0; }
table.urgency { margin:0 0 -5px 0; }
table.urgency th { width:5em; padding:0 0 5px 0; white-space:nowrap;}
table.urgency td { padding:0 0 5px 5px; white-space:nowrap;}
.checkCopy { display:block; width:450px; padding:5px 10px 5px 5px; margin:10px 0; background:#F3F3F3 none left top no-repeat; }
.subWrap { border-top:1px dotted #ccc; padding:10px 0 0 0; }
.subList { width:790px; overflow:hidden; padding:0 0 5px 0; margin:0;  }
.subList li { float:left; padding:0 10px 0 0; font-size:14px; }
.subList li input { top:1px; }
dl.sheetList { margin:0 0 15px 0; }
dl.sheetList dt { font-size:14px; }
dl.sheetList dt input { top:1px; }
dl.sheetList dd { padding:0 0 15px 2em;}
dl.sheetList dd input { margin:0 5px; }
.hotel { padding:10px 0 0 0; }
.hotel ul { border:0px solid #f00; padding:7px; }
.formBtn { text-align:center; padding:0 0 20px 0; }
.formBtn li { display:inline; }
.formBtn img { vertical-align:top; }
.formBtn a:hover img { vertical-align:top; }
.formBtn input:hover {-ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity:0.8;}
ul.insuranceList { text-align:center; margin:0 auto; padding:20px 0; }
ul.insuranceList li { text-align:center; margin:0 auto 7px auto; }
dl.insuranceList { margin:0 0 0 0; }
dl.insuranceList dt { font-size:14px; }
dl.insuranceList dt input { top:1px; }
dl.insuranceList dd { padding:0 0 0 2em;}
dl.insuranceList dd input { margin:0 5px; }

/*
.countryWrap { clear:both; width:510px; overflow:hidden; margin:0 10px 0px 0; display:inline; float:left; }
.countryWrap .yBox { margin:0 0 0 0; height:auto; }
.countryWrap dl { height:62px;}
.countryWrap .imgArrow { margin:0;}
*/
#footer { clear:both; padding:50px 0 20px 0; width:850px; text-align:center; }
#footer ul { border-bottom:2px solid #4378DC; padding:0 0 2px 0; margin:0 0 2px 0; }
#footer ul li { display:inline; }
#footer ul li a { color:#333; }
#footer ul li a:hover { color:#666; }

/* ────────────────────────────────────

LOGIN

──────────────────────────────────── */
#flow { padding:0 0 25px 0; margin:0 0 20px 0; text-align:center; border-bottom:1px dotted #ccc; }
p.txtCatch { font-size:14px; padding:2px 0 0 0; }
#login { width:850px; overflow:hidden; text-align:center; padding:20px 0 20px 0; }
#login dl { width:450px; margin:0 auto; padding:0 0 20px 0; background:transparent url(../../../../images/pc/ja/login/oversea/login_bottom.gif) left bottom no-repeat; }
#login dt { width:450px; margin:0 auto; height:60px; line-height:50px; color:#fff; font-size:20px; font-weight:900; text-indent:10px; text-align:left; background:transparent url(../../../../images/pc/ja/login/oversea/login_top.gif) left top no-repeat; }
#login dd { width:450px; background:transparent url(../../../../images/pc/ja/login/oversea/login_bg.gif) left top repeat-y; }
#login table { margin:0 20px 10px 20px; text-align:left; }
#login th { width:100px; padding:6px 0 10px 0; vertical-align:top;  }
#login td { padding:0 0 0 10px; background:transparent url(../../../../images/pc/ja/login/oversea/bar_dot.gif) left 1px no-repeat; }
#login p { text-align:center; background:transparent url(../../../../images/pc/ja/login/oversea/login_btn_bg.gif) center top no-repeat; padding:5px 0; margin:0; }
#login p input { margin:0 auto;}
#login p input:hover {-ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity:0.8;}
#footerPrivacy { border:3px solid #DDD; background:#fafafa none left top no-repeat; padding:10px 20px; }
#footerPrivacy table { width:810px; }
#footerPrivacy table th { padding:10px 0; width:160px; }
#footerPrivacy table td { vertical-align:middle; }
#footerPrivacy table thead th { border-bottom:1px dotted #ccc; }
#footerPrivacy table thead td { border-bottom:1px dotted #ccc; }

#txtContents { width:850px; overflow:hidden; }
#txtContents h2 { height:37px; padding:0 10px; margin:0 0 20px 0; color:#fff; line-height:37px; background:transparent url(../../../../images/pc/ja/login/oversea/h_simple.gif) left top no-repeat; font-size:16px; }
#txtContents h2 em { font-style:normal; font-family:"ＭＳ ゴシック", "Osaka－等幅"; }
#txtContents p { margin:0 0 30px 0; }
#privacyWrap { text-align:center; width:750px; margin:0 0 50px 50px; text-align:left; }
#privacyWrap p { height:200px; overflow:auto; padding:10px; font-size:14px; border:3px solid #eee; margin:0 auto; }
#privacyBtn { padding:2px 10px; margin:0 auto; text-align:center; color:#FF0000; font-size:16px; font-weight:900; background:#eee none left top no-repeat; }

#btnWrap { width:850px; overflow:hidden; margin:0; text-align:center; }
#btnWrap li { margin:0 auto 10px auto; }

/* ────────────────────────────────────

CONFIRM

──────────────────────────────────── */

#confirm .catch ul em { display:block; width:90px; float:left; font-style:normal; padding:4px 0 0 0; font-weight:900; position:relative; top:-4px; }
#confirm .catch ul li { font-size:14px; clear:both;  }
#confirm .userInfo .yBox dd { line-height:2.4em; height:2.4em; text-align:center; font-size:16px; font-weight:900; color:#333; }
#confirm td { font-size:14px; padding-right:20px; }
#confirm table.urgency th { width:80px; }
#confirm table.urgency td { white-space: normal; }
#confirm table.address { margin:0 0 -5px 0;}
#confirm .address th { width:80px;}
#confirm .address td { white-space:normal; }
#confirm dl.sheetList dd { padding:0 0 15px 0;}
#confirm .address td.mailmsg { font-size:12px; }

#confirm .bgGrayWrap ul li,
#confirm table.urgency td,
#confirm .contentsTable td,
#confirm .address td,
#confirm .subList li,
#confirm .hotel li,
#confirm .sheetList dt,
#confirm .choice td,
#confirm .catch ul li { font-size:16px; }


#banner {
}

#banner ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
}

#banner ul li {
  list-style: none;
  display:inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#banner ul li a img {
  margin: 7.0px 1.0px 1.0px 1.0px;
  border: none;
}

#banner ul li img {
  margin: 7.0px 1.0px 1.0px 1.0px;
  border: none;
}

#banner ul li a object {
  margin: 7.0px 1.0px 1.0px 1.0px;
  border: none;
}

#banner ul li object {
  margin: 7.0px 1.0px 1.0px 1.0px;
  border: none;
}

#banner ul li a object embed {
  margin: 7.0px 1.0px 1.0px 1.0px;
  border: none;
}

#banner ul li object embed {
  margin: 7.0px 1.0px 1.0px 1.0px;
  border: none;
}

/** マージン **/
.mt0 {
    margin-top: 0 !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt6 {
    margin-top: 6px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt35 {
    margin-top: 35px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt45 {
    margin-top: 45px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt55 {
    margin-top: 55px !important;
}
.mt60 {
    margin-top: 60px !important;
}

.mr0 {
    margin-right: 0 !important;
}
.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr35 {
    margin-right: 35px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr45 {
    margin-right: 45px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.mr55 {
    margin-right: 55px !important;
}
.mr60 {
    margin-right: 60px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb45 {
    margin-bottom: 45px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb55 {
    margin-bottom: 55px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mla {
    margin-left: auto !important;
}
.ml0 {
    margin-left: 0 !important;
}
.ml5 {
    margin-left: 5px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml35 {
    margin-left: 35px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml45 {
    margin-left: 45px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.ml55 {
    margin-left: 55px !important;
}
.ml60 {
    margin-left: 60px !important;
}

/** パディング **/
.pt0 {
    padding-top: 0 !important;
}
.pt05 {
    padding-top: .5px !important;
}
.pt1 {
    padding-top: 5px !important;
}
.pt2 {
    padding-top: 5px !important;
}
.pt3 {
    padding-top: 5px !important;
}
.pt4 {
    padding-top: 5px !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pt6 {
    padding-top: 6px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt11 {
    padding-top: 11px !important;
}
.pt12 {
    padding-top: 12px !important;
}
.pt13 {
    padding-top: 13px !important;
}
.pt14 {
    padding-top: 14px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pt16 {
    padding-top: 16px !important;
}
.pt17 {
    padding-top: 17px !important;
}
.pt18 {
    padding-top: 18px !important;
}
.pt19 {
    padding-top: 19px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pt25 {
    padding-top: 25px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt35 {
    padding-top: 35px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pt45 {
    padding-top: 45px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pt55 {
    padding-top: 55px !important;
}
.pt60 {
    padding-top: 60px !important;
}

.pr0 {
    padding-right: 0 !important;
}
.pr5 {
    padding-right: 5px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pr25 {
    padding-right: 25px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.pr35 {
    padding-right: 35px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.pr45 {
    padding-right: 45px !important;
}
.pr50 {
    padding-right: 50px !important;
}
.pr55 {
    padding-right: 55px !important;
}
.pr60 {
    padding-right: 60px !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pb3 {
    padding-bottom: 3px !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb25 {
    padding-bottom: 25px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb35 {
    padding-bottom: 35px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb45 {
    padding-bottom: 45px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pb55 {
    padding-bottom: 55px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.pla {
    padding-left: auto !important;
}
.pl0 {
    padding-left: 0 !important;
}
.pl5 {
    padding-left: 5px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pl25 {
    padding-left: 25px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pl35 {
    padding-left: 35px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pl45 {
    padding-left: 45px !important;
}
.pl50 {
    padding-left: 50px !important;
}
.pl55 {
    padding-left: 55px !important;
}
.pl60 {
    padding-left: 60px !important;
}