/* ===========================
   base #7ecef4:Soft blue
   =========================== */

.theme-txt-verydarkgray {
  color: #4d4d4d;
}
.theme-txt-gray45 {
  color: #737373;
}
.theme-txt-softblue {
  color: #7ecef4;
}
.theme-txt-brightblue {
  color: #3ebcec;
}
.theme-txt-vividblue {
  color: #16a9e1;
}
.theme-txt-white {
  color: #fff;
}
.theme-txt-red {
  color: #f00;
}
.theme-txt-softred {
  color: #f2647b;
}
.theme-txt-limegreen {
  color: #02bb4f;
}

/* ===========================
	�{�[�_�[
   =========================== */

/* �O���[ */
.theme-ba-gr1 {
  border: 1px solid #d5d5d5;
}
.theme-bb-gr1 {
  border-bottom: 1px solid #d5d5d5;
}
.theme-bt-gr1 {
  border-top: 1px solid #d5d5d5;
}
.theme-br-gr1 {
  border-right: 1px solid #d5d5d5;
}
.theme-bl-gr1 {
  border-left: 1px solid #d5d5d5;
}
.theme-bb-gr5 {
  border-bottom: 5px solid #d5d5d5;
}
/* �� */
.theme-bb-wt1 {
  border-bottom: 1px solid #fff;
}
.theme-br-wt1 {
  border-right: 1px solid #fff;
}
/* �u���[ */
.theme-bb-sb5 {
  border-bottom: 5px solid #7ecef4;
}
.theme-bt-sb3 {
  border-top: 3px solid #7ecef4;
}
.theme-bt-sb5 {
  border-top: 5px solid #7ecef4;
}
.theme-bl-sb5 {
  border-left: 5px solid #7ecef4;
}
.theme-ba-sb1 {
  border: 1px solid #7ecef4;
}
.theme-bb-sb1 {
  border: 1px solid #7ecef4;
}
.theme-bt-sb1 {
  border-top: 1px solid #7ecef4;
}
.theme-br-sb1 {
  border-right: 1px solid #7ecef4;
}
.theme-bl-sb1 {
  border-left: 1px solid #7ecef4;
}
/* �_�[�N�u���[ */
.theme-dbb-sb5 {
  border-bottom: 5px solid #0e59a0;
}

/* ===========================
	�e
   =========================== */
.theme-sb-gray {
  -moz-box-shadow: 0 1px 6px -1px #ccc;
  -webkit-box-shadow: 0 1px 6px -1px #ccc;
  box-shadow: 0 1px 6px -1px #ccc;
}
.theme-sb-dkgray {
  -moz-box-shadow: 0 1px 6px -1px #888;
  -webkit-box-shadow: 0 1px 6px -1px #888;
  box-shadow: 0 1px 8px -1px #888;
}

/* ===========================
	����
   =========================== */
.theme-tp-white {
  background-color: rgba(255, 255, 255, 0.2);
}

/* ===========================
	�w�b�_�[
   =========================== */
.l-header {
  border-top: solid 4px #66c7f7;
}

/* ===========================
	�R�s�[���C�g
   =========================== */
.l-copyright {
  background: #66c7f7;
}

/* ===========================
	�����G���g���[�{�b�N�X
   =========================== */
.btn-box {
  background: #eaf7fd;
}

/* ===========================
	�T�C�h�A����
   =========================== */
.side-box-bg {
  background: #eaf7fd;
}

/* ===========================
	���l�ꗗ�iOpportunity/Search.html�j
   =========================== */
.tableWrap {
  background: #c1ebff;
}
.sp-member-detail-item span {
  /* sp */
  border-left: 5px solid #959595;
}

/* ===========================
	�o�b�N�O���E���h
   =========================== */
.theme-bg-gray {
  background: #f7f7f7;
}
.theme-bg-darkgray {
  background: #959595;
}
.theme-bg-softblue {
  background: #7ecef4;
}
.theme-bg-lightgrayishblue {
  background: #eaf7fd;
}
.theme-bg-white {
  background: #fff;
}
.theme-bg-orange {
  background: #d8e7f8;
}
.theme-bg-yellow {
  background: #fefef2;
}
.theme-bg-grayishblue {
  background: #ff961b;
}
.theme-bg-limegreen {
  background: #02bb4f;
}
.theme-input-bg-yellow {
  background: #fffbce;
}

/* ===========================
	�o�b�N�O���E���h�i�p�^�[���j
   =========================== */
.theme-bg-diagonal {
  /*�ΐ�softblue*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJ157/8Z4TxQZwmQx5GsACMA2IzInNAAgDvCQ9FrTnphQAAAABJRU5ErkJggg==)
    repeat;
}
.theme-bg-diagonalSb {
  /*�ΐ�softblue*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJ157/8Z4TxQZwmQx5GsACMA2IzInNAAgDvCQ9FrTnphQAAAABJRU5ErkJggg==)
    repeat;
}
.theme-bg-diagonalGr {
  /*�ΐ�softblue*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJXr179zwjjgzja2tqMYAEYB8RmROaABAD/ew+D0H3hNgAAAABJRU5ErkJggg==)
    repeat;
}

/* ===========================
	���O�C���{�^��
   =========================== */
.btn-logout {
  color: #fff;
  border: 1px solid #959595;
  background: -moz-linear-gradient(center top, #bbbbbb 5%, #a2a2a2 100%);
  background: -ms-linear-gradient(top, #bbbbbb 5%, #a2a2a2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#a2a2a2');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #bbbbbb), color-stop(100%, #a2a2a2));
  background-color: #a2a2a2;
  text-shadow: 1px 1px 0px #959595;
  -webkit-box-shadow: inset 1px 1px 0px 0px #cccccc;
  -moz-box-shadow: inset 1px 1px 0px 0px #cccccc;
  box-shadow: inset 1px 1px 0px 0px #cccccc;
}

.login {
  color: #fff;
  border: 1px solid #27b4ea;
  background: -moz-linear-gradient(center top, #6dccf1 5%, #3ebcec 100%);
  background: -ms-linear-gradient(top, #6dccf1 5%, #3ebcec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dccf1', endColorstr='#3ebcec');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #6dccf1), color-stop(100%, #3ebcec));
  background-color: #55c4ee;
  box-shadow: 0 1px 2px rgba(100, 100, 100, 0.2);
}

/* ===========================
	�G���g���[�{�^��
   =========================== */
.btn-entry00 {
  color: #fff;
  border: 1px solid #f29468;
  background: -moz-linear-gradient(center top, #f5ba9f 5%, #f4a37e 100%);
  background: -ms-linear-gradient(top, #f5ba9f 5%, #7ecff4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ba9f', endColorstr='#f4a37e');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f5ba9f), color-stop(100%, #f4a37e));
  background-color: #f5ba9f;
  text-shadow: 1px 1px 0px #e88d65;
  -webkit-box-shadow: inset 1px 1px 0px 0px #facdb9;
  -moz-box-shadow: inset 1px 1px 0px 0px #facdb9;
  box-shadow: inset 1px 1px 0px 0px #facdb9;
}
.btn-entry,
.sp-job-contact-btn,
.job-contact-btn-s {
  /*color:#fff;
	border:1px solid #f66057;
	background:-moz-linear-gradient( center top, #ed817b 5%, #e86c65 100% );
	background:-ms-linear-gradient( top, #ed817b 5%, #e86c65 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed817b', endColorstr='#e86c65');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ed817b), color-stop(100%, #e86c65) );
	background-color: #ed817b;
	text-shadow: 1px 1px 0px #f66057;
 	-webkit-box-shadow: inset 1px 1px 0px 0px #f0a39d;
 	-moz-box-shadow: inset 1px 1px 0px 0px #f0a39d;
 	box-shadow: inset 1px 1px 0px 0px #f0a39d;*/
}
.green-btn {
  color: #fff;
  border: 1px solid #00860e;
  background: -moz-linear-gradient(center top, #04bd28 5%, #00a712 100%);
  background: -ms-linear-gradient(top, #04bd28 5%, #00a712 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04bd28', endColorstr='#00a712');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #04bd28), color-stop(100%, #00a712));
  background-color: #04bd28;
  text-shadow: 1px 1px 0px #00860e;
  -webkit-box-shadow: inset 1px 1px 0px 0px #00860e;
  -moz-box-shadow: inset 1px 1px 0px 0px #00860e;
  box-shadow: inset 1px 1px 0px 0px #74e78a;
}
.job-request-btn-s {
  border: 1px solid #02aedc;
  background: #02aedc;
  color: #fff;
  padding: 0.5em 0.9em;
  display: inline-block;
  width: 35.7142857%;
  margin: 0.714em 0.357em;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.job-deital-btn {
  color: #fff;
  border: 1px solid #ee6557;
  background: #ee6557;
  padding: 0.2em 1.2em;
  display: inline-block;
  /*width: 200px;*/
  margin: 0.214em 0.257em;
  font-size: 1.5rem;
  /*font-weight: bold;*/
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
}

@media (max-width: 480px) {
  .job-contact-btn-s {
    display: inline-block;
    width: 37.2142857%;
    /*	margin: .714em .15em .714em .357em;*/
  }
}

/* ===========================
	�ڍׂ�����{�^��
   =========================== */
.job-detail-btn,
.job-detail-btn-s {
  color: #fff;
  border: 1px solid #68c6f2;
  background: -moz-linear-gradient(center top, #9fdaf5 5%, #7ecff4 100%);
  background: -ms-linear-gradient(top, #9fdaf5 5%, #7ecff4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fdaf5', endColorstr='#7ecff4');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #9fdaf5), color-stop(100%, #7ecff4));
  background-color: #9fdaf5;
  text-shadow: 1px 1px 0px #65c0e8;
  -webkit-box-shadow: inset 1px 1px 0px 0px #b9e6fa;
  -moz-box-shadow: inset 1px 1px 0px 0px #b9e6fa;
  box-shadow: inset 1px 1px 0px 0px #b9e6fa;
}

@media (max-width: 480px) {
  .job-detail-btn-s {
    display: inline-block;
    width: 37.2142857%;
    /*	margin: .714em .357em .714em .15em;*/
  }
}

/* ===========================
	���������X�g/�ύX�{�^��
   =========================== */
.job-examlist-btn,
.sp-job-examlist-btn,
.change-btn,
.mail-btn,
.sp-top-mail-btn {
  color: #737373;
  border: 2px solid #ccc;
  background: -moz-linear-gradient(center top, #f8f8f8 5%, #f0f0f0 100%);
  background: -ms-linear-gradient(top, #f8f8f8 5%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f0f0f0');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f8f8f8), color-stop(100%, #f0f0f0));
  background-color: #f0f0f0;
  text-shadow: 1px 1px 0px #dfdfdf;
  -webkit-box-shadow: inset 1px 1px 0px 0px #f8f8f8;
  -moz-box-shadow: inset 1px 1px 0px 0px #f8f8f8;
  box-shadow: inset 1px 1px 0px 0px #f8f8f8;
}
.tab-btn-off {
  /*color:#737373;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	background:-moz-linear-gradient( center top, #f8f8f8 5%, #f0f0f0 100% );
	background:-ms-linear-gradient( top, #f8f8f8 5%, #f0f0f0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f0f0f0');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f8f8f8), color-stop(100%, #f0f0f0) );
	background-color: #f0f0f0;
	text-shadow: 1px 1px 0px #dfdfdf;
 	-webkit-box-shadow: inset 1px 1px 0px 0px #f8f8f8;
 	-moz-box-shadow: inset 1px 1px 0px 0px #f8f8f8;
 	box-shadow: inset 1px 1px 0px 0px #f8f8f8;*/
}
.tab-btn-on {
  background: #9fdaf5;
  /*color: #fff;
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #a9a9a9;
	border-right:1px solid #a9a9a9;
	background:-moz-linear-gradient( center top, #959595 5%, #6e6e6e 100% );
	background:-ms-linear-gradient( top, #959595 5%, #6e6e6e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#6e6e6e');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #959595), color-stop(100%, #6e6e6e) );
	background-color: #959595;
	text-shadow: 1px 1px 0px #a9a9a9;
 	-webkit-box-shadow: inset 1px 1px 0px 0px #a3a3a3;
 	-moz-box-shadow: inset 1px 1px 0px 0px #a3a3a3;
 	box-shadow: inset 1px 1px 0px 0px #a3a3a3;*/
}

/* ===========================
	�^�C�g���o�[
   =========================== */
.title-bar,
.side-titlebar {
  color: #fff;
  background: -moz-linear-gradient(center top, #959595 5%, #6e6e6e 100%);
  background: -ms-linear-gradient(top, #959595 5%, #6e6e6e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#6e6e6e');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #959595), color-stop(100%, #6e6e6e));
  background-color: #959595;
  text-shadow: 1px 1px 0px #a9a9a9;
}
.title-bar-h2 {
  color: #fff;
  text-shadow: 1px 1px 0px #65c0e8;
  background: #7ecef4;
}
.menu-bar-h2 {
  color: #fff;
  text-shadow: 1px 1px 0px #65c0e8;
  background: #7ecef4;
}

@media (min-width: 800px) {
  .l-footer-nav {
    border-top: none;
    border-bottom: none;
    background: none;
    background-color: #fff;
    text-shadow: none;
    box-shadow: none;
  }
  .footer-btn {
    color: #7ecef4;
    border-right: none;
    box-shadow: none;
  }
  .goTop-btn {
    border-top: none;
    border-bottom: none;
    background: none;
    background-color: #fff;
    text-shadow: none;
    box-shadow: none;
  }
}

@media screen and (min-width: 800px) {
  .formBox .theme-bg-diagonalSb {
    width: 49%;
    float: right;
  }

  .formBox .theme-bg-diagonalSb:first-child {
    float: left;
  }

  .formBox .form-box {
    width: 85%;
    padding: 1.429em 0.957em;
  }

  .formBox .form-box .form-box-inner {
    width: auto;
  }
}

.domainText {
  color: #ff0000;
  font-size: 12px;
}

.domainText span {
  color: #000000;
}

/* ===========================
	form
   =========================== */

input,
textarea,
select {
  border-radius: 5px;
}

/* ===========================
	Pmark
   =========================== */

#rules {
  background-color: #fff;
  margin: 10px;
  padding: 20px 10px;
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
}
#rules p {
  float: left;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
#rules p {
  float: left;
  width: 80%;
}
#rules p a {
  color: #f37d93;
}