@charset "utf-8";

* {margin: 0; padding: 0; box-sizing: border-box;}
ol, ul, li {list-style: none;}
a {text-decoration: none; color: inherit;}
img {vertical-align: top; max-width: 100%;}
button {cursor: pointer;}
body {background: #ffffff; color: #333333;}

header {position:relative;  width: 100%; height: 100px; background: #003366;}
header .navBg {position: absolute; display: none; top: 100px; left: 0; width: 100%; height: 145px; background-color: rgba(0, 0, 0, .5); z-index: 5;}
header .header-inner {position: relative; width: 1200px; height: 100%; margin: 0px auto;}
header .header-inner nav {position: absolute; top: 60px; right: 0; color: #ffffff; z-index: 10;}
header .header-inner nav > ul {display: flex;}
header .header-inner nav > ul > li:hover > a {color: #333333; background-color: #ffd500;}
header .header-inner nav > ul > li > a {display: block; width: 120px; text-align: center; padding: 10px 0;}
header .header-inner nav > ul > li .sub {display: none;}
header .header-inner nav > ul > li .sub > li a{display: block; padding: 10px 0; font-size: 14px; text-align: center;}
header .header-inner nav > ul > li .sub > li:hover > a { background: #003366; color: #ffffff;}

section {width: 1200px; margin: 0px auto;}
section .slide {position: relative; width: 100%; height: 300px;}
section .slide > ul > li {width: 100%; height: 300px; position: absolute; top: 0; left: 0;}
section .slide > ul > li h2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #ffffff; text-shadow: 0 5px 10px #000000;}
section .slide > ul > li.s1{ background: url(../images/s1.jpg) no-repeat center/cover; display: block;}
section .slide > ul > li.s2{ background: url(../images/s2.jpg) no-repeat center/cover; display: block;}
section .slide > ul > li.s3{ background: url(../images/s3.jpg) no-repeat center/cover; display: block;}

section .contents {display: flex; width: 100%; height: 200px;}
section .contents > article {width: 400px; height: 200px; padding: 10px;}
section .contents > article.con > ul {display: flex;}
section .contents > article.con > ul > li > a {display: block; width: 120px; padding: 5px 0; background-color: #eeeeee; color: #333333; text-align: center;}
section .contents > article.con .tabmenu {position: relative;}
section .contents > article.con .tabcon ul {position: absolute; left:0; width: 360px; background: #003366; padding: 10px;}


section .contents > article.con .on a {background-color: #003366; color: #ffffff;}
section .contents > article.con .tabcon.notice li{position: relative; color: #ffffff; border-bottom: 1px dashed #ffffff; padding: 5px 0;}
section .contents > article.con .tabcon.notice li p {width: 240px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
section .contents > article.con .tabcon.notice li span {position: absolute; top: 6px; right: 0;}
.gall {display: none;}
footer {width: 100%; height: 120px; background-color: #003366;}