@charset "utf-8";
/*--------------------------------------------------*/
/*  カラー：Black
/*--------------------------------------------------*/

/* ================================================ */
/*  Base																						*/
/* ================================================ */

/*++++++++++++++++++++++++++
	Link : Text
++++++++++++++++++++++++++*/
a{ 				text-decoration:underline ; color:#FFFF00 ;}
a:link{ 	text-decoration:underline ; color:#FFFF00 ;}
a:visited{text-decoration:underline ; color:#FFFF00 ;}
a:hover{ 	text-decoration:underline ; color:#FFFF00 ;}
a:active {text-decoration:underline ; color:#FFFF00 ;}

/*++++++++++++++++++++++++++
	Color
++++++++++++++++++++++++++*/
/*  フォント色  */
.red	{ color:#FF0000 ;}
.gray	{ color:gray ;}
.green{ color:#4daf38 ;}


/* ================================================ */
/*  レイアウト																			*/
/* ================================================ */
/*----------------------------
	Body
----------------------------*/
body{
	background: #000 ;
	color: #ffffff ;
}

/*----------------------------
	Header	
----------------------------*/
header #h_menu #h_bekkan a{
	background: #000000;
	border: 1px solid #ffffff ;
	color: #ffff00 ;
}

	header #h_menu #chg_font a{
		color: #000000 ;
	}

	header #h_menu #chg_bg ul li.cwhite a{ background-color: #eeeeee ; color: #000000 ; }
	header #h_menu #chg_bg ul li.cblack a{ background-color: #000000 ; border: 1px solid #fff ; }
	header #h_menu #chg_bg ul li.cblue a{ background-color: #0669b2 ; }

	header #h_menu #chg_font ul li a{
		background-color: #000000 ;
		color: #ffff00 ;
	}

	.fontSmall header #h_menu #chg_font ul li.fsmall a,
	.fontMiddle header #h_menu #chg_font ul li.fnormal a,
	.fontLarge header #h_menu #chg_font ul li.fbig a{
		background: #ffffff ;
		color: #000000 ;
	}	
	

/*----------------------------
	Navigation	
----------------------------*/
#navigation{
	background: #000000 ;
	border-top: 1px solid #fff ;
	border-bottom: 1px solid #fff ;
}

	#navigation nav ul li a{
		color: #ffff00 ;
	}

	#navigation nav ul li:nth-child(1) a:before{
		border-left: 1px solid #ffff00 ;
	}

	#navigation nav ul li a:after{
		border-left: 1px solid #ffff00 ;
	}

@media screen and (max-width:767px ){
	#panel-btn:after{
		color: #ffff00;
	}

	#panel-btn-icon{
		background: #ffff00;
	}
	#panel-btn-icon:before, #panel-btn-icon:after{
		background: #ffff00;
	}
}
		
				
/*----------------------------
	main	
----------------------------*/
	/*  パンくず
  ------------------------------*/
	main #breadCrumbs a{
		color: #ffff00 ;
	}

	/*  コンテンツ
  ------------------------------*/
	/*  width:100%  */
	main#under .content.bgColor{
		background: #000000 ;
		border-top: 1px solid #ffffff ;
		border-bottom: 1px solid #ffffff ;
	}

	/*  ページ下部バナー
  ------------------------------*/
	main #under_banner ul li{
		border: 1px solid #ffffff ;
	}
	
/*----------------------------
	Footer	
----------------------------*/
footer{
	background: #000000;
	border-top:1px solid #fff ;
}

	footer #f_wrapper #f_menu ul li a{
		color: #ffff00 ;
	}

	footer #f_wrapper #f_information{
		color: #ffffff;
	}

/*--------------------------------------
		pagetop
---------------------------------------*/
	#pagetop a {
		color: #ffff00 ;
	}

		#pagetop a::before{
			border-top: 2px solid #ffff00;
			border-right: 2px solid #ffff00;
		}


/*--------------------------------------
		お気に入り企業一覧
---------------------------------------*/
	#favorite a{
		background: #000000 ;
		color: #ffff00 ;
		border:1px solid #ffffff ;
	}


/* ================================================ */
/*  パーツ																					*/
/* ================================================ */
.more a{
	color: #000000 ;
}


/* ================================================ */
/*  Top																							*/
/* ================================================ */
/*----------------------------
	メインビジュアル
----------------------------*/
#top #slider #tglBtn{
	background:#000000;
	border: 1px solid #ffffff ;
	color:#ffff00 ;
}

/*----------------------------
	トピックス
----------------------------*/
#top .topics{
	background: #000000 ;
	border: 1px solid #ffffff ;
}

	#top .topics .content_inner .box .midashi{
		border-bottom: 2px dotted #ffffff ;
	}

		#top .topics .content_inner .box .midashi span a{
			border: 1px solid #ffffff ;
			background: #000000 ;
			color: #ffff00 ;
		}

		#top .topics .content_inner .box ul li{
			border-bottom: 1px solid #ffffff ;
		}

		#top .topics .content_inner .box ul li .city.nagano{ background: #000000 ; border: 1px solid #ffffff ;}

		#top .topics .content_inner .box ul li p a{
			color: #ffff00 ;
		}

		#top .topics .content_inner .other ul li a{
			border: 1px solid #ffff00 ;
			background: #000000 ;
			color: #ffff00 ;
		}

			#top .topics .content_inner .other ul li a::before{
				border-top: 1px solid #ffff00;
				border-right: 1px solid #ffff00;
			}

/*----------------------------
	求人・企業情報
----------------------------*/
#top .info .content_inner .box .midashi{
	color: #ffffff ;
}

	#top .info .content_inner .box .midashi span a{
		border: 1px solid #ffffff ;
		color: #ffff00 ;
		background: #000000 ;
	}

	#top .info .content_inner .box .waku{
		background: #000000 ;
		border: 1px solid #ffffff 
	}

		#top .info .content_inner .box ul li .icon{
			color: #ffffff ;
		}

		#top .info .content_inner .box ul li .icon.new{ background: #000000 ; border: 1px solid #ffffff ;}

		#top .info .content_inner .box ul li p a{
			color: #ffff00 ;
		}

			#top .info .content_inner .box dl a{
				color: #ffff00 ;
			}
					
			#top .info .content_inner .box dl dd.new:before,
			#top .info .content_inner .box dl dd.renew:before{
				color: #ffff00 ;
				background: #000000 ;
				border: 1px solid #ffffff ;
			}

			#top .info .content_inner .box dl dd.renew:before{
				background: #000000 ;
				border: 1px solid #ffffff ;
			}

		#top .info .content_inner .search_box .tab li a{
			color: #ffff00 ;
			background: #000000 ;
			border: 1px solid #ffffff ;
		}

		#top .info .content_inner .search_box .tab li.active a{
			background: #000000 ;
			color: #ffff00 ;
		}

		#top .info .content_inner .search_box .tab li#searchCompany.active a{
			background: #000000 ;
			color: #ffff00 ;
		}

		#top .info .content_inner .search_box .tab li.active a::before{
			border-left: 23px solid #ffffff;
			bottom: -66% ;
		}

		#top .info .content_inner .search_box .tab li#searchCompany.active a::before{
			border-left: 23px solid #ffffff;
		}

		/*  search_block  */
		#top .info .content_inner .search_box .search_block{
			border: 1px solid #ffffff ;
			background: #000000 ;
		}

		#top .info .content_inner .search_box .search_block#searchJob2{
			border: 1px solid #ffffff ;
		}

		#top .info .content_inner .search_box .search_block .back {
			background: #000000 ;
			border: 1px solid #ffffff ;
		}
		#top .info .content_inner .search_box .search_block#searchJob2 .back {
			background: #000000 ;
		}

		#top .info .content_inner .search_box .search_block .midashi {
			color: #ffffff ;
		}
		#top .info .content_inner .search_box .search_block#searchJob2 .midashi {
			color: #ffffff ;
		}

		#top .info .content_inner .search_box .search_block ul li a{
			border: 1px solid #ffffff ;
			background-color: #000000 ;
			color: #ffff00 ;
		}

			#top .info .content_inner .search_box .search_block ul li a::before{
				border-top: 1px solid #ffff00;
				border-right: 1px solid #ffff00;
			}

		#top .info .content_inner .search_box .search_block#searchJob2 ul li a{
			border: 1px solid #000000 ;
			color: #ffff00 ;
		}
		#top .info .content_inner .search_box .search_block#searchJob2 ul li a::before{
			border-top: 1px solid #ffff00;
			border-right: 1px solid #ffff00;
		}

		#top .info .content_inner .search_box .search_block dl dt{
			border: 1px solid #ffffff ;
			background: #000000 ;
			color: #ffff00 ;
		}
		#top .info .content_inner .search_box .search_block#searchJob2 dl dt{
			border: 1px solid #000000 ;
			color: #ffff00 ;
		}

			#top .info .content_inner .search_box .search_block dl dt:after{
				color: #ffff00 ;
			}

			#top .info .content_inner .search_box .search_block#searchJob2 dl dt:after{
				color: #ffff00 ;
			}

			#top .info .content_inner .search_box .search_block dl dd{
				border: 1px solid #ffffff ; 
				background:#000000;
				color: #ffff00 ;
			}

			#top .info .content_inner .search_box .search_block#searchJob2 dl dd{
				border: 1px solid #ffffff ; 
				color: #ffff00 ;
			}

			#top .info .content_inner .search_box .search_block .freeword input{
				border: 1px solid #ffffff ;
				background: #000000 ;
				color: #ffff00 ;
			}

			#top .info .content_inner .search_box .search_block#searchJob2 .freeword input{
				color: #ffff00 ;
			}

			#top .info .content_inner .search_box .search_block .submit input{
				background: #000000 ;
				border: 1px solid #ffffff ;
				color: #ffff00 ;
			}



/*----------------------------
	企業情報ピックアップ
----------------------------*/
#top .pickup .content_inner .midashi:after{
	border-bottom: 2px dotted #ffffff ;
}

	#top .pickup .content_inner ul li .name,
	#top .pickup .content_inner ul li > a{
		color: #ffff00 ;
	}
	

/*----------------------------
	職業相談室
----------------------------*/
#top .soudan{
	background: #000000 ;
	border-top: 1px solid #ffffff ;
}

	#top .soudan .content_inner .midashi:after{
		border-bottom: 2px dotted #ffffff ;
	}

	#top .soudan .content_inner ul li{
		background: #000000 ;
		border: 1px solid #ffffff ;
	}

		#top .soudan .content_inner ul li a{
			color: #ffff00 ;
		}


/*----------------------------
	ながライフ
----------------------------*/
#top .nagalife,
main#under .nagaLifeMenu{
	background: #000000 ;
	border-top: 1px solid #ffffff ;
	border-bottom: 1px solid #ffffff ;
}

	#top .nagalife .content_inner ul li a,
	#under .nagaLifeMenu .content_inner ul li a{
		background: #000000 ;
		color:#ffff00 ;
		border: 1px solid #ffff00 ;
	}

		#top .nagalife .content_inner .right:after,
		#under .nagaLifeMenu .content_inner .right:after{
			border-left: 25px solid #ffffff;
		}



/*///////////////////////////////////////////////////////////////////////////////////////////*/
/* CSS Document - 下層ページ共通*/


/*下層ページ共通
============================================*/

/*----------------------------
	見出し
----------------------------*/
.h1_blue{
	border-bottom: 1px dashed #ffffff;
}

/*----------------------------
	ページナビ
----------------------------*/
.pagenavi,
.contentMapMarkers .pagination{
	border-top: 2px solid #ffffff ;
	border-bottom: 2px solid #ffffff ;
}

/*----------------------------
	企業情報・求人情報検索フォーム
----------------------------*/
/*   検索フォーム  */
.form_lst{
	border: 1px solid #ffffff ;
}

	/*  dl  */
	.form_dl_lst{
		border-bottom: 1px solid #ffffff;
	}

		.form_dl_lst dt,
		.form_dl_lst dd{
			border-top: 1px solid #ffffff;
		}

			.form_dl_lst input[type=text]{
				background: #000000 ;
				border: 1px solid #ffffff ;
				color: #ffffff ;
			}

	.form_lst .submit input{
		background: #000000;
		color: #ffff00 ;
		border: 1px solid #ffffff ;
	}


@media screen and (max-width: 767px) {
	.form_lst form{
		background: #000000;
	}
}


/*----------------------------
	一覧表示切替
----------------------------*/
.change_btn ul li a{
	color: #ffff00 ;
	background-color: #000000 ;
	border: 1px solid #ffffff ;
}

	.change_btn ul li a.active{
		background-color: #0070b7 ;
	}


/* 企業情報・求人情報 共通

============================================*/

/* 企業情報見出し
----------------------------------*/


/*  企業情報 タブ
----------------------------------*/
/*  li  */
.tab_cmp_dtl li{
	color:#ffffff;
}

	/*  a  */
	.tab_cmp_dtl li a,
	.tab_cmp_dtl li span{
		background: #000000 ;
		color:#ffff00;
		border-bottom: 2px solid #ffffff ;
	}

	/*  span  */
	.tab_cmp_dtl li span{
		background: #000000 ;
		color: #6e6e6e ;
		border-bottom: 2px solid #000000 ;
	}

	/*  アクティブ  */
	.tab_cmp_dtl li.active span{
		background: #000000 ;
		color: #ffffff ;
		border: 2px solid #ffffff ;
	}


/*  企業情報・求人情報・先輩の声　詳細ボックス
-----------------------------------------------*/
/*  アイテム  */
.info_cmp{
	background:#000000;
	border: 1px solid #ffffff ;
}

	/*  企業別一覧の場合  */
	.company_summary .info_cmp{
		border: 10px solid #ffffff;
	}

	/*  a  */
	.info_company_name_cmp a{
		color:#ffff00;
	}

	/*  span  */
	.info_company_name_cmp span{
		color:#ffffff;
	}

	/*  a  */
	.info_recruit_name_cmp a{
		color: #ffff00 ;
	}

.info_category_cmp{
	color:#ffffff;
}

/*  詳細ボタン
----------------------------------*/
.brd_btn li.detail a{
	border:1px solid #ffffff;
	color:#ffff00;
}

	.brd_btn li.detail a::before{
		border-top: 1px solid #ffff00;
		border-right: 1px solid #ffff00;
	}

.brd_btn li.back a{
	border:1px solid #ffffff;
	color:#ffff00;
}

	.brd_btn li.back a::before{
		border-top: 1px solid #ffff00;
		border-right: 1px solid #ffff00;
	}

.brd_btn li.favorite a{
	border:1px solid #ffffff;
	background: #000000;
	color:#ffff00;
}



/* 企業情報詳細
============================================*/
/*  見出し
--------------------------------*/
/*  h2,h3  */
.company_summary .h2_cmp_dtl,
.company_summary .h3_summary_cmp_dtl{
	border-left:5px solid #ffffff;
}


/*  イメージブロック
--------------------------------*/
/*  li  */
.company_summary .gallery_cmp_dtl ul li{
	background: #000000;
}



/*  応援
--------------------------------*/
/*  dt  */
.summary_cmp_subbox .box dl dt {
	background: #000000 ;
}

	/*  before  */
	.summary_cmp_subbox .box dl dt:before{
		background-color: #000000 ;
	}

/*  会社の魅力
--------------------------------*/
.company_summary .appeal_dl_cmp_dtl{
	background: #000000 ;
}

	/*  dt  */
	.company_summary .appeal_dl_cmp_dtl dt{
		background: #000000;
		color:#ffffff;
		border: 1px solid #ffffff ;
	}

		/*  before  */
		.company_summary .appeal_dl_cmp_dtl dt::before{
			border-left: 8px solid #ffffff;
		}



/*  テーブル組情報
--------------------------------*/
/*  table  */
.dl_table_cmp_dtl{
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: #000000 ;
}

	/*  dt , dd  */
	.dl_table_cmp_dtl dt,
	.dl_table_cmp_dtl dd{
		border-top: 1px solid #ffffff;
	}

		/*  dd  */
		.dl_table_cmp_dtl dd{
			border-left: 1px solid #ffffff;
		}

@media screen and (max-width: 767px) {
		.dl_table_cmp_dtl dt{
			background: #000000 ;
			border-bottom: 1px solid #ffffff ;
		}
}


/*  求人情報詳細
--------------------------------*/
.company_summary .info_cmp_dtl{
	border: 10px solid #ffffff;
}

 .company_summary .info_name_cmp {
 		color:#ffffff;
	}


/*  先輩社員の一日
--------------------------------*/
/*  スケジュール  */
.company_summary .staff_ribbon_cmp_dtl{
	color:#ffffff;
}

	.company_summary .staff_dl_cmp_dtl:after{
    border-left: 10px solid #ffffff;
	}

	.company_summary .staff_dl_cmp_dtl {
		border: 1px solid #ffffff ;
	}
	
	.company_summary .staff_dl_cmp_dtl dl {
		background: #000000 ;
	}

		/*  dt  */
		.company_summary .staff_dl_cmp_dtl dt{
			color: #ffffff;
		}

		/*  dd  */
		.company_summary .staff_dl_cmp_dtl dd{
			border-left: 2px solid #ffffff;
		}

@media screen and (max-width: 767px) {
	/*  dd  */
	.company_summary .staff_dl_cmp_dtl dd{
		border-top: 2px solid #ffffff;
	}
}

/*  ビジネスマッチング情報詳細
--------------------------------*/
.company_summary .match_cmp{
	border: 10px solid #ffffff;
}

	.company_summary .match_title_cmp{
    color: #ffffff;
	}

	/*  ファイル  */
	.company_summary .match_attach_cmp{
		background: #000000;
		border: 1px solid #ffffff ;
	}

		.company_summary .match_attach_ul_cmp li::before{
			background: #000000;
		}

			.company_summary .match_attach_ul_cmp li::after{
				border-top: 1px solid #fff;
				border-right: 1px solid #fff;
			}



/* 新着情報
----------------------------------*/
.side_section .side_inner ul li a{
	color: #ffff00 ;
	border: 1px solid #ffff00 ;
}

	.side_section .side_inner ul li a::before{
		border-top: 1px solid #ffff00;
		border-right: 1px solid #ffff00;
	}

	/*  項目数２  */
	.main_section .main_inner .docs ul li {
		border-bottom:1px dotted #ffffff ;
	}
	
		#page-topics-index .main_section .main_inner .docs ul li .group,
		#page-categories-topics-event-index .main_section .main_inner .docs ul li .group,
		#page-categories-topics-news-index .main_section .main_inner .docs ul li .group,
		#page-categories-topics-chuukan-index .main_section .main_inner .docs ul li .group{
			color:#ffffff;
			background-color:#000000;
			border: 1px solid #ffffff;
		}

		.main_section .main_inner .contentGpArticleDoc .inquiry h2 {
			border-left: 8px solid #ffffff;
		}
		/*  項目数３  */
		.main_section .main_inner .list dl.type3{
			border-bottom:1px dotted #ffffff ;
		}

		/*  記事タイトル  */
		.main_section .main_inner #pageTitle h1{
				border-left: 5px solid #ffffff;
		}
	
			/*  日付  */
			.main_section .main_inner .item_detail .date{
				color:#ffffff ;
			}

/*topics　追記*/
.main_section h2 {
	border-left: 5px solid #ffffff;
}

.main_section h3 {
	color: #ffffff;
}

/*  トピックス  */
.main_section ul li span.category span.topics-event{
	color: #ffffff ;
	border: 1px solid #ffffff ;
}
.main_section ul li span.category span.topics-news{
	color: #ffffff ;
	border: 1px solid #ffffff ;
}

.main_section .rels ul li a{color:#ffff00;}

.main_section table {
	border: solid #ffffff 1px;
	color: #ffffff;
}

.main_section tr,
.main_section th,
.main_section td {
	border: solid #ffffff 1px;
}

.main_section th {
	background: #000000;
	width: 30%;
}

@media screen and (max-width: 767px) {
	.side_section .side_inner h3{
		background:#000000 ;
		color:#ffffff ;
	}

	.side_section .side_inner ul li{
		border-bottom:1px solid #ffffff ;
		background: #000000;	
	}
}



/* 個人情報について
============================================*/
.privacy_cmp{
	border: 1px solid #dddddd;
	padding:20px;
	background:#ffffff;
	margin-bottom:30px;


	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
}
.privacy_title_cmp{
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 1em;
	border-left:8px solid #4CA2DF;
	padding: 5px 0 5px 10px;
	line-height:1.1;
}
.privacy_cmp_inner{
	width:100%;
}

.privacy_cmp p{
	margin-bottom:1em;
}

.h1_blue h1 {
	font-size: 120%;
	font-weight: bold;
}

.privacy_cmp p.midashi{
	font-weight:bold;
	font-size:110%;
	color:#4ca2df;
	  margin-bottom:0.5em;
}

.privacy_cmp h2 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 1em;
	border-left: 8px solid #4CA2DF;
	padding: 5px 0 5px 10px;
	line-height: 1.1;	
}

.pricvacy_cmp h3 {
	font-weight: bold;
	font-size: 110%;
	color: #4ca2df;
	margin-bottom: 0.5em;
}

.privacy_cmp ul li {
	list-style: disc;
	list-style-position: outside;
}

.privacy_cmp ul {
	margin-bottom: 20px;
	padding-left: 20px;
}


/*-----------------------------------------------------------*/
/*  職業相談
/*-----------------------------------------------------------*/
/*  トップページ  */
.dir-docs{}

	.dir-docs .docs{
		width: 970px ;
		margin: 0 auto ;
	}

		.dir-docs .docs ul{
			padding: 0 ;
			overflow: hidden;
		}

			/*  li  */
			.dir-docs .docs ul li {
				display: block;
				padding-left: 15px;
				background-image: url(/_themes/img/nagalife/shokugyo_sodan_ico.gif);
				background-position:0px 6px;
				background-repeat: no-repeat;
				overflow: hidden;
				margin-bottom:10px;
			}

	.dir-docs .pagenavi{
		display: none ;
	}


/*  見出し  */
main .content.shokugyo_sodan_top {
	padding: 50px 0 0 0 ;
}
main .text-beginning .content.shokugyo_sodan:nth-child(1) {
	padding: 0 0 50px 0 ;
}

/*  body  */
.shokugyo_sodan .body {
	margin: 0 auto ;
}

	/*  左側：テキスト  */
	.shokugyo_sodan .text {
		display: block;
		width: 460px;
		margin-right:30px;
		margin-top: 20px;
		margin-bottom: 20px;
		float: left;
	}

		.shokugyo_sodan table {
			border: solid #4ca2df 1px;
			width:100%;
			color: #333;
		}

			.shokugyo_sodan table caption{
				display: none ;
			}

			.shokugyo_sodan tr,
			.shokugyo_sodan th,
			.shokugyo_sodan td {
				border: solid #4ca2df 1px;
			}

			.shokugyo_sodan th,
			.shokugyo_sodan td {
				padding: 5px;
			}

			.shokugyo_sodan th {
				background: #f5f9fb;
				width: 30%;
			}

		.shokugyo_sodan ul {
			padding: 20px;
		}

			.shokugyo_sodan ul li {
				list-style: disc;
			}

	/*  右側：地図  */
	.shokugyo_sodan .map {
		display: block;
		width: 460px;
		margin:20px 0 ;
		padding: 0;
		float: left;
	}

	/*  職員紹介  */
	.shokugyo_sodan .white_area {
		padding: 20px;
		background: #ffffff;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

		/*  見出し  */
		.shokugyo_sodan .white_area h2 {
			margin: 0;
			margin-left: -27px;
			margin-bottom: 20px;
			border: none;
			font-size: 120%;
			padding: 10px 0px 0px 20px;
		}

		/*  職員ブロック  */
		.shokugyo_sodan .white_area .temp {
			clear: both;
			width: 100%;
		}

			/*  p  */
			.shokugyo_sodan .white_area p{
				margin-bottom:2em;
			}

				/*  写真  */
				.shokugyo_sodan .white_area .photo{
					float:left;
					width:240px;
				}

				/*  テキスト  */
				.shokugyo_sodan .white_area .inner{
					width:665px;
					float:right;
				}


	/*  関連リンク
	-----------------------------------*/
  /*  見出し  */
	.shokugyo_sodan h2 {
		border-left: 5px solid #4ca2df;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 0 0 0 10px;
    margin: 1em auto;
	}

  /*  ul  */
	.shokugyo_sodan ul.kanren-link {
		padding: 0 !important;
		overflow: hidden;
	}

		/*  li  */
		.shokugyo_sodan ul.kanren-link li {
			display: block;
			width:300px;
			padding-left: 15px;
			float: left;
			background-image: url(/_themes/img/nagalife/shokugyo_sodan_ico.gif);
			background-position:0px 6px;
			background-repeat: no-repeat;
			overflow: hidden;
			margin-bottom:10px;
		}

	/*  関連リンク
	-----------------------------------*/
	.adobeReader{
		width: 970px ;
		margin: 0 auto ;
	}


@media screen and (max-width: 767px) {
	.shokugyo_sodan .body {
		width: 95% ;
	}

	.shokugyo_sodan .white_area .photo{
			float:none;
		width:100%;
		text-align:center;
		margin-bottom:1em;
	}
	.shokugyo_sodan .white_area .inner{
		width:100%;
		float:none;
	}

	.shokugyo_sodan .text {
		display: block;
		width: 100%;
	}
	.shokugyo_sodan .map {
		display: block;
		width: 100%;
		margin:0;
		padding: 0;
		margin-bottom: 20px;
		margin-top: 20px;
	}

}





/*-----------------------------------------------------------*/
/*  サイトマップ
/*-----------------------------------------------------------*/
/*  トップページ  */
	ul.sitemap{
		padding: 0 ;
		overflow: hidden;
	}

		/*  li  */
		ul.sitemap li.level1{
			list-style: none ;
			margin: 0 auto 20px auto ;
		}

			ul.sitemap li.level1 > a{
				display: block;
				width: 100% ;
				padding-left: 5px;
				padding-bottom: 5px ;
				overflow: hidden;
				margin-bottom:15px;
				border-bottom: 1px solid #4ca2df ;
				text-decoration: none ;
				font-size: 1.2rem ;
			}

			/*  li  */
			ul.sitemap ul.level2{
				margin: 0 0 0 30px ;
			}

				ul.sitemap ul.level2 li{
					list-style: none ;
					margin: 0 auto 10px auto ;
				}

					ul.sitemap ul.level2 li a{
						display: block;
						width: 100% ;
						padding-left: 15px;
						background-image: url(/_themes/img/nagalife/shokugyo_sodan_ico.gif);
						background-position:0px 6px;
						background-repeat: no-repeat;
						overflow: hidden;
						margin-bottom:10px;
					}




/*-----------------------------------------------------------*/
/*  FAQ
/*-----------------------------------------------------------*/
/*  ul  */
.faq ul {
	width: 100%;
	padding: 25px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #eeeeee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 40px;
	border: solid 1px #CCC;
}

	/*  li  */
	.faq ul li {
		padding: 5px 20px 5px 20px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: #FFF;
		list-style: none;
		background-image: none  ;
	}

	/*  回答  */
	.faq ul li.ans {
		margin-top: 5px;
	}

		/*  アイコン  */
		.faq ul li span {
			margin-right: 10px;
			font-size: 210%;
		}

		.faq ul li.que span{color:#4ca2df;}
		.faq ul li.ans span {color: #900;}



/*-----------------------------------------------------------*/
/*  利用・運用規約
/*-----------------------------------------------------------*/
/*  h3  */
.kiyaku h3 {
	font-weight: bold;
	font-size: 110%;
	color: #4ca2df;
}

/*  dl  */
.kiyaku dl {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	width: 90%;
	padding: 10px;
}

	/*  dt  */
	.kiyaku dt {
		display: block;
		width: 7%;
		float:left;
		margin-bottom: 10px;
		color: #4ca2df;
	}

		.kiyaku dt span.num {
			padding-left: 15px;
		}

	/*  dd  */
	.kiyaku dd {
		display: block;
		width: 93%;
		float: left;
		margin-bottom: 10px;
		padding-left: 10px;
		box-sizing: border-box;
	}


@media screen and (max-width: 767px) {
	.kiyaku dl {
		clear: both;
		margin: 0px;
		margin-bottom: 10px;
		overflow: hidden;
		width: 100%;
		padding: 0px;
	}

		.kiyaku dt {
			display: block;
			width: 100%;
			margin:0;
			color: #4ca2df;
		}

			.kiyaku dt span.num {
				padding: 0;
			}

	.kiyaku dd {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
}





/*-----------------------------------------------------------*/
/*  汎用パーツ
/*-----------------------------------------------------------*/
/*  見出し  */
.body h2 {
	background: #000000 ;
	border: 1px solid #ffffff ;
}



/*-----------------------------------------------------------*/
/*  FAQ
/*-----------------------------------------------------------*/
/*  ul  */
.faq ul {
	background: #000000;
	border: solid 1px #ffffff;
}

	/*  li  */
	.faq ul li {
		background: #000000;
	}

	.faq ul li.que span{color:#ffffff;}
	.faq ul li.ans span {color: #ffffff;}



/*-----------------------------------------------------------*/
/*  ながライフ
/*-----------------------------------------------------------*/
.nagalife h1{
	color: #000000 ;
}

	.nagalife ul li a {
		color:#ffff00;
	}

.nagalife-footer #life_info {
	background: #000000 ;
}
@media screen and (max-width: 767px) {
	.nagalife h1{
		background: #000000;
		color:#FFF;
	}
}

/*  メニュー
--------------------------------------*/
#life_info{}

	.life_wrap ul a {
		background-color:#000;
		color:#ffffff;
	}


/*-----------------------------------------------------------*/
/*  お問い合わせ
/*-----------------------------------------------------------*/
#page-forCompany-form-index .answer_content,
#page-forCompany-form .answer_content,
#page-contact-form .surveyForm .answer_content,
#page-forCompany-form-confirm .answer_content,
#page-contact-form-confirmAnswers .surveyForm .answer_content{
	border-left: dotted 1px #ffffff;
}

#page-forCompany-form-index .question_content,
#page-forCompany-form .question_content,
#page-contact-form .surveyForm .question_content,
#page-forCompany-form-confirm .question_content,
#page-contact-form-confirmAnswers .surveyForm .question_content{
	border-left: 10px solid #ffffff;
}

#page-forCompany-form-index .question,
#page-forCompany-form .question,
#page-contact-form .surveyForm .question,
#page-forCompany-form-confirm .question,
#page-contact-form-confirmAnswers .surveyForm .question {
	border-top: solid 1px #ffffff;
}

#page-forCompany-form-index a#captchaReload,
#page-forCompany-form-index a#captchaTalk,
#page-forCompany-form a#captchaReload,
#page-forCompany-form a#captchaTalk,
#page-contact-form .surveyForm a#captchaReload,
#page-contact-form .surveyForm a#captchaTalk,
#page-forCompany-form-confirm a#captchaReload,
#page-forCompany-form-confirm a#captchaTalk,
#page-contact-form-confirmAnswers .surveyForm a#captchaReload,
#page-contact-form-confirmAnswers .surveyForm a#captchaTalk {
	background: #000000;
	color: #fff;
}

@media screen and (max-width: 767px) {
	#page-forCompany-form-index .question_content,
	#page-forCompany-form .question_content,
	#page-contact-form .surveyForm .question_content,
	#page-forCompany-form-confirm .question_content,
	#page-contact-form-confirmAnswers .surveyForm .question_content{
		border-left: 10px solid #ffffff;
	}
}

#page-forCompany-form-confirm .errorExplanation,
#page-contact-form-confirmAnswers .errorExplanation {
	color: #ffffff;
}

.check_blue_area .sch_box {
	background: #000000;
}


#page-forCompany-form-index .question_content {
	border-left: 10px solid #ffffff;
}



/*-----------------------------------------------------------*/
/*  企業の皆さまへ
/*-----------------------------------------------------------*/
/*  a  */
.for_cmp_alr ul li a{
	border:2px solid #ffff00;
	color:#ffff00;
}	

	span.favorite a{
		color:#ffff00;
	}


/*-----------------------------------------------------------*/
/*  地図から探す
/*-----------------------------------------------------------*/
	/*  業種  */
	.map_block ul.about-ico {
		border: solid 2px #fff;
	}

	/*  一覧  */
	.dir-compMap table {
		border: solid #ffffff 1px;
		color: #ffffff;
	}

		.dir-compMap tr,
		.dir-compMap th,
		.dir-compMap td {
			border: solid #ffffff 1px;
		}

		.dir-compMap th {
			background: #000000;
			width: 30%;
		}


/*別館*/
.bekkan h3 {
	border-left: 8px solid #ffffff;
}

.bekkan dt {
	color: #ffffff;
}

/*別館一覧*/
.interview_list .about {
	border: solid 1px #ffffff;
}

.interview_list ul li a.doc_link{
	color: #ffff00;
	border: 1px solid #ffffff ;
	background: #000000;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++
　広域化
+++++++++++++++++++++++++++++++++++++++++++++++++*/
#page-kouiki{}

#page-kouiki .body h3{
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

		#page-kouiki .body ul li a{
			border: 1px solid #ffff00;
			background-color:rgba(255,255,255,0.8);
			color:#ffff00;
		}

		#page-kouiki .body ul li a:hover{
			background-color:rgba(8,144,113,0.8) ;
			color:#ffff00 ;
		}





/* ================================================ */
/*  社会人経験者採用求人情報												*/
/* ================================================ */
#page-exp .body h2{
	border: none ;
	border-left: 5px solid #ffffff ;
}

	#page-exp .exp_company a{
		color: #ffff00 ;
		border: 1px solid #ffff00 ;
		background: #000000 ;
	}

		#page-exp .exp_company a::before{
			background: #000000;
		}
		#page-exp .exp_company a::after{
			border-top: 3px solid #ffff00;
			border-right: 3px solid #ffff00;
		}

#page-exp .pdf_link{
	background:#000000 ;
	border: 1px solid #ffffff ;
}

	#page-exp .pdf_link a{
		background: #000000;
		color: #ffff00 ;
	}

	#page-exp .btn_area ul li {
		background: #000000;
		color: #ffff00;
		border: 1px solid #ffffff ;
		box-sizing: border-box ;
	}
		
		#page-exp .btn_area ul li a {
			width: 168px ;
			color: #ffff00;
		}

/*  社会人経験者採用求人情報：テーブル並び替え
------------------------------------------------------------*/
.exp_table thead th {
	background: #000000;
	border: #ffffff solid 1px;
	color: #ffffff;
}
.exp_table thead th a {
	color: #FFF;
}
.exp_table table{
	border: 1px solid #ffffff;
}
.exp_table table tr:nth-child(2n+1) {
  background: #000000;
}
	
.exp_table::-webkit-scrollbar{
		border:1px #ffffff solid;
	}
	.exp_table::-webkit-scrollbar:horizontal{
		background: #fff;
	}
	.exp_table::-webkit-scrollbar-thumb{
		background: #fff;
	}
	.exp_table::-webkit-scrollbar-thumb:horizontal{
		background: #000000;
	}
.exp_table tbody td {
	border-left: 1px solid #ffffff ;
	border-bottom: 1px solid #ffffff ;
}
.exp_table tbody td .new{
	color:#ffffff ;
	background-color: #000000 ;
}

@media screen and (max-width: 767px) {
	.exp_block{
		border: 5px solid #ffffff ;
	}

		.exp_block h3 span{
			color:#ffffff ;
			background-color: #000000 ;
		}

	.exp_block table{
			border: 1px solid #ffffff ;
	}

		.exp_block table th{
			background-color: #000000 ;
			border: 1px solid #ffffff ;
		}

			.exp_block table td{
				background-color: #000000 ;
				border: 1px solid #ffffff ;
			}

			.exp_block .link a{
				background-color: #000000 ;
				color: #ffffff ;
				border: 1px solid #ffffff ;
			}

}




/*  東京圏在住の社会人の方へ
---------------------------------------------------------------------*/
.consultation_link a{
color: ##ffffff;
border:1px solid #ffffff ;
border-top: solid 5px #ffffff;
backgroud:#000000 ;
box-shadow: none;
background:none ;
background: none;
}

.consultation_box{
border: solid 1px#ffffff;
background:#000000 ;
color:#ffffff;
}






/*　職場体験
-----------------------------------------------*/
.dir-jobTrial #contents .pdf_link a{
	background: #000000 ;
}

.dir-jobTrial #contents .refine{
	background: #000000 ;
	border: 1px solid #ffffff ;
}

		.dir-jobTrial #contents .refine dl dt{
			background: #000000 ;
			border-bottom: 1px solid #ffffff ;
		}

/*　一覧：テーブル組
+++++++++++++++++++++++++++++ --*/
.dir-jobTrial #contents .table_list table{
	border-top: 1px solid #ffffff ;
	border-left: 1px solid #ffffff ;
}

	.dir-jobTrial #contents .table_list table th{
		background: #000000 ;
		border-bottom: 1px solid #ffffff ;
	}

	.dir-jobTrial #contents .table_list table td{
		border-right: 1px solid #ffffff ;
		border-bottom: 1px solid #ffffff ;
		background: #000000 ;
	}

/*  h3  */
.dir-jobTrial #contents .h3_summary_cmp_dtl{
	border-left:5px solid #ffffff;
}

/*  会社の魅力
--------------------------------*/
.dir-jobTrial #contents .appeal_dl_cmp_dtl{
	border: 5px solid #ffffff ;
}

	/*  dt  */
	.dir-jobTrial #contents .appeal_dl_cmp_dtl dt{
		background: #000000 ;
		border-bottom: 1px solid #ffffff ;
	}

		/*  before  */
		.dir-jobTrial #contents .appeal_dl_cmp_dtl dt::before{
			border-left: 8px solid #ffffff;
			bottom: -16px ;
		}


/*  テーブル組情報
--------------------------------*/
/*  table  */
.dir-jobTrial #contents .dl_table_cmp_dtl{
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: #000000 ;
}

	/*  dt , dd  */
	.dir-jobTrial #contents .dl_table_cmp_dtl dt,
	.dir-jobTrial #contents .dl_table_cmp_dtl dd{
		border-top: 1px solid #ffffff;
	}

		/*  dt  */
		.dir-jobTrial #contents .dl_table_cmp_dtl dt{
			clear: both ;
			width:30%;
		}

		/*  dd  */
		.dir-jobTrial #contents .dl_table_cmp_dtl dd{
			border-left: 1px solid #ffffff;
		}





















