@charset "UTF-8";

/* local */

/*.memberSteps--company, .memberSteps--payment, .memberSteps--confirm, .memberSteps--finish, .memberSteps--temporaryFinish {
  width: 950px;
  margin: 10px auto 18px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  text-align: left;
  text-indent: -9999px;
  background-repeat: no-repeat;
  display: block;
  background-image: url(../../../images/my/en/member-step.png);
  background-repeat: no-repeat;
  height: 53px;
}

.memberSteps--payment {
  background-position: 0 -45px;
}

.memberSteps--confirm {
  background-position: 0 -90px;
}
.memberSteps--temporaryFinish {
  background-position: 0 -135px;
}
.memberSteps--finish {
  background-position: 0 -180px;
}

.profileSteps--edit, .profileSteps--confirm,.profileSteps--finish,
.passwordSteps--edit,.passwordSteps--finish {
  width: 950px;
  margin: 10px auto 18px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  text-align: left;
  text-indent: -9999px;
  background-repeat: no-repeat;
  display: block;
  background-image: url(../../../images/my/en/member-step.png);
  background-repeat: no-repeat;
  height: 53px;
}
.profileSteps--confirm {
  background-position: 0 -53px;
}
.profileSteps--finish {
  background-position: 0 -120px;
}

.passwordSteps--edit {
  background-position: 0 -180px;
}
.passwordSteps--finish {
  background-position: 0 -240px;
}*/



.titleBlock__h1 {
  margin-top: 15px;
  margin-bottom: 20px;
}
.titleBlock__h4 {
  font-size: 14px;
  margin: 20px 0 11px;
  padding-bottom: 5px;
  text-align: left;
  border-bottom: 1px solid #333;
}
.validateMargeBox,
.validateBox {
  position: relative;
  *position: static;
}
.validateMargeBox .validateBox {
  position: static;
}
.balloon {
  position: absolute;
  top: -44px;
  left: 0;
}
.validateMargeBox .validateBox--sub .balloon {
  top: 11px;
}
.balloon__txt {
  display: inline-block;
  *display: inline;
  *zoom:1;
  min-height: 18px;
  height: auto !important;
  height: 16px;
  margin-bottom: 13px;
  padding: 8px;
  border: 2px solid #67a5dd;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 1px 0px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 1px 0px;
  -moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 1px 0px;
  -o-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 1px 0px;
  -ms-box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 1px 0px;
  background-color: #fff;
}
.balloon__icon {
  position: absolute;
  bottom: 0;
  left: 33px;
  width: 14px;
  height: 15px;
  background: url(../../../images/my/en/bg_balloon.png) no-repeat;
  *background: url(../../../images/my/en/bg_balloon.gif) no-repeat;
  text-indent: -9999px;
  line-height:0;
}
* html .balloon__icon { /* ie6*/
  bottom: -1px;
}
/*.inputBox {
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: top;
}*/
.inputBox input[type="text"],
.inputBox input[type="password"] {
  width: 304px;
}
.inputBox input[type="text"].inputMedium,
.inputBox input[type="password"].inputMedium {
  width: 154px;
}
.inputBox input[type="text"].inputShort,
.inputBox input[type="password"].inputShort {
  width: 110px;
}
.inputBox input[type="text"].inputZip01 {
  width: 39px;
}
.inputBox input[type="text"].inputZip02 {
  width: 57px;
}

.inputBox .inputBox_input-fnone {
  float: none;
}
.inputBox .inputBox_input-text {
  margin-left: 23px;
}

.messageBox,
.messageMargeBox {
  float: left;
  margin: 10px 0 0 15px;
}
/*.tableBlockList .messageBox__error li,
.tableBlockList .messageMargeBox__error li {
  background-position: left 3px;
}*/
.messageBox__error li,
.messageMargeBox__error li {
  padding: 0 0 0 20px;
  background-image: url(../../../images/my/en/icon_note.png);
  background-repeat: no-repeat;
  background-position: left top;
  color: #d90000;
}
.messageBox__ok li,
.messageMargeBox__ok li {
  padding: 0 0 0 20px;
  background-image: url(../../../images/my/en/icon_check.png);
  background-repeat: no-repeat;
  background-position: left top;
  color: #0169c6;
}
/*.validateMargeBox .validateBox .messageBox{
  display: none;
}*/
#mypTypeOfJobContent .messageBox {
  margin-left: 0;
}

.ime_dis {
    ime-mode: disabled;
}

.zipBox01 {
  float: left;
  width: 78px;
}
.zipBox02 {
  float: left;
  width: 180px;
  *width: 190px;
}
.zipMessageBox {
  float: left;
  width: 380px;
}

.passswordBox {
  float: left;
}

.termBox {
  margin: 16px 0;
  padding: 10px;
  background: #ffd9d9;
}


.submitBox--2Cols {
  width: 970px;
  margin-left: -20px;
}
.submitBox--2Cols .submitBox--Col {
  display: inline;
  float: left;
  width: 425px;
  min-height: 225px;
  height: auto !important;
  height: 94px;
  margin-left: 20px;
  padding: 20px;
  background-color: #fff5cd;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
}
.submitBox--Col__mainText {
  margin: 18px 0;
  text-align: center;
  font-weight: bold;
}
.submitBox--Col__noteListBox {
  padding: 8px 10px;
  background: #fff;
  border-radius: 3px;
}
.submitBox {
  margin: 20px 0 0;
  padding: 20px 20px 18px;
  background-color: #e6e6e6;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  text-align: center;
}
.buttonBox {
  margin-left: -15px;
}
.buttonBox li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-left: 15px;
}

/* button
----------------------- */
.button--address {
  background-image: url(../../../images/my/en/button_address.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 91px;
  height: 25px;
}

/*.button--get_tell {
  background-image: url(../../../images/my/en/button_get_tel.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 104px;
  height: 25px;
}*/

.button--type-of-jobSubmit {
  background-image: url(../../../images/my/en/button_type-of-job_submit.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 215px;
  height: 37px;
}

.button--type-of-job {
  background-image: url(../../../images/my/en/button_type-of-job.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 104px;
  height: 25px;
}

.button--industriesSubmit {
  background-image: url(../../../images/my/en/button_industries_submit.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 215px;
  height: 37px;
}

.button--industries {
  background-image: url(../../../images/my/en/button_industries.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 91px;
  height: 25px;
}

.button--industries_02 {
  background-image: url(../../../images/my/en/button_industries_02.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 104px;
  height: 25px;
}

.button--check-id {
  background-image: url(../../../images/my/en/button_check-id.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 110px;
  height: 25px;
}

.button--toPaymentDisabled {
  background-image: url(../../../images/my/en/button_payment-disabled.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 340px;
  height: 47px;
}

.button--toPayment {
  background-image: url(../../../images/my/en/button_payment.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 340px;
  height: 47px;
  cursor: pointer;
}

.button--toConfirmNopaymentDisabled {
  background-image: url(../../../images/my/en/button_confirm_nopayment-disabled.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 340px;
  height: 47px;
}

.button--toConfirmNopayment {
  background-image: url(../../../images/my/en/button_confirm_nopayment.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 340px;
  height: 47px;
  cursor: pointer;
}

.button--toConfirm {
  background-image: url(../../../images/my/en/button_confirm.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 233px;
  height: 47px;
}

.button--returnCompany {
  background-image: url(../../../images/my/en/button_return-company.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 280px;
  height: 47px;
}

.button--noselect {
  background-image: url(../../../images/my/en/button_noselect.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 224px;
  height: 37px;
}

.button--confirmReturnCompany {
  background-image: url(../../../images/my/en/button_confirm_return-company.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 363px;
  height: 37px;
}

.button--returnPayment {
  background-image: url(../../../images/my/en/button_return-payment.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 221px;
  height: 37px;
}

.button--returnPayment02 {
  background-image: url(../../../images/my/en/button_return-payment02.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 280px;
  height: 47px;
}

.button--toEnter {
  background-image: url(../../../images/my/en/button_enter.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 260px;
  height: 47px;
  text-align: center;
}

.button--goInput {
  background-image: url(../../../images/my/en/button_goinput.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 200px;
  height: 37px;
}

.button--close {
  background-image: url(../../../images/my/en/button_close.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 200px;
  height: 37px;
}

.button--cancel {
  background-image: url(../../../images/my/en/button_cancel.png);
  background-position: 0 0;
  display: block;
  text-align: center;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 215px;
  height: 37px;
}

.button--returnProfile {
  background-image: url(../../../images/my/en/button_return-profile.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 280px;
  height: 47px;
}

.button--returnProfile2 {
  background-image: url(../../../images/my/en/button_return-profile02.png);
  background-position: 0 0;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  width: 280px;
  height: 47px;
}

/* icon
----------------------- */
.requireIcon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 32px;
  height: 15px;
  background: url(../../../images/my/en/icon_require.png) no-repeat 0 0;
  text-indent: -9999px;
}
.linkIcon {
  padding-left: 9px;
  background: url(../../../images/my/en/icon_link.gif) no-repeat 0 4px;
}
.windowIcon {
  margin-left: 3px;
}

.questionIcon{
  margin-left:5px;
  padding-right: 20px;
  background:url(../../../images/my/en/icon_question-white.png) no-repeat right 0;
}
a.questionIcon:hover {
  text-decoration: none;
}

/* separate setting
----------------------- */
.documentInfoBlock__left {
  float: left;
  width: 530px;
}
.documentInfoBlock__right {
  float: right;
  width: 356px;
}
.documentInfoBlock__notes {
  width: 250px;
  overflow: hidden;
  font-size: 10px;
}

.jobList {
  margin-bottom: 0;
}
.jobList li {
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 6px;
}
.jobList--confirm li {
  margin-bottom: 0;
}
/*.industriesList {
  margin-bottom: 0;
  font-weight: bold;
}
.industriesList > li > ul{
  margin-bottom: 6px;
}
.industriesList__li {
  background: url(../../../images/my/en/icon_list.gif) no-repeat 0 3px;
  margin-left: 10px;
  padding-left: 10px;
}
.industriesList__li li {
  float: left;
  font-weight: normal;
}*/
.industriesList .category1,
.jobList .category1 {
  float: left;
  margin: 5px 0 0 0;
}
.industriesList .category2,
.industriesList .category3,
.jobList .category2,
.jobList .category3 {
  float: left;
  margin: 5px 0 0 10px;
  padding-left: 10px;
  border-left: 1px dotted #bfbfbf;
}
.category__title {
  margin-bottom: 5px;
  font-weight: bold;
}
.category__title + select {
  width: 195px;
}
.jobList .category3,
.industriesList .category3 {
  display: none;
}


/* td separate
----------------------- */
.inputBox .inputLine {
  margin-right: 0;
}

.inputLine-first,
.inputLine-second {
  float: left;
  width: 300px;
  padding: 5px 20px;
  border-left: 1px solid #bfbfbf;
}
.inputLine-first {
  padding-left: 0;
  border: none;
}
.inputLine-second {
  padding-right: 0;
}
.inputLine__ttl {
  margin-top: 15px;
  font-weight: bold;
}
.inputLine__title {
  height: 42px;
  border-bottom: 1px dashed #bfbfbf;
}

.inputLine li.inputLine-first .inputLine__ttl-first {
  margin-top: 2em;
}
.inputLine li.inputLine-first .inputLine__ttl-first span {
  margin-top: 0;
}
.inputLine__ttl span {
  margin-left: 5px;
}

.inputLine li label {
  font-weight: bold;
}

.inputLine li label span {
  margin-left: 1.5em;
  font-weight: normal;
}

.inputLine li li {
  margin-left: 20px;
  border-left: none;
  list-style: disc;
}


/* modal
----------------------- */
.modalBoxWrap {
  margin-bottom: 42px;
  border: 2px solid #bfbfbf;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;

  width: 850px;
  height: 426px;
  padding: 16px;
  overflow-y: scroll;
  position: relative;
  text-align: left;
}
.modalBox {
}

.section--job {
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #bfbfbf;
}
.tableJobList {
  width: 100%;
  *width: 97%;
}
.tableJobList tr {
  vertical-align: top;
}
.tableJobList td {
  padding: 5px 10px 2px 0;
}

.buttonList li {
  display: inline-block;
  *display: inline;
  *zoom: 1;


}


/* 業種/業態 */
.modalWrap {
  width: 900px;
  margin-bottom: 40px;
  text-align: left;
}
.modalMenu__parents {
  float: left;
  width: 209px;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
}
.modalMenu__childs {
  float: right;
  width: 661px;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
}

.modalMenu__title {
  padding: 6px 8px;
  background-color: #999;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.modalMenu__wrap {
  padding: 8px 14px;
}
.modalMenu__wrap-scroll {
  height: 500px;
  overflow-y: scroll;
}
.fancybox-inner {
  *height: 100%;
  position: relative;
}
.modalMenu__parents-list li a {
  display: block;
  height: 21px;
  margin: 3px 0;
  padding-left: 9px;
  background: url(../../../images/my/en/icon_link.gif) no-repeat 0 4px;
}

.modalMenu__parents-list li a.current {
  width: 228px;
  *width: 186px;
  height: 21px;

  margin: 0 -10px 0 -15px;
  padding: 2px 0 0 24px;
  background-color: #749dcf;
  background: url(../../../images/my/en/bg_modalmenu_list.png) no-repeat;
  color: #fff;
  font-weight: bold;
}
.modalMenu__parents-list li a.current:hover {
    text-decoration: none;
}

.modalMenu__howto {
  margin-top: 200px;
  *margin-bottom: 200px;
  text-align: center;
}

.accordion__button {
  padding-left: 18px;
  background: url(../../../images/my/en/icon_plus.png) left center no-repeat;
}
.accordion__button.active {
  background-image: url(../../../images/my/en/icon_minus.png);
}
.accordionBox {
  margin-bottom: 6px;
}
.accordionContent {
  margin: 5px 0 20px;
  padding-top: 5px;
  border-top: 1px dotted #bfbfbf;
}

.infoHow dt {
  float: left;
  width: 12em;
}
.infoHow dd {
  margin-left: 12em;
}

.companyMessageBox,
.officeFactoryMessageBox,
.address1MessageBox,
.address2MessageBox,
.address3MessageBox,
.address4MessageBox,
.userNameKanaMessageBox,
.mailAddressMessageBox,
.companyKanaMessageBox,
.zipCodeMessageBox,
.plantLicenseNumberMessageBox,
.mailAddressConfirmMessageBox {
  width: 295px;
}

.LoginIdMessageBox {
  width: 300px;
}
.FaxMessageBox,
.TelMessageBox {
/*   width: 335px; */
	 width: 255px;
}
.passwordMessageBox,
.passwordConfirmMessageBox {
  width: 495px;
}
.etcWordMessageBox {
  width: 236px;
}
.businessMessageBox {
  margin: 5px 0;
}


.colorBlockCaution {
  padding: 20px;
  border-radius: 2px;
  background-color: #fff2bf;
}

.colorBlockEmphasis {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 2px;
  background-color: #cce1f4;
}

.fs-strong {
  color: #d80000;
}

.section02 {
  margin: 0 0 16px 0;
}

.step {
  margin-bottom: 20px;
  overflow: hidden;
}

.step li {
  float: left;
  line-height: 0;
}

.section--middle {
  margin-bottom: 20px;
}

.inputBox .inputBox__input {
  line-height: 1;
}

.inputBox__inquiry li {
  margin-top: 10px;
}

.inputBox__inquiry li:first-child {
  margin-top: 0;
}

.inputBox__text {
  margin-top: 5px;
}

.hdg-l4 {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
}

#wrapper #container #header .logo span {
    background: url(../../../images/my/en/sprite_header.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    overflow: hidden;
    text-indent: -10000px;
    width: 177px;
}

.inputBox .inputBox__radio {
    line-height: 21px;
}

.fs-lead {
  font-size: 16px;
  font-weight: bold;
}

.titleBlock .titleBlock__container .titleBlock__main {
  float: none;
  border-left: none;
  padding-left: 0;
}

.titleBlock .titleBlock__container .titleBlock__main .num {
  position: relative;
  top: 2px;
  padding-right: 10px;
}

.inputOther .balloon {
  position: absolute;
  left: 60px;
}

.contentsWrap .tableBlockList th,
.contentsWrap .tableBlockList td {
  padding: 3px 20px;
}
/*common.cssの打消し*/
.contentsWrap p,
.contentsWrap ul,
.contentsWrap ol,
.contentsWrap li,
.contentsWrap dl,
.contentsWrap dt,
.contentsWrap dd,
.contentsWrap table,
.contentsWrap th,
.contentsWrap td,
.contentsWrap form,
.contentsWrap input,
.contentsWrap button,
.contentsWrap select,
.contentsWrap option,
.contentsWrap textarea,
.contentsWrap label {
  line-height: normal;
}

.titleBlock {
  margin-bottom: 15px;
}

.section--large {
  margin-bottom: 15px;
}

.tableBlockList {
  margin-bottom: 20px;
}

h3, .titleBlock__h3 {
  margin-bottom: 10px;
}

#container {
  padding-bottom: 20px;
}

.agreementCheckText {
  text-align: center;
}

.agreementCheckText li {
  display: inline-block;
  *display: inline;
  *zoom:1;
}