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

	--home.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
/* ------------------------------------------------------------------
	1-1. Keyv styles
-------------------------------------------------------------------*/
#keyv {
	clear:both;
	overflow:hidden;
	height:347px;
	margin-bottom:10px;
}
#keyv .keyvList li {
	position:relative;
	float:left;
	display:block;
}
#keyv .keyvList li img {
	display:block;
}
#carousel {
	position:relative;
}
#carousel .pager {
	position:absolute;
	left:50%;
	bottom:10px;
	margin-left:-40px;
	text-align:center;
	height:12px;
	overflow:hidden;
}
#carousel .pager a {
	position:relative;
	display:inline-block;
	height:0;
	width:12px;
	padding-top:14px;
	margin:0 3px;
	background:url(/img/home/icon_circle.png) no-repeat;
	text-indent:-9999px;
}
#carousel .pager a.selected {
	background:url(/img/home/icon_circle_h.png) no-repeat;
}
#carousel .prev,
#carousel .next {
	opacity:0.5;
	position:absolute;
	top:0;
	display:inline-block;
	background:#FFF;
	width:50%;
	height:347px;
	text-indent:-99999px;
}
#carousel .prev {
	left:-490px;
}
#carousel .next {
	right:-490px;
}
/* ------------------------------------------------------------------
	1-2. Main styles
-------------------------------------------------------------------*/
#contents {
	margin:0 auto;
}
#main {
	float:left;
	width:640px;
	margin:0 0 0 10px;
}
.blockList {
	margin-bottom:22px;
}
.blockList li {
	float:left;
	display:table;
	border-collapse:separate;
	width:120px;
	margin-right:10px;
	border:2px solid #666;
}
.blockList li:last-child {
	margin-right:0;
}
.blockList li a {
	display:block;
	padding:7px 10px 9px;
}
.blockList li a:hover {
	text-decoration:none;
}
.blockList li .image {
	display:block;
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom:2px solid #666;
	text-align:center;
}
.blockList li .text {
	display:table-cell;
	width:100px;
	margin:0 auto;
	color:#598484;
	font-size:123.1%;
	text-align:center;
	vertical-align:middle;
}
.blockList li.color01 .text {
	color:#77769B;
}
.blockList li.color02 .text {
	color:#825782;
}
.blockList li.color03 .text {
	color:#AE8384;
}
.blockList li.color04 .text {
	color:#7AA17B;
}
.blockList li:hover {
	background:#E2EDED;
}
.blockList li.color01:hover {
	background:#EBEBF1;
}
.blockList li.color02:hover {
	background:#EEE6ED;
}
.blockList li.color03:hover {
	background:#F5EDED;
}
.blockList li.color04:hover {
	background:#E8F1EB;
}
.newsBlock {
	margin:0 4px;
}
.newsBlock .headNews {
	display: flex;
	flex-wrap: nowrap;
    justify-content: space-between;
	padding-bottom:5px;
}
.newsBlock .headNews h2 {
	display:inline-block;
	color:#333366;
	font-size: 20px;
	font-weight: bold;
	vertical-align:middle;
}
.newsBlock .headNews .listLink {
	position: relative;
	padding: 5px 0 0 15px;
	font-size:93%;
	vertical-align:middle;
	font-weight: bold;
	color: #303068;
}
.newsBlock .headNews .listLink::before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
    width: 8px;
    height: 8px;
	box-sizing: border-box;
    border-top: solid 6px transparent;
    border-right: solid 8px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 8px #333366;
}
.newsBlock .headNews .listLink:hover {
	color:#6D6DB6;
}
.newsBlock .headNews .listLink a {
	color:#333;
	text-decoration:none;
}
.newsBlock .headNews .listLink a:hover {
	color:#6D6DB6;
	text-decoration:underline;
}
.newsBlock .importantNews a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	transition: 0.5s;
	background:#90BD3D;
}
.newsBlock .importantNews span {
	line-height: 2;
	padding: 8px 0 8px 45px;
	background: url(/img/home/icon_important.png) no-repeat 0 0;
}
.newsBlock .importantNews a:hover {
	opacity: 0.8;
	transition: 0.5s;
}
.newsBlock .indexNews {
	background: #FFFCE0;
	height: 350px;
	padding: 30px 30px 30px 0;
	overflow-y: scroll;
}
.newsBlock .indexNews a {
	display: flex;
	align-items: center;
	flex-direction: row;
	position: relative;
	padding: 10px 0;
	color: #333;
}
.newsBlock .indexNews a[href^="http"]:not([href*="jrhh.digitalize.info"])::after {
	position: absolute;
	top: 10px;
	right: 0;
	content: "";
	width: 23px;
	height: 21px;
	background: url("/img/common/sample.png");
}
.newsBlock .indexNews a[href*=".pdf"]::after,
.newsBlock .indexNews a[href*=".doc"]::after, .newsBlock .indexNews a[href*=".docx"]::after,
.newsBlock .indexNews a[href*=".xls"]::after, .newsBlock .indexNews a[href*=".xlsx"]::after, .newsBlock .indexNews a[href*=".xlsm"]::after,
.newsBlock .indexNews a[href*=".zip"]::after {
	position: absolute;
	right: 0;
	top: 10px;
	content: "";
	width: 23px;
	height: 21px;
	background: url(/img/common/icon_pdf.png);
}
.newsBlock .indexNews a[href*=".doc"]::after, .newsBlock .indexNews a[href*=".docx"]::after {
	background: url(/img/common/icon_docx.png);
}
.newsBlock .indexNews a[href*=".xls"]::after, .newsBlock .indexNews a[href*=".xlsx"]::after, .newsBlock .indexNews a[href*=".xlsm"]::after {
	background: url(/img/common/icon_xlsx.png);
}
.newsBlock .indexNews a[href*=".zip"]::after {
	background: url(/img/common/icon_zip.png);
}
.newsBlock .indexNews a:hover {
	text-decoration: none;
}
.newsBlock .indexNews .date {
	padding-left: 30px;
	width: 130px;
}
.newsBlock .indexNews .category {
	width: 100px;
	margin-right: 20px;
	padding: 3px 0;
	color: #303068;
	border: 1px solid #303068;
	text-align: center;
}
.newsBlock .indexNews .title {
	padding-right: 30px;
}
.newsBlock .indexNews a:hover .title {
	color:#6D6DB6;
	text-decoration: underline !important;
}

.ninteiBlock {
	text-align:right;
}
.ninteiBlock p {
	display:inline-block;
	color:#333366;
	font-size:93%;
	vertical-align:middle;
}
.ninteiBlock .image {
	margin-left:10px;
	border:1px solid #787877;
}

.newsbox, .btnlist {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.btnlist {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.btnlist p a {
	display: block;
	transition: 0.5s;
}
.btnlist-line p a {
	border: 1px solid #303068;
}
.btnlist p a:hover {
	opacity: 0.7;
	transition: 0.5s;
}
.btnlist p img {
	display: block;
}

.linkList {
	display: flex;
	flex-wrap: wrap;
}
.linkList li {
	display: block;
	width: 32.3%;
	margin: 0 1% 20px 0;
}
.linkList li:nth-of-type(3n) {
	margin-right: 0;
}
.linkList-type1 a {
	position: relative;
	padding: 25px 10px;
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #333366;
	background: #E0EFF7;
	transition: 0.5s;
}
.linkList-type1 a:hover {
	text-decoration: none;
	opacity: 0.8;
	transition: 0.5s;
}
.linkList-type1 a::after {
	position: absolute;
	bottom: 3px;
	right: -1px;
	content: "";
    width: 0;
    height: 0;
	border-style: solid;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #5183C4;
	border-top: 0;
	transform: rotate(135deg);
}
.linkList-type2 li {
	text-align: center;
	align-self: center;
}
.linkList-type2 li.nintei {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333366;
}
.linkList-type2 li.nintei img {
	border: 1px solid #666;
}
.linkList-type3 li a {
	padding: 10px 0;
	display: block;
	border: 1px solid #333;
	font-size: 16px;
	text-align: center;
	color: #333;
	transition: 0.5s;
}
.linkList-type3 li a:hover {
	opacity: 0.8;
	transition: 0.5s;
	text-decoration: none;
}


/* ------------------------------------------------------------------
	1-3. Main styles
-------------------------------------------------------------------*/
#side {
	float:right;
	width:310px;
	margin:0 10px 0 0;
}
#side .sideBanner {
	position:relative;
	width:310px;
	margin-bottom:10px;
	padding:2px;
	background:#FFF;
	border:1px solid #666;
}
#side .sideBanner div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	color:#333366;
	font-size:93%;
	text-align:center;
}
#side .sideBanner div .title {
	padding:19px 10px 8px;
	color:#FF6633;
	font-size:182%;
}
#side .sideBanner div .text01 {
	padding-bottom:8px;
	line-height:1.45;
}
#side .bannerList {
	padding-bottom:20px;
}
#side .bannerList li {
	position:relative;
	width:310px;
	margin-bottom:10px;
	padding:2px;
	background:#FFF;
	border:1px solid #666;
}
#side .bannerList li img {
	display:block;
}
#side .bannerList li div {
	position:absolute;
	left:2px;
	top:2px;
	bottom:2px;
	width:180px;
	height:auto;
	background:#333399;
	opacity:0.5;
	filter:alpha(opacity=50);
	color:#FFF;
	font-size:93%;
	z-index:5;
}
#side .bannerList li .title {
	position:absolute;
	left:2px;
	top:2px;
	width:176px;
	padding:5px 5px 5px 9px;
	background:#333399;
	color:#FFF;
	opacity:0.6;
	filter:alpha(opacity=60);
	font-size:138.5%;
	z-index:10;
}
#side .bannerList li div .text {
	padding:35px 5px 0 9px;
}

/* ------------------------------------------------------------------
	1-4. Footer styles
-------------------------------------------------------------------*/
#footer {
	margin:35px auto 0;
}

table.type12 {
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px solid #666;
	text-align: center;
	width: 640px;
	height: 120px;
	margin-bottom:25px;
}
table.type12 th {
	padding:5px 0px 5px 0px;
	text-align: center;
}
table.type12 td {
	width: 156px;
	padding: 4px;
	font-size: 16px;
	color: #fff;

}
table.type12 th.col01 {background: #9999B0;}
table.type12 td.col01 {background: #319AA3;}
table.type12 td.col02 {background: #9966AF;}
table.type12 td.col03 {background: #DC8E99;}
table.type12 td.col04 {background: #9EBD4A;}

table.type12 a {
	display: block;
	padding: 14px 10px 14px 10px;
	color: #FFF;
	text-decoration: none;
}
table.type12 td:hover {
	opacity: 0.9;
}
.border00 {
	padding-bottom:10px;
	border-bottom:1px solid #666;
	padding-left: 12px;
}