.div-main {
  font-size: 14px;
  font-family: 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

/* レスポンシプ 2カラム */

.col-2 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-2 {
    float: left;
    width: 50%;
  }
}

/* text-align */

.text-c {
  text-align: center;
}
.text-r {
  text-align: right;
}
.text-l {
  text-align: left;
}

/* width */

.w-full {
    width: 100%;
}
.w-half {
    width: 50%;
}

/* float after */

.f-clear:after {
  content: '';
  display: block;
  clear: both;
}


/*
 その他
 ______
*/

.display-none {
  display: none;
}

.input-error {
  border: solid 2px #D0104C;
}

.remove-item {
  color: #828282;
  cursor: pointer;
}

.p-provisional_register {
/*   background-color: #5DAC81; */
  background-color: #6699A1;
  color: #FFFFFB;
  text-align: center;
}

/*
 NAVBAR
 ______
*/

nav {
  position: relative;
  min-height: 50px;
  padding: 0px 5px;
  border: 1px solid transparent;
}

nav:after {
  content: '';
  display: block;
  clear: both;
}

.nav-fixed-top,
.nav-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
}

.nav-fixed-top {
  top: 0;
  z-index: 102;
}

.nav-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  z-index: 99;
  background-color: #e7e7e7;
}

.nav-fixed-top > p {
  font-size: 18px;
  margin: 18px;
}

.nav-btn {
  margin: 8px 0px 8px 0px;
}

.div-r {
  float: right;
  width: 67%;
}
.div-r-l {
  float: left;
  width: 50%;
}

.div-r-r {
  float: right;
  width: 50%;
}

@media only screen and (max-width:420px) {
    .div-r-l,
    .div-r-r {
        float: none;
        display: block;
        padding: 2px 0px;
    }
}

/* COLOR */

.nav-update-iris {
  background-color: #D05A6E;
  color: #FFFFFB;
}
.nav-update-user {
  background-color: #113285;
  color: #FFFFFB;
}
.nav-history {
  background-color: #86C166;
  color: #FFFFFB;
}



/*
  DIV LAYOUT
  __________
*/

.responsive-div {
  max-width: 500px;
  width: 100%;
  margin: 20px auto 20px;
  padding: 20px 20px 20px 20px;
}

.div-blue {
  background-color: #A5DEE4;
}

.div-orange {
  background-color: #FAD689;
}

.div-green {
  background-color: #A8D8B9;
}


/*
  フォーム
  _______
*/

.form-text {
  margin: 20px 0px 0px 0px;
}

.form-text > hr {
  margin-top: 0px;
}

.label-b {
  display: block;
  padding : 0px 0px;
  margin : 0;
  font-size: 14px;
}

.text-b {
  display: block;
  font: inherit;
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  border: solid 1px #113285;
  border-radius: 3px;
  transition: all 0.3s ease;
  background-color: #ffffff;
}

.input-error {
	border-color: #9F353A;
}


/*
 BUTTON
 ______
*/

/* base */
.btn-b {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: Arial, sans-serif;
  transition: all  0.3s ease;
  text-decoration: none;
}


.btn-b:hover {
  cursor: pointer;
  color: #FFFFFB;
  text-decoration: none;
}

/* COLOR */
.btn-search {
  color: #FFFFFB;
  background-color: #0089A7;
  width: 100%;
  margin: 20px 0px 0px 0px;
}
.btn-search:hover,
.btn-search:focus {
  color: #FFFFFB;
  background-color: #81C7D4;
}
.btn-search-detail {
  color: #FFFFFB;
  background-color: #70b062;
  margin: 10px 0px 10px 0px;
  width: 100%;
}
.btn-search-detail:hover,
.btn-search-detail:focus {
  color: #FFFFFB;
  background-color: #A8D8B9;
}

.btn-save {
  color: #FFFFFB;
  background-color: #0089A7;
}
.btn-save:hover,
.btn-save:focus {
  color: #FFFFFB;
  background-color: #81C7D4;
}
.btn-delete {
  color: #FFFFFB;
  background-color: #F9BF45;
}
.btn-delete:hover,
.btn-delete:focus {
  color: #FFFFFB;
  background-color: #FAD689;
}
.btn-detail {
  color: #FFFFFB;
  background-color: #70b062;
}
.btn-detail:hover,
.btn-detail:focus {
  color: #FFFFFB;
  background-color: #A8D8B9;
}

.btn-save-kari {
  color: #FFFFFB;
  background-color: #6699A1;
}
.btn-save-kari:hover,
.btn-save-kari:focus {
  color: #FFFFFB;
  background-color: #517a80;
}

.btn-save-hon {
  color: #FFFFFB;
  background-color: #5DAC81;
}
.btn-save-hon:hover,
.btn-save-hon:focus {
  color: #FFFFFB;
  background-color: #468864;
}


/*
 TABLE
 _____
*/

.table-b {
  width: 100%;
  max-width: 100%;
}
.table-b > tbody > tr > th,
.table-b > tfoot > tr > th,
.table-b > thead > tr > td,
.table-b > tbody > tr > td,
.table-b > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}


/*
  [パスワード設定画面]
  _____________________
*/

.div-pass-list {
  margin: 80px 20px 20px 20px;
}

.text-pass {
  font: inherit;
  padding: 3px 5px;
  font-size: 14px;
}



/*
  [企業更新ログイン画面]
  ______________________
*/

.div-externalupdatelogin {
  max-width: 300px;
}

.p-login-error-msg {
    color: #9F353A;
    text-align: center;
}


/*
  [企業更新 入力/適応画面]
  ________________________
*/


#selected-skill-table > table ,
#old_skill_table      > table {
  margin: 0px auto 0px;
}

#selected-skill-table > table > thead > tr > th ,
#old_skill_table      > table > thead > tr > th {
  border-bottom: solid 1px #20604F;
  background-color: transparent;
}


#selected-skill-table > table > tbody > tr > td ,
#old_skill_table      > table > tbody > tr > td {
  padding: 5px 5px;
}

@media only screen and (max-width:420px) {
    #selected-skill-table > table > thead > tr ,
    #old_skill_table      > table > thead > tr {
        display: block;
        margin-bottom: 1.5em;
    }
    #selected-skill-table > table > thead > tr > th ,
    #selected-skill-table > table > tbody > tr > td ,
    #old_skill_table      > table > thead > tr > th ,
    #old_skill_table      > table > tbody > tr > td {
        display: block;
        padding: 2px 5px;
    }
}

#old_skill_table {
	margin-top: 10px;
}

.num {
  width: 50px;
}

.memo {
  width: 200px;
}

.old_num {
  width: 70px;
}

.old_memo {
  width: 230px;
}

.old_data {
  color: #656765;
}

.form-text > .old_data {
  padding: 0px 12px;
}


/*
  [企業更新 一覧画面]
  ________________________
*/

.div-update-list {
  margin: 80px 15px 0px 15px;
  text-align: center;
}


/*
  [企業検索(結果)画面]
  _____________________
*/

.p-select {
  margin: 10px 0px 5px 15px;
}

.p-error-msg {
    margin: 20px auto 10px;
    color: #9F353A;
}


/*
  [企業検索(結果詳細/履歴詳細)画面]
  _____________________
*/

/* 検索条件 */
.div-extenalsearch-detail-conditions {
  color: #373C38;
  background-color: #A5DEE4;
}

.div-extenalsearch-detail-conditions > table {
  margin: 0px auto 0px;
}

.div-extenalsearch-detail-conditions > table > tbody > tr > td,
.div-extenalsearch-detail-conditions > table > thead > tr > th,
.div-extenalsearch-detail-conditions > table > tfoot > tr > th {
  padding: 5px 5px;
  vertical-align: top;
}

.div-extenalsearch-detail-conditions > table > thead > tr > th {
  text-align: center;
  background-color: transparent;
}

.div-extenalsearch-detail-conditions > table > tbody > tr td:nth-child(1)  {
  text-align: right;
}

@media only screen and (max-width:420px) {
  .div-extenalsearch-detail-conditions > table > tbody > tr {
    display: block;
    margin-bottom: 1.5em;
  }
  .div-extenalsearch-detail-conditions > table > thead > tr > th,
  .div-extenalsearch-detail-conditions > table > tbody > tr > td {
        display: block;
        padding: 2px 5px;
    }
}

/* 詳細一覧（履歴） */
.div-extenalsearchhistory-detail-historylist {
	margin: 20px 15px 20px 15px;
	text-align: center;
}

.div-extenalsearchhistory-detail-historylist > table > thead > tr > th {
  background-color: transparent;
  padding: 0px 8px;
}

/* 詳細一覧（最新） */
.div-extenalsearchhistory-detail-nowlist {
	margin: 20px 15px 20px 15px;
	text-align: center;
	color: #BDC0BA;
}

.div-extenalsearchhistory-detail-nowlist > table > thead > tr > th {
  background-color: transparent;
  padding: 0px 8px;
}


/*
  [企業検索_履歴一覧画面]
  _____________________
*/

.history-search-date {
  margin: 50px auto 0px auto;
  text-align: center;
}

.history-search-date > table {
  margin: 0px auto 0px;
}

.history-search-date > table > tbody > tr > td,
.history-search-date > table > thead > tr > th,
.history-search-date > table > tfoot > tr > th {
  padding: 5px 5px;
  background-color: transparent;
}

@media only screen and (max-width:420px) {
  .history-search-date > table > tbody > tr {
    display: block;
    margin-bottom: 1.5em;
  }
  .history-search-date > table > thead > tr > th,
  .history-search-date > table > tbody > tr > td {
        display: block;
        padding: 2px 5px;
    }
}

.history-search-date > table > tbody > tr > td > input {
  width: 150px;
  padding: 0px 5px;
}

#div-history-list {
  margin: 0px 15px 0px 15px;
  text-align: center;
}

#div-history-list > table > tbody > tr > td,
#div-history-list > table > thead > tr > th,
#div-history-list > table > tfoot > tr > th {
  padding: 5px 5px;
  background-color: transparent !important;
}

.historyDetailLink {
  cursor: pointer;
}


/*
  [ローディング画面]
  __________________
*/

#loading-view {
 /* 領域の位置やサイズに関する設定 */
 width: 100%;
 height: 100%;
 z-index: 9999;
 position: fixed;
 top: 0;
 left: 0;
 /* 背景関連の設定 */
 background-color: #ffffff;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
 background-image: url(../images/loading.gif);
 background-position: center center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}


/*
  [設備概要・加工内容 ヘルプ画面]
  _______________________________
*/

#div-help-skill-table {
	margin: 100px 0px 0px 0px;
}

.help-table {
  border-collapse: collapse;
  width: 100%;
  max-width: 1000px;
  margin: 20px auto;
  color: #0C0C0C;
}

.help-table > thead > tr > th,
.help-table > tbody > tr > th,
.help-table > tbody > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  border-bottom: 1px solid #566C73;
}

.help-table > tbody > tr > td > p {
  margin: 0px;
  padding: 5px 10px;
  border-right: 2px solid #566C73;
}