@charset "UTF-8";
/* CSS Document */



/* =========================================================
 お知らせ用スタイル
========================================================= */
/* ナビ
--------------------------------------------------------- */
div#wrapper {
	margin: 0;
	height: 100%;
	background: url("../../sdgs/images/bg_sdgs.png") no-repeat center 100px;
}
div.content div.section.kirari {
	padding: 0;
}

table {
	width: 100%;
	background-color: #fff;
}
section{
    margin: 40px auto;
    
}

section h4{
    text-align: center;
    font-size: 22px;
    color: #000;
    background: transparent;
    border-bottom:none;
    display: block;
    position: relative;
    z-index: 10;
    padding-left: 0;
    
}
section h4::after{
    position: absolute;
    content: "";
    display: block;
    width: 370px;
    height: 20px;
    background-color: #D1DFEE;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
    z-index: -1;
    
}

section p{
    text-align: center;
    margin-top: 40px;
    font-size: 14px;
    line-height: 2em;
}
/* お知らせ一覧
--------------------------------------------------------- */
.news_box h3{
	margin: 0;
}

.news_box dl a {
    text-decoration: none;
    color: #333;
	display: block;
    padding: 1em ;
	border-bottom: 1px solid hsla(0, 0%, 0%, 0.20);
}
.news_box dl a:hover {
    color: #005e94;
    background-color: #cbedf1;
    display: block;
}
.news_box dl a dt {
    color: #06C;
    font-weight: bold;
}

.news_box dl a dd {
    margin: 0;
    font-weight: bold;
}

.news_box dl a dt span {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    background-color: #06C;
    padding: 0.5em 10px;
    font-size: 0.8em;
    text-align: center;
    width: 60px;
}
.btn_box{
	text-align: center;
}


/* お知らせ記事
--------------------------------------------------------- */
.date{
	text-align: right;
	color: #06C;
}

/* 添付書類
--------------------------------------------------------- */
ul.download {
    margin: 20px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #28201f;
}

ul.download li {
	margin: 0.5em 0;
}


/* 添付ファイルにアイコンを付属 */
	ul.download li a[href$='.doc'],
	ul.download li a[href$='.docx'] {
		padding-left: 20px;
		background: transparent url(../../news/images/icons/doc.gif) no-repeat center left;
	}
	
	ul.download li a[href$='.txt'] {
		padding-left: 20px;
		background: transparent url(../../news/images/icons/txt.gif) no-repeat center left;
	}
	
	ul.download li a[href$='.xls'] ,
	ul.download li a[href$='.xlsx'] {
		padding-left: 20px;
		background: transparent url(../../news/images/icons/xls.gif) no-repeat center left;
	}
	
	ul.download li a[href$='.pdf'] { 
		padding-left: 20px;
		background: transparent url(../../news/images/icons/pdf.gif) no-repeat center left;
	}
	
	ul.download li a[href$='.zip'],
	ul.download li a[href$='.rar'],
	ul.download li a[href$='.lzh'] { 
		padding-left: 20px;
		background: transparent url(../../news/images/icons/zip.gif) no-repeat center left;
	}
	
	ul.download li a[href$='.jpg'],
	ul.download li a[href$='.gif'],
	ul.download li a[href$='.png'],
	ul.download li a[href$='.bmp'],
	ul.download li a[href$='.jpeg']{ 
		padding-left: 20px;
		background: transparent url(../../news/images/icons/pic.gif) no-repeat center left;
	}