/* placeholder */
/* from apply.css */
/*for ms*/
input:-ms-input-placeholder, textarea:-ms-input-placeholder, input.ime-mode_all:-ms-input-placeholder, input.ime-mode_half:-ms-input-placeholder {
    color:    #999;
}
/*for Webkit*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input.ime-mode_all::-webkit-input-placeholder, input.ime-mode_half::-webkit-input-placeholder {
    color:    #999;
}
/*for Firefox*/
input::-moz-placeholder, textarea::-moz-placeholder, input.ime-mode_all::-moz-placeholder, input.ime-mode_half::-moz-placeholder {
    color:    #999;
}
.ime-mode_all{
	ime-mode: active;
}

.ime-mode_half{
	ime-mode: disabled;
}

input[type="image"]:hover, p.btn:hover a, p.send:hover input[type="submit"], p.send:hover button, p.return:hover input[type="submit"], p.return:hover button, a.calender:hover, .traviaLoginButton:hover, .traviaRegisterButton a:hover, p.logout:hover button { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; cursor: pointer}
p.btn a::after { content: ''; position: absolute; right: 20px; top: 50%; background: url(/v/image/ic_arrow.png) no-repeat 0 0; background-size: 8px auto; margin-top: -7px; width: 8px; height: 15px;}
p.send, p.return { position: relative; width: 400px; display: inline-block}
p.send input[type="submit"], p.send button { padding: 20px 0; background: #2f9cd2; font-size: 20px; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; display: inline-block; width: 400px;}
p.send button, p.return button, p.logout button { border: none; }
p.return input[type="submit"], p.return button { padding: 20px 0; background: #999; font-size: 20px; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; display: inline-block; width: 400px;}
p.logout button { padding: 20px 0; background: #999; font-size: 20px; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; display: inline-block; width: 400px;}
p.send::after { content: ''; position: absolute; right: 20px; top: 50%; background: url(/v/image/ic_arrow.png) no-repeat 0 0; background-size: 8px auto; margin-top: -7px; width: 8px; height: 15px;}
p.return::after { content: ''; position: absolute; left: 20px; top: 50%; background: url(/v/image/ic_arrow.png) no-repeat 0 0; background-size: 8px auto; margin-top: -7px; width: 8px; height: 15px; transform: rotate(180deg); }

input[type="image"].calender { display: inline-block; width: 400px; padding: 20px 0; background: #2f9cd2; font-size: 20px; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; text-decoration: none; position: relative;} 
input[type="image"].calender { width: auto; padding: 10px 20px; font-size: 16px; font-weight: normal;}

.MB0 { margin-bottom: 0 !important;}
.MB60 { margin-bottom: 60px !important;}
input[type="text"], input[type="password"] { margin-right: 5px; border: 1px solid #dedede; padding: 10px; font-size: 14px;}
.dropdown { display: inline-block; position: relative; overflow: hidden; height: 35px; width: 200px; border: 1px solid #dedede; vertical-align: middle;}
.dropdown select { position: relative; width: 130%; margin: 0; padding: 6px 8px 6px 10px; height: 35px; line-height: 14px; font-size: 14px; border: 0; border-radius: 0; -webkit-appearance: none; }

#contents .box h2 { margin-top: 20px; }
#contents .box .traviaBox { background-color: #f6f6f6; padding: 40px 40px 20px; margin-bottom: 40px; }
#contents .box .traviaBox p { margin-bottom: 10px; }
#contents .box .traviaBox .traviaLoginButton { position: relative; color: #fff; font-weight: bold; font-size: 20px; background-color: #d73066; padding: 20px 40px 20px 40px; border: 1px solid #ce2a60; margin-top: 10px; border-radius: 4px; }
#contents .box .traviaBox .traviaLoginButton::after { content: ''; position: absolute; right: 20px; top: 50%; background: url(/v/image/ic_arrow.png) no-repeat 0 0; background-size: 8px auto; margin-top: -7px; width: 8px; height: 15px;}

#contents .box .traviaRegisterButton a { position: relative; display: inline-block; width: 400px; font-weight: bold; font-size: 20px; background: #2f9cd2; padding: 20px 40px 20px 40px; margin-top: 10px; border-radius: 4px; color: #fff; text-decoration: none; }
#contents .box .traviaRegisterButton a::after { content: ''; position: absolute; right: 20px; top: 50%; background: url(/v/image/ic_arrow.png) no-repeat 0 0; background-size: 8px auto; margin-top: -7px; width: 8px; height: 15px;}

#contents .box .attention { font-size: 1.2em; font-weight: bold; margin-bottom: 20px; }
#contents .box .attention p { font-size: 0.8em; font-weight: normal; margin-bottom: 0px; }

#contents .box .introduction { border:1px solid #333; padding: 40px 40px 20px; margin-bottom: 40px;}
#contents .box .introduction p { margin-bottom: 20px; text-align: left; }
#contents .box .introduction img { vertical-align: middle; }

#contents .box .completeBox { padding: 10px 10px 10px; margin-bottom: 20px;}
#contents .box .completeBox p { margin-bottom: 20px; text-align: left; }
#contents .box .completeBox .title { font-weight: bold; }

#contents .box #error_msg_container ul.error_text { margin-bottom: 10px; padding: 10px; background-color: #fcdee7; color: #bc2958; text-align: left; }
#contents .box #error_msg_container a { color: #bc2958; }
#contents .box .input_error_exists { border: 1px solid #bc2958; background: #fcdee7 !important; }
#contents .box select.input_error_exists { border: none; background: #fcdee7 !important; }

#contents .box .buttonBox { margin-bottom: 40px;}

#contents .box .cautionBox { padding: 30px 40px 30px 40px; }

#contents .box .userNameBox { width: 100%; text-align: right; margin-bottom: 10px; }

#contents .formBox { margin-bottom: 30px;}
#contents .formBox dl dd span.required  { background: #dd133e; font-size: 10px; color: #fff; margin-left: 0.5em; padding: 2px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-weight: normal;}
#contents .formBox ul.radioList li span { padding-left: 5px; vertical-align: middle;}
#contents .formBox textarea { vertical-align:top; margin-right: 5px; border: 1px solid #dedede; padding: 10px; font-size: 14px; }

#contents .formBox table { width: 100%; padding: 1px 0; border-top: 1px solid #dedede; text-align: left; }
#contents .formBox table:last-child { border-bottom: 1px solid #dedede; }
#contents .formBox td.table_lt,
#contents .formBox td.table_ltb { width: 30%; background: #f2f2f2; padding: 20px; font-weight: bold; border-bottom: 1px solid #dedede; }
#contents .formBox td.table_r,
#contents .formBox td.table_rb,
#contents .formBox td.table_r_rwspn { width: 70%; padding: 20px; border-bottom: 1px solid #dedede; }
#contents .formBox td.table_lt span.required, 
#contents .formBox td.table_ltb span.required, 
#contents .formBox td.table_lt span.any { background: #dd133e; font-size: 12px; color: #fff; margin-left: 0.5em; padding: 2px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-weight: normal;}
#contents .formBox td.table_lt span.any { background: #999; }
#contents .formBox td.table_lt span.air { background: #fff; color: #2f9cd2; padding: 2px 10px; margin-right: 0.5em; font-size: 12px; font-weight: normal; border: 1px solid #2f9cd2; }
#contents .box td.table_err_input input[type="text"],
#contents .box td.table_err_input input[type="radio"],
#contents .box td.table_err_input input[type="checkbox"],
#contents .box td.table_err_input input[type="password"],
#contents .box td.table_err_input label,
#contents .box td.table_err_input select,
#contents .box td.table_err_input textarea
  { border: 1px solid #bc2958; background-color: #fcdee7; }

#contents .box dd.table_err_input input[type="text"],
#contents .box dd.table_err_input input[type="radio"],
#contents .box dd.table_err_input input[type="checkbox"],
#contents .box dd.table_err_input input[type="password"],
#contents .box dd.table_err_input label,
#contents .box dd.table_err_input select,
#contents .box dd.table_err_input textarea
  { border: 1px solid #bc2958; background-color: #fcdee7; }

/* domestic */
p.send input[type="submit"].domestic,
p.send button.domestic { background: #74ae1b; }
p.return input[type="submit"].domestic,
p.return button.domestic { background: #999; }
p.domestic button, p.domestic input[type="submit"] { background: #74ae1b; }
p.return.domestic button, p.return.domestic input[type="submit"] { background: #999; }

p.send input[type="submit"].traviaButton { background: #d73066; }

.tableBox .formTitle { background:#eee; font-weight:bold; text-align:left; margin-top: 5px; padding: 3px 0 3px 10px; }