@charset "utf-8";

/* --------------------------------
 * base
 * -------------------------------- */
.sp {
	 display: none;
 }
.pc {
	display: block;
}
.margin-left {
	margin-left: 190px;
}
.search-word-input {
	width: 90%;
	display: block;
}
html {
  font-size: 62.5%;
  overflow-y: scroll;
}
body {
  color: #333;
  font-size: 12px;
  /* font-size: 1.2rem; */
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #bae2ff;
  width: 100%;
}
*, *::before, *::after {
  box-sizing: border-box;
}

body.noscroll {
	position: fixed;
	overflow-y: scroll;
}

button, input, select, textarea {
font-family : inherit;
font-size : 100%;
}

textarea {
	line-height: normal;
}

a {
  color: #6dbffa;
  text-decoration: none;
}

a:link, a:visited, a:hover, a:active {
  /* color: #6dbffa; */
	color: #247abd;
  text-decoration: none;
}

button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}

/* IE画像が荒くなるのを回避 */
img { -ms-interpolation-mode: bicubic; }

button:active {
	outline:none;
}

area:active {
	outline:none;
}

*:focus {
  outline: none;
}
.wp-pagenavi {
	margin: 0 auto;
	overflow: scroll;
}
.wp-pagenavi{
	text-align: center;
	overflow: hidden;
}

.wp-pagenavi .pages{
	display: none !important;
}

.wp-pagenavi .extend{
	display: none !important;
	color: red;
}
.wp-pagenavi .last{
	color: #333;
	text-decoration: none;
}
.wp-pagenavi .first{
	color: #333;
	text-decoration: none;
	margin-right: 5px;
}

.wp-pagenavi .current{
	font-weight: bold;
	color:#005dad;

}

.wp-pagenavi .current{
	text-align: center;
	border-left: solid 1px #aaa9a9;
	/*border-right: solid 1px #aaa9a9;*/
	padding: 0 15px;
}

.wp-pagenavi .page{
	text-align: center;
	border-left: solid 1px #aaa9a9;
	padding: 0 15px;
	color: #333;
	text-decoration: none;
}

.nextpostslink, a:link.nextpostslink, a:visited.nextpostslink, a:hover.nextpostslink, a:active.nextpostslink{
	text-align: center;
	border-left: solid 1px #aaa9a9;
	padding: 0 15px;
	color: #333;
	text-decoration: none;
}
.previouspostslink, a:link.previouspostslink, a:visited.previouspostslink, a:hover.previouspostslink, a:active.previouspostslink{
	text-align: center;
	padding: 0 15px;
	color: #333;
	text-decoration: none;
}
.wp-pagenavi {
	margin: 0 auto;
	overflow: scroll;
}
.wp-pagenavi{
	text-align: center;
	overflow: hidden;
}

.wp-pagenavi .pages{
	display: none !important;
}

.wp-pagenavi .extend{
	display: none !important;
	color: red;
}
.wp-pagenavi .last{
	color: #333;
	text-decoration: none;
}
.wp-pagenavi .first{
	color: #333;
	text-decoration: none;
	margin-right: 5px;
}

.wp-pagenavi .current{
	font-weight: bold;
	color:#005dad;

}

.wp-pagenavi .current{
	text-align: center;
	border-left: solid 1px #aaa9a9;
	/*border-right: solid 1px #aaa9a9;*/
	padding: 0 15px;
}

.wp-pagenavi .page{
	text-align: center;
	border-left: solid 1px #aaa9a9;
	padding: 0 15px;
	color: #333;
	text-decoration: none;
}

.nextpostslink, a:link.nextpostslink, a:visited.nextpostslink, a:hover.nextpostslink, a:active.nextpostslink{
	text-align: center;
	border-left: solid 1px #aaa9a9;
	padding: 0 15px;
	color: #333;
	text-decoration: none;
}
.previouspostslink, a:link.previouspostslink, a:visited.previouspostslink, a:hover.previouspostslink, a:active.previouspostslink{
	text-align: center;
	padding: 0 15px;
	color: #333;
	text-decoration: none;
}

/* --------------------------------
 * parts
 * -------------------------------- */
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

.hidden {
  display: none;
}

/* --------------------------------
 * header
 * -------------------------------- */
header{
	width: 100%;
	height: 130px;
	position: relative;
}

.header1-wrapper {
	height: 100px;
	background-color: #fff;
	margin-left: -40px;
	padding-left: 40px;
}

.header-top-line {
	display: block;
	top: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-color: #0168b7;
}

.header1-contain {
	display: block;
	position: relative;
	height: 96px;
	width: 960px;
	margin: 0 auto;
}
.header-logo {
	float: left;
	width: 260px;
	height: 54px;
	margin-top: 22px;
}

.header-description {
	position: absolute;
	top: 42px;
	left: 290px;
	font-size: 13px;
	letter-spacing: 1px;
}

.header-link-wrapper {
	float: right;
	width: 700px;
	margin-top: 22px;
	height: 20px;
}

.header-link{
	float: right;
}

a.header-link-color, a:link.header-link-color, a:visited.header-link-color, a:hover.header-link-color, a:active.header-link-color {
	color: #333;
	text-decoration: none;
}

.header-link li {
	display: inline-block;
	padding-right: 3px;
	/*padding-left: 8px;*/
	text-align: center;
	font-size: 14px;
}

.header-info-wrapper {
	float: right;
	width: 700px;
	margin-top: 10px;
	height: 30px;
}

.header-info {
	float: right;
}

.header-info li {
	display: inline-block;
	margin-left: 20px;
	vertical-align: bottom;
	font-size: 14px;
}
.header-update .stress{
	color: #ef8011;
	font-size: 17px;
}

.header-exam {
	height: 26px;
	padding: 4px 4px 0;
	font-size: 14px;
	background-color: #ee7700;
}

.header-exam .stress {
	color: #fff;
	font-size: 17px;
}

a.header-exam-color, a:link.header-exam-color, a:visited.header-exam-color, a:hover.header-exam-color, a:active.header-exam-color {
	color: #fff;
	text-decoration: none;
}

.header2-wrapper {
	height: 30px;
}

.header2-contain-wrapper {
	position: relative;
	height: 30px;
	width: 960px;
	margin: 0 auto;
}

.header2-contain div {
	float: left;
}

.header2-contain div.job {
}

.header2-contain a:hover {
	opacity: 0.85;
}

/* --------------------------------
 * index.php
 * -------------------------------- */

main {
	display: block;
	width: 960px;
	margin: 30px auto;
}

.top-banner {
	width: 960px;
	/*height: 174px;*/
	height: 300px;
	margin: 30px 0;
}

.search-wrapper {
	
}

.Information-area {
	position: relative;
	width: 960px;
	height: 100px;
	margin: 30px 0;
	background-color: #fff;
	border: #0068B7 solid 2px;
	font-size: 14px;
}
.Information-area div{
	margin-left: 20px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}
.Tpoint-image,
.friend-image
{
	margin: 8px 10px 0 0;
	width: 80px;
}

.Tpoint-link{
	top: 12px;
	left: 20px;
	margin: 0 20px;
	padding-right: 10px;
	width: 300px;
	height: 20px;
	line-height: 20px;
	background-color: #014099;
	border-radius: 5px;
	background-position : 50% 50%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	transition: 0.5s;
}

.Tpoint-link img{
	margin: 18px 0 0 10px;
}

a.Tpoint-link, a:link.Tpoint-link, a:visited.Tpoint-link, a:hover.Tpoint-link, a:active.Tpoint-link{
	color: #fff;
}

.friend-link{
	display: block;
	top: 12px;
	left: 20px;
	margin: 0 20px;
	margin-left: 500px;
	margin-top: -40px;
	padding-right: 10px;
	width: 350px;
	height: 40px;
	line-height: 20px;
	background-color: #ff6801;
	border-radius: 5px;
	background-position : 50% 50%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	transition: 0.5s;
}
.friend-comment {
	font-size: 20px;
}
.friend-link img{
	margin: 18px 0 0 10px;
	margin-top: 13px;
}
.friend-link-comment {
	display: inline-block;
	margin-top: 11px;
	font-size: 18px;
}
a.friend-link, a:link.friend-link, a:visited.friend-link, a:hover.friend-link, a:active.friend-link{
	color: #fff;
}

.search-area {
	position: relative;
	width: 440px;
	float: left;
	margin-bottom: 50px;
}

.search-area a {
	outline: none;
}

.search-area-title {
	font-size: 20px;
	letter-spacing: 1px;
}

.search-area-map {
	margin: -19px 0;
	padding: 50px 0 20px 20px;
	height: 550px;
	width: 420px;
	background-color: #fff;
	border-top: 3px #ff6801 solid;
}

.search-area-text {
	margin: 20px auto 0;
 	display: table;
}

.search-area-text ul {
	margin-top: 10px;
}

.search-area-text li {
	display: table-cell;
	width: 90px;
	color: #ef8011;
	font-size: 16px;
}

.search-area-text li:last-child {
	width: 67px;
}

a.search-area-link, a:link.search-area-link, a:visited.search-area-link, a:active.search-area-link {
	color: #333;
	text-decoration: none;
}

a:hover.search-area-link {
	color: #333;
	text-decoration: underline;
}

.search-area-text-others{
	margin: 20px 0 0 217px;
	width: 164px;
	height: 20px;
	line-height: 20px;
	background-color: #ef8011;
	border-radius: 5px;
	background-position : 50% 50%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	transition: 0.5s;
}

.search-area-text-others img{
	margin: 3px 0;
}
a.search-area-text-others,
a:link.search-area-text-others,
a:visited.search-area-text-others,
a:hover.search-area-text-others,
a:active.search-area-text-others  
{
	color: #fff;
	text-decoration: none;
}

a:hover.search-area-text-others {
	background-color: #ed9a47;
}

.search-job {
	width: 520px;
	height: 300px;
	float: left;
}

.search-job-title {
	position: relative;
	z-index: 1;
	font-size: 20px;
	letter-spacing: 1px;
}

.search-job-content {
	position: relative;
	width: 520px;
	height: 256px;
	margin-top: -19px;
	border-top: 3px #438ee8 solid;
	background-color: #fff;
}

.search-job-text {
 	display: table;
	margin: 20px 0 0 30px;
	border-collapse: separate;
	border-spacing: 0px 8px;
	letter-spacing: 1px;
}

.search-job-text ul {
}

.search-job-text li {
	display: table-cell;
	margin: 0 auto;
	width: 240px;
	color: #6dbffa;
	font-size: 14px;
	line-height: 11px;
}

.search-job-text-others{
	position: absolute;
	top: 210px;
	right: 20px;
	width: 176px;
	height: 20px;
	line-height: 20px;
	background-color: #438ee8;
	border-radius: 5px;
	background-position : 50% 50%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	transition: 0.5s;
}

a.search-job-link, a:link.search-job-link, a:visited.search-job-link, a:active.search-job-link {
	color: #438ee8;
	text-decoration: none;
}

a:hover.search-job-link {
	color: #0068B7;
	text-decoration: underline;
}

.search-job-text-others img{
	margin: 3px 0;
}

a.search-job-text-others, a:link.search-job-text-others, a:visited.search-job-text-others, a:hover.search-job-text-others, a:active.search-job-text-others {
	color: #fff;
	text-decoration: none;
}

.search-condition {
	width: 520px;
	height: 300px;
	float: left;
}

.search-condition-title {
	position: relative;
	z-index: 1;
	font-size: 20px;
	letter-spacing: 1px;
}

.search-condition-content {
	position: relative;
	width: 520px;
	height: 250px;
	margin-top: -19px;
	background-color: #fff;
	border-top: 3px #32bf01 solid;
}

.search-condition-text {
 	display: table;
	margin: 20px;
	border-collapse: separate;
	border-spacing: 0px 8px;
	letter-spacing: 1px;
}

.search-condition-text ul {
}

.search-condition-text li {
	display: table-cell;
	margin: 0 auto;
	width: 160px;
	color: #6dbffa;
	font-size: 14px;
	line-height: 11px;
}

.search-condition-text-others{
	position: absolute;
	top: 210px;
	right: 20px;
	width: 176px;
	height: 20px;
	line-height: 20px;
	background-color: #32bf01;
	border-radius: 5px;
	background-position : 50% 50%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	transition: 0.5s;
}

a.search-condition-link, a:link.search-condition-link, a:visited.search-condition-link, a:active.search-condition-link {
	color: #333;
	text-decoration: none;
}

a:hover.search-condition-link {
	color: #333;
	text-decoration: underline;
}

.search-condition-text-others img{
	margin: 3px 0;
}

a.search-condition-text-others, a:link.search-condition-text-others, a:visited.search-condition-text-others, a:hover.search-condition-text-others, a:active.search-condition-text-others {
	color: #fff;
	text-decoration: none;
}

/*****************************  sp の為追加  *********/
.news-page-wrapper {
}
.padding-bottom20 {
	padding-bottom: 20px;
}
.padding-top20 {
	padding-top: 20px;
}

.news-page-area {
	width: 960px;
	height: 110px;
	clear: both;
}
.height90 {
    height: 90px;
}
.news-page-photo {
    position: static;  /* sp の打ち消し */
    float: left;
    width: 120px;
    margin: 20px 0px 0px 20px;
}
.photo106 {
    width: 106px;
}
.news-page-desc  {
	float: left;
    width: 800px;
    padding: 20px 20px 0 0;
    margin-left: 15px;
}
.news-date {
    position: static;  /* sp の打ち消し */
}

/*****************************  sp の為追加　終了  *********/

.news-title {
	position: relative;
	z-index: 10;
}

.news-content-wrapper {
	position: relative;
	width: 960px;
	padding-bottom: 20px;
}

.news-content {
	position: relative;
	margin-top: -19px;
	padding-bottom: 20px;
	background-color: #fff;
	border-top: 3px #0068B7 solid;
}

.news-area:first-child {
	margin-top: 10px;
}

.news-photo {
	float: left;
	width: 120px;
	margin: 30px 0px 0px 20px;
}

.news-desc {
	float: right;
	width: 800px;
	padding: 30px 20px 0 0;
}

.news-date {
	color: #333;
	line-height: 1.8;
}

.news-text, a.news-text, a:link.news-text, a:visited.news-text, a:active.news-text {
	font-size: 15px;
	color: #0068B7;
	text-decoration: underline;
	line-height: 1.5;
}

.news-others {
	float: right;
	width: 192px;
	height: 20px;
	margin: 0 20px;
	line-height: 20px;
	background-color: #0068b7;
	border-radius: 5px;
	background-position : 50% 50%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	transition: 0.5s;
}

.news-others img {
	margin: 3px 6px 0 3px;
}

a.news-others, a:link.news-others, a:visited.news-others, a:hover.news-others, a:active.news-others {
	color: #fff;
	text-decoration: none;
}

.condition-area {
	margin-left: 10px;
	padding-top: 4px;
	font-size: 12px;
	line-height: 19px;
	
}

a .condition-area,
a:hover .condition-area,
a:visited .condition-area
{
	color: #333;
}

.condition-icon {
	display: inline-block;
	height: 18px;
	text-align: center;
}

.condition-icon.area {
	width: 50px;
	color: #ff6801;
	border: 1px solid #ff6801;
	border-radius: 6px;
}

.condition-icon.salary {
	margin-left: 10px;
	width: 36px;
	color: #32bf01;
	border: 1px solid #32bf01;
	border-radius: 6px;
}

/* --------------------------------
 * news_list-page-pc.php
 * -------------------------------- */

.news-page-wrapper {
}


/* --------------------------------
 * onecolumn.php
 * -------------------------------- */

div#main-contents{
	width: 100%;
	margin: 0 auto;
}

div#contents{
}

body#page div#contents.contact-detail{
}

body#page div#contents.contact-detail h2{
}

.onecolumn-wrapper {
	width: 960px;
	padding: 20px 0 30px;
	font-size: 14px;
	background-color: #fff;
	margin: 20px auto;
}

.onecolumn-wrapper h2 {
	width: 920px;
	height: 36px;
	margin: 0 10px 10px;
	padding: 8px 0 6px 32px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background:url('../images/background/h2-bg.png');
}

.onecolumn-wrapper h3 {
	width: 260px;
	height: 50px;
	margin: -1px 0 0 -1px;
	padding: 14px 0 0 22px;
	font-size: 18px;
	font-weight: bold;
	color: #ff6801;
	background-color: #fff;
	border: solid #ff6801 1px;
}

.onecolumn-wrapper .description {
	margin: 20px;
	font-size: 15px;
}

a.onecolumn-link, a:link.onecolumn-link, a:visited.onecolumn-link, a:hover.onecolumn-link, a:active.onecolumn-link {
	color: #0068b7;
	text-decoration: underline;
}

.flow-area-wrapper {
	position: relative;
	margin-top: 30px;
}

.flow1-arrow {
	position:absolute;
	width: 20px;
	height: 22px;
	top: 230px;
	left: 326px;
	background: url('../images/icon/flow-arrow.png') top left no-repeat;
}

.flow2-arrow {
	position:absolute;
	width: 20px;
	height: 22px;
	top: 230px;
	left: 636px;
	background: url('../images/icon/flow-arrow.png') top left no-repeat;
}

.flow-area {
	float: left;
	width: 290px;
	height: 500px;
	margin-left: 20px;
}

.flow-contents {
	width: 260px;
	height: 400px;
	margin: -13px 0 0 30px;
	border: solid #ff6801 1px;
	background-color: #fdeadd;
}

.flow-contents img {
	width: 236px;
	margin: 0 10px;
}

.flow-contents .description {
	width: 236px;
	height: 140px;
	margin: 10px;
	padding: 8px;
	border: dashed #ff6801 1px;
	background-color: #fff;
}

.flow-homepage-back {
	margin: 0 auto;
	width: 140px;
	height: 40px;
 }

.onecolumn-wrapper {
	width: 960px;
	background-color: #fff;
	margin: 20px auto;
	padding-bottom: 30px;
}

.contact-input-text {
	width: 400px;
}

.contact-input-name {
	width: 200px;
}

.contact-input-textarea {
	width: 400px;
}

.contact-input-mail1 {
	width: 260px;
}

.contact-input-mail2 {
	width: 260px;
}

.contact-input-mail-at{
	margin-left: 7px;
	margin-right: 3px;
}

.contact-input-rireki {
	width: 600px;
}

.btn-upload {
	height: 25px;
	width: 90px;
}

.btn-file:hover {
}

.contact-clear-btn {
	background:url('../images/btn/btn-clear.png') 0px 0px no-repeat;
	width: 70px;
	height: 40px;
}

.contact-submit-btn {
	background:url('../images/btn/btn-confirm.png') 0px 0px no-repeat;
	width: 140px;
	height: 40px;
}

.mypage-wrapper {
	margin-bottom: 40px;
}

.mypage-wrapper .description {
	width: 680px;
	float: left;
}

.mypage {
	float: left;
	margin-top: 20px;
}

.e-learning {
	width: 234px;
	margin: 0 auto;
}
.e-learning .notice {
	width: 400px;
	margin: 10px auto;
	font-size: 14px;
}
.e-notice {
	width: 325px;
	margin: 10px auto;
	font-size: 14px;
}

.biz-info h3 {
	min-width: 260px;
	height: 40px;
	margin: -1px 0 0 20px;
	padding: 14px 0 0 22px;
	font-size: 16px;
	font-weight: normal;
	color: #1471b8;
	background-color: #fff;
	border: none;
	border-bottom: solid #5BB7F2 2px;
	background:url('../images/icon/icon-biz-info-h3.png') 3px 18px no-repeat;
}

.biz-info h4 {
	min-width: 260px;
	height: 40px;
	margin: -1px 0 0 20px;
	padding: 14px 0 0 22px;
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
	border: none;
	background:url('../images/icon/icon-biz-info-h4.png') 3px 18px no-repeat;
}

.biz-info .calculation-bg {
	width: 900px;
	height: 100px;
	margin-left: 30px;
	padding: 14px 0;
	background-color: #eef7fe;
}

.biz-info .img-calculation {
	text-align: center;
	margin-bottom: 30px;
}

.biz-info td {
	border: solid #1471B8 1px;
}

.biz-info th {
}

.biz-info tr {
	padding: 0 20px;
	height: 40px;
	vertical-align: middle;
}

.biz-info td:first-child{
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 20px;
	height: 40px;
	width: 700px;
}

.biz-info td:nth-child(2){
	text-align: right;
	vertical-align: middle;
	padding: 0 10px 0 0;
	height: 40px;
}

.biz-info th {
	padding: 0 0 5px 0;
	height: 40px;
	vertical-align: bottom;
	font-size: 15px;
}


.biz-info .description {
	margin: 10px 0px 10px 30px;
	font-size: 14px;
}

.biz-info .office{
	width: 900px;
	margin: 20px 0 30px 20px;
}

.biz-info .office table{
	margin: 0 0 10px 24px;
}

.biz-info .office th{
	width: 300px;
}

.biz-info .office th:first-child{
	width: 870px;
}

.biz-info .notice {
	margin: 10px 0 0 24px;
}


.biz-info .date {
	margin: 10px 0 0 0;
	text-align: right;
}

.biz-info .reference {
	width: 410px;
}

.biz-info .reference-area {
	margin-left: 100px;
	padding-bottom: 20px;
}

.biz-info .reference-area table,
.biz-info .reference-area tr,
.biz-info .reference-area td{
	border: none;
	text-align: left;
	padding: 7px 0px 7px 10px;
	margin-bottom: 20px;
}

.biz-info .reference-area td:first-child{
	width: 240px;
}

.biz-info .graph-area {
    margin-top: 20px;
    text-align: center;
	padding-bottom: 20px;
}

.biz-info .graph-area .citing {
    margin-top: 10px;
    margin-right: 100px;
    text-align: right;
}

.biz-info .graph-area .citing a {
    color: #247abd;
}

.biz-info .graph-area .citing:hover{
    cursor: pointer;
}


.biz-info .training {
	width: 310px;
}

.biz-info .training-area {
	margin-left: 40px;
	width: 900px;
}

.biz-info .training-area table {
	Width: 870px;
	margin: 10px 0 30px 24px;
	border: solid #1471B8 1px;
}

.biz-info .training-area th {
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid #1471B8 1px;
	vertical-align: middle;
	text-align: center;
}

.biz-info .training-area .heading {
	border-bottom: none;
	text-align: left;
	background-color: #eef7fe;
}

.biz-info .training-area td {
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	vertical-align: middle;
}

.biz-info .training-area td.blank {
	border: none;
	width: 20px;
	border-left: solid #1471B8 1px;
	background-color: #eef7fe;
}

.biz-info .welfare-area table{
	margin: 20px 0 30px 64px;
	width: 870px;
}

.biz-info .welfare-area td.heading{
	width: 200px;
	text-align: left;
}

.biz-info .welfare-area td{
	text-align: left;
	padding: 10px;
}

.biz-info .welfare-area .heading{
	background-color: #eef7fe;
}

.biz-info .download {
    margin: 15px 0 0 20px;
}

/* --------------------------------
 * staff.php
 * -------------------------------- */

.staff-wrapper {
	width: 960px;
	padding: 10px 0 30px;
	font-size: 14px;
	background-color: #fff;
	margin: 30px auto;
}

.staff-wrapper h2 {
	width: 920px;
	height: 36px;
	margin: 0 10px 10px;
	padding: 8px 0 6px 32px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background:url('../images/background/h2-bg.png');
}

.staff-wrapper h3 {
	font-size: 16px;
	color: #333;
	margin: 20px 0 0 16px;
	padding: 0 0 0 16px;
	background: url('../images/icon/icon-privacy-h3.png') center left no-repeat;
}

.staff-wrapper .description {
	margin: 20px;
	font-size: 15px;
}

a.staff-link, a:link.staff-link, a:visited.staff-link, a:hover.staff-link, a:active.staff-link {
	color: #0068b7;
	text-decoration: underline;
}
.staff-wrapper {
	width: 960px;
	background-color: #fff;
	margin: 30px auto;
	padding-bottom: 30px;
}

.staff-button-wrapper {
	width: 100%;
}

.staff-login-submit-btn {
	display: block;
	background:url('../images/btn/btn-staff-login.png') 0px 0px no-repeat;
	width: 220px;
	height: 40px;
	margin: 0 auto;
}

.staff-home-button-wrapper {
	width: 100%;
	margin: 20px 0 0;
}

.staff-login-home-back-btn {
	display: block;
	background:url('../images/btn/btn-homepage-back.png') 0px 0px no-repeat;
	width: 140px;
	height: 40px;
	margin: 0px auto;
}

/* --------------------------------
 * onecolumn-no sidebar.php
 * -------------------------------- */

body#page div.contact div.normal-bg div.inner{
	width:652px;
}

body#page div.contact div.normal-bg p.btn{
	width:305px;
}


body#page div#sub ul{
	padding: 0 0 0 38px;
	background: none;
}

body#page div#sub h3{
	padding: 0 0 0 38px;
	margin-bottom: 8px;
}

body#page div#contents h2{
}

body#page div#contents.kigyou a{
}


/* --------------------------------
 * contact
 * -------------------------------- */

.contact-wrapper {
}

.contact-wrapper h2{
	width: 920px;
	height: 36px;
	margin: 0 10px 10px;
	padding: 9px 0 6px 24px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background:url('../images/background/h2-bg.png');
}

.contact-head-wrapper {
	width: 960px;
	height: 320px;
	background-color: #fff;
	margin: 20px auto;
}

.contact-entrysheet-wrapper {
	width: 960px;
	background-color: #fff;
	margin: 20px auto 20px;
	padding-bottom: 20px;
	padding-top: 10px;
}

.contact-wrapper .input-form {
	margin-bottom: 20px;
	padding-top: 10px;
}

.contact-page-headding-wrapper {
	margin-bottom: 20px;
}

.contact-headding-table {
	width: 900px;
	margin-left: 20px;
	font-size: 14px;
	line-height: 2;
}

.contact-headding-table a{
	color: #0068b7;
	text-decoration: underline;
}

a.contact-link, a:link.contact-link, a:visited.contact-link, a:hover.contact-link, a:active.contact-link {
	color: #0068b7;
	text-decoration: underline;

}

.contact-headding-tel {
	float: left;
	width: 335px;
	height: 100px;
	margin-left: 20px;
}

.contact-headding-fax {
	float: left;
	width: 450px;
	height: 100px;
	margin-left: 20px;
}

.contact-entrysheet-text {
	color: #333;
	margin: 0 0 10px 20px;
	font-size: 15px;
}


.contact-form-table {
	color: #333;
	width: 900px;
	margin-left: 20px;
	border: 1px solid #bae2ff;
	font-size: 14px;
}

.contact-form-title1 {
	width: 80px;
	border: 1px solid #bae2ff;
	border-right: none;
	background-color: #eef7fe;
	height: 50px;
	padding: 7px;
	vertical-align: middle;
}

.contact-form-title2 {
	width: 110px;
	border: 1px solid #bae2ff;
	border-right: none;
	background-color: #f5fafe;
	height: 50px;
	padding: 7px;
	vertical-align: middle;
}

.contact-form-title3 {
	width: 50px;
	border: 1px solid #bae2ff;
	border-left: none;
	height: 50px;
	padding: 7px;
	vertical-align: middle;
}

.contact-form-title-bg-normal {
	background-color: #eef7fe;
}

.contact-form-title-bg-light {
	background-color: #f5fafe;
}

.contact-form-title-top {
	padding-top: 20px;
	vertical-align: text-top;
}

.contact-form-item {
	width: 680px;
	border: 1px solid #bae2ff;
	background-color: #fff;
	padding: 7px;
	vertical-align: middle;
	line-height: 36px;
}

.contact-form-item input[type="text"] {
	height: 30px;
}

.contact-form-item-comment {
	line-height: 25px;
}

.contact-form-item select {
	width: 120px;
	height: 30px;
}

.contact-form-item-text {
	color: #333;
	margin: 0 5px 0 10px;
}

.contact-form-zip {
	width: 120px;
	height: 30px;
}

.contact-btn-area{
	width: 900px;
	margin-top: 30px;
	padding-left:340px;
}

.contact-error-msg {
	font-size:13px;
	color: #FF0126;
}

.contact-error-bg {
	background-color: #fdd7dd;
}

.contact-btn-area li{
	padding-right: 10px;
	display: inline-block;
	height: 40px;
	margin: 0;
	padding-left: 5px;
	vertical-align: middle;
	text-align: center;
}

.privacy-check-area{
	margin: 20px 0 20px 160px;
}

.privacy-headding {
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
}

.privacy-text {
	color: #333;
	font-size: 14px;
	margin-left: 140px;
	margin-bottom: 10px;
}

.slide-container{
	overflow-y: scroll;
	width:640px;
	text-align: left;
	height: 200px;
	border: 2px solid #2f3131;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 14px;
}

/* --------------------------------
 * b-contact
 * -------------------------------- */

.contact-enterprise-form-wrapper {
	width: 960px;
	background-color: #fff;
	margin: 20px auto;
	padding-bottom: 20px;
}

.contact-enterprise-form-text {
	margin: 0 0 16px 20px;
	font-size: 15px;
}

/* --------------------------------
 * rireki
 * -------------------------------- */

 .rireki-wrapper {
	width: 960px;
	background-color: #fff;
	margin: 20px auto;
	padding-bottom: 20px;
 }

.rireki-wrapper .input-form {
	margin-bottom: 40px;
}

.rireki-wrapper .caution {
	padding: 20px 50px 20px 0;
	text-align: right;
}

.rireki-wrapper .privacy-cheak-text {
	text-align: center;
}

.rireki-wrapper .chap-text{
	font-size: 13px;
}

.contact-rireki-form-text {
	margin: 0 0 0px 20px;
	font-size: 15px;
}

.contact-rireki-form-caption {
	margin: 0 0 10px 0;
	font-size: 14px;
}

.contact-rireki-form-radio {
	font-size: 14px;
}

.fileUpLoader {
	position: relative;
	width: 315px;
	height: 30px;
	overflow: hidden;
}

.file-select-text {
	width: 315px;
	height: 30px;
}

.btn-file-select {
	position: absolute;
	top: 0;
	left: 315px;
	border: 0px;
	width: 120px;
	height: 30px;
	background: url('../images/btn/btn-select-file.png') left top no-repeat;
}

.fileUpLoader .uploader {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	font-size: 315px;
}

/* --------------------------------
 * contact-check
 * -------------------------------- */

.contact-check-entrysheet-wrapper {
	width: 960px;
	background-color: #fff;
	margin: 20px auto;
	padding-bottom: 20px;
}


/* --------------------------------
 * privacy-protect
 * -------------------------------- */

.privacy-protect-wrapper {
	width: 960px;
	background-color: #fff;
	padding: 20px 40px;
	margin: 20px auto 30px;
	font-size: 14px;
}

.privacy-protect-wrapper h2 {
	font-size: 22px;
	color: #6dbffa;
	text-align: center;
}

.privacy-protect-wrapper h3 {
	font-size: 14px;
	color: #333;
	text-align: left;
	background: url('../images/icon/icon-privacy-h3.png') center left no-repeat;
}

.privacy-protect-wrapper .privacy-protect-headding {
	font-size: 18px;
	color: #333;
	text-align: left;
	margin-bottom: 20px;
}

.privacy-protect-text {
	font-size: 14px;
	color: #333;
}

.privacy-protect-text-stress {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

.privacy-protect-table {
	width: 850px;
	margin: 0 0 30px 30px;
}

.privacy-protect-table-item {
	width: 400px;
	height: 50px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 10px;
	border: 1px solid #bae2ff;
	background-color: #eef7fe;
}

.privacy-protect-table-content {
	width: 450px;
	height: 50px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 10px;
	border: 1px solid #bae2ff;
	background-color: #eef7fe;
}

.privacy-protect-table td {
	height: 50px;
	font-size: 14px;
	color: #333;
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #bae2ff;
}

/* --------------------------------
 * sub
 * -------------------------------- */
.sub-wrapper {
	width: 180px;
	background-color: #fff;
	padding: 8px 0;
	margin-left: 0;
}

/* --------------------------------
 * contents
 * -------------------------------- */
.contents-wrapper {
	width:760px;
	position: absolute;
	top: 0;
	left: 200px;
	background-color: #fff;
	padding: 20px 20px;
	margin-left: 0;
}

.contents-wrapper h2{
	text-align: left;
	margin-left: 0px;
}

.contents-wrapper h3{
	text-align: left;
	margin-left: 0px;
}

/* --------------------------------
 * recruit
 * -------------------------------- */
.recruit-wrapper {
	width: 960px;
	margin: 0 auto;
}

.recruit-contents-wrapper {
	margin: 20px auto;
	padding: 20px;
	background-color: #fff;
	transition: 0.5s;
}

.recruit-wrapper h2{
	width: 920px;
	height: 36px;
	margin: 0 10px 10px 0;
	padding: 8px 0 6px 32px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background:url('../images/background/h2-bg.png');
}


.recruit-overview-wrapper h3{
	text-align: left;
	margin: 20px 0 20px 20px;
	font-size: 18px;
	color: #333;
	vertical-align: bottom;
	background: url('../images/icon/icon-recruit-h3.png') 0 1px no-repeat;
}

.recruit-detail-wrapper h3{
	text-align: left;
	margin: 20px 0 20px 20px;
	font-size: 18px;
	color: #333;
	vertical-align: bottom;
	background: url('../images/icon/icon-recruit-h3-detail.png') 0 1px no-repeat;
}

.recruit-overview-wrapper .description {
	font-size: 14px;
}

.recruit-overview-wrapper .description ul {
	margin-left: 20px;
}

.recruit-overview-wrapper .description li {
	line-height: 1.8;
}

.recruit-contents-desc {
	width: 920px;
	font-size: 15px;
	margin-bottom: 40px;
	padding: 15px 10px;
	line-height: 20px;
}

.recruit-contents-btn-wrapper {
	margin-bottom: 30px;
}

.recruit-shinsotsu-btn {
	float: left;
	width: 280px;
	height: 280px;
	margin-left: 140px;
}

.recruit-shinsotsu-btn a:hover{
	opacity: 0.85;
}

.recruit-tyuuto-btn {
	float: right;
	width: 280px;
	height: 280px;
	margin-right: 140px;
}

.recruit-tyuuto-btn a:hover{
	opacity: 0.85;
}

.recruit-blog {
	width: 640px; 
	margin-left: 140px; 
	margin-top: 60px;
	margin-bottom: 30px;
}

.recruit-blog a:hover{
	opacity: 0.85;
}

.recruit-blog img {
	width: 100%;
}

.recruit-link-area {
	width: 580px;
	margin: 0 auto;
}

.recruit-link-area li{
	display: inline-block;
	margin: 30px;
	font-size: 16px;
}

.recruit-link-area img {
	height: 13px;
}

.recruit-detail-link-area {
	width: 700px;
	margin: 20px auto 0;
}

.recruit-detail-link-area li{
	display: inline-block;
	margin: 16px 20px;
	font-size: 14px;
}

.recruit-detail-link-area img {
	height: 11px;
}

a.recruit-link, a:link.recruit-link, a:visited.recruit-link, a:active.recruit-link {
	color: #0068b7;
	text-decoration: none;
}

a:hover.recruit-link {
	color: #0068b7;
	text-decoration: underline;
}

.recruit-link img {
	height: 16px;
}

.recruit-shinsotsu-wrapper {
	width: 960px;
	margin: 20px auto;
	padding: 20px;
	background-color: #fff;
}

.recruit-table {
	color: #333;
	width: 900px;
	margin: 10px 0 30px 20px;
	border: 1px solid #bae2ff;
	font-size: 14px;
}

.recruit-item {
	width: 220px;
	border: 1px solid #bae2ff;
	background-color: #eef7fe;
	height: 50px;
	padding: 7px;
	vertical-align: middle;
}

.recruit-content {
	width: 680px;
	border: 1px solid #bae2ff;
	background-color: #fff;
	padding: 7px;
	vertical-align: middle;
}

.recruit-content li {
	line-height: 1.8;
}

.recruit-content .add-text {
	font-size: 13px;
	line-height: 0.8;
}

a.recruit-table-link, a:link.recruit-table-link, a:visited.recruit-table-link, a:hover.recruit-table-link, a:active.recruit-table-link {
	color: #0068b7;
	text-decoration: underline;
}

.recruit-detail-wrapper {
	font-size: 14px;
}

.recruit-detail-table{
	color: #333;
	width: 880px;
	margin: 0 0 30px 20px;
	border: 1px solid #ffa195;
	font-size: 14px;
}

.recruit-detail-item {
	width: 200px;
	border: 1px solid #ffa195;
	background-color: #fff2f0;
	height: 50px;
	padding: 15px 0 0 10px;
	font-weight: bold;
	vertical-align: top;
}

.recruit-detail-content {
	width: 680px;
	border: 1px solid #ffa195;
	background-color: #fff;
	padding: 10px;
	vertical-align: middle;
	line-height: 26px;
}

table.recruit-mynavi {
    margin: 50px auto 0;
    padding: 30px;
    width: 460px;
    border: 0;
    table-layout: fixed;
}

table.recruit-mynavi td {
    vertical-align: middle;
    text-align: center;
}

table.recruit-mynavi td.banner {
    text-align: right;
    padding-right: 10px;
}

table.recruit-mynavi td.qrcode {
    text-align: left;
    padding-left: 10px;
}

table.recruit-mynavi .qrcode img {
    width: 100px;
    height: 100px;
}

.recruit-tel {
    margin: 50px auto 30px;
	width: 335px;
	height: 100px;
}

.recruit-tyuuto-wrapper {
	width: 960px;
	margin: 20px auto;
	padding: 20px;
	background-color: #fff;
}

.recruit-tyuuto-tel {
	margin: 0 auto;
	width: 335px;
	height: 100px;
}

/* --------------------------------
 * enterprise
 * -------------------------------- */
.enterprise-wrapper {
	position: relative;
	width: 960px;
	height: 1320px;
	margin: 0 auto 20px;
}

.enterprise-ukeoi-wrapper {
	position: relative;
	width: 960px;
	height: 3760px;
	margin: 0 auto 20px;
}

.enterprise-content-wrapper {
	width:760px;
	position: absolute;
	top: 0;
	left: 200px;
	background-color: #fff;
	padding: 20px 20px;
}

.enterprise-content-wrapper h2 {
	text-align: center;
	margin: 20px auto 30px;
}

.enterprise-content-wrapper h3 {
	margin-bottom: 15px;
}

.enterprise-content-wrapper p.text {
	font-size:13px;
	margin-bottom: 15px;
}

.enterprise-image {
	margin-top: 40px;
	text-align: center;
}



/* --------------------------------
 * kigyou
 * -------------------------------- */

 .pl10 {
	 padding-left: 10px;
 }
.kigyou-content-wrapper {
	position: relative;
	width:960px;
	background-color: #fff;
	padding: 10px 0px;
	margin: 20px auto 20px;
}


.kigyou-content-wrapper h2{
	width: 920px;
	height: 36px;
	margin: 10px 20px 20px;
	padding: 8px 0 6px 32px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background:url('../images/background/h2-bg.png');
}

.kigyou-content-wrapper h3{
	text-align: left;
	margin: 20px 0 20px;
	font-size: 18px;
	color: #333;
	vertical-align: bottom;
	background: url('../images/icon/icon-kigyou-h3.png') 0 1px no-repeat;
}

.kigyuo-link-btn {
	float: right;
	margin: 0 40px 10px 0;
	font-size: 14px;
	background: url('../images/icon/icon-arroy-to-right-blue.png') 0 3px no-repeat;
	background-size: auto 12px;
}

.kigyou-table {
	margin-left: 20px;
}

.kigyou-item{
	width: 220px;
	height: 50px;
	border: 1px solid #bae2ff;
	background-color: #eef7fe;
	padding: 7px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

.kigyou-content{
	width: 445px;
	height: 50px;
	border: 1px solid #bae2ff;
	background-color: #fff;
	padding: 7px;
	vertical-align: middle;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.7;
}

.kigyou-photo {
	width: 255px;
	height: 50px;
	border: 1px solid #bae2ff;
	background-color: #fff;
	padding: 7px;
	vertical-align: middle;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.7;
}

a.kigyou-link, a:link.kigyou-link, a:visited.kigyou-link, a:hover.kigyou-link, a:active.kigyou-link {
	color: #0068b7;
	text-decoration: underline;
}

.map {
	position: relative;
	margin: 40px 0 0 20px;
}

.kigyou-address {
	position: absolute;
	top: 0px;
	left: 200px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #333;
}

.map p {
	margin: 30px 0 50px 200px;
	font-size: 14px;
	color: #333;
}

.map p:last-child {
	margin: 50px 0 20px 200px;
	font-size: 14px;
	color: #333;
}

.office-move-info {
	margin: 20px 0 0 20px;
	font-size: 16px;
	background-size: auto 12px;
	text-decoration: underline;
}

.gumma-move-info-btn,
.kigyou-link-btn
{
	float: right;
	margin: 0 40px 10px 0;
	font-size: 14px;
	background: url('../images/icon/icon-arroy-to-right-blue.png') 0 3px no-repeat;
	background-size: auto 12px;
}



/* --------------------------------
 * rinen
 * -------------------------------- */

.rinen-wrapper {
	position: relative;
	width: 960px;
	margin: 20px auto 20px;
	padding: 10px 20px 0;
	background-color: #fff;
}

.rinen-wrapper h2{
	width: 920px;
	height: 36px;
	margin: 10px 0;
	padding: 8px 0 6px 32px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background:url('../images/background/h2-bg.png');
}


.rinen-wrapper h3{
	text-align: left;
	margin: 20px 0 20px;
	padding: 5px 0 0 10px;
	font-size: 17px;
	line-height: 26px;
	color: #0068b7;
	background:url('../images/icon/icon-kigyou-h3.png') 0 8px no-repeat;
	border-bottom: solid 1px #5bb7f2;
}

.btn-kigyou-top {
	position: absolute;
	top: 20px;
	left : 768px;
}

.btn-kigyou-bottom {
	margin-left: 738px;
}

.rinen-introduction .description{
	float: left;
	width: 520px;
	margin-bottom: 40px;
	padding: 10px;
	font-size: 14px;
	line-height: 1.8;
}

.rinen-introduction .photo{
	float: left;
	width: 400px;
	padding: 10px;
}

.rinen-contents {
	position: relative;
	height: 300px;
}

.rinen-text {
	position: relative;
	font-size: 14px;
	color: #000;
	z-index: 10;
	text-shadow: 1px 1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px -1px 0 #FFF,
    -1px -1px 0 #FFF;
}

.rinen-contents:nth-child(odd) .background {
	position: absolute;
	top: 44px;
	left: 4px;
}

.rinen-contents:nth-child(even) .background {
	position: absolute;
	top: 44px;
	right: 4px;
}

.rinen-contents .background img{
	width: 300px
}

.rinen-link-btn {
	float: right;
	margin: 20px 40px 20px 0;
	font-size: 14px;
	background: url('../images/icon/icon-arroy-to-right-blue.png') 0 3px no-repeat;
	background-size: auto 12px;
}

/* --------------------------------
 * contct-comp
 * -------------------------------- */

 .contact-comp-wrapper {
	width: 960px;
	height: 80%;
	background-color: #fff;
	padding-bottom: 30px;
	margin: 20px auto;
 }

 .contact-comp-wrapper h2{
	padding-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #ee7700;
	font-weight: bold;
	text-align: center;
 }

 .contact-comp-wrapper p{
	margin-bottom: 20px;
	font-size: 14px;
	color: #333;
	text-align: center;
 }

 .comp-homepage-back {
	margin: 0 auto;
	width: 140px;
	height: 40px;
 }

 /* --------------------------------
 * contct-error
 * -------------------------------- */
  .contact-error-wrapper {
	width: 960px;
	height: 80%;
	background-color: #fff;
	padding-bottom: 30px;
	margin: 20px auto;
 }

 .contact-error-wrapper h2{
	padding-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #ee7700;
	font-weight: bold;
	text-align: center;
 }

 .contact-error-wrapper p{
	margin-bottom: 20px;
	font-size: 14px;
	color: #333;
	text-align: center;
 }

 .error-homepage-back {
	margin: 0 auto;
	width: 140px;
	height: 40px;
 }

 /* --------------------------------
 * list_area-page-pc
 * -------------------------------- */
 .check_wrap_ken {
	 background-color: #fff;
	 width: 960px;
	 margin: 30px auto;
	 padding: 10px;
	 font-size: 14px;
 }

 .check_wrap_shi {
	 background-color: #fff;
	 width: 960px;
	 margin: 20px auto;
	 padding: 20px;
	 font-size: 14px;
 }


.check_area .link_cursor {
	cursor: pointer;
}

.under_main_title {
	width: 100%;
	line-height: 1.2;
	background-color: #eef7fe;
	font-weight: normal;
	font-size: 18px;
	color: #0068B7;
	margin-bottom: 10px;
    margin-top: 0;    /* sp の打ち消し */
	padding: 8px 3px 5px 7px;
}
.margin-bottom0 {
	margin-bottom: 0;
}

ain_title .stress {
	font-size: 16px;
}

.check_area_ken ul {
	display: table;
}

.check_area_ken li {
	display: table-cell;
	width: 100px;
	height: 20px;
	margin: 10px auto;
	color: #6DC7FA;
	font-size: 15px;
}
.check_list li {
	width: 900px;
	padding-left:  5px;
}

.check_shi_title {
	width: 900px;
	height: 20px;
	line-height: 1;
	margin-bottom: 10px;
	margin-top: 20px;
}

.check_shi ul {
	display: table;
	margin-left: 20px;
}
.check_shi {
	/*display: table;*/
	margin-left: 20px;
}

.check_shi li {
	display: table-cell;
	width: 210px;
	height: 20px;
	margin: 20px 30px;
	padding-left: 30px;
	color: #333;
	font-size: 15px;
}
.result_er {
	text-align: center;
}

.list-area-search-btn-wapper {
	width: 420px;
	margin: 20px 0 0 300px;
}

.list-search-btn {
	width: 140px;
	height: 40px;
	border: none;
	background: url('../images/btn/btn-list-area-search.png') 0px 0px no-repeat;
	cursor: pointer;
}

.clear_btn {
	width: 70px;
	height: 40px;
	border: none;
	background: url('../images/btn/btn-clear.png') 0px 0px no-repeat;
	cursor: pointer;
}

.clear_btn_wide {
	width: 140px;
	height: 40px;
	margin: 3px 0 3px;
	border: none;
	background: url('../images/btn/btn-clear-wide.png') 0px 0px no-repeat;
	cursor: pointer;
}

/* --------------------------------
 * list_area-page-pcのタブ用
 * -------------------------------- */
 .tabbox {
	 margin: 0;
	 padding: 0;
	 width:940px;
 }
.tabbox li {
    border-bottom: 1px #BAE2FF solid;
    padding: 10px;
}
.tabbox-pre {
	padding-bottom: 10px;
}
.tabbox-pre li {
    padding: 10px;
	float: left;
	width: 150px;
	text-align: center;
}

 .tabs {
	 margin: 0;
	 padding: 0;
 }

 p.tabs a.tab_saitama {
 }

 .tab {
	 border-radius: 4px 4px 0 0;
	 padding-bottom: 5px;
	 overflow: hidden;
	 clear: left;
 }

 .tab p {
 }

/* --------------------------------
 * list_job-page-pc
 * -------------------------------- */

 .check_wrap_job {
	 background-color: #fff;
	 width: 960px;
	 margin: 20px auto;
	 padding: 20px;
	 font-size: 14px;
 }

.check_job_title {
	width: 900px;
	height: 20px;
	font-size: 16px;
	line-height: 1;
	margin: 20px 0 0 0;
}

.check_job ul {
	display: table;
}

.check_job li {
	display: table-cell;
	width: 420px;
	height: 20px;
	margin: 20px 30px;
	color: #333;
	font-size: 15px;
	padding-left: 30px;
	padding-top: 10px;
}



.other-area-checkbox {
	font-size: 13px;
	 margin-left: 15px;
}


/* --------------------------------
 * work_job_inframe
 * -------------------------------- */
 .check_wrap_job_search {
	 background-color: #fff;
	 width: 960px;
	 height: 570px;
	 margin: 20px auto;
	 padding: 10px;
	 font-size: 14px;
 }

 .check_area_search {
 	width: 940px;
	height: 440px;
	overflow: auto;
 }

 .check_area_search .link_cursor {
	cursor: pointer;
}

/* --------------------------------
 * list_condition-page-pc
 * -------------------------------- */

.check_wrap_condition {
	background-color: #fff;
	width: 960px;
	margin: 20px auto;
	padding: 20px;
	font-size: 14px;
}

.check_wrap_condition h3 {
	font-size: 16px;
	line-height: 40px;
}

.check_condition ul {
	display: table;
}

.check_condition li {
	display: table-cell;
	width: 200px;
	height: 26px;
	margin: 20px 30px;
	color: #333;
	font-size: 15px;
	padding-left: 30px;
}

.condition-search-btn-wapper {
	width: 420px;
	margin: 20px 0 0 300px;
}


/* --------------------------------
 * work_condition
 * -------------------------------- */

.check_wrap_condition_search {
	 background-color: #fff;
	 width: 960px;
	 height: 570px;
	 margin: 20px auto;
	 padding: 10px;
	 font-size: 13px;
 }

.check_wrap_condition_search h3 {
	font-size: 14px;
	line-height: 30px;
}
/* --------------------------------
 * work-list-page-pc
 * -------------------------------- */
.work-list-wrapper {
	position: relative;
	 background-color: #fff;
	 width: 960px;
	 margin: 30px auto;
	 padding: 30px 30px 20px;
	 font-size: 14px;
 }

 .work-list-top {
	width: 900px;
	border-collapse: collapse;
	border-color: #1170b8;
 }

 .work-list-top th {
	width: 160px;
	border: 1px #6dbffa solid;
	text-align: center;
	vertical-align: middle;
	height: 40px;
	background-color: #eef7fe;
	font-size: 15px;
 }

 .work-list-top td{
	width: 740px;
	border: 1px #6dbffa solid;
	text-align: left;
	height: 40px;
	padding: 10px 20px 10px 10px;
}

.search-area-btn-wrapper {
	width: 80px;
}

.search-area-btn {
	width: 80px;
	height: 20px;
	line-height: 20px;
	background-color: #6dbffa;
	border-radius: 5px;
	background-position : 50% 50%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	margin: 5px 0;
	cursor:pointer;
}

a.search-area-btn-link, a:link.search-area-btn-link, a:visited.search-area-btn-link, a:hover.search-area-btn-link, a:active.search-area-btn-link {
	cursor: pointer;
	text-decoration: none;
}

 .result_count {
	 margin: 30px 0;
	 text-align: center;
 }

  .result_count .stress{
	  font-size: 20px;
	  color: #ee7700;
  }

.result_art {
}

.result-title-wrapper {
	position: relative;
	width: 900px;
	min-height: 100px;
	background-color: #eef7fe;
	padding: 5px;
}

.result-title-top-bar {
	height: 2px;
	background-color: #1170b8;
}

.result-title-bottom-bar {
	height: 1px;
	background-color: #1170b8;
}

.result_title {
	margin: 5px 0;
	font-size: 23px;
	line-height: 1.2;
	width: 720px;
}

.other_area {
	margin-top: 20px;
}

a.result-title-link, a:link.result-title-link, a:visited.result-title-link, a:hover.result-title-link, a:active.result-title-link {
	color: #0168B6;
	text-decoration: none;
}

.job-num {
	width: 200px;
	margin-top: 5px;
	color: #fff;
	background-color: #6dbffa;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	padding: 2px;
}

.btn-oubo {
	position: absolute;
	top: 20px;
	left: 730px;
	width : 140px;
	height: 40px;
	background: url('../images/btn/btn-oubo.png');
}

.result-detail {
	position: relative;
	margin-bottom: 30px;
}

.detail-area {
	position:relative;
}

.detail_table {
	margin-top: 20px;
}


.detail_table table{
	border-collapse: collapse;
	border-color: #fad4ad;
}

.detail_table th{
	width: 80px;
	border: 1px #fad4ad solid;
	background-color: #fff7ef;
	text-align: center;
	vertical-align: middle;
	height: 60px;
}

.detail_table td{
	width: 570px;
	border: 1px #fad4ad solid;
	text-align: left;
	vertical-align: middle;
	height: 60px;
	padding: 10px;
}

.result_photo {
	position: absolute;
	top: 0px;
	left: 700px;
	width: 179px;
	height: 121px;
	border: 2px #fff7ef solid;
	box-shadow: 1px 1px rgba(50,50,50,0.3);
	padding: 1px;
}

.detail_photo img {
	margin: 1px 2px;
	vertical-align: middle;
}

.other-area-item {
	display: inline-block;
	margin-top: 5px;
	margin-right: 7px;
	padding: 5px;
	height: 30px;
	color: #fff;
	background-color: #6dbffa;
	border-radius: 2px;
}

.result_btn_area {
	position: relative;
	width: 900px;
	height: 120px;
	background-color: #fff7ef;
	margin: 20px 0 40px;
	padding: 20px 0 10px 60px;
}


.result-tel-area {
	float:left;
	font-weight: bold;
	vertical-align: middle;
}

.title-btn {
	position: absolute;
	top: 30px;
	right: 20px;
}

a.result-btn-link, a:link.result-btn-link, a:visited.result-btn-link, a:hover.result-btn-link, a:active.result-btn-link {
	color: #ee7700;
}

.ico-call-area {
	float: left;
	margin: 0 5px 0 0px;
	vertical-align: middle;
}
.close-btn {
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 0 auto;
	color: #333;
	border: 1px solid #ccc;
	background-color: #efefef;
	font-size: 16px;
}
.close-btn-wrrap {
	width: 100px;
	height: 40px;
	margin: 0 auto;
}
.result-btn {
	float: left;
	height: 40px;
	margin: 0;
	padding-left: 10px;
	vertical-align: middle;
	text-align: center;
}
.result-btn  img {
	 width: 140px; 
	height: 40px;
}
.result-btn-syousai  img {
	 width: 190px; 
	height: 40px;
}

img{
	border: 0;
	outline: none;
}

.btn-desc {
	position:absolute;
	top: 70px;
	margin: 10px 0 10px;
}

/* モータルウィンドウ用 */

.modal-content{
	display: none;
	position: fixed;
	top: 40px;
	width:960px;
	height: 500px;
	margin:0 auto;
	z-index:2;
}

.button-link {
	float: right;
	color: #70C3FF;
}

.button-link:hover{
	cursor:pointer;
	text-decoration: underline;
	color: #70C3FF;
}

.modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}


/* --------------------------------
 * work-detail-page-pc
 * -------------------------------- */
 .detail_title {
	margin: 5px 0;
	font-size: 23px;
	line-height: 1.2;
	width: 900px;
}

.detail_title a {
	color: #6dbffa;
}

a.detail-title-link, a:link.detail-title-link, a:visited.detail-title-link, a:hover.detail-title-link, a:active.detail-title-link {
	color: #0168b6;
	text-decoration: none;
}

.detail-title-wrapper {
	position: relative;
	width: 900px;
	min-height: 100px;
	background-color: #eef7fe;
	padding: 5px;
}

.detail-title-top-bar {
	height: 2px;
	background-color: #1170b8;
}

.detail-title-bottom-bar {
	height: 1px;
	background-color: #1170b8;
}

 .detail-table-area {
	 width: 900px;
 }

 .detail-desc-box {
	 position: relative;
	 width: 650px;
	 margin-top: 20px;
	 padding: 10px;
	 border: 1px #fad4ad solid;
	 box-shadow:inset 0 0 1px 1px #fff7ef;
 }

 .detail-desc-title {
	 position: absolute;
	 top: -1px;
	 left: -1px;
	 width: 135px;
	 height: 36px;
	 background-color: #fff7ef;
	 border: 1px #fad4ad solid;
	 box-shadow: 1px 1px #fff7ef;
	 text-align: center;
	 line-height: 36px;
	 font-size: 15px;
	 letter-spacing: 1px;

 }

 .detail-desc-content {
 	margin: 40px 10px 10px;
 }

 .detail_photo {
	position: absolute;
	top: 0px;
	left: 700px;
	width: 180px;
	height: 121px;
	border: 2px #fff7ef solid;
	box-shadow: 1px 1px rgba(50,50,50,0.3);
}

.detail_btn_area {
	position: relative;
	width: 900px;
	height: 120px;
	background-color: #fff7ef;
	margin: 20px 0 20px;
	padding: 20px 0 10px 160px;
}

a img {
	border: none;
    outline: none;
}


.detail-tel-area {
	float: left;
	font-weight: bold;
	vertical-align: middle;
}


.detail-btn {
	display: inline-block;
	height: 40px;
	margin: 0;
	padding-left: 5px;
	vertical-align: middle;
	text-align: center;
}

/* --------------------------------
 * business
 * -------------------------------- */
.business-wrapper {
	 width: 960px;
	 margin: 0 auto;
	margin-bottom: 30px;
}

.business-wrapper h2{
	width: 920px;
	height: 36px;
	margin-bottom: 10px;
	padding: 8px 0 6px 32px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background:url('../images/background/h2-bg.png');
}


.business-haken-wrapper h3{
	text-align: left;
	margin: 0 0 20px;
	padding: 5px 0 0 10px;
	font-size: 19px;
	font-weight: bold;
	line-height: 30px;
	color: #0068b7;
	background-color: #f0f8ff;
}
.business-haken-wrapper h4{
	text-align: left;
	margin: 20px 0 20px;
	font-size: 18px;
	color: #333;
	vertical-align: bottom;
	background: url('../images/icon/icon-business-h4.png') 0 2px no-repeat;
}

.business-ukeoi-wrapper h3{
	text-align: left;
	margin: 0 0 20px;
	padding: 5px 0 0 10px;
	font-size: 19px;
	font-weight: bold;
	line-height: 30px;
	color: #ee7700;
	background-color: #fbf0e4;
}
.business-ukeoi-wrapper h4{
	text-align: left;
	margin: 20px 0 20px;
	font-size: 18px;
	color: #333;
	vertical-align: bottom;
	background: url('../images/icon/icon-business-h4-ukeoi.png') 0 1px no-repeat;
}

.business-head-wrapper {
  	margin: 20px 0; 
 	padding: 20px;
 	background-color: #fff;
	padding-top: 20px;
	margin-bottom: 0;
}

.business-headding {
	position: relative;
}

.business-headding-image {
	margin: 0 auto;
}

.business-headding-image img {
	width: 920px;
}

.business-headding-btn {
	position: absolute;
	top: 326px;
	left: 540px;
}


.business-introduction {
	margin: 20px 0;
	padding-top: 20px;
	width: 920px;
	height: 310px;
	background-color: #fad4ad;
}

.business-intorduction-haken {
	position: relative;
	float: left;
	margin-left: 20px;
	width: 430px;
	height: 270px;
	background:url('../images/background/bg-business-introduction-haken.png') top center no-repeat;
}

.business-intorduction-haken-desc {
	position: absolute;
	top: 70px;
	left: 20px;
	width: 380px;
	font-size: 14px;
	line-height: 1.8;
}

.business-intorduction-haken-btn {
	position: absolute;
	top: 214px;
	left: 232px;
}


.business-intorduction-ukeoi {
	position: relative;
	float: right;
	margin-right: 20px;
	width: 430px;
	height: 270px;
	background:url('../images/background/bg-business-introduction-ukeoi.png') top center no-repeat;
}

.business-intorduction-ukeoi-desc {
	position: absolute;
	top: 70px;
	left: 20px;
	width: 380px;
	font-size: 14px;
	line-height: 1.8;
}

.business-intorduction-ukeoi-btn {
	position: absolute;
	top: 214px;
	left: 236px;
}


.business-haken-wrapper {
	 padding: 20px;
	 background-color: #fff;
	 font-size: 14px;
	 padding-top: 0;
	 padding-bottom: 50px;
   	 margin-bottom: 30px;

}

.business-haken-desc {
	font-size: 15px;
	margin-bottom: 40px;
}

.business-haken-type {
	margin: 0 auto 60px;
	width: 687px;
	height: 56px;
}

.business-haken-flow {
	margin: 0 auto 60px;
	width: 524px;
	height: 310px;
}

.business-haken-system {
	margin: 0 auto 60px;
	width: 664px;
	height: 498px;
}

.business-haken-inquiry-btn {
	margin: 0 0px 0px 680px;
}


.business-ukeoi-wrapper {
	 padding: 20px;
	 background-color: #fff;
	 font-size: 14px;
	 padding-top: 0;
	 margin-bottom: 30px;
} 
.business-ukeoi-wrapper-2 {
	 background-color: #fff;
	 font-size: 14px;
	 height: 800px;
	 padding-left: 0;
	 padding-top: 40px;
}

.business-ukeoi-desc {
	font-size:15px;
	margin-bottom: 40px;
}

.business-ukeoi-type {
	margin: 0 auto 60px;
	width: 665px;
	height: 60px;
}

.business-ukeoi-system {
	margin: 0 auto 60px;
	width: 665px;
	height: 520px;
}

.business-ukeoi-management {
	margin: 0 auto 60px;
	width: 750px;
	height: 514px;
}

.business-ukeoi-flow {
	margin: 0 auto 60px;
	width: 746px;
	height: 337px;
}

.business-ukeoi-flow-detail {
	margin: 0 auto 60px;
	width: 420px;
	height: 897px;
}

.business-ukeoi-expert {
	margin: 0 auto 10px;
	width: 878px;
	height: 416px;
}
.business-ukeoi-expert-desc {
	font-size:15px;
	margin-bottom: 10px;
}

.business-ukeoi-inquiry-btn {
	margin: 0 0px 0px 680px;
}
/*************************** add tel haken,ukeoi **/
.business-headding-tel-sp {
	margin: 0 auto;
	width: 300px;
	position: relative;
}
.business-headding-btn-sp {
	position: absolute;
	top: 200px;
	left: 60px;
}
.business-link-btn {
	float: left;
	margin-left: 290px;
	font-size: 14px;
	background: url('../images/icon/icon-arroy-to-right-blue.png') 0 3px no-repeat;
	background-size: auto 12px;
	color: #247abd;
	line-height: 1.5;
	width: 180px;
}
.business-link-btn-ukeoi {
	float: left;
	margin-left: 50px;
	font-size: 14px;
	background: url('../images/icon/icon-arroy-to-right-blue.png') 0 3px no-repeat;
	background-size: auto 12px;
	color: #247abd;
	line-height: 1.5;
	width: 180px;
}

.business-link-btn a ,.business-link-btn-ukeoi a {
	font-size: 14px;
	color: #247abd;
	text-decoration: none;
}

/* --------------------------------
 * Tpoint-pc
 * -------------------------------- */
.Tpoint-lead {
	margin: 20px;
	width: 900px;
}

.Tpoint-lead img {
	vertical-align: -2px;
}

.Tpoint-wrapper a:link,.Tpoint-wrapper a:visited,.Tpoint-wrapper a:hover,.Tpoint-wrapper a:active {
  color: #ff6801;
}

.Tpoint-description-wrapper{
	margin: 30px 0 40px;
}

.Tpoint-description-area{
	width: 900px;
	padding-left: 40px;
}

.Tpoint-description-area .description{
	line-height: 1.6;
}

.Tpoint-description-area .link-area{
	float: right;
}

.Tpoint-description-area .link {
	float: right;
	margin: 5px 0;
	font-size: 15px;
	color: #FF6801;
}

.Tpoint-description-area .stress-num {
	color: #ff6801;
	font-weight: bold;
	font-size: 22px;
}

.Tpoint-description-area .stress-chara {
	color: #ff6801;
	font-weight: bold;
	font-size: 16px;
}

.Tpoint-photo-area {
	float:left;
	width: 400px;
	height: 200px;
}

.Tpoint-photo-area img {
	margin: 50px 20px 20px 30px;
}

.Tpoint-wrapper h3 {
	width: 420px;
	height: auto;
	font-size: 16px;
	font-weight: normal;
	border: none;
	border-bottom: #ff6801 solid 1px;
	background: url('../images/icon/icon-Tpoint-h3.png') 0px 16px no-repeat;
}

.Tpoint-flow-wrapper {
	margin: 30px 0 40px;
}

.Tpoint-flow {
	display: table;
	height: 64px;
	width: 800px;
	margin: 15px 0 15px 50px;
	border: #ff6801 solid 2px;
}

.Tpoint-flow img {
	vertical-align: middle;
	width: 74px;
	height: 36px;
	margin-left: 16px;
	margin-right: 16px;
}

.Tpoint-flow .heading {
	display: table-cell;
	vertical-align: middle;
	margin-left: 16px;
	font-size: 18px;
	font-weight: bold;
	color: #ff6801;
	width: 200px;
}

.Tpoint-flow .description {
	display: table-cell;
	vertical-align: middle;
	margin: 10px 10px 10px 60px;
	width: 460px;
}

.Tpoint-arrow {
	margin: 0 auto 10px;
	width: 20px;
	height: 22px;
	background: url('../images/icon/Tpoint-flow-arrow.png') top left no-repeat;
}

.Tpoint-use{
	margin-top: 20px;
	margin-left: 50px;
}

.Tpoint-use img {
	float:left;
}

.Tpoint-use .description {
	float:left;
	margin-left: 30px;
	width: 700px;
}

/* --------------------------------
 * site-map
 * -------------------------------- */
 .site-map-wrapper {
 	width: 960;
	margin: 20px auto 30px;
	background-color: #fff;
 }

 .site-map-title {
	font-size: 20px;
 }

/* --------------------------------
 * footer
 * -------------------------------- */

.footer-wrapper {
	width: 960px;
	height: 32px;
	position: relative;

}

.footer-wrapper a:link,.footer-wrapper a:visited,.footer-wrapper a:hover,.footer-wrapper a:active {
  color: #333;
  text-decoration: none;
}

.skillplaza-name {
	position: absolute;
	top: 40px;
	left: 20px;
	font-size: 16px;
}

.footer-nav1{
	position: absolute;
	top: 30px;
	left: 50px;
	height: 32px;
	width: 600px;
}

.footer-nav1 li {
	display: inline-block;
	font-size: 14px;
}

.footer-nav2{
	position: absolute;
	top: 54px;
	left: 50px;
	height: 32px;
	width: 600px;
}

.footer-nav2 li {
	display: inline-block;
	font-size: 14px;
}

.privacy-mark {
	position: absolute;
	top: 10px;
	right: 0;
}

.privacy-mark img {
	width: 75px;
	height: 75px;
}

.privacy-mark .text {
	padding-top: 20px;
	margin-left: 8px;
	width: 220px;
	display: inline-block;
	font-size: 12px;
}

/* --------------------------------
 * search.php （検討中フォルダ）
 * -------------------------------- */

.kento_main_title {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background-color: #076bb7;
	width: 900px;
	height: 30px;
	padding-top: 6px;
	padding-left: 380px;
	margin-bottom: 20px;
}

.search-area-each-wrapper {
}

.search-table-wrapper {
	margin-bottom: 10px;
}

.search_title {
	margin: 5px 0;
	font-size: 23px;
	line-height: 1.2;
	width: 720px;
}

.back-btn-area {
	width: 920px;
	height: 50px;
	margin-top: 30px;
}
.list-area-btn {
	display: inline-block;
	float: left;
	margin-left: 200px;
}

.back-btn {
	display: block;
	float: left;
	width: 140px;
	height: 40px;
	margin-left: 10px;
}
.back-btn-news {
	display: block;
	float: left;
	width: 140px;
	height: 40px;
	margin-left: 400px;
}

.search_photo {
	position: absolute;
	top: 0;
	right: 20px;
	width: 180px;
	height: 121px;
	border: 2px #fff7ef solid;
	box-shadow: 1px 1px rgba(50,50,50,0.3);
	padding: 1px;
}

.kento-delete-btn {
	float:left;
	width: 140px;
	height: 40px;
	margin-left: 10px;
	display: inline-block;
	background: url('../images/btn/btn-kento-delete.png') 0px 0px no-repeat;
	border: none;
	cursor: pointer;
}

.kento-detail-btn {
	float:left;
	width: 190px;
	height: 40px;
	margin-left: 10px;
	background: url('../images/btn/btn-detail.png') 0px 0px no-repeat;
	border: none;
	cursor: pointer;
}

.kento-oubo-btn {
	float: left;
	width: 140px;
	height: 40px;
	margin-left: 10px;
	background: url('../images/btn/btn-oubo.png') 0px 0px no-repeat;
	border: none;
	cursor: pointer;
}

/* --------------------------------
 * news-list-pc
 * -------------------------------- */

.news-list-wrapper {
	width: 960px;
	margin: 0 auto;
}

.news-list-content {
	position: relative;
	width: 960px;
	margin-top: 30px;
	margin-bottom: 50px;
	background-color: #fff;
}
.news-title {
	position: absolute;
    z-index: 10;
    top: -20px;
    left: 0;
}

/* --------------------------------
 * お友達紹介特典
 * -------------------------------- */
.friend-wrapper h3{
	width: 420px;
	height: auto;
	font-size: 16px;
	font-weight: normal;
	border: none;
	border-bottom: #ff6801 solid 1px;
	background: url('../images/icon/icon-Tpoint-h3.png') 0px 16px no-repeat;
}

.friend-wrapper .intro-area {
	width: 900px;
	margin: 20px;
}

.friend-wrapper .intro-area .top-image {
	margin-bottom: 30px;
}

.friend-wrapper .intro-area .main-image {
	width: 783px;
	margin: 30px auto 70px;
}

.friend-wrapper .content-area {
	width: 900px;
	margin: 20px;
}

.friend-wrapper .content-area .content1 {
	width: 400px;
	margin-left: 20px;
	float: left;
}

.friend-wrapper .content-area .content2 {
	width: 400px;
	margin-left: 60px;
	float: left;
}

.friend-wrapper .content-area .content3 {
	width: 520px;
	margin: 70px auto 30px;
}

.friend-wrapper .content-area .content1 .title{
	font-weight: bold;
	margin: 10px 0;
}

.friend-wrapper .content-area .sub1-image{
	width: 291px;
	height: 224px;
	margin: 0 auto;
}

.friend-wrapper .content-area .sub1-image img{
	width: 100%;
	height: 100%;
}

.friend-wrapper .content-area .content2 .title{
	font-weight: bold;
	margin: 10px 0;
}

.friend-wrapper .content-area .sub2-image{
	width: 329px;
	height: 234px;
	margin: 0 auto;
}

.friend-wrapper .content-area .sub2-image img{
	width: 100%;
	height: 100%;
}

.friend-wrapper .content-area .content3 .title{
	font-weight: bold;
	margin: 10px 0;
}

.friend-wrapper .content-area .sub3-image{
	width: 329px;
	height: 234px;
	margin: 0 auto;
}

.friend-wrapper .content-area .sub3-image img{
	width: 100%;
	height: 100%;
}

.friend-wrapper .bottom-area {
	width: 900px;
	height: 20px;
}

.friend-wrapper .link-area{
	float: right;
}

.friend-wrapper .link {
	float: right;
	margin: 5px 0px;
	font-size: 15px;
	color: #FF6801;
}

/* --------------------------------
 * 入社お祝いＴポイントプレゼント
 * -------------------------------- */

.joinCompany-wrapper table {
	width: 900px;
	margin: 0 auto;
}

.joinCompany-wrapper table td {
	padding: 5px 0;
}

.joinCompany-wrapper img {
	width: 500px;
}

.joinCompany-wrapper .bottom-area {
	height: 30px;
}

.joinCompany-wrapper .link-area {
	float: right;
	margin-right: 20px;
}

.joinCompany-wrapper .link {
	float: right;
	margin: 5px 0px;
	font-size: 15px;
	color: #FF6801;
}

/* --------------------------------
 * お友達紹介特典
 * -------------------------------- */
.friend-wrapper table {
	width: 900px;
	margin: 0 auto;
}

/* --------------------------------
 * 群馬営業所 移転のお知らせ
 * -------------------------------- */
.gumma-move-info-wrapper {
	margin: 0 0 20px 20px;
	font-size: 15px;
}

/* --------------------------------
 * ページトップボタン
 * -------------------------------- */


#pageTop {
  position: fixed;
  bottom: 70px;
  right: 60px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  background: url(../images/btn/btn-page-top.png) no-repeat;
  width: 60px;
  height: 50px;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.85;
}


/* --------------------------------
 * 笠原設定用
 * -------------------------------- */

.white-bg {
	background-color: #fff;
}

.job-true {
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

a.job-true, a:link.job-true, a:visited.job-true, a:active.job-true {
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

a:hover.job-true {
	font-weight: normal;
	color: #333;
	text-decoration: underline;
}

.job-false {
	font-weight: normal;
	color: #bbb;
}


div#footer{
	position: relative;
	height: 120px;
	background-color: #fff;
	margin-left: -40px;
	paddng-left: 40px;
	overflow: hidden;
}

div#footer-nav{
	width: 960px;
	margin: 0 auto;
	color: #333;
}

div#footer-nav ul.nav-tate{
	margin-left: 66px;
	float: left;
	margin-right: 30px;
	color: #fff;
}

div#footer-nav ul.nav-yoko{
	margin-top: 12px;
	border-left: solid 1px #fff;
	float: left;

}

div#footer-nav ul.nav-yoko li{
	float: left;
	width: 75px;
	border-right: solid 1px #fff;

}

div#footer-nav ul.nav-yoko li a{
	display: block;
	font-size: 10px;
	text-align: center;
}

div#footer-nav p.logo{
	float: right;
	padding-right: 25px;
}

div#copyright{
	bottom: 0;
	position: absolute;
	width:100%;
	height: 24px;
	margin: 0 auto;
	background-color: #0068B7;
	overflow: hidden;
}


div#copyright address{
	padding-top: 5px;
	line-height: 18px;
	color: #fff;
	font-size: 10px;
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
ul#pager li a{
	color: #aaa9a9;
}


body#page div#contents.kigyou a{
}

.mr90{
	margin-right: 90px;
}

.mr10{
	margin-right: 10px;
}

.mb80{
	margin-bottom: 80px;
}

.mb30{
	margin-bottom: 30px;
}

.mb85{
	margin-bottom: 85px;
}

.mb75{
	margin-bottom: 75px;
}

.mb90{
	margin-bottom: 90px;
}

.mb105{
	margin-bottom: 105px;
}

.mb40{
	margin-bottom: 40px;
}

.mb20{
	margin-bottom: 20px;
}

.mb10{
	margin-bottom: 10px;
}

.mb45{
	margin-bottom: 45px;
}

.mb37{
	margin-bottom: 37px;
}

.mb30{
	margin-bottom: 30px;
}

.pb27{
	padding-bottom: 27px;
}

.pb40{
	padding-bottom: 40px !important;
}

.pr26{
	padding-right: 26px;
}

.pt70{
	padding-top: 70px;
}

.pl25{
	padding-left: 25px;
}

.pl197{
	padding-left: 197px;
}

.pt15{
	padding-top: 15px;
}

.pt10{
	padding-top: 10px !important;
}
.mlx {
	margin-left: 30px;
}
.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}

.ml25{
	margin-left: 25px;
}

.ml30{
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}

.ml44{
	margin-left: 44px;
}

.ml50{
	margin-left: 50px;
}

.ml60{
	margin-left: 60px;
}

.ml73 {
	margin-left: 73px;
}
.ml80 {
	margin-left: 80px;
}
.red{
	color: #e60012;
	font-size: 16px;
}

.text16 p{
	font-size: 16px !important;
}

.text12 {
	font-size:12px;
	/* font-size:1.2rem; */
}

.lf2{
	line-height: 0.5em !important;
}

.lf1{
	line-height: 1em !important;
	vertical-align: top;
}

input{
	line-height: 1em;
}

body#page div#contents.flow{
}


.no-bg{
	background: #fff;
	line-height: 1em;
	margin: 0;
}

.pt10 img{
	padding-top: 10px;
	padding-right: 5px;
}


.width40r{
	width: 40px;
	text-align: right;
}

.width36l{
	width: 36px;
	text-align: left;
}

.clickablemap {
	width: 829px;
	height: 300px;
	margin: 0 auto;
}



.tr{
	padding: 20px 0 0 0;
	display: block;
	text-align: right;
}

.pul{
	text-align: right;
	float: right;
	margin-bottom: 30px;
}

.cb{
	clear: both;
}

.dot{
	padding-top: 30px;
	border-top: dotted 1px #333;
}

.ptable {
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 880px;
}

.ptable td {
	width: 200px;
	padding: 10px;
	border: 1px solid #333;
}

.ptable td {
	padding: 10px;
	border: 1px solid #333;
}

.ptable td.title{
	font-weight: bold !important;
}

.tw{
	font-weight: bold !important;
}

.kakunin{
	text-align: center;
}

.kakunin a{
	color:#333;
}

.kakunin input{
	line-height: 14px;
	vertical-align: middle;
}

.tyui{
	font-size: 12px;
	text-align: center;
	margin-bottom: 30px;
}

.offalpha{
	 filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.btn-default {
	cursor: default;
}

.btn-pointer {
	cursor: pointer;
}

.footer-btn-fixed {
    width: 100%;
    height: 60px;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #5B5B5B;
    padding: 10px 0 0 0;
}

/*****************    phylosophy (企業理念) **************/

.philosophy-wrap {
	width: 960px;
	margin: 20px auto 20px;
	padding: 10px 20px 0;
	background-color: #fff;
}
.philosophy-title h2{
	width: 920px;
	margin: 10px 0;
	padding: 8px 0 6px 40px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background: url(../images/philosophy/philosophy-title.png);
	background-size:cover;
}
.philosophy-rule-title{
	width: 170px;
	margin-top: 80px;
	padding: 8px 0 6px 40px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background: url(../images/philosophy/3rule-title.png);
	background-size:cover;
}
.philosophy-partner-title{
	width: 310px;
	margin: 20px 0;
	margin-top: 90px;
	padding: 8px 0 6px 40px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	background: url(../images/philosophy/partner-title.png);
	background-size:cover;
}

.philosophy img{
	width: 100%;
}
.philosophy{
	width: 860px;
	margin: 40px auto;
}

.philosophy-word{
	width: 90%;
	margin: 50px auto;
	font-size: 28px;
}
.philosophy-partner{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
.philosophy-partner-word{
	width: 60%;
	margin-top: 25px;
	font-size: 14px;
}
.philosophy-partner-img{
	width: 45%;
	margin-top: 25px;
}
.philosophy-partner-back{
	width: 864px;
	margin: 30px auto;
	position: relative;
}
.philosophy-partner-back img{
	width: 100%;
}
.philosophy-partner-word-2{
	width: 90%;
	position: absolute;
	top: 80px;
	left: 50%;
	transform:  translateX(-50%);
	white-space: nowrap;
	font-size: 14px;
}

.philosophy-partner-img-2{
	width: 409px;
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform:  translateX(-50%);
}
.philosophy-partner-img-2 img{
	width: 100%;
}
.philosophy-link-btn {
	float: left;
	margin: 20px 0 0 380px;
	font-size: 14px;
	background: url('../images/icon/icon-arroy-to-right-blue.png') 0 3px no-repeat;
	background-size: auto 12px;
}