@charset "utf-8";

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

@import url("base.css?202402211502");
@import url("common.css?202402211502");

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

#header {
	height: 500px !important;
}
/*******************************************/

.photo_navi {
	float: right;
	margin: 8px;
	width: 300px;
}
.paging {
	z-index: 100; /*--Assures the paging stays on the top layer--*//*display: none; --Hidden by default, will be later shown with jQuery--*/
}
.paging span {
	float: left;
	display: block;
	/*IE6*/
	_display: inline-block;
}
.title_photo {
	padding: 0px;
	margin: 0px;
	line-height: 0;
	width: 85px;
}

#loopedSlider {
	/* width:950px; */
	position:relative;
	text-align:left;
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

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

.img-frame{
   position: relative;
   width: 100%;
   height: 500px;
   overflow: hidden;
   margin: 0 auto;
}

/* @media screen and (max-width: 767px){ */
/* .img-frame{ */
/*    width: 100%; */
/*    height: 200px; */
/* } */

.img-01, .img-02, .img-03, .img-04, .img-05{
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}

.img-01{
   background-image: url('../images/slide/reel_101.jpg');
   animation: slide-animation-01 60s infinite;
}

.img-02{
   background-image: url('../images/slide/reel_102.jpg');
   animation: slide-animation-02 60s infinite;
}

.img-03{
   background-image: url('../images/slide/reel_103.jpg');
   background-position: bottom center;
   animation: slide-animation-03 60s infinite;
}

.img-04{
   background-image: url('../images/slide/reel_104.jpg');
   animation: slide-animation-04 60s infinite;
}

.img-05{
   background-image: url('../images/slide/reel_105.jpg');
   background-position: bottom center;
   animation: slide-animation-05 60s infinite;
}

@keyframes slide-animation-01 {
	0% {opacity: 1;}
	10% {opacity: 1;}
	20% {opacity: 0; transform: scale(1.1);}
	90% {opacity: 0;; transform: scale(1.0);}
	100% {opacity: 1}
}
@keyframes slide-animation-02 {
	0% {opacity: 0;}
	10% {opacity: 0; transform: scale(1.1);}
	20% {opacity: 1;}
	30% {opacity: 1;}
	40% {opacity: 0; transform: scale(1.0);}
	100% {opacity: 0;}
}
@keyframes slide-animation-03 {
	0% {opacity: 0;}
	30% {opacity: 0; transform: scale(1.0);}
	40% {opacity: 1;}
	50% {opacity: 1;}
	60% {opacity: 0; transform: scale(1.1);}
	100% {opacity: 0;}
}
@keyframes slide-animation-04 {
	0% {opacity: 0;}
	50% {opacity: 0; transform: scale(1.1);}
	60% {opacity: 1;}
	70% {opacity: 1;}
	80% {opacity: 0; transform: scale(1.0);}
	100% {opacity: 0;}
}
@keyframes slide-animation-05 {
	0% {opacity: 0;}
	70% {opacity: 0; transform: scale(1.0);}
	80% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0; transform: scale(1.1);}
}

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


/* new global_navi ------------------ */

@media screen and (min-width: 801px), print {
.global_navi_ntop {
	/* overflow: hidden; */
	width: 100%;
	background-color: #003366;
	margin-top: 1px;
	margin-bottom: 2em;
	/* position: absolute; */
	/* top: 136px; */
	/* left: 0; */
}
}
@media screen and (max-width: 800px) {
.global_navi_ntop {
	/* overflow: hidden; */
	width: 100%;
	background-color: #003366;
	margin-top: 1px;
	margin-bottom: 2em;
	/* position: absolute; */
	/* top: 136px; */
	/* left: 0; */
}
}

.global_navi_ntop * {
	font-weight: bold;
}

@media screen and (min-width: 801px), print {
.global_navi_ntop ul {
	display: flex;
	justify-content: space-between;
}
}
@media screen and (max-width: 800px) {
.global_navi_ntop ul {
	display: none;
}
}

.global_navi_ntop ul li {
	display: block;
	justify-content: space-evenly;
	list-style: none;
	flex: 1 0 auto;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}

.global_navi_ntop ul li a {
	display: flex;
	justify-content: space-evenly;
	padding: 1em;
	font-size: 12px;
	color: #fff;
	background-color: #003366;
}

.global_navi_ntop ul li a:hover,
.global_navi_ntop ul li a.current {
	color: #003a68;
	background-color: #ebebeb;
}

.global_navi_ntop ul li ul {
	visibility: hidden;/*デフォルトでは非表示の状態にしておく*/
	opacity: 0;/*不透明度0*/
	transition: all .5s;/*表示の変化を0.3秒に指定*/
	display: block;
	position: absolute;
}

.global_navi_ntop ul li:hover ul {
	visibility: visible;/*Gナビメニューにホバーしたら表示*/
	opacity: 1;/*不透明度1*/
	display: block;
}

.global_navi_ntop ul li ul li a {
	color: #fff;
	background-color: #003366;
	list-style-type:none;
	transition: all .3s;
	position: relative;
	border-bottom: 0.1px solid #c4c4c4;
}

.global_navi_ntop ul li ul li a:hover {
	color: #003a68;
	background-color: #ebebeb;
}


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

.container {
	/* height:450px; */
	overflow:hidden;
	position:relative;
	background-color: #FFF;
}

.slides {
	position:absolute;
	top:0px;
	left:0px;
}
.slides > div {
	position:absolute;
	top:0px;
	width:950px;
	display:none;
}
.slides img {
	float:left;
}

.paging ul.pagination {
	list-style:none;
	padding:0px;
	margin:0px;
	width:300px;
}

*+html .paging ul.pagination {
	width:200px;
}

.paging ul.pagination li {
	float:left;
	margin-left:5px;
}
.paging ul.pagination a {
	width:13px;
	height:13px;
	display:block;
	_display:inline-block;
	background-image:url(../images/top/btn_photo_slide.png);
	background-position:-16px 0px;
}
.paging ul.pagination li a strong {
	position:absolute;
	left:-10000px;
}
.paging ul.pagination li.active a,
.paging ul.pagination li a:hover {
	background-position:0px 0px;
}

/*******************************************/
#contents {
	margin-left: 25px;
	width: 95%;
	margin-right: 0px;
}

@media screen and (min-width: 801px), print {
 #contents #main {
	width: 65%;
	float: left;
	overflow: hidden;
	margin-right: 10px;
 }
}
@media screen and (max-width: 800px) {
 #contents #main {
	width: 95%;
	float: none;
	overflow: hidden;
	margin-right: 10px;
 }
}

#contents #main h2 {
	margin-bottom: 20px;
}
#contents #main p {
	margin-bottom: 20px;
}
#contents #main #topnews p{
	padding: 20px;
	border: 1px solid #002B54;
	color: #002B54;
}
#contents #main #pickup p{
	padding: 20px;
	border: 1px solid #C1D1DD;
}
#contents #main #info ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
}
#contents #main #info li {
	width: 181px;
	margin-right: 14px;
	list-style: none;
}
#contents #main #info li:nth-child(3n) {
	margin-right: 0px !important;
}

@media screen and (min-width: 801px) , print{
 #contents #sidemenu {
	width: 33%;
	float: right;
	overflow: hidden;
	margin:0 auto
 }
}
@media screen and (max-width: 800px) {
 #contents #sidemenu {
	width: 90%;
	overflow: hidden;
	margin: auto
 }
}

#contents #sidemenu ul {
	list-style: none;
}

#contents #sidemenu #block1 {
	background-color: #EEE;
	text-align: center;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contents #sidemenu #block1 li {
	margin-bottom: 10px !important;
}
#contents #sidemenu #block2 {
	background-color: #EEE;
	text-align: center;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contents #sidemenu #block2 h3 {
	margin-bottom: 10px;
}
#contents #sidemenu #block2 li {
	margin-bottom: 10px;
}

#contents #sidemenu #block3 {
	background-color: #EEE;
	text-align: center;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contents #sidemenu #block3 h3 {
	margin-bottom: 10px;
}
#contents #sidemenu #block3 li {
	margin-bottom: 10px;
}

#contents #sidemenu #block4 {
	background-color: #EEE;
	text-align: center;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contents #sidemenu #block4 h3 {
	margin-bottom: 10px;
}
#contents #sidemenu #block4 li {
	margin-bottom: 10px;
}

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


#tab-box ul {
	width: 100%;
}
#tab-box ul li {
	float:left;
	display:inline;
}
#tab-box ul li a img {
	outline:none;
	border:none;
}
#tab-box div {
	display:none;
	width: 100%;
	border-top:1px solid #D2D2D2;
}

#tab-box dl {
	border-right:1px solid #D2D2D2;
	border-left:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}

#tab-box dl dt {
	float: left;
	width: 180px;
}


#tab-box dl .topics {
	background-image: url(../images/top/icon_topics.gif);
	background-repeat: no-repeat;
	background-position: 20px 15px;
}
#tab-box dl .events {
	background-image: url(../images/top/icon_events.gif);
	background-repeat: no-repeat;
	background-position: 20px 15px;
}
#tab-box dl .notice {
	background-image: url(../images/top/icon_notice.gif);
	background-repeat: no-repeat;
	background-position: 20px 15px;
}
#tab-box dl .awardsandbook {
	background-image: url(../images/top/icon_awardsandbook.gif);
	background-repeat: no-repeat;
	background-position: 20px 15px;
}
#tab-box dl .employment {
	background-image: url(../images/top/icon_employment.gif);
	background-repeat: no-repeat;
	background-position: 20px 15px;
}

@media screen and (min-width: 801px) , print{
 #tab-box dl dt {
	float: left;
	width: 70px;
	padding-top: 10px;
	padding-left: 35px;
 }
}
@media screen and (max-width: 800px) {
 #tab-box dl dt {
	float: left;
	width: 100px;
	padding-top: 10px;
	padding-left: 35px;
 }
}

@media screen and (min-width: 801px), print {
 #tab-box dl dd {
	border-bottom: 1px dotted #D2D2D2;
	padding-left: 105px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 20px;
 }
}
@media screen and (max-width: 800px) {
 #tab-box dl dd {
	border-bottom: 1px dotted #D2D2D2;
	padding-left: 135px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 20px;
 }
}

.mac #tab-box dl dd {
	padding-left: 120px;
}

#tab-box dl dd:last-child {
	border-bottom: none;
}
#tab-box p {
	text-align: right;
	
}


.clearFix:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
}