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

/*body {
	background: url(../../images/content_bg.png) repeat-x;
}*/

div#wrapper {
	/* background: url(../../images/content_bg.png) repeat-x #FFF; */
}

div#contentWrapper {
	/*width: 1051px;*/
	/*margin: 0 auto;
	background: none;*/
}

div#mainVisualArea {
	position: relative;
	z-index: 99;
	/*margin-bottom: 30px;*/
}


p#mainVisual {
	position: absolute;
	z-index: 1;
	_left: -40px;
}



div#topMainUnitWrapper {
	width: 970px;
	margin: 0 auto;
	padding-top: 233px;
	position: relative;
	z-index: 2;
}


div#topMainUnit {
	width: 947px;
	background: #FFF;
	padding: 5px 0 10px 0;
	margin: 0 auto;
}


div#topMainUnitInner {
	width: 927px;
	margin: 0 auto;
}


div#topMainUnitInner h1 {
	margin-bottom: 0.5em;
	font-weight: bold;
}

div#topMainUnitInner li {
	float: left;
	margin-right: 17px;
}


div#topMainUnitInner li.lastChild {
	margin-right: 0!important;
}

/* nav */
#topic-nav {
	display: grid;
	grid-template-columns: repeat(4, 213px);
	column-gap: 15px;
	row-gap: 15px;
	padding: 0;
	list-style: none;
}

#topic-nav > li {
	width: auto;
	margin: 0
}

#topic-nav .top-topic-wrapper,
#topic-nav .top-topic {
	height: 100%;
}

#topic-nav .top-topic a {
	display: block;
	height: 100%;
}

/* #topic-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); } */

/* Grid非対応へのフォールバック（IE11等） */
@supports not (display: grid) {
	#topic-nav { display: flex; flex-wrap: wrap; gap: 15px; }
	#topic-nav > li { flex: 0 0 calc((100% - 15px * 3) / 4); }
	#topic-nav .top-topic-wrapper,
	#topic-nav .top-topic,
	#topic-nav .top-topic a { height: 100%; }
}



/* content */

div#content {
	/*width: 970px!important;
	margin: 0 auto;*/
	/*padding: 30px 0 60px 0;*/
	padding-top: 25px!important;
	padding-bottom: 68px!important;
}

/* main visual */

div#main-wrapper {
	text-align: center;
	background: url(images/top/main_bg.jpg) center no-repeat #2654A2;
}

#mainvisual {
	width:970px;
	height: 341px;
	margin: 0 auto;
/*
	background: no-repeat center url(../../images/main.jpg);
 */
}
#mainvisual .movie {
	margin-left: 400px;
	margin-top: 80px;
}

div#main-wrapper_en {
	text-align: center;
	background: url(images/top/main_bg_en.jpg) center no-repeat #2654A2;
}

#mainvisual_en {
	width:970px;
	height: 341px;
	margin: 0 auto;
/*
	background: no-repeat center url(../../en/images/main.jpg);
 */
}
#mainvisual_en .movie {
	margin-left: 400px;
	margin-top: 80px;
}

/* parts */

h1.topLv1 {
	background: url(../../images/title_bg.png) no-repeat left;
	padding-left: 15px;
}

h2.topLv2 {
	border-bottom: 2px solid #2e85ca;
	font-weight: bold;
	font-size: 120%;
	padding-left: 5px;
	/*margin-bottom: 0.75em;*/
}



.gridUnit {
	margin-right: 16px;
}

.column1by2 {
	width: 477px!important;
}


.column1by2 .part {
	padding: 10px 5px;
	/*border-bottom: dotted #CCCCCC 1px;*/	
}

.column1by2 .lastChild {
	border: none!important;
}



/* list */

#bnrList:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
}

#bnrList {
	min-height: 1px;
}


* html #bnrList {
	height: 1px;
	/*\*//*/
	height: auto;
	visibility: hidden;
	/**/
}


#bnrList li {
	/*float: left;
	margin-right: 5px;*/
margin-bottom: 15px;
}

#bnrList li.lastChild {
	margin-right: 0!important;
	margin-bottom: 0!important;
}



#newsList li {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: dotted #CCCCCC 1px;	
}


#newsList li:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
}

#newsList li {
	min-height: 1px;
	
}


#newsList li.lastChild {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}




* html #newsList li {
	height: 1px;
	/*\*//*/
	height: auto;
	visibility: hidden;
	/**/
}


#newsList li a {
	background: url(../images/link_mark1.png) no-repeat 0 0.6em;
	padding-left: 10px;
	display: block;
	float: left;	
}





/* column */


div.top-column3by5 {
	width: 630px;
}


div.top-column2by5 {
	width: 231px;
	float: right;
}




/* topic */

div.top-topic-wrapper {
	background: url(images/top/top_topics_bottom.jpg) no-repeat bottom;
}



div.top-topic {
	background: url(images/top/top_topics_top.jpg) no-repeat top;
}



div.top-topic-wrapper-ov {
	background: url(images/top/top_topics_bottom_ov.jpg) no-repeat bottom;
}



div.top-topic-ov {
	background: url(images/top/top_topics_top_ov.jpg) no-repeat top;
}



ul#topic-nav li a {
	display:block;
	padding: 10px 15px;
	line-height: 1.35;
}



div.top-topic a:link strong.top-topic-ttl, div.top-topic a:visited strong.top-topic-ttl, div.top-topic a:hover strong.top-topic-ttl, div.top-topic a:active strong.top-topic-ttl {
	display: block;
	color: #002367;
	background: url(images/top/topic_ico.png) no-repeat 0 0.15em;
	padding-left: 15px;
	margin-bottom: 0.25em;
}


span.top-topic-txt {
	display: block;
	padding-left: 15px;
}

div.top-section {
	padding: 0;
	border: none;
}

div.lastChild {
	margin-bottom: 0;
}


h2 {
	border-left: #002367 5px solid;
	padding-left: 5px;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 130%;
}