@charset "UTF-8";
/* CSS Document */
body, form, h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote, input, dl, dd, dt, div, address, label{margin: 0;padding: 0;}
body, form, input, select, textarea, h1, h2, h3, h4, h5, h6 {font-size: 16px;}
a img { border: none;}
li { list-style: none;}
table{border-spacing: 0;border-collapse: collapse;}

body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: #282828;
	background-color: #fefefe;
	font-size: 16px;
}
div {margin: 0; padding: 0; box-sizing: border-box;}

a {color: #282828;}
a:hover {text-decoration: none;}




/*----- login -----*/
.title {
	font-family: "impact", 'Antonio',  sans-serif;
	color: #0066cc;
	font-size: 32px;
	line-height: 1;
}
#login {background: #D3E6F3;}
#login div {text-align: center;}
#login label {
	text-align: justify;
	display: inline-block;
	width: 6em;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 1em;
}
#login input {font-size: 16px;text-align: justify}



/*--------- 記事ページ共通部分 ---------*/
header {
	box-sizing: border-box;
	border-top: 3px solid #0066cc;
}
header .header_box{
	max-width: 1040px;
	margin: 0 auto;
	height: 91px;
	display: flex;
	padding: 20px 20px 0 20px;
	justify-content: space-between;
}
header .left_box {flex-shrink: 0;position: relative;}
header .left_box img {margin-right: 20px; position: absolute; top: 0 left 0;}
header .left_box div {display: inline-block; margin: 0 0 0 80px;}
header .left_box p {line-height: 1; margin-bottom: .5em;}
header .left_box h1.title {
	font-family: "impact", 'Antonio', "sans-serif";
	color: #0066cc;
	font-size: 32px;
	line-height: 1;
}
header .right_box {text-align: right; margin-left: 20px; flex-shrink: 1; position: relative;}
header .right_box img {width: 100%;}
header .head_line {
	background: #8E8E8E;
	background: linear-gradient(to bottom, #CECECE 0%, #fff 100%);
	height: 5px;
	margin-bottom: 45px;
}

main {
	margin: 0 auto;
	max-width: 1040px;
	padding: 0 20px 0 20px;
	box-sizing: border-box;
	background: #fefefe;
	min-height: calc(100vh - 169px);
}

footer {
	background: #0066cc;
	text-align: center;
	color: #fff;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
}


/*---- toppage（index.html）----*/
main#top .contents {
	display: flex;
	align-items: flex-start;
}

main#top .news_and_info div{
	width: 290px;
	margin-right: 30px;
	border: 1px solid #6655B6;
}
main#top .news_and_info h2{
	text-align: center;
	font-family: "impact", 'Antonio', "sans-serif";
	font-family: Tahoma, Geneva, "sans-serif";
	color: #fefefe;
	display: block;
	background: #BEB7E0;
	font-size: 16px;
	line-height: 1.2;
	padding: .5em 0 .5em 0;
	margin-bottom: .75em;
	border-bottom: 1px solid #6655B6;
}
main#top .news_and_info dl {
	padding: 0 1em .5em 1em;
}
main#top .news_and_info dt {
	font-size: 14px;
	margin-left: 1em;
	position: relative;
	color: #6655B6;
	font-weight: bold;
}
main#top .news_and_info dt::before {
	content: "▶︎";
	position: absolute;
	left: -1.25em;
	top: .4em;
	font-size: 10px;
}

main#top .news_and_info dd {
	font-size: 15px;
	margin: 0 0 .5em 2em;
	position: relative;
}
main#top .news_and_info dd::before {
	content: "●";
	position: absolute;
	left: -1em;
	top: .05em;
}
main#top .news_and_info p {
	width: 290px;
	line-height: 2;
	font-size: 13px;
	text-align: right;
}
main#top .news_and_info p a {
	text-decoration: none;
	color: #6655B6;
}



main#top .list_box {
	width: calc(100% - 320px);
}
main#top .list_box h2 {
	width: calc(100% - 1em);;
	display: inline-block;
	background: linear-gradient(to right, #0066cc 50%, #fff 100%);
	padding: 0 0 0 1em;
	margin-bottom: .5em;
	font-size: 20px;
	color: #fefefe;
	line-height: 1.5em;
	text-align: justify;
	font-family: Tahoma, Geneva, "sans-serif";
}

main#top .list_box .project {
	margin-bottom: 3em;
	width: 100%;
}
main#top .list_box .project div {
	height: 400px;
	overflow-y: scroll;
	border: 1px solid #0066cc;
}
main#top .list_box .project table {
	width: 100%;
}
main#top .list_box .project td {
	background: #C1DEFF;
	height: 40px;
	padding: 0 1em;
}
main#top .list_box .project td:first-of-type {}
main#top .list_box .project td:last-of-type {min-width: 8em;text-align: right; padding-left: 0.5em}

main#top .list_box .project tr:nth-child(even) td:first-of-type {background: #fff;}
main#top .list_box .project td:first-of-type {background: #DBF2FF;}
main#top .list_box .project tr:nth-child(even) td:last-of-type {background: #fff;}
main#top .list_box .project td:last-of-type {background: #DBF2FF; font-size: 14px;}

main#top .list_box .project td a::before {
	content: " ";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: .2em;
	background: url("../img/naibu_linl.svg");
	background-size: contain;
  vertical-align: middle;
}

/*ファイルアップロード用*/
main#top .list_box .fileupload {
	width: 100%;
  margin-bottom: 100px;
}
main#top .list_box .fileupload h2 {
	background: linear-gradient(to right, #F0EF1A 50%, #fff 100%);
  color: #489900;
}
main#top .list_box .fileupload ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	flex-direction: column;
	border: 1px solid #489900;
	height: 140px;
}
main#top .list_box .fileupload ul li {
	height: 60%;
	width: 20%;
	text-align: center;
	border-right: 1px solid #489900;
	box-sizing: border-box;
	line-height: 70px;
}
main#top .list_box .fileupload ul li.title {
	height: 40%;
	width: 20%;
	text-align: center;
	border-right: 1px solid #489900;
	box-sizing: border-box;
	line-height: 18px;
  background-color: #FFFECA;
  font-size: 15px;
  font-weight: bold;
}



main#top .list_box .fileupload ul li:nth-last-child(-n+2) {border-right: none;}
main#top .list_box .fileupload ul li.twoline {
	line-height: 1.2;
	padding-top: .9em;
}
main#top .list_box .fileupload ul li.list {
	line-height: 1.2;
	padding-top: .9em;
    text-align: left;
    padding-left: 8px;
}

main#top .list_box .fileupload ul li img {height: 44px;}
main#top .list_box .fileupload ul li:nth-child(odd) {
	border-bottom: 1px solid #489900;
	background: #FBFACC;
	padding-top: .75em;
}
main#top .list_box .fileupload ul li:nth-child(even) {
	background: #FBFACC;
}

/*ファイルドロップ用*/
.drop-area {
    border: 3px dashed #C8C8C8 !important;
    background-color: #F0F0F0 !important;
    border-radius: 5px;
    padding: 30px;
    text-align: center;
  height: 100%;
}
.drop-area label {
    width: 100%;
    display: inline-block;
}
.drop-area label:hover {
    cursor: pointer;
}
.drop-area label input {
    display: none;
}
.drop-area label svg {
  width: 30px;
  fill: currentColor;
  color: #909090;
  margin: -5px 0 50px 0;
}
.drop-area label .preview-area {
    width: 100%;
    margin: 15px auto;
    height: 200px;
  margin-top: -180px;
}
/*.drop-area label .preview-area img {
    height: 100px;
    max-width: 100%;
    width: auto;
  margin-top: -100px;
}*/
.drop-area label .result-mes {
    width: 100%;
    margin: 10px auto;
    height: 200px;
  line-height: 120%;
  margin-top: -50px;
  font-size: 12px;
}




/*アーカイブ用*/
main#top .list_box .archive {
	width: 100%;
  margin-bottom: 80px;
}
main#top .list_box .archive h2 {
	background: linear-gradient(to right, #489900 50%, #fff 100%);
}
main#top .list_box .archive ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	flex-direction: column;
	border: 1px solid #489900;
	height: 140px;
}
main#top .list_box .archive ul li {
	height: 50%;
	width: 20%;
	text-align: center;
	border-right: 1px solid #489900;
	box-sizing: border-box;
	line-height: 70px;
}
main#top .list_box .archive ul li:nth-last-child(-n+2) {border-right: none;}
main#top .list_box .archive ul li.twoline {
	line-height: 1.2;
	padding-top: .9em;
}
main#top .list_box .archive ul li.list {
	line-height: 1.2;
	padding-top: .9em;
    text-align: left;
    padding-left: 8px;
}

main#top .list_box .archive ul li img {height: 44px;}
main#top .list_box .archive ul li:nth-child(odd) {
	border-bottom: 1px solid #489900;
	background: #A3E26C;
	padding-top: .75em;
}
main#top .list_box .archive ul li:nth-child(even) {
	background: #E4F6D4;
}






/*----- list_page -----*/
main#list_page .contents {
}

main#list_page h2 {
	display: inline-block;
	padding: 0 0 0 0em;
	margin-bottom: .5em;
	font-size: 18px;
	line-height: 1.5em;
	text-align: justify;
}
main#list_page h2::before {
	content: "◆";
	align-items: center;
	margin-right: .25em;
	color: #0066cc;
}

main#list_page table {
	border: 1px solid #0066cc;
}
main#list_page th {
	background: #0066cc;
	color: #fff;
	height: 30px;
	padding: 0 1em;
	font-size: 14px;
	border-right: 1px solid #fff;
}
main#list_page th:last-of-type {border-right: 1px solid #0066cc;}

main#list_page td {
	height: 40px;
	padding: 0 1em;
	border-right: 1px #0066cc dotted;
}
main#list_page td:first-of-type {min-width: 10em}
main#list_page td:nth-of-type(2) {min-width: 10em;}
main#list_page td:last-of-type {width: 8em; text-align: right}

main#list_page tr:nth-child(even) td:first-of-type {background: #DBF2FF;}
main#list_page td:first-of-type {background: #fff;}
main#list_page tr:nth-child(even) td:last-of-type {background: #DBF2FF; font-size: 14px; border-right: none}
main#list_page td:last-of-type {background: #fff; font-size: 14px; border-right: none}

main#list_page td a::before {
	content: " ";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: .2em;
	background: url("../img/naibu_linl.svg");
	background-size: contain;
  vertical-align: middle;
}


/*document_list*/
main#list_page #document_list table {
	border: 1px solid #0066cc;
	width: 100%;
}
main#list_page #document_list th {
	background: #0066cc;
	color: #fff;
	height: 30px;
	padding: 0 1em;
	font-size: 14px;
	border-right: 1px solid #fff;
}
main#list_page #document_list th:last-of-type {border-right: 1px solid #0066cc}

main#list_page #document_list td {
	height: 40px;
	padding: 0 1em;
	border-right: 1px #0066cc dotted;
}
main#list_page #document_list td:first-of-type {min-width: 10em}
main#list_page #document_list td:nth-of-type(2) {width: 16em;}
main#list_page #document_list td:last-of-type {width: 8em; text-align: right}

main#list_page #document_list tr:nth-child(even) td:first-of-type {background: #DBF2FF;}
main#list_page #document_list td:first-of-type {background: #fff;}
main#list_page #document_list tr:nth-child(even) td:nth-of-type(2) {background: #DBF2FF;}
main#list_page #document_list td:nth-of-type(2) {background: #fff;}
main#list_page #document_list tr:nth-child(even) td:last-of-type {background: #DBF2FF; font-size: 14px; border-right: none}
main#list_page #document_list td:last-of-type {background: #fff; font-size: 14px; border-right: none}

main#list_page #document_list td a::before {background: none; content:none;}

/*---- リンクアイテム用アイコン -----*/
main#list_page #document_list a {position: relative;}
main#list_page #document_list a[href*=".pdf"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons/icon_pdf.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".docx"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_doc.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".doc"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_doc.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".pptx"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pps.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".ppt"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pps.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".xlsx"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_xls.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".xls"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_xls.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".html"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_external.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".htm"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_external.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".zip"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_archive.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".jpg"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pic.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".png"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pic.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".webp"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pic.gif");
	background-repeat: no-repeat;
}
main#list_page #document_list a[href*=".jpg"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pic.gif");
	background-repeat: no-repeat;
}





/*------ archive -----*/
main#archive .contents {}

main#archive h2 {
	display: inline-block;
	padding: 0 0 0 0em;
	margin-bottom: .5em;
	font-size: 18px;
	line-height: 1.5em;
	text-align: justify;
}
main#archive h2::before {
	content: "◆";
	align-items: center;
	margin-right: .25em;
	color: #489900;
}

main#archive table {
	border: 1px solid #489900;
	width: 100%;
}
main#archive th {
	background: #489900;
	color: #fff;
	height: 30px;
	padding: 0 1em;
	font-size: 14px;
	border-right: 1px solid #fff;
}
main#archive th:last-of-type {border-right: 1px solid #489900;}

main#archive td {
	height: 40px;
	padding: 0 1em;
	border-right: 1px #489900 dotted;
}
main#archive td:first-of-type {min-width: 20em; padding-right: 3em;}
main#archive td:last-of-type {width: 8em; text-align: right}

main#archive tr:nth-child(even) td:first-of-type {background: #E4F6D4;}
main#archive td:first-of-type {background: #fff;}
main#archive tr:nth-child(even) td:last-of-type {background: #E4F6D4; font-size: 14px; border-right: none}
main#archive td:last-of-type {background: #fff; font-size: 14px; border-right: none}









/*---- リンクアイテム用アイコン -----*/
a.icon {position: relative;}
a.icon[href*=".pdf"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons/icon_pdf.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".docx"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_doc.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".doc"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_doc.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".pptx"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pps.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".ppt"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pps.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".xlsx"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_xls.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".xls"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_xls.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".html"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_external.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".htm"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_external.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".zip"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_archive.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".webp"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pic.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".jpg"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pic.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".png"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pic.gif");
	background-repeat: no-repeat;
}
a.icon[href*=".gif"]::after{
	content: "";
	position: absolute;
	right: -22px;
	top: 1px;
	width: 16px;
	height: 16px;
	background: url("../img/icons//icon_pic.gif");
	background-repeat: no-repeat;
}



/*ブラウザバックボタン用*/
.browser_back {text-align: right; margin: 1em 0; font-size: 16px;}
.browser_back a {position: relative;}
.browser_back a::before {
	content: "▲";
	position: absolute;
	top: -0.1em;
	left: -1.25em;
	color: #0066cc;
}
#archive .browser_back a::before, #admin_form_page .browser_back a::before, #admin_list_page .browser_back a::before {
	color: #489900;
}