@charset "UTF-8";

/*------------------------------------------------------------------------------
  tags
------------------------------------------------------------------------------*/
body {
	line-height: normal;
	margin: 0;
	padding: 0;
	color: #333333;
	background: #f5f5f5;
	font:12pt 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	-webkit-text-size-adjust: 100%;
}
/*------------------------------------------------------------------------------
  common_style
------------------------------------------------------------------------------*/
.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 1px;
	visibility: hidden;
}

.font_bold {font-weight: bold;}

.text_left   {text-align: left;}
.text_center {text-align: center;}
.text_right  {text-align: right;}

.display_none {display: none !important;}

/*------------------------------------------------------------------------------
  container
------------------------------------------------------------------------------*/
#contents {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#contents-inner {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: #ffffff;
}

/*------------------------------------------------------------------------------
  header
------------------------------------------------------------------------------*/
#header {
	width: 1000px;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	border-bottom: double 5px #191970;
	display: flex;
	background: #ffffff;
}
#header .logo {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#header .logo a img {
	width: 550px;
	height: 110px;
}
#header .content {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*------------------------------------------------------------------------------
  footer
------------------------------------------------------------------------------*/
#footer {
	width: 1000px;
	margin: 10px 0 0 0;
	padding: 20px 0 40px 0;
	border-top: double 5px #191970;
	display: flex;
	background: #ffffff;
}
#footer .content {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

/*------------------------------------------------------------------------------
  banner_area
------------------------------------------------------------------------------*/
#banner_area {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
#banner_area img {
	width: 1000px;
	height: 300px;
}

/*------------------------------------------------------------------------------
  contents_box
------------------------------------------------------------------------------*/
#contents_box {
	display: flex;
}

/*------------------------------------------------------------------------------
  menu_area
------------------------------------------------------------------------------*/
#menu_area {
	width: 220px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#menu_area .menu_item {
	width: 200px;
	margin: 0 10px 0 10px;
	padding: 0 0 0 0;
	color: #808080;
	text-align: center;
	font-weight: bold;
}
#menu_area .menu_item p {
	margin: 0 0 0 0;
	padding: 15px 0 15px 0;
}
#menu_area .menu_item a {
	color: #808080;
	text-decoration: none;
	display: block;
}
#menu_area .menu_item:hover {
	background-color: #f2f2f2;
}
#menu_area .menu_item:hover a {
	color: #ff8800;
/*	color: #800000;	*/
}
#menu_area .menu_current {
	background: #ffe7cc;
}
#menu_area .menu_current a {
	color: #ff8800;
/*	color: #800000;	*/
}

/*------------------------------------------------------------------------------
  content_area
------------------------------------------------------------------------------*/
#content_area {
	width: 770px;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
}

#content_area .title {
	margin: 0 0 40px 0;
	padding: 10px 10px 10px 20px;
	background: linear-gradient(to right, #191970, #ffffff);
	font-weight: bold;
	font-size: 135%;
	text-shadow: -2px -2px 4px #ffffff,
				  0px -2px 4px #ffffff,
				  2px -2px 4px #ffffff,
				 -2px  0px 4px #ffffff,
				  2px  0px 4px #ffffff,
				 -2px  2px 4px #ffffff,
				  0px  2px 4px #ffffff,
				  2px  2px 4px #ffffff;
	border-radius: 4px;
}

#content_area .sub_title {
	margin: 0 0 20px 0;
	padding: 5px 5px 5px 20px;
	background: linear-gradient(to right, #b0c4de, #ffffff);
	font-weight: bold;
	font-size: 115%;
	text-shadow: -2px -2px 4px #ffffff,
				  0px -2px 4px #ffffff,
				  2px -2px 4px #ffffff,
				 -2px  0px 4px #ffffff,
				  2px  0px 4px #ffffff,
				 -2px  2px 4px #ffffff,
				  0px  2px 4px #ffffff,
				  2px  2px 4px #ffffff;
	border-radius: 4px;
}

/*------------------------------------------------------------------------------
  top
------------------------------------------------------------------------------*/
.top_area {
	width: 730px;
	margin: 0 0 40px 0px;
	padding: 0 20px 0 20px;
	line-height: 175%;
}
.top_signature1 {
	width: 280px;
	margin: 0 40px 15px 450px;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 110%;
}
.top_signature2 {
	width: 210px;
	margin: 0 40px 50px 520px;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 110%;
}

/*------------------------------------------------------------------------------
  外国人技能実習制度 intern_program
------------------------------------------------------------------------------*/
.intern_program_area {
	width: 730px;
	margin: 0 0 40px 0px;
	padding: 0 20px 0 20px;
	line-height: 175%;
}
.intern_program_area .pdf_image {
	width: 728px;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	border: solid 1px #333333;
}
.intern_program_area .pdf_image img {
	width: 728px;
	opacity: 0.75;
}
.intern_program_area .pdf_image img:hover {
	opacity: 1.0;
}

.intern_program_area .image_top_area {
	width: 640px;
	height: 427px;
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
}
.intern_program_area .image_top_area img {
	width: 640px;
}

.intern_program_area .image_flow_area {
	width: 728px;
	height: 448px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: solid 1px #333333;
}
.intern_program_area .image_flow_area img {
	width: 728px;
}

.intern_program_table1 {
	margin: 0 20px 20px 20px;
	padding: 0 0 0 0;
	border-left: solid 1px #333333;
	border-top: solid 1px #333333;
	text-align: center;
	display: table;
}
.intern_program_table1 .section {
	width: 728px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	color: #191970;
	display: table;
}
.intern_program_table1 .row {
	display: flex;
}
.intern_program_table1 .item {
	width: 364px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	text-align: center;
	display: table;
}
.intern_program_table1 .data {
	width: 363px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	text-align: center;
	display: table;
}
.intern_program_table1 p {
	display: table-cell;
	vertical-align: middle;
}
.intern_program_table1 .header {
	text-align: center;
	font-weight: bold;
}

/*------------------------------------------------------------------------------
  実習制度導入のメリット intern_benefits
------------------------------------------------------------------------------*/
.intern_benefits_area {
	width: 730px;
	margin: 0 0 40px 0px;
	padding: 0 20px 0 20px;
	line-height: 175%;
}

.intern_benefits_area .image_top_area {
	width: 640px;
	height: 427px;
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
}
.intern_benefits_area .image_top_area img {
	width: 640px;
}

.intern_benefits_table {
	margin: 0 20px 50px 20px;
	padding: 0 0 0 0;
	border-top: dotted 1px #191970;
	line-height: 175%;
}
.intern_benefits_table .row {
	display: flex;
}
.intern_benefits_table .number {
	width: 25px;
	margin: 0 0 0 0;
	padding: 10px 0 0 20px;
	font-weight: bold;
}
.intern_benefits_table .item {
	width: 665px;
	margin: 0 0 0 0;
	padding: 10px 20px 0 0;
	font-weight: bold;
}
.intern_benefits_table .data {
	width: 665px;
	margin: 0 0 0 0;
	padding: 2px 20px 10px 45px;
	border-bottom: dotted 1px #191970;
}

/*------------------------------------------------------------------------------
  企業情報 company_info
------------------------------------------------------------------------------*/
.company_info_table1 {
	margin: 0 20px 50px 20px;
	padding: 0 0 0 0;
	border-top: dotted 1px #191970;
	line-height: 175%;
}
.company_info_table1 .row {
	display: flex;
	border-bottom: dotted 1px #191970;
}
.company_info_table1 .item {
	width: 150px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 20px;
	color: #191970;
	font-weight: bold;
	display: table;
}
.company_info_table1 .data {
	width: 520px;
	margin: 0 0 0 0;
	padding: 10px 20px 10px 20px;
	display: table;
}
.company_info_table1 p {
	display: table-cell;
	vertical-align: middle;
}
.company_info_table1 .data a {
	color: #0000ff;
	text-decoration: none;
}
.company_info_table1 .data a:hover {
	color: #ffffff;
	background-color: #0000ff;
	text-decoration: none;
}

.company_info_table2 {
	margin: 0 20px 50px 20px;
	padding: 0 0 0 0;
	border-top: dotted 1px #191970;
	line-height: 175%;
}
.company_info_table2 .row {
	display: flex;
	border-bottom: dotted 1px #191970;
}
.company_info_table2 .number {
	width: 25px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 20px;
}
.company_info_table2 .data {
	width: 665px;
	margin: 0 0 0 0;
	padding: 10px 20px 10px 0;
}