/* =============================================================================
	採用情報 CSS
============================================================================= */
h1.logo {
	background:url("img/header1_logo.gif") no-repeat 100% 50%;
}

p {
	width:820px;
	margin:0 auto 20px;
}

h3 {
	font-size:16px;
	color:#5163e3;
	width:820px;
	margin:0 auto 10px;
}

#wrap #content-wrap {
	padding-top:20px;
	background:url("img/contents_back.gif") repeat-y 50% 0;
}

#content_shadow {
	background:url("img/bottom_contents.gif") no-repeat 50% 100%;
}

div.blue_box {
	width:820px;
	margin:0 auto 20px;
	border:2px solid #5163e3;
}

div.read,
p.read {
	margin-top:20px;
}

div.margin,
p.margin {
	margin-bottom:30px;
}

div.blue_box h3 {
	background:#e3e8fa;
	font-size:18px;
	padding:10px 20px;
	color:#000;
	margin:0;
	width:auto;
	letter-spacing:2px;
}

div.blue_box p {
	padding:10px 20px;
	margin:0;
}

strong.blue {
	font-size:16px;
	color:#313293;
}

div.blue_box table {
	border-collapse:collapse;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:20px;
	margin-right:20px;
}

div.blue_box table th {
	vertical-align:top;
	width:100px;
}

div.blue_box table td.border {
	font-size:0;
	line-height:0;
	padding-top:10px;
	border-bottom:1px dotted #5163e3;
}

div.blue_box table tr.padding th,
div.blue_box table tr.padding td {
	padding-top:10px;
}

div.blue_box table th span {
	background:url("img/th.gif") no-repeat 0 0;
	display:block;
	padding-top:4px;
	width:80px;
	height:20px;
	color:#fff;
}

div.blue_box table td ol {
	margin-left:27px;
}


/* =============================================================================
	Engineer
============================================================================= */
div.engineer {
	padding:0;
	margin:0 0 20px 10px;
	background:url("img/engineer_box_middle.gif") repeat-y 0 0;
}

div.engineer p {
	background:#fff url("img/engineer_box_top.gif") no-repeat 0 0;
	font-size:0;
	line-height:0;
	height:32px;
	margin:0;
	padding:0;
	width:840px;
}

div.engineer div {
	background:url("img/engineer_box_bottom.gif") no-repeat 0 100%;
	margin:0;
	padding:0 50px 30px;
	line-height:1.6em;
	font-size:16px;
}

div.engineer div span {
	font-size:16px;
	color:#009DA5;
}

ul.engineer_product {
	list-style:none;
	margin-left:20px;
	margin-bottom:30px;
}

ul.engineer_product li {
	text-indent:-24px;
	padding-left:24px;
	margin-bottom:5px;
}

div.engineer_map a {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:86px;
	height:36px;
	text-indent:-9876px;
	display:block;
	cursor:pointer;
}

div.engineer_map {
	position:relative;
	width:860px;
	height:511px;
	background:url("img/about_image1.jpg") no-repeat 0 0;
}

div.engineer_map a#btn01 {
	position:absolute;
	top:210px;
	left:290px;
	width:111px;
	height:36px;
	text-indent:-9876px;
	background:url("img/btn01.gif") no-repeat 0 0;
}

div.engineer_map a#btn02 {
	position:absolute;
	top:320px;
	left:500px;
	width:71px;
	height:36px;
	text-indent:-9876px;
	background:url("img/btn02.gif") no-repeat 0 0;
}

div.engineer_map a#btn03 {
	position:absolute;
	top:190px;
	left:620px;
	width:66px;
	height:36px;
	text-indent:-9876px;
	background:url("img/btn03.gif") no-repeat 0 0;
}

div.engineer_map a#btn04 {
	position:absolute;
	top:380px;
	left:560px;
	width:121px;
	height:36px;
	text-indent:-9876px;
	background:url("img/btn04.gif") no-repeat 0 0;
}

div.engineer_map div {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:860px;
	height:510px;
	display:none;
}

div.engineer_map div#black_btn01 {
	background:url("img/black_btn01.gif") no-repeat 0 0;
}

div.engineer_map div#black_btn02 {
	background:url("img/black_btn02.gif") no-repeat 0 0;
}

div.engineer_map div#black_btn03 {
	background:url("img/black_btn03.gif") no-repeat 0 0;
}

div.engineer_map div#black_btn04 {
	background:url("img/black_btn04.gif") no-repeat 0 0;
}

span.pdf {
	padding-right:15px;
	background:url("img/pdf_sicon.gif") no-repeat 100% 3px;
}


/* =============================================================================
	募集要項 扉
============================================================================= */

div.boshu_tobira {
	border:10px solid #ccc;
	width:760px;
	padding:20px 20px;
	margin:0 auto 20px;
}

div.boshu_tobira .ttl {
	width:691px;
	margin:0 auto 10px;
}

div.boshu_tobira table {
	border-collapse:collapse;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border:2px solid #ccc;
}

div.boshu_tobira table th,
div.boshu_tobira table td {
	border:1px solid #ccc;
	padding:5px;
}

div.boshu_tobira table th {
	background:#f5f5f5;
}

div.boshu_tobira p {
	margin-left:60px;
	width:auto;
}

div.boshu_tobira a.boshu_link1 {
	background:url("boshu/img/boshu_link1.jpg?20190301") no-repeat 0 0;
	width:562px;
	height:51px;
	display:block;
	margin:0 auto;
	text-indent:-9876px;
	outline:none;
}

div.boshu_tobira a.boshu_link2 {
	background:url("boshu/img/boshu_link2.jpg?20190301") no-repeat 0 0;
	width:562px;
	height:51px;
	display:block;
	margin:0 auto;
	text-indent:-9876px;
	outline:none;
}

div.boshu_tobira a.boshu_link1:hover,
div.boshu_tobira a.boshu_link2:hover {
	background-position:0 -51px;
}


/* =============================================================================
	新卒募集要項
============================================================================= */

div.boshu_read_left {
	float:left;
	width:460px;
	padding-left:20px;
	padding-top:80px;
}

div.boshu_read_left h3 {
	font-size:16px;
	color:#5163e3;
	width:auto;
	margin:0 auto 20px;
	line-height:22px;
	border-bottom:1px solid #5163e3;
}

div.boshu_read_left p {
	width:auto;
	margin:0;
	padding:0;
}

div.boshu_read_right {
	width:359px;
	float:right;
}

table.data {
	margin-left:20px;
	margin-bottom:30px;
	width:820px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-collapse:collapse;
}

table.data th,
table.data td {
	padding:10px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

table.data th {
	white-space:nowrap;
	background:#d9f0f2;
	padding:0 20px;
	text-align:left;
}

table.data table {
	border:none;
	border-collapse:collapse;
}

table.data td table td {
	border:none;
	vertical-align:top;
	padding:5px 20px 5px 0;
}

table.data td table.list td {
	border:none;
	padding:3px 10px 3px 0;
}

table.data td table.list td.nowrap {
	white-space:nowrap;
}

div.process {
	width:648px;
	margin:0 auto;
}

div.entry {
	background:url(boshu/img/entry2.gif) repeat-y 0 0;
	width:750px;
	margin:0 auto 30px;
}

div.entry div {
	margin:0 auto;
	width:694px;
	padding-bottom:10px;
}

div.entry p {
	background:url(boshu/img/entry1.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	height:10px;
	margin:0;
}

div.entry p.end {
	background:url(boshu/img/entry3.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
	height:10px;
	margin:0;
}

div.entry a {
	display:block;
	width:195px;
	margin:0 auto 10px;
}

/*
div.entry table {
	border:none;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	width:580px;
}

div.entry table td {
	padding:10px 20px;
	width:249px;
	vertical-align:middle;
}

div.entry table td.link_1 {
	border-right:2px solid #639bc1;
}

div.entry table td a {
	display:block;
}


div.entry table td.link_1 a {
	width:195px;
	margin:0 auto;
}

div.entry table td.link_2 a {
	width:245px;
	margin:0 auto;
}
*/
/* =============================================================================
	more NSACC
============================================================================= */

div.ikusei {
	background:url(img/ikusei2.gif) repeat-y 0 0;
	width:820px;
	margin:0 auto 30px;
	padding:0;
}

div.ikusei div {
	margin:0 auto;
	width:794px;
	padding-bottom:10px;
}

div.ikusei div.image2 {
	margin:0 auto;
	width:747px;
	padding:0;
}

div.ikusei p {
	background:url(img/ikusei1.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
	height:10px;
	margin:0;
	padding:0;
}

div.ikusei p.end {
	background:url(img/ikusei3.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
	height:10px;
	margin:0;
}

div.surveybox {
	width:820px;
	margin:0 auto;
}

table.survey {
	border-collapse:collapse;
	border:1px solid #333;
	width:370px;
	margin-bottom:30px;
}

table.survey_left {
	float:left;
}

table.survey_right {
	float:right;
}

table.survey th,
table.survey td {
	border:1px solid #333;
	padding:5px 10px;
	text-align:left;
}

table.survey td {
	width:100px;
}

table.first_survey td {
	width:auto;
}

table.survey th {
	background:#c5dbf2;
	width:90px;
}

table.survey .color th {
	background:#fff;
	width:90px;
}

table.survey .color td {
	font-weight:bold;
}

table.survey .bold td {
	font-weight:bold;
}

table.survey th.color {
	background:#fff;
	width:auto;
}

h3.survey_title {
	margin-bottom:10px;
}

h4.more_icon {
	margin-left:20px;
	margin-bottom:10px;
}

.graph {
	width:780px;
	padding:20px;
	border:1px solid #333;
	margin:0 auto 20px;
}

.graph2,
.graph3 {
	position:relative;
}

p.zentai {
	position:absolute;
	top:50px;
	left:22px;
	font-weight:bold;
	color:#009DA5;
}

.graph3 p.zentai {
	top:55px;
}

.graph table {
	border-collapse:collapse;
}

.graph table td {
	vertical-align:top;
	width:520px;
}

.graph table th {
	text-align:left;
	height:33px;
	padding:0;
}

.graph table th div {
	display:block;
	padding-top:10px;
	height:25px;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
}

.graph table th div p {
	width:190px;
	float:right;
	margin:0;
	font-size:12px;
}

.graph table th div span {
	display:block;
	float:left;
	background:#C6E9D6;
	padding:0 5px 1px;
	width:50px;
	font-size:12px;
	height:14px;
	text-align:center;
}

.graph table th div.br {
	height:35px;
	padding:0;
}

.graph2 table th {
	text-align:left;
	height:67px;
}

.graph2 table th div {
	display:block;
	padding-top:26px;
	height:42px;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
}

.graph2 table th div.br {
	height:48px;
	padding-top:20px;
}

.graph2 table th div.br span {
	margin-top:7px;
}

.graph2 table th div.br3 {
	height:58px;
	padding-top:10px;
}

.graph2 table th div.br3 span {
	margin-top:17px;
}

.graph3 table th {
	text-align:left;
	height:80px;
}

.graph3 table th div {
	display:block;
	padding-top:35px;
	height:45px;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
}

.graph3 table th div.br {
	height:55px;
	padding-top:25px;
}

.graph3 table th div.br span {
	margin-top:7px;
}

.graph3 table th div.br3 {
	height:57px;
	padding-top:10px;
}

.graph3 table th div.br3 span {
	margin-top:17px;
}

.graph table tr.last td {
	height:20px;
}

.graph2 table tr.last td {
	height:65px;
}

.graph2 table tr.first td {
	height:23px;
	padding-bottom:10px;
	padding-left:0;
	padding-right:75px;
	text-align:right;
}

.graph3 table tr.last td {
	height:22px;
	padding-top:10px;
	padding-left:0;
	text-align:right;
}

.graph3 table tr.first td {
	height:22px;
	padding-bottom:10px;
	padding-left:0;
	text-align:right;
}

.graph3 table tr.prelast th {
	height:98px;
	padding-bottom:18px;
}


/* ---------------------------------------------------------
	お問い合わせ先
--------------------------------------------------------- */
div.contactbox {
	margin:0 auto 20px;
	padding:15px 10px 12px;
	border:1px solid #ccc;
	width:500px;
}

div.contactbox p {
	margin:0;
	width:500px;
	text-align:center;
}

div.contactbox p span {
	color:#798ad9;
}

/* ---------------------------------------------------------
	事業所一覧
--------------------------------------------------------- */
.office {
	padding-top:30px;
}

#flashContent {
	width:860px;
	height:500px;
	background:url("img/officelist_back.png") no-repeat 0 0;
	background-size:860px 500px;
	position:relative;
}
/*
#flashContent div.wave_back {
	position:absolute;
	top:0;
	left:0;
	width:860px;
	height:500px;
	background:#cbf4ff;
}
*/
#flashContent div.wave {
	position:absolute;
	top:0;
	left:0;
	width:860px;
	height:500px;
	background:url("img/officelist_back.png") no-repeat 0 0;
	background-size:860px 500px;
	background-position:bottom left;
}

#flashContent div.map {
	position:absolute;
	top:0;
	left:0;
	width:860px;
	height:500px;
	background:url("img/officelist_japan.png") no-repeat 0 0;
	position:relative;
}

#flashContent div.map a.btn_map {
	position:absolute;
	display:block;
/*	background:#fcc;*/
	text-decoration:none;
	color:#1c2695;
}

#flashContent div.map a.btn_map:hover {
	color:#00f;
	background:#ff9;
}


#flashContent div.map a#map1 {
	top:337px;
	left:544px;
}

#flashContent div.map a#map2 {
	top:298px;
	left:118px;
}

#flashContent div.map a#map3 {
	top:147px;
	left:340px;
}

#flashContent div.map a#map4 {
	top:60px;
	left:391px;
}

#flashContent div.map a#map5 {
	top:148px;
	left:265px;
}

#flashContent div.map a#map6 {
	top:234px;
	left:568px;
}

#flashContent div.map a#map7 {
	top:231px;
	left:265px;
}

#flashContent div.map a#map8 {
	top:292px;
	left:567px;
}

#flashContent div.map a#map9 {
	top:405px;
	left:407px;
}

#flashContent div.map a#map10 {
	top:442px;
	left:354px;
}

#flashContent div.map a#map11 {
	top:335px;
	left:47px;
}

#flashContent div.map a#map12 {
	top:151px;
	left:57px;
}

#flashContent div.map a#map13 {
	top:365px;
	left:545px;
}

#flashContent div.map a#map14 {
	top:216px;
	left:567px;
}

#flashContent div.map a#map15 {
	top:439px;
	left:188px;
}

#flashContent div.map a#map16 {
	top:257px;
	left:567px;
}

#flashContent div.map a#map17 {
	top:195px;
	left:567px;
}

#flashContent div.map a#map18 {
	top:342px;
	left:15px;
}