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

Last Updated:YYMMDD
Summary:インデックス固有レイアウト設定

- 
- 
=======================================================
*/

.index #headerArea {
	margin-bottom: 0;
}
.index #headerBlock {
	margin-bottom: 0;
}
.index h1 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	position: static;
	clear: none;
}
.index h1:after,
.index h1:before {
	content: none;
}
.index #contentsArea {
	width: 100%;
}
.index #mvArea {
	background: transparent url(/https/www.scj.go.jp/common3/img/bg_mv.gif) repeat 0px 0px;
	margin-bottom: 25px;
}
.index #bxslider {
}
.index #top-contents {
	width: 100% !important;
}
.index .mvBlock {
	width: 1020px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.index .sliderBlock {
	width: 520px;
	float: left;
}
.index .bx-wrapper {
	max-width: 480px !important;
}
* html .index .sliderBlock {
	padding-left: 20px;
	width: 480px;
}
.index .sliderInner {
	padding: 20px;
	overflow: hidden;
	zoom: 1;
}
/*js off*/
.index #slider #bxslider .sliderInner {
	background: url(/https/www.scj.go.jp/common3/img/bg_slider.gif) no-repeat scroll right bottom #015ba9;
	margin-left: 20px;
	margin-right: 20px;
}
/*js on*/
.index #slider .bx-wrapper .bx-viewport #bxslider div.sliderInner {
	margin-left: 0;
	margin-right: 0;
}
.index .sliderInner .sliderPhoto {
	float: left;
}
.index .sliderInner .sliderMessage {
	width: 232px;
	float: right;
	color: #ffffff;
}
.index .sliderInner .sliderMessage h2 {
	background: none;
	padding: 0px;
	margin: 0 0 10px;
}
.index .sliderInner .sliderMessage h2 span {
	display: block;
	background : transparent url(/https/www.scj.go.jp/common3/img/icon_arrow_topr.gif) no-repeat left .65em;
	padding: 3px 0px 3px 12px;
}
.index .sliderInner .sliderMessage h2 span.newwin a {
	background : transparent url(/https/www.scj.go.jp/common3/img/ico_out.gif) no-repeat right center;
	padding: 0px 20px 0px 0px;
}
.index .sliderInner .sliderMessage h2 a {
	background : none;
	padding: 0;
	color: #ffffff;
}
.index .sliderInner .sliderMessage p {
	padding-left: 12px;
}

/* slider fix */

.index .sp-layer-title {
    /* color: #fff; */
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
}
.index .sp-layer-title a {
	padding: 0 0 0 20px;
}

.index .sp-layer .txt-box{
	padding: 1em 65px 1em 0;
}

.index .sp-full{
	padding: 1em 65px;
}

.sp-image-container {
	padding: 1em 5px 1em 65px;
}

#slider .sp-layer-title {
	padding: 1em 65px 0 0;
}

@media screen and (max-width: 640px){
	.index .sp-layer .txt-box{
		padding: 0 50px 1em 50px;
	}
	
	.sp-image-container {
		padding: 0;
	}
	
	#slider .sp-layer-title {
		padding: 1em 50px 0 50px;
	}
	
}

.index .sp-layer .txt-box a{
	  /* color: #fff; */
}

.index .sp-layer .txt-box a:focus{
	/* outline-color: #ffffff; */
}

@media screen and (max-width: 960px){
	.index .sp-layer {
			margin: 0 0 72px 15px;
	}
}
	
@media screen and (max-width: 959px) { /* tab sp */
	div.index .sp-thumbnail-container {
		height: auto !important;
		width: calc(25% - 9px / 4) !important;
	}
}

@media screen and (min-width: 960px) { /* pc */
	div.index .sp-thumbnail-container {
		height: auto !important;
		width: calc(510 / 4 - 9px / 4) !important;
	}
}

@media screen and (max-width: 640px){
	.index .sp-layer {
    margin: 0 0 16px 0px;
	}
	
	#slider div.sp-layer p {
    margin: 0.5em 0;
	}
}

/* slider link button */
.main-slider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}
.main-slider .link-box {
	padding: 16px 15px 0;
}
.main-slider .link-box > .inner {
	max-width: 980px;
	margin: 0 auto;
	text-align: right;
}
.main-slider .link-box a {
	display: inline-block;
	background-color: #f2f2f2;
	padding: 4px 4px 4px 20px;
	position: relative;
	top: 0;
	left: 0;
}
.main-slider .link-box a:before {
	content: "→";
	position: absolute;
	top: 4px;
	left: 4px;
}

@media screen and (min-width:960px) { /* pc */
	div.main-slider .link-box {
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 0;
		width: 100%;
	}
}

/* r4リニューアル */

/* indexトップ概要 */
.index #topOverViewBlock {
	background-color: #DEEBF7;
	padding: 1em;
	margin-bottom: 10px;
	z-index: 0;
	position: relative;
}

@media screen and (min-width: 960px) { /* pc */
	.index #topOverViewBlock {
		padding: 1em 0 1em 0;
	}
}

.index #topOverViewBlock .topSentence{
	font-weight: bold;
	margin-bottom: 0.5em;
}

.index div.topPanelWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* 各パネル共通レイアウト */
.index div.topPanel {
	width: 480px;
	box-sizing: border-box;
	border: 2px solid #006699;
	padding: 1em;
}

.index.enindex div.topPanel {
	width: 470px;
}

.index div.topPanel,
.index div.topBanner{
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
	margin: 10px 0;
}

/* トップスライダー */
.index div.topPanel.sliderPanel {
	width: 100%;
	padding: 0;
	/* display: flex; */
	display: block;
	/* justify-content: space-between; */
	background-color: #006699;
}


@media screen and (min-width:960px) { /* pc */
	.index div.topPanel.sliderPanel {
		width: calc(75% - 10px);
	}
	.index.enindex div.topPanel.sliderPanel {
		width: 100%;
	}
	
}

/* SNS等へのリンク */
.index div.topPanel.snsLinkPanel {
	width: 100%;
	color: black;
	padding: 2em 1.5em;
	font-size: 1.1em;
	font-weight: bold;
}

@media screen and (min-width:960px) { /* pc */
	.index div.topPanel.snsLinkPanel {
		width: calc(25% - 10px);
	}
	
}

.index div.topPanel.snsLinkPanel a{
	color: black;
	text-decoration: none;
	display: flex;
	align-items: center;
	margin-bottom: 1.5em;
}

.index div.topPanel.snsLinkPanel a:last-child {
	margin-bottom: 0;
}

.index div.topPanel.snsLinkPanel a > div{
	text-decoration: underline;
}
.index div.topPanel.snsLinkPanel > a > img {
	width: 40px;
	margin-right: 1em;
}

/* コンテンツタイル */
.index div.topPanel.contentsPanel {
	position: relative;
	padding: 0;
	aspect-ratio: 16 / 9;
}

.index div.topPanel.contentsPanel > img {
	max-width: 100%;
}

.index div.topPanel.contentsPanel > .contentsOverview{
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #006699;
	color: white;
	padding: 0.3em 0.7em;
	font-size: 1.15em;
}

.index div.topPanel.contentsPanel > .contentsOverview a {
	color: white;
}

.index div.topPanel.contentsPanel > .contentsOverview .contentsTitle {
	font-weight: bold;
}

.index.enindex div.topPanel.contentsPanel > .contentsOverview .contentsTitle {
	font-size: 1.8em;
	text-align: center;
}
.index div.topPanel.contentsPanel > .contentsOverview .contentsLink {
	text-align: right;
	font-weight: bold;
}

.index.enindex div.topPanel.contentsPanel{
	margin: 0;
}

.index.enindex a:has(div.topPanel.contentsPanel){
	margin: 10px 0;
}

/* サブコンテンツタイル */
.index div.topPanel.subContentsPanel {
	padding: 0;
}

.index div.topPanel.subContentsPanel .subContentsTitle {
	background-color: #006699;
	color: white;
	padding: 0.3em 0.7em;
	font-weight: bold;
	font-size: 1.15em;
}

.index div.topPanel.subContentsPanel .subContentsIndex {
	padding: 0.3em 0.7em;
}
.index div.topPanel.subContentsPanel .subContentsIndex > a {
	color: black;
	display: inline-block;
	margin-bottom: 5px;
}
.index div.topPanel.subContentsPanel .subContentsIndex > a:last-child {
	margin-bottom: 0;
}

/* バナー */

.index div.topBanner {
	padding: 0.5em;
	border-radius: 4px;
	display: flex;
	align-items: center;
	width: 100%;
	height: 5em;
	box-sizing: border-box;
}

.index div.dummyBanner {
	display: none;
}

@media screen and (min-width: 960px) { /* pc */
	.index div.topBanner,
	.index div.dummyBanner {
		display: flex;
		width: calc(33% - 10px);
	}
}

.index div.topBanner.wideBanner {
	width: 100%;
}

.index div.topBanner.wideBanner.fontBig {
	font-size: 1.35em
}

.index div.topBanner > img{
	max-width: 60px;
	margin-right: 1em;
	max-height: 100%;
}

.index div.topBanner a{
	color: black;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	text-align: center;
}

/* r4追加　ここまで */

/* topics */
.index .topicsBlock {
	position: relative;
	height: auto;
	padding: 0px;
	margin: 0 auto;
}
.index .topicsBlock ul, .index .topicsBlock li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.index .topicsBlock ul {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0px auto !important;
	padding: 0;
}
.index .topicsBlock ul li {
	display: block;
	vertical-align: middle;
	position: relative;
	width: calc(50% - 36px);
	height: 6.54em;
	margin-left: 30px !important;
	margin-bottom: 20px;
	margin-right: 12px;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 4px rgba(51, 51, 51, 0.5);
}
.index .topicsBlock ul li:nth-child(even) {
	position: relative;
	width: calc(50% - 36px);
	height: 6.54em;
	margin-right: 30px;
	margin-left: 0px !important;
	background-color: #ffffff;
	border-radius: 4px;
}
.index .topicsBlock li .topic-img {
	width: auto;
	max-width: 100%;
	max-height: 6em;
}
.index .topicsBlock li a {
	display: flex;
	justify-content: space-around;
	align-items: center;
	/*
  display: table;
	*/
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-decoration: none;
	color: #333333;
}
.index .topicsBlock li span.flex-item {
	flex-basis: auto;
	display: block;
	/*
	display: table-cell;
	vertical-align: middle;
	*/
	padding: 4px;
	text-align: center;
}
.index .topicsBlock li .logo {
	width:38%;
	text-align: center;
}
.index .topicsBlock li .txt {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.2em;
	width:62%;
}
.index .topicsBlock li .txt * {
	text-decoration: underline;
}
.index .topicsBlock li a:hover .txt,
.index .topicsBlock li a:hover .txt span.ib {
	text-decoration: none;
}
.index #container #containerInner #containerInner2 #contentsArea.contents.col2 #contents {
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}
.index #mainConts-col2 {
	width: 980px;
	padding: 0;
	margin: 34px auto 20px;
	/*
    overflow: hidden;
	*/
}
.index #mainContents {
	margin-top: 4px;
	padding-left: 0px;
}
.index .h2Block {
	position: relative;
	margin: 0;
}
.index .h2Block h2 {
}
.index .h2Block .linkList,
.index .h2Block .linkList li {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}
.index .h2Block .linkList {
	position: absolute;
	right: 8px;
	top: 0;
}
.index .h2Block .linkList li {
	background-color: #008856;
	display: inline-block;
}
.index .h2Block .linkList li a {
	display: inline-block;
	padding: 2px 10px 2px 20px;
	color: #ffffff;
	font-size: 86%;
	background: #008856 url(/https/www.scj.go.jp/common3/img/icon_arrow_rwgs_ichiran.gif) no-repeat 8px center
}

/* top_newsblock */
.index .top_newsblock .top-newslist {
	position: relative;
	width: 100%;
	list-style: none;
}
.index .top_newsblock .top-newslist li {
	position: relative;
	width: 100%;
	margin: 10px 0 0 !important;
	list-style: none;
	border-bottom: 1px dotted #c8c8c8;
}
.index .top_newsblock .news-ttl-sub {
	margin-top: 16px;
	display: inline-block;
	color: #ffffff;
	background-color: #006699;
	padding: 1px 10px;
	border-radius: 1em;
	min-width: 6em;
	text-align: center;
}
.index #mainContents .top_newsblock .news-ttl-sub h3{
	background-color: transparent;
	padding: 0;
}
.index .top-newslist li div {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	width: 100%;
}
.index .news-date {
	font-size: 0.85em;
}
.index .news-txt {
	height: auto;
	padding : 0 0 0 1.4em;
	margin: 0;
	display: block;
	position: relative;
}
.index .news-txt::before {
	content: '';
	display: block;
	background-color: #006699;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 1em;
	height: 2px;
	margin-top: -1px;
}
html*.index .h2Block .linkList li {
	display: inline;
}
.index .h2Block .linkList li a:-moz-focusring {
 outline: 1px dotted #0b4199;
}
.index .note {
	color: #333333;
	font-size: 86%;
}
.index .newsTable th, .index .newsTable td {
	border-bottom: 1px dotted #cccccc;
	padding: 10px 8px 10px 0;
	vertical-align: top;
}
.index .newsTable td a {
	background: transparent url(/https/www.scj.go.jp/common3/img/bullet_arrow.gif) no-repeat left .45em;
	padding-left: 12px;
	display: inline-block;
}
.index .newsTable td.name {
	width: 22%;
}
/* index foot */
.index #contentsFoot {
	width: 980px;
	clear: both;
	margin: 0 auto 20px;
}
.index #contentsFoot h2 {
	margin-bottom: inherit;
}

/* footer site link */
.index .siteBlock {
	zoom: 1;
	width: 980px;
	margin-top: 25px;
}
.index .siteList {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	margin: auto;
}
.index .siteList li {
	width: calc((100% - 40px) / 3);
	display: flex;
	margin-right: 10px !important;
	margin-left: 0px !important;
	margin-bottom: 10px !important;
	border: 1px solid #666;
	list-style-type: none;
}
.index .siteList li:hover {
	border: 1px solid #ffffff;
	outline: 4px solid #006699;
}
.index .siteList li:nth-child(3n) {
	margin-right: 0px !important;
}
.index .siteList li a {
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #333333;
}
.index .siteList li img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------
トップ 関連情報バナー印刷 用
--------------------------------------*/

@media print {
	.index #contentsFoot .siteBlock .siteList {
		display: block;
		height: auto;
	}
	.index #contentsFoot .siteList li {
		display: inline-block;
		margin-right: 5px !important;
	}
}
/*--------------------------------------
subContentsBlock
--------------------------------------*/
.index #contentsArea #subContentsBlock .sideSection ul .snslink {
	padding-left: 37px !important;
}
.index #contentsArea #subContentsBlock .sideSection ul.bulletList .snslink::before {
	background-color: transparent;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22https%3A%2F%2Fblue-sea-697d.quartiers047.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2054%2054%22%20style%3D%22enable-background%3Anew%200%200%2027%2027%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3A%23004697%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%2225.9%2C20.7%2017.1%2C20.7%2013.5%2C24.8%2010.1%2C20.7%201.1%2C20.7%201.1%2C1.1%2025.9%2C1.1%20%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M24%2C1.6c0.8%2C0%2C1.4%2C0.6%2C1.4%2C1.4v16c0%2C0.8-0.6%2C1.4-1.4%2C1.4h-7.7l-2.7%2C3.8l-2.7-3.8H3c-0.8%2C0-1.4-0.6-1.4-1.4V3%20c0-0.8%2C0.6-1.4%2C1.4-1.4H24%20M24%2C0H3C1.4%2C0%2C0%2C1.4%2C0%2C3v16c0%2C1.7%2C1.4%2C3%2C3%2C3h6.9l2.3%2C3.1l1.3%2C1.8l1.3-1.8l2.3-3.1H24c1.7%2C0%2C3-1.4%2C3-3V3%20C27%2C1.4%2C25.6%2C0%2C24%2C0L24%2C0z%22%2F%3E%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M4.4%2C11.4l1.2-0.1c0.1%2C0.5%2C0.2%2C0.8%2C0.4%2C1c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3s0.3-0.4%2C0.3-0.7%20c0-0.2%2C0-0.3-0.1-0.4c-0.1-0.1-0.2-0.2-0.4-0.3c-0.1-0.1-0.5-0.2-1-0.3c-0.7-0.2-1.1-0.4-1.4-0.7C4.8%2C9.5%2C4.6%2C9%2C4.6%2C8.5%20c0-0.4%2C0.1-0.7%2C0.3-1C5%2C7.1%2C5.3%2C6.9%2C5.6%2C6.7C6%2C6.6%2C6.4%2C6.5%2C6.9%2C6.5c0.8%2C0%2C1.4%2C0.2%2C1.8%2C0.6C9%2C7.5%2C9.2%2C8%2C9.2%2C8.6L8%2C8.7%20C7.9%2C8.3%2C7.8%2C8.1%2C7.6%2C7.9C7.5%2C7.7%2C7.2%2C7.7%2C6.8%2C7.7C6.5%2C7.7%2C6.2%2C7.8%2C6%2C7.9C5.9%2C8%2C5.8%2C8.2%2C5.8%2C8.4S5.9%2C8.7%2C6%2C8.8%20C6.2%2C9%2C6.5%2C9.1%2C7.1%2C9.3s1.1%2C0.3%2C1.3%2C0.5C8.8%2C10%2C9%2C10.2%2C9.2%2C10.5s0.2%2C0.7%2C0.2%2C1.1c0%2C0.4-0.1%2C0.8-0.3%2C1.1c-0.2%2C0.4-0.5%2C0.6-0.8%2C0.8%20c-0.4%2C0.2-0.8%2C0.3-1.3%2C0.3c-0.8%2C0-1.4-0.2-1.8-0.6C4.7%2C12.8%2C4.5%2C12.2%2C4.4%2C11.4z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M11.1%2C13.7V6.6h1.2l2.5%2C4.7V6.6H16v7.1h-1.3l-2.5-4.6v4.6C12.2%2C13.7%2C11.1%2C13.7%2C11.1%2C13.7z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M17.6%2C11.4l1.2-0.1c0.1%2C0.5%2C0.2%2C0.8%2C0.4%2C1c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3c0.2-0.2%2C0.3-0.4%2C0.3-0.7%20c0-0.2%2C0-0.3-0.1-0.4c-0.1-0.1-0.2-0.2-0.4-0.3c-0.1-0.1-0.5-0.2-1-0.3c-0.7-0.2-1.1-0.4-1.4-0.7C18%2C9.5%2C17.8%2C9%2C17.8%2C8.5%20c0-0.4%2C0.1-0.7%2C0.3-1c0.2-0.3%2C0.4-0.6%2C0.8-0.7c0.3-0.2%2C0.7-0.2%2C1.2-0.2c0.8%2C0%2C1.4%2C0.2%2C1.8%2C0.6s0.6%2C0.9%2C0.6%2C1.6l-1.2%2C0.1%20c-0.1-0.4-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.2-0.8-0.2S19.6%2C8%2C19.3%2C8.2C19.1%2C8%2C19%2C8.2%2C19%2C8.4s0.1%2C0.3%2C0.2%2C0.4%20c0.2%2C0.2%2C0.5%2C0.3%2C1.1%2C0.5s1.1%2C0.3%2C1.3%2C0.5c0.3%2C0.2%2C0.5%2C0.4%2C0.7%2C0.7s0.2%2C0.7%2C0.2%2C1.1c0%2C0.4-0.1%2C0.8-0.3%2C1.1%20c-0.2%2C0.4-0.5%2C0.6-0.8%2C0.8c-0.4%2C0.2-0.8%2C0.3-1.3%2C0.3c-0.8%2C0-1.4-0.2-1.8-0.6C17.9%2C12.8%2C17.7%2C12.2%2C17.6%2C11.4z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Crect%20x%3D%224.3%22%20y%3D%2215.1%22%20class%3D%22st1%22%20width%3D%2218.4%22%20height%3D%221.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 54px 54px;
	content: "";
	z-index: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 27px;
	height: 27px;
	transform: none;
}
.index #subContentsBlock .siteBlock {
	overflow: hidden;
	zoom: 1;
	width: auto;
	background: #ededed;
}
.index #subContentsBlock .siteBlock li {
	width: 100%;
	height: 60px;
	margin: 13px auto !important;
}
.index #subContentsBlock .siteBlock img {
	width: 170px;
	height: 60px;
	border: none !important;
}
.index #subContentsBlock .siteList {
	overflow: hidden;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0;
	width: auto;
	position: relative;
}
* html .index #subContentsBlock .siteList {
	left: -5px;
	right: -5px;
	width: auto;
}
.index #subContentsBlock .siteList li {
	width: 188px;
	list-style-type: none;
	padding: 0;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* index right gakujutsu-box */
.index #contentsArea #subContentsBlock .gakujutsu-box {
	padding-top: 16px;
	overflow: hidden;
	font-size: 0.8em;
}
.index #contentsArea #subContentsBlock .gakujutsu-box .cover-box {
	text-align: center;
	margin: 0 1em 0 0;
	float: left;
	width: 30%;
}
.index #contentsArea #subContentsBlock .gakujutsu-box .data-box {
	margin-bottom: .5em;
	overflow: hidden;
}
.index #contentsArea #subContentsBlock .gakujutsu-box .data-box .ttl {
	font-weight: bold;
	font-size: 1.2em;
}
.index #subContentsBlock #contentsFoot {
	clear: both;
	margin-bottom: 40px;
}

/*------------------------------
bannerList 
------------------------------*/
.index #contentsArea #subContentsBlock .sideSection ul.bannerList, .index #contentsArea #subContentsBlock .sideSection ul.bannerList li {
	margin: 0;
	padding: 0;
}
.index #contentsArea #subContentsBlock .sideSection ul.bannerList {
	text-align: center;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
}
.index #contentsArea #subContentsBlock .sideSection ul.bannerList li {
	list-style-type: none;
	padding-top: 0;
	padding-bottom: 5px;
}

/*--------------------------------------------------
 特別更新ブロック（上/中1/中2/下）
---------------------------------------------------*/
.index .upperBlock {
	width: auto;
}
.index .upperBlock ol {
	margin-left: 20px;
}
.index .upperBlockInner {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.index .insideBlock_1 {
	width: auto;
}
.index .insideBlock_2 {
	width: auto;
}
.index .lowerBlock {
	width: auto;
}

@media screen and (max-width: 959px) {
	.index .upperBlock {
		padding: 0 15px;
	}
}

/*--------------------------------------------------
specialBlock | 特別更新ブロック
---------------------------------------------------*/

.index .specialBlock {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*---------------------------------------------------
urgentBlock | 緊急のお知らせ
---------------------------------------------------*/
.index .urgentBlock {
	margin-top: 0px !important;
}
.index .urgentBlock .urgentTitle h2 {
	padding: 0px !important;
	margin: 0 !important;
	font-size: 1em !important;
	border-left: none;
}
.index .urgentBlock .urgentTitle h2::after {
	content: none;
}
.urgentBlock {
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
/* only for esri.cao, pko */
.urgentBlock:first-child {
	margin-top: 0;
}

/* reset for cao */
.urgentBlock .urgentTitle {
	background: #DA3D02;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.urgentBlock .urgentContents {
	padding: 10px;
	border: solid 1px #DA3D02;
	background: #f8eeec;
}
/*---------------------------------------------------
noticeBlock | お知らせ
---------------------------------------------------*/
.index .noticeBlock .noticeTitle h2 {
	padding: 0px !important;
	margin: 0 !important;
	font-size: 1em !important;
	border-left: none;
}
.index .noticeBlock .noticeTitle h2::after {
	content: none;
}
.noticeBlock {
	width: auto;
	margin-top: 20px !important;
	margin-bottom: 27px;
}
/* only for esri.cao, pko */
.noticeBlock:first-child {
	margin-top: 0;
}
/* reset for cao */
.noticeBlock .noticeTitle {
	background: #056EF4;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 1.2em;
	font-weight: bold;
}
.noticeBlock .noticeContents {
	padding: 10px;
	border: solid 1px #056EF4;
}
.index #mainContents .grayBox, .index #mainContents .noticeBlock {
	margin-top: 0px !important;
}

/*---------------------------------------------------
bulletList専用
  upperBlock | 特別更新ブロック　表示位置上
　insideBlock_1、insideBlock_2、lowerBlock | #contentsArea内のため、parts.cssの定義に準ずる
---------------------------------------------------*/
.index .itemBox {
	background-color: #e8f7e7;
	padding: 5px 15px !important;
}

/*---------------------------------------------------
  IE互換表示崩れ対応
---------------------------------------------------*/
.index #mainContents .topicsBlock *, .index #mainContents .h2Block, .index #mainContents .h2Block *, .index #contentsFoot .siteList, .index #contentsFoot, .index #contentsFoot .linkList {
 *position: static !important;
}
.index #mainContents .h2Block .linkList, .index #contentsFoot .linkList {
 *float: right;
 *margin-top: -32px !important;
}
.index #mainContents .h2Block .linkList li, .index #contentsFoot .linkList li {
 *margin-right: 4px !important;
}
.index #mainContents .topicsBlock ul li a span {
 *cursor: pointer;
}