@charset "utf-8";
/*
Customised by SHION LTD.
*/

/*------------------[ レイアウト ]--------------------------*/
/* {margin: 0; padding: 0;}
* html { overflow-x: hidden; }
body { overflow-x: hidden; }*/

html{
  height:100%;
}
html>/**/body{
  overflow:-moz-scrollbars-vertical;
}
html:first-child body{
	min-height:100%;
	padding-bottom:1px;
} 

/* 汎用タグ類　####################################################################################################### */

/* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 画像間の隙間を消す */

img {
	vertical-align:bottom;
	border:none;
}


.form_btn {
	margin: 10px auto 10px;
}

/*------------------[ 汎用タグ ]--------------------------*/

/* リンク　*/
a, a:link, a:visited, a:active {
  text-decoration: underline;
}
a:link, a:visited {
	color: #0099ff;
}
a:hover, a:active { 
  color: #ff9900;  text-decoration: underline;
}


a img {
	border: none;
}
strong {
}
em { font-style: italic; }
kbd {
  font: 500 12px verdana, arial, sans-serif;
  text-decoration: underline;
}
tt {font-family: "ＭＳ ゴシック", "Osaka－等幅";}
acronym, abbr { cursor: help; }
h3,h4,h5,h6 { font-weight: normal; }
h1, h2, h3, h4, h5 {
  margin: 15px 0;
  text-align: center;
}
h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
code { font-family: "Courier New", Courier, monospace; }
label { cursor: pointer; }
address {
  width :100%;  text-align: center;
  margin: 2em 0 1em 0;
  font: 500 13px Times New Roman;
}

.no-btm-space {
	vertical-align:bottom;
}

.txt_title {
  margin:5px 1px 1px 2px;
  font-size:18px;
  font-weight:bold;
  color:#ED6D00;
}

.txt_strong {
	font-size:14px;
	font-weight:bold;
	color:#009944;
	margin: 0;
	line-height: 125%;
}

.txt_L_strong {
	font-size:16px;
	font-weight:bold;
	margin: 0;
	line-height: 125%;
}


.txt_form {
	margin:1px 1px 0px 5px;
	font-size:12px;
	color:#444C53;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 110%;
	padding: 1px 1px 2px;
	border: 1px solid #cccccc;
}

.txt_norm {
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#666666;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 150%;
}

.txt_norm2 {
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#009944;
	line-height:140%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

.txt_L {
	font-size:16px;
	line-height:140%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

.txt_S {
	margin:0px;
	font-size:10px;
}

.txt_remarks {
	font-size:10px;
	color:#dd3333;
	line-height:125%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* テーブル */

.td01_left {
	text-align: right;
	vertical-align: top;
	font-weight: 400;
	color: #0099CC;
	padding: 5px;
}
.td01_mid {
	vertical-align: top;
	color: #0099CC;
	padding: 5px 1px;
}
.td01_right {
	border-bottom: 1px solid #DEF4FD;
	padding: 5px;
	text-align: left;
}

.td02_left {
	text-align: center;
	vertical-align: top;
	font-weight: 400;
	color: #0099CC;
	padding: 5px;
	background-color: #DEF4FD;
	border-bottom: 1px solid #FFFFFF;
}




/*------------------[ 汎用クラス ]--------------------------*/
.hidden { display: none !important; }
.jump {
  padding-right: 1em; text-indent: -1000%;
  cursor: pointer;
  background: url(../Images/jump.png) no-repeat right top;
  display: block;
  width: 50px;  float: right;
}
.center, .alert {
  width: 99%;
  text-align: center;
  margin: 30px auto;
}
.alert { color: crimson; }
.new-entry {
  width: 17px; height: 12px;
}
hr.clear {
  clear: both;
  padding-bottom: 1px;  margin-bottom: -1px;
  width: 100%;  height: 1px;  border: none;
  visibility: hidden;
}
.separator {
  clear: both;
  border: none;  text-align: center;  margin-top: 0;
}
.micro-banner { width: 80px; height: 15px; }



/* 汎用タグ類　ここまで####################################################################################################### */


/* 共通 ********************************************************************************************************** */

/* BODY */
#body-all {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#666;
	line-height:150%;
	background-color: #f0f0f0;
	background-image: url(../imgs/all_header_wrap_background.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

/* HEADER */
#header-wrap {
	height:107px;
	width: 850px;
	_width: 870px;
	margin: 0px auto;
	padding:0px 10px;
	background-image: url(../imgs/all_body_background.png);
	background-repeat: repeat-y;
}

#header {
	height:64px;
	background-image: url(../imgs/all_header_background.gif);
	background-repeat: repeat-x;
}

#header-logo {
	float:left;
	margin: 5px 0px 0px 8px;
	padding:0px;
}

#header-btn {
	float:right;
	margin: 0px 20px 0px 0px;
	padding:0px;
}

/* HEADER NAVI */
#header-navi {
	height:43px;
	background-image: url(../imgs/all_header_navi_background.gif);
	background-repeat: repeat-x;
}

#header-navi ul {
	margin: 0px;
	padding:0px;
}

#header-navi ul li {
	margin: 0px;
	padding:0px;
	float:left;
	list-style:none;
}

/* CONTENTS */
#contents {
	width: 850px;
	_width: 870px;
	margin: 0px auto;
	padding:0px 10px;
	background-image: url(../imgs/all_contents_background.png);
	background-repeat: repeat-y;
	overflow:hidden;
	clear: both;
	text-align: left;
}

#contents-main {
	float:left;
	width: 680px;
	margin: 0px;
	padding:0px;
	min-height: 650px;
}

#contents-sidebar {
	float:right;
	width: 170px;
	margin: 0px;
	padding:0px;
}

/* FOOT NAVI */
#footnavi {
	width:680px;
	height:21px;
	margin: 0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	position: relative;
	clear: both;
}

#footnavi-btn-back {
	float:left;
	width:120px;
	height:21px;
	margin: 0px 0px 0px 20px;
	padding:0px;
}

#footnavi-btn-top {
	float:right;
	width:120px;
	height:21px;
	margin: 0px 20px 0px 0px;
	padding:0px;
}

/* FOOTER */
#footer-line-wrap {
	height:3px;
	margin: -3px 0px 0px 0px;
	padding:0px;
	background-image: url(../imgs/all_footer_line_background.gif);
	background-repeat: repeat-x;
}

#footer-line {
	height:3px;
	width: 850px;
	_width: 870px;
	margin: 0px auto;
	padding:0px 10px;
	background-image: url(../imgs/all_footer_line_background.png);
	background-repeat: repeat-y;
	font-size:0px;
	line-height:0px;
}

#footer {
	margin: 0px;
	padding:15px 0px;
	background-image: url(../imgs/all_footer_wrap_background.png);
	background-repeat: repeat-x;
	background-color: #333;
}

#footer-txt {
	margin: 0px 0px 15px 0px;
	padding:0px;
	font-size:12px;
	color:#bbb;
	text-align:center;
	border:0px solid #0f0;
}

#footer-txt a {
	color:#aaa;
	text-decoration:none;
}

#footer-txt a:hover {
	color:#f33;
}

#footer-copyright {
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-size:10px;
	color:#888;
	text-align:center;
	border:0px solid #0f0;
}

/* TITLE */

h1#sub-title {
	margin: 0px 0px 25px 0px;
	padding:0px;
	border-bottom:1px dotted #999;
}

/* SUB TITLE */

.sub-sttl {
	width:642px;
	margin: 0px auto 25px;
	padding:0px;
}

/* SUB CONTENTS BOX */

.sub-box-580 {
	width:580px;
	margin: 0px auto 30px;
	padding:0px;
}

.sub-box-580-center {
	width:580px;
	margin: 0px auto 30px;
	padding:0px;
	text-align:center;
}

.sub-box-600 {
	width:600px;
	margin: 0px auto 30px;
	padding:0px;
}

.sub-box-620 {
	width:620px;
	margin: 0px auto 30px;
	padding:0px;
}

.sub-box-620-center {
	width:620px;
	margin: 0px auto 30px;
	padding:0px;
	text-align:center;
}


/* TOPメインコンテンツ ############################## */

#top-main-wrap {
	background-image: url(../imgs/top_main_background.gif);
	background-repeat: repeat-x;
}

#top-main {
	width: 850px;
	_width: 870px;
	margin: 0px auto;
	padding:0px 10px;
	background-image: url(../imgs/all_contents_background.png);
	background-repeat: repeat-y;
}

/* TOP社長あいさつ ############################## */

#contents-main-top {
	float:left;
	width: 680px;
	margin: 0px;
	padding:0px;
}

.top-txtbox {
	width: 580px;
	_width: 620px;
	margin: 0px auto;
	padding:0px 20px;
	background-image: url(../imgs/top_txt_line.gif);
	line-height:22px;
	text-align: left;
}

.top-txtbox-name {
	width: 580px;
	margin: 22px auto 30px;
	padding:0px 20px ;
	text-align:right;
}

/* TOP NEWS ############################## */

#newsheadline-title {
	width:560px;
	padding:0px;
	margin:20px auto 0px;
	font-size:0px;
	line-height:0px;
	text-align:left;
}

#newsheadline {
	width:550px;
	_width:560px;
	padding:3px 5px;
	margin:0px auto 30px;
	border:1px solid #ddd;
}

#newsheadline a {
	color:#666;
	text-decoration:none;
}

#newsheadline a:hover {
	color:#f30;
}

#newsheadline ul {
	padding:0px;
	margin:0px;
	list-style:none;
	line-height:120%;
}

#newsheadline ul li {
	padding:5px 0px 0px 100px;
	margin:0px;
	background: url(../imgs/top_news_point.gif) no-repeat 0px 9px;
/*
	border-bottom:1px dotted #ddd;
*/
}

#newsheadline ul li.underlined {
		border-bottom:1px dotted #ddd;
}

#newsheadline span {
	float:left;
	margin-left:-85px;
}



/* SUB 理念 ############################## */



/* SUB 会社概要 ############################## */
.sub-company-table {
	width:100%;
	margin: 0px;
	text-align:left;
	padding: 0px;
	border-collapse:separate;
	border-spacing:0px;
}

.sub-company-table-th {
	text-align:center;
	vertical-align:top;
	padding: 3px 20px 2px 20px;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	white-space: nowrap;
	background-color:#eee;
	line-height:125%;
}

.sub-company-table-td {
	text-align:left;
	padding: 3px 10px 2px 20px;
	border-bottom:1px dotted #ccc;
	line-height:125%;
}


.sub-company-table02 {
	width:100%;
	margin: 0px;
	text-align:left;
	padding: 0px;
	border-collapse:collapse;
}

.sub-company-table02-th {
	text-align:left;
	vertical-align:top;
	padding: 3px 10px 2px 10px;
	border-bottom:1px solid #ccc;
	white-space: nowrap;
	font-weight:normal;
	line-height:125%;
}

.sub-company-table02-td {
	text-align:left;
	padding: 3px 10px 2px 20px;
	border-bottom:1px solid #ccc;
	line-height:125%;
}

.sub-company-history {
	width:642px;
	height:75px;
	_height:102px;
	margin: 50px auto 30px;
	padding:27px 0px 0px 0px;
	text-align:center;
	background-image: url(../imgs/sub_company_history_background.gif);
	background-repeat: no-repeat;
}

/* 2019.2.5 協力会社 */

h3.company-partner-sttl {
	box-sizing:border-box;
	width:600px;
	text-align:left;
	background-color:#333;
	color:#eee;
	margin:20px auto 1px;;
	padding:2px 5px 0px 10px;
	border-radius:3px;
}
	h3.company-partner-sttl span {
		float:right;
		font-size:75%;
	}

table.company-partner-table {
	width:600px;
	margin:0px auto;
	border-collapse:collapse;
}
	table.company-partner-table th {
		width:28%;
		text-align:center;
		vertical-align:top;
		border:1px solid #ccc;
		padding:5px;
	}
	table.company-partner-table td {
		width:72%;
		vertical-align:top;
		border:1px solid #ccc;
		padding:5px;
	}


span.company-partner-business {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:12.5px;
	border:1px dotted #999;
	border-radius:12px;
	padding:1px 10px 0px 10px;
	line-height:110%;
}

a.company-paartner-web {
	background-color:#999;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	padding:1px 12px 0px 12px;
	border-radius:8px;
}
	a.company-paartner-web:hover {
		background-color:#f33;
	}

p.company-partner-bottom {
	padding:0;
	margin:6px 0 0 0;
}


/* SUB 業務・施設案内 ############################## */
.sub-business-table01 {
	width:100%;
	margin: 0px;
	text-align:left;
	padding: 0px;
	border-collapse:collapse;
	border-spacing:0px;
}

.sub-business-table01-th {
	text-align:left;
	vertical-align:top;
	padding: 5px 10px 3px 10px;
	border-bottom:0px solid #fff;
	white-space: nowrap;
	font-weight:normal;
	line-height:135%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.sub-business-table01-th2 {
	text-align:center;
	vertical-align:top;
	padding: 5px 10px 3px 10px;
	border-bottom:1px solid #fff;
	white-space: nowrap;
	font-weight:normal;
	line-height:135%;
	font-size:12px;
}

.sub-business-table01-td {
	text-align:left;
	padding: 5px 20px 3px 20px;
	border-bottom:1px solid #fff;
	line-height:135%;
}

.tr-blue {
	background-color:#ccebf5;
}

.tr-gray {
	background-color:#eee;
}

.sub-business-photo {
	width:635px;
	margin: 50px auto 30px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	line-height:125%;
}


/* SUB 経営状況 ############################## */

.sub-status-box-blue {
	width:480px;
	padding:60px 30px;
	background-color:#ccebf5;
	margin:30px auto 15px;
	text-align: left;
}

.sub-status-box-blue2 {
	width:480px;
	padding:30px 30px;
	background-color:#ccebf5;
	margin:30px auto 15px;
	text-align: left;
}

	.sub-status-box-blue2 ul {
		padding:0px;
		margin:0px;
	}

	.sub-status-box-blue2 ul li {
		background: url(../imgs/sub_status_mark_pdf.png) no-repeat 10px 0px;
		padding:0px 0px 2px 55px;
		margin:3px 0px 0px 0px;
		line-height:39px;
		list-style:none;
		border-bottom:1px dotted #a3d9eb;
	}

.sub-status-box-gray {
	width:480px;
	padding:60px 30px;
	background-color:#eee;
	margin:0px auto 60px;
	text-align: left;
}

.sub-status-box-gray2 {
	width:480px;
	padding:60px 30px;
	background-color:#eee;
	margin:0px auto 15px;
	text-align: left;
}

.sub-status-box-gray3 {
	width:480px;
	padding:30px 30px;
	background-color:#eee;
	margin:0px auto 15px;
	text-align: left;
}

	.sub-status-box-gray3 ul {
		padding:0px;
		margin:0px;
	}

	.sub-status-box-gray3 ul li {
		background: url(../imgs/sub_status_mark_pdf.png) no-repeat 10px 0px;
		padding:0px 0px 2px 55px;
		margin:3px 0px 0px 0px;
		line-height:39px;
		list-style:none;
		border-bottom:1px dotted #dedede;
	}

.sub-status-box-green {
	width:480px;
	padding:60px 30px;
	background-color:#ddf0d0;
	margin:15px auto 15px;
	text-align: left;
}

.sub-status-box-green2 {
	width:480px;
	padding:30px 30px;
	background-color:#ddf0d0;
	margin:15px auto 15px;
	text-align: left;
}

	.sub-status-box-green2 ul {
		padding:0px;
		margin:0px;
	}

	.sub-status-box-green2 ul li {
		background: url(../imgs/sub_status_mark_pdf.png) no-repeat 10px 0px;
		padding:0px 0px 2px 55px;
		margin:3px 0px 0px 0px;
		line-height:39px;
		list-style:none;
		border-bottom:1px dotted #c0e2aa;
	}




a.sub-status_pdf {
	color:#666;
	text-decoration:none;
}

a.sub-status_pdf:hover {
	color:#f33;
	text-decoration:underline;
}



/* SUB 採用情報 ############################## */

.sub-job-box-gray {
	width:480px;
	padding:60px 30px;
	background-color:#eee;
	margin:30px auto 60px;
	text-align:center;
}