<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*
Theme Name: nikko-technos
Description: 日興テクノスホームページ用スタイルシート
Version: 1.0
*/

/* デザイン ここから */
body {
	margin:0;
	padding:0;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo" , "メイリオ", "sans-serif";
}

a:link, a:visited {
	color: #0066AA;
	text-decoration: none;
}

a:hover, a:active {
	color: #0066AA;
	text-decoration: underline;
}

/*下層ページタイトル*/
#header-img {
	width: 100%;
	height: 350px;
	background-position: center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

#header-img h1 {
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0 5px 12px rgba(0,0,0,0.9);
}

/*ホームと下層のh2及びお知らせ一覧h1*/
main#front h2,
#main-contents .contents-area h2,
h1.archive-title {
	display: flex;
	background-color: #5DA1D8;
	font-size: 26px;
	padding: 15px 0;
	letter-spacing: 2px;
	color: #FFFFFF;
	justify-content: center;
	margin: 0;
}

/*最新情報・お知らせ(ホーム・アーカイブ共通）*/
section#news article {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 30px;
	border-bottom: 1px #000000 dotted;
}

section#news article:hover {
	background: #B3E5FC;	
}

.news-box {
	display: flex;
}

.thumbnail-box {
	width: 160px;
	height: 100px;
	overflow: hidden;
	margin-right: 35px;
}
.thumbnail-box img {
	width: 160px;
	height: auto;
}

article .category-mark {
	color: #FFFFFF;
	width: 160px;
	padding: 10px 0px;
	text-align: center;
	margin-right: 30px;
}

article .arrow-box {
	padding-left: 10px;
}

.news-date {
	padding: 10px 0;
}

.info-box {
	display: flex;
}
.news-title {
	padding: 15px 0;
}

/*矢印アイコン*/
[class^="cat-"] i {
	font-size: 20px;
}

/*カテゴリーカラー設定（ホーム・一覧）ここから*/
/*お知らせ*/
.cat-5 .category-mark {
	background-color: #006775;
}
.cat-5 i {
	color: #006775;
}

/*イベント*/
.cat-6 .category-mark {
	background-color: #00680F;
}
.cat-6 i {
	color: #00680F;
}

/*製品情報*/
.cat-7 .category-mark{
	background-color: #937E00;
}
.cat-7 i {
	color: #937E00;
}

/*CSR活動*/
.cat-8 .category-mark{
	background-color: #A51300;
}
.cat-8 i {
	color: #A51300;
}
	
/*健康経営*/
.cat-9 .category-mark{
	background-color: #5d0075;
}
.cat-9 i {
	color: #00680F;
}

/*カテゴリーカラー設定 ここまで*/

/*ホーム　お知らせ一覧（OLD）ボタン*/
#news .archive-link {
	margin-top: 30px;
	margin-right: 30px;
	text-align: right;
}

#news .archive-link a {
	padding: 10px 15px;
	background-color: #8C8179;
	color: #FFFFFF;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}

#news .archive-link a i {
	margin-left: 0.5em;
}

/*お知らせ記事*/
#main-contents .contents-area #news-contents {
	max-width: 1150px;
	margin: 0 auto 15px;
}

#news-contents h1 {
	font-size: 20px;
	border-top: 3px #0066AA double;
	border-bottom:  3px #0066AA double;
	padding: 5px 10px;
}

#news-contents .news-info {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 10px;
}

#news-contents .news-info [class^="cat-"] {
	padding: 5px 10px;
	color: #FFFFFF;
	margin-right: 15px;
}

#news-contents .news-info .date {
	padding: 5px 10px;
}

/*カテゴリーカラー設定（お知らせ記事）ここから*/
/*お知らせ*/
#news-contents .news-info .cat-5 {
	background-color: #006775;
}

/*イベント*/
#news-contents .news-info .cat-6 {
	background-color: #00680F;
}

/*製品情報*/
#news-contents .news-info .cat-7 {
	background-color: #937E00;
}

/*CSR活動*/
#news-contents .news-info .cat-8 {
	background-color: #A51300;
}

/*健康経営*/
#news-contents .news-info .cat-9 {
	background-color: #00680F;
}

/*カテゴリーカラー設定（お知らせ記事）ここまで*/

#news-contents .news-body {
	border-top: 1px #0066AA dotted;
	border-bottom:  1px #0066AA dotted;
	padding: 15px 10px;
}

#news-contents .news-link {
	margin-top: 15px;
	margin-bottom: 20px;
	text-align: right;
}

#news-contents .news-link a {
	display: inline-block;
	padding: 5px 15px;
	background-color: #0066AA;
	color: #FFFFFF;
	/*box-shadow: 0 5px 5px rgba(0,0,0,0.5);*/
}

#news-contents .news-link a i {
	margin-left: 0.5em;
}

/*お知らせ一覧*/
#main-contents .contents-area #list-area {
	max-width: 1150px;
	margin: 15px auto 30px;
}

/*ページネーション*/
/*.pagination-area {}*/

nav.pagination{
	margin:15px 0;
}
.nav-links{
	display:flex;
	justify-content: center;
}
.pagination .page-numbers{
	display:inline-block;
	margin-right:10px;
	padding:5px 10px;
	color:#333;
	border-radius:3px;
	border: 1px #999 solid;
	background:#fff;
}

.pagination a.page-numbers:hover {
	background-color: #FFF59D;
	text-decoration: none;
}

/*カレントページボタン*/
.pagination .current{
	padding:5px 10px;
	background:#69a4db;
	color:#fff;
}

/*戻る・進むボタン*/
.pagination .prev,
.pagination .next{
	background:transparent;
	box-shadow:none;
	border: none;
	color:#69a4db;
}
.pagination .dots{
	background:transparent;
	box-shadow:none;
}

/*ページネーション（調整）*/
	#main-contents .contents-area h2.screen-reader-text {
		background:transparent;
		font-size: 1px;
		padding: 0px 0;
	}



/* end */

/* 加藤追加 */
/* 沿革 */
			#enkakutable {
				border-collapse: collapse;
			}
			#enkakutable td {
#				border: &nbsp;1px solid #CCC;
				margin: 0;
				padding: 0.2em 0 1em 0;
			}
			#enkakutable tbody tr td:nth-of-type(1){
#				background: #EEEEFF; 
#				color: red;
				padding-right: 2em;
			}

/* 採用 */
.recruit {
	border-collapse: collapse;
}
.recruit th {
	width: 20%;
	border: 1px solid #CCC;
	text-align: left;
	padding: 0.5em;
}
.recruit td {
	padding: 5px;
	border: 1px solid #CCC;
}
</pre></body></html>