@charset "shift_jis";

/*==================================================================================

	default.css for www.nelt.co.jp
	Last modified:  2006-11-29

	!! DO NOT MODIFY !!
	!! This file resets the default style of the browser.!!

==================================================================================*/

.section h1{
	background-image: url(/library/_140__187__141_s/common/images/bg-h1.png);
	background-repeat: no-repeat;
	background-size: 14px 34px;
	background-position: 1px;
    line-height: 30px;
    color: #ffffff;
	padding: 3px 0;
    padding-left: 20px;
    font-size: 24px;
    font-family: Arial ,Verdana , Helvetica, sans-serif;
    font-weight: 500;
}

.background-headline1{
	width: 100%;
	background-color: #7581c0;
}

.section ol li{
    font-size: 16px;
}

/*================================================================================*/
/*  CRecGA TCgo[? */
div#mainContents {
	width: 100%;
}

body.popup div#mainContents {
	width: auto;
	margin-left: 20px;
	border: 1px solid #CCC;
}

/*  CRecGA TCgo[ */
div#mainContents.isSideBar {
	width: 100%;
	margin-right: 3px;
	margin-left: 0px;
}

/*================================================================================*/
/* ZNV */
div#mainContents.isSideBar div.section {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

/* class for clearfix hack */
body div#mainContents.isSideBar div.section:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

body div#mainContents.isSideBar div.section { display: inline-table; }

/* Hides from IE-mac \*/
* html div#mainContents.isSideBar div.section { height: 1%; }

div#mainContents.isSideBar div.section { display: block; }

/* End hide from IE-mac */


/*--------------------------------------------------------------------------------*/
/* usefulindex 2007-09-14 */
div#mainContents div.section div.adjust {
	clear: both;
	margin-bottom: 10px;
	zoom: 1;
}

/* class for clearfix hack */
div#mainContents div.section div.adjust:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

/*================================================================================*/
/* 1/2JiTCho[j */
div#mainContents.isSideBar div.section div.column1-2 {
	float: left;
	width: 47%;
	padding-right: 3%;
}

/*================================================================================*/
/* 1/2p[giTCho[?j */
div.section div.column div.part1-2 {
	float: left;
	width: 49.9%;
}

/* 1/2p[giTCho[j */
div#mainContents.isSideBar div.section div.column div.part1-2 {
	float: left;
	width: 290px;/* 2007-09-14 */
}

div#mainContents.isSideBar div.section div.column1-2 div.part1-2 {
	float: left;
	width: 138px;/* 1/2J298px?????k *//* 2007-09-14 */
}

/*================================================================================*/
/* 1/3p[giTCho[j */
div#mainContents div.section div.column div.part1-3 {
	float: left;
	width: 230px;/* 200px???IE?S~? */
}

/* 2/3p[giTCho[j */
div#mainContents.isSideBar div.section div.column div.part2-3 {
	float: left;
	width: 370px;/* 2007-09-14 */
}

/* 1/3p[giTCho[j */
div#mainContents.isSideBar div.section div.column1-2 div.part1-3 {
	float: left;
	width: 20%;
}

div#mainContents.isSideBar div.section div.column1-2 div.part1-3 img {
	width: 100%;
	height: auto;
}

/* 2/3p[giTCho[j */
div#mainContents.isSideBar div.section div.column1-2 div.part2-3 {
	float: left;
	width: 65%;/* 2007-09-14 */
	padding-left: 10px;
}

/*================================================================================*/
/* useful 2007-09-14 */
div#mainContents div.section div.column div.part3-3 {
	float: left;
	width: 180px;
}

div#mainContents.isSideBar div.section div.column div.part3-3 {
	float: right;
	width: 199px;
}

div#mainContents.isSideBar div.section div.column div.part3-3 img { margin-bottom: 10px; }

/* 3/4p[giTCho[j */
div#mainContents.isSideBar div.section div.column div.part4-3 {
	float: left;
	width: 370px;
}

/*================================================================================*/
/* 4p[giTCho[j */
div#mainContents.isSideBar div.section div.column div.part1-4 {
	float: left;
	width: 148px;
}

/*================================================================================*/
/* oiH1j */

div#mainContents h1 {
	width: 100%;
	margin-bottom: 15px;
	line-height: 30px;
}

h1.information {
	width: 100%;
	margin-bottom: 20px;
	line-height: 30px;
}

div#mainContents.isSideBar h1 {
	margin-bottom: 15px;
}

/* oiH1jvX[X?gp */
div#mainContents h1.press {
	font-weight: bold;
	color: #3366CC;
	line-height: 1.3;
}

/* oiH2j */
div#mainContents h2 {
	clear: both;
	min-height: 28px;
	padding: 5px 10px 3px 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	min-height: 19px;
	border: 1px solid #DFE3E8;
	font-weight: bold;
	font-size: 22px;
	color: #333;
	line-height: 22px;
	background-color: #F2F4F6;
	background-size: 4px 24px;
	background-image: url(/library/_140__187__141_s/english/common/images/bg-h2.gif);
	background-position: 4px 2px;
	background-repeat: no-repeat;
}

h2.information {
	clear: both;
	min-height: 28px;
	padding: 5px 10px 3px 12px;
	margin-top: 20px;
	margin-bottom: 20px;
	min-height: 19px;
	border: 1px solid #DFE3E8;
	font-weight: bold;
	color: #333;
	line-height: 18px;
	background-color: #F2F4F6;
	background-image: url(/library/_140__187__141_s/english/common/images/bg-h2.gif);
	background-position: 4px 2px;
	background-repeat: no-repeat;
}

* html div#mainContents h2 {
	height: 28px;
	padding-top: 3px;
}

div#mainContents h2 a {
	font-weight: bold;
	color: #333;
}

/* oiH3j */
div#mainContents h3 {

}

div#mainContents h3 a {
	font-weight: bold;
	color: #333;
}

h3.information{
	line-height: 1.6;
	margin-bottom: 10px;
}

div#mainContents.isSideBar h3 { margin-left: 30px; }

div#mainContents h4 {
	clear: both;
	margin-bottom: 5px;
	border-bottom: 1px dotted #666666;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	line-height: 1.6;
}

h4.information{
	font-size: 100%;
	margin-bottom: 10px;
}

div#mainContents h5 {
	clear: both;
	margin-bottom: 5px;
	font-size: 83%;
	font-weight: bold;
	color: #666;
	line-height: 1.6;
}

/*================================================================================*/
/* iiPj */
div#mainContents p {
	margin-bottom: 10px;
	line-height: 1.6;
}

div#mainContents p.meta,
div#mainContents table.typeA p.meta,
div#mainContents table.typeB p.meta,
div#mainContents table.typeC p.meta,
div#mainContents table.typeCorporate p.meta,
div#mainContents table.D p.meta div#mainContents p.caption,
div#mainContents table.typeA p.caption,
div#mainContents table.typeB p.caption,
div#mainContents table.typeC p.caption,
div#mainContents table.typeCorporate p.caption,
div#mainContents table.D p.caption { margin-top: 5px; }

/*--------------------------------------------------------------------------------*/
/* i^H1[h */
div#mainContents p.lead {
	padding-left: 10px;
	font-weight: bold;
	color: #666;
}

div#mainContents p.pad10 { padding-left: 10px; }

/*--------------------------------------------------------------------------------*/
/* i^?y[W???? */
div#mainContents p.toTop {
	clear: both;
	line-height: 1;
	text-align: right;
}

div#mainContents p.toTop a {
	padding-right: 13px;
	margin-bottom: 40px;
	color: #333;
	text-decoration: none;
	background-image: url(/library/_140__187__141_s/english/common/images/misc/bg-toTop.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
}

div#mainContents p.toTop a:hover { text-decoration: underline; }

/*--------------------------------------------------------------------------------*/
/* V[gJbg */
div#mainContents p.shortcut {
	clear: both;
	float: right;
	text-align: right;
	width: 60%;
}

div#mainContents p.shortcutL {
	clear: both;
	margin-left: 0;
}

div#mainContents p.shortcutL a,
div#mainContents p.shortcut a {
	padding-left: 7px;
	background-image: url(/library/_140__187__141_s/english/common/images/misc/bg-shortcut.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

div#mainContents p.autograph {
	font-weight: bold;
	text-align: right;
}

div#mainContents p sub {
	font-size: 75%;
	vertical-align: text-bottom;
}

/*--------------------------------------------------------------------------------*/
/* ? */
div#mainContents p.image,
div#mainContents p.caption { text-align: center; }

/*================================================================================*/
/* XgiULj*/
div#mainContents ul {
	margin-bottom: 10px;
	margin-left: 30px;
	list-style-position: inside;
}

div#mainContents ul li { }

div#mainContents ul li p { margin-left: 0; }

div#mainContents table ul {
	margin-bottom: 0;
	margin-left: 30px;
	list-style-position: outside;
}

div#mainContents table ul.location { margin-left: 0; }

/*--------------------------------------------------------------------------------*/
/* 2J */
div#mainContents ul.column {
	clear: both;
	margin-bottom: 10px;
}

div#mainContents ul.column li {
	float: left;
	width: 49.8%;
	width: 44%;
}

/*--------------------------------------------------------------------------------*/
/* 2J */
div#mainContents ul.column2 {
	clear: both;
	margin-bottom: 10px;
}

div#mainContents ul.column2 li {
	float: left;
	width: 49.8%;
	width: 44%;
	margin-bottom: 25px;

}

div#mainContents ul.column2 li a {
	padding-left: 7px;
	background-image: url(/library/_140__187__141_s/english/common/images/misc/bg-shortcut.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

div#mainContents ul.mark { list-style-type: disc; }

/*--------------------------------------------------------------------------------*/
/* V[gJbg */
div#mainContents ul.shortcut {
	clear: both;
	margin-left: 0;
}

div#mainContents ul.shortcut li {
	margin-bottom: 10px;
	text-align: right;
}

div#mainContents ul.shortcut li a {
	padding-left: 7px;
	background-image: url(/library/_140__187__141_s/english/common/images/misc/bg-shortcut.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

/*================================================================================*/
/* ?XgiOLj*/
div#mainContents ol {
	padding-left: 0;
	margin-left: 60px;
}

div#mainContents ol li {
	margin-bottom: 10px;
	list-style-type: decimal;
}

/*================================================================================*/
/* `XgiDLj*/
div#mainContents dl {
	margin-bottom: 10px;
	margin-left: 30px;
}

div#mainContents dl dt {
	margin-bottom: 10px;
	font-weight: bold;
}

div#mainContents dl dd {
	margin-bottom: 15px;
	margin-left: 30px;
	line-height: 1.6;
}

div#mainContents dl.profile dt { text-align: center; }

div#mainContents dl.profile dd { margin-left: 0; }

/*--------------------------------------------------------------------------------*/
/* V[gJbg */
div#mainContents ul.shortcut li a {
	padding-left: 7px;
	background-image: url(/library/_140__187__141_s/english/common/images/misc/bg-shortcut.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/*================================================================================*/
/* e[u */
div#mainContents ol table { width: 490px !important; }

div#mainContents table {
	width: 648px;/* 2007-09-14 */
	margin-bottom: 15px;
	margin-left: 15px;
	border-collapse: collapse;
}

div#mainContents.isSideBar table {
	width: 90%;
	margin-left: 30px;
	border-collapse: collapse;
}

div#mainContents table.typeA p {
	margin: 0;
	line-height: 1.2;
	font-size: clamp(12px, 3.5vw, 16px);
}

div#mainContents table.typeB p,
div#mainContents table.typeC p,
div#mainContents table.typeCorporate p,
div#mainContents table.D p{
	margin: 0;
	line-height: 1.2;
}

/* ?Tv */
div#mainContents table.profile th { width: 45%; }

div#mainContents table.profile td { width: 55%; }

/* vX[X */
div#mainContents table.press th p { width: 38px; }

div#mainContents table.press td p { width: 470px; }

/* c?_ */
div#mainContents table.branch th { width: 30%; }

div#mainContents table.branch td { width: 35%; }

/* ?pw */
div#mainContents table .w100 { width: 100px !important; }

div#mainContents table .w200 { width: 200px !important; }

/* history profile */
p{
	line-height: 1.6;
}

div#mainContents table.history td ul li{
	font-size: 80%;
	line-height: 1.6;
}

/*--------------------------------------------------------------------------------*/
/* typeA */
div#mainContents table.typeA{
	width: 80%;
	float: left;
}

table.typeA tr{
	height: 60px;
}

div#mainContents table.typeA tbody th {
	padding: 5px;/* 2007-09-14 */
	border-bottom: 1px dotted #B5B5B5;
	text-align: left;
}

div#mainContents table.typeA td {
	padding: 5px 5px 5px 10px;
	border-bottom: 1px dotted #B5B5B5;
}

/*--------------------------------------------------------------------------------*/
/* typeB */
div#mainContents table.typeB thead th,
div#mainContents table.typeB tbody th {
	padding: 5px;/* 2007-09-14 */
	border-bottom: 1px dotted #D1D1D1;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
}

div#mainContents table.typeB td {
	padding: 5px;/* 2007-09-14 */
	border-bottom: 1px dotted #D1D1D1;
	vertical-align: top;
}

div#mainContents table.typeB thead tr th.jobname,
div#mainContents table.typeB thead tr th.location,
div#mainContents table.typeB tbody tr td.location,
div#mainContents table.typeB thead tr th.description,
div#mainContents table.typeB thead tr th.experience { white-space: nowrap; }

div#mainContents table.typeB thead tr th.location { text-align: center; }

/*--------------------------------------------------------------------------------*/
/* typeC */
div#mainContents table.typeC thead th {
	padding: 5px;/* 2007-09-14 */
	background-color: #748398;
	border: 1px solid #D0D1D3;
	text-align: center;
}

div#mainContents table.typeC th.thhead {
	padding: 5px;/* 2007-09-14 */
	background-color: #748398;
	border: 1px solid #D0D1D3;
	text-align: center;
}

div#mainContents table.typeC th.thhead p { color: #fff; }

div#mainContents table.typeC thead th p { color: #fff; }

div#mainContents table.typeC tbody th {
	padding: 5px;/* 2007-09-14 */
	background-color: #F3F4F6;
	border: 1px solid #D0D1D3;
	text-align: center;
}

div#mainContents table.typeC td {
	padding: 5px;/* 2007-09-14 */
	border: 1px solid #D0D1D3;
}

/*--------------------------------------------------------------------------------*/
/* typeD */
div#mainContents table.typeD { border-top: 1px dotted #B5B5B5; }

div#mainContents table.typeD tbody th {
	padding: 5px;
	border-bottom: 1px dotted #B5B5B5;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}

div#mainContents table.typeD td {
	width: 100%;
	padding: 5px 5px 5px 30px;
	border-bottom: 1px dotted #B5B5B5;
}


/*================================================================================*/
/* J^O */
div.viewCatalog p.image,
div.viewCatalog p.notes {
	float: left;
	margin-bottom: 5px;
	color: #AF290C;
}

div#mainContents div.viewCatalog p.image { margin-left: 15px; }

div#mainContents div.viewCatalog p.pdfImg {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

div#mainContents div.viewCatalog p.pdfNotes {
	float: left;
	width: 250px;
	margin-top: 7px;
	margin-left: 10px;
}

/*================================================================================*/
.alignR { text-align: right; }

.alignL { text-align: left; }

.alignC { text-align: center; }

/*================================================================================*/
.mb00 { margin-bottom: 0px !important; }

.mb05 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.ml30 { margin-left: 30px !important; }

/*================================================================================*/
img.newWindow {
	margin-left: 5px;
	line-height: 1.6;
}

img.pdf {
	margin-right: 5px;
	line-height: 1;
}

/*================================================================================*/
.clear { clear: both; }

hr.clear {
	display: none;/* FF陝�ｽｾ驕ｲ�ｽ */
	clear: both;
	color: #FFF;
	height: 0;
	width: 0;
}

* html hr.clear { display: block; }

/*================================================================================*/
p.notes,
ul.notes {
	margin-top: 5px !important;
	font-size: 16px;
	color: #ED8001;
}

table p.notes,
table ul.notes { font-size: 70%; }

span.notes {
	font-size: 75%;
	color: #ED8001;
}

img.marker {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: middle;
}

/*================================================================================*/
/*  */
form#msearch { margin: 10px; }

p.signature { margin: 10px }

dl.searchResults dt { font-weight: bold; }

dl.searchResults dt a { font-weight: bold; }

dl.searchResults dd { font-weight: bold; }

p.resultUri {
	font-size: 90%;
	color: #0041B1;
}

p.resultSummary { }

strong.highlight {
	font-weight: bold;
	color: #F74A00;
}

/*--------------------------------------------------------------------------------*/
/* Flash 2007-09-14 */
div#mainContents.isSideBar div.flash {
	height: 320px;
	width: 550px;
	padding-left: 30px;
	overflow: hidden;
	display: block;
}

/*--------------------------------------------------------------------------------*/
/* 2025-10-30 */
div#mainContents table.typeContact{
	width: 80%;
	float: left;
}

table.typeContact tr{
	height: 50px;
}

table.typeContact p{
	padding-top: 5px;
    font-size: clamp(12px, 3.5vw, 16px);
}
div#mainContents table.typeContact tbody th {
	border-bottom: 1px dotted #B5B5B5;
	text-align: left;
	vertical-align: top;
}

div#mainContents table.typeContact td {
	border-bottom: 1px dotted #B5B5B5;
	vertical-align: top;
}

div#mainContents table.typeContact th p{
	width: fit-content;
	padding-left: 10px;
	padding-right: 10px;
}

div#mainContents table.typeAM{
	width: 60%;
	float: left;
}

table.typeAM tr{
	height: 75px;
}

div#mainContents table.typeAM tbody th {
	padding: 5px;/* 2007-09-14 */
	border-bottom: 1px dotted #B5B5B5;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;

}

div#mainContents table.typeAM td {
	padding: 5px 5px 5px 30px;/* 2007-09-14 */
	border-bottom: 1px dotted #B5B5B5;
	vertical-align: top;
}

div#mainContents table.typeAM p {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

.keyVisual img{
	width: 100%;
	height: auto;
}

.pbAreaWrapper2{
	margin-left: 240px;
	padding: 0;
	overflow: hidden;
}

div.pbAreaWrapper1{
max-width: 1200px;
margin: 0 auto;
position: relative;
padding: 0 30px;
}

.layout-flex2{
	width: 90%;
	display: flex;
	margin-left: 30px;
}

.layout-flex{
	width: 80%;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

div.map{
	display: flex;
	width: fit-content;
	margin: 0 auto;
}

.shiga-image{
	text-align: center;
}

.image2{
	text-align: center;
}
.headline1{
	margin-left: 30px;
}

@media(max-width:960px){
.pbAreaWrapper2{
margin:	0 !important;
padding: 0;
width: 100%;
}
div.pbAreaWrapper1{
max-width: 1200px;
display: flex;
flex-direction: column-reverse;
padding: 0 3.125%;
}
}

@media(max-width:850px){
.mx850{
	padding-right: 50%;
}
.showSP{
	width: 90%;
	margin-left: 30px;	
}
.headline1{
	padding-top: 50px;
}
.image{
	margin-top: 50px;
	margin-bottom: 10px;
}
.image img{
	width: 30%;
}
.image2{
	margin-top: 50px;
	margin-bottom: 10px;
}
.image2 img{
	width: 60%;
	max-width: 300px;

}
.shiga-image img{
	width:100%;
	height: auto;
}
div.map{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 30px;
}
div#mainContents table.typeAM{
	width: 100%; 
	margin: 0;
}
.layout-flex{
	margin: 0 auto;
	height: fit-content;
}
  td.map,td.map tr {
    display: block;
  }
  table.typeAM tr{
	height: fit-content;
}
}

@media(max-width:560px){
	div#mainContents.isSideBar div.section div.column1-2 {
	float: left;
	width: 97%;
	padding-right: 3%;
}
}
/* EOF */
