@charset "utf-8";

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

body#main {}
#main #wrapper {position:relative; height:100%; background-image:url("../images/common/bg.jpg"); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}

/* header */
#menu {position:fixed; top:0; left:-260px; width:260px; height:100%; background:#f0f0f0; overflow:auto; z-index:10001;}
#menu .nav-menu li {border-bottom: solid 1px #132662;}
#menu .nav-menu li > a {position:relative; display:block; padding:11px 15px; color:#132662; font-size:14px; line-height:19px;}
#menu .nav-menu li > a > .fa {position:absolute; top:50%; right:15px; margin-top:-10px; color:#afafaf;}
#menu .nav-menu .submenu {display:none; background:#132662; padding:10px 0;}
#menu .nav-menu .submenu li {border-bottom:0;}
#menu .nav-menu .submenu li a {position:relative; padding:7px 15px 7px 15px; color:#fff; font-size:13px; line-height:18px}
#menu .nav-menu .submenu li a:before {content:"- ";}
#menu .close {position:absolute; top:14px; right:15px; width:18px; height:18px; background:url('../images/bbs/close.png') 50% 50% no-repeat; background-size:18px 18px;}
#menu-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; opacity:.6; z-index:1000;}

#header {position:fixed; top:0; left:0; width:100%; height:48px; border-bottom:1px solid #132662; z-index:100;}
#header .top-logo {padding:10px 0 0 0; text-align:center;}
#header .top-logo img {height:28px; vertical-align:top;}
#header .btn-menu {position:absolute; top:11px; left:15px; font-size:1.8em; color:#132662;}
#header .btn-pc {position:absolute; top:7px; right:10px; width:34px; height:34px; background:url('../images/common/icon_pc.png') 50% 50% no-repeat; background-size:auto 100%;}

#sub #header {border:0; background:#132662;}
#sub #header .top-logo {padding:12px 0 0 0; font-size:19px; font-weight:700; color:#fff; line-height:normal;}
#sub #header .btn-menu {color:#fff;} 
#sub #header .btn-pc {background-image:url("../images/common/icon_pc2.png");}

#container {padding:75px 10px 20px 10px;}

/* main */
.main-links ul:after {content:" "; display:block; clear:both;}
.main-links ul li {float:left; width:33.3333333%; height:120px; text-align:center; font-size:13px; line-height:1.3em;}
.main-links ul li a {display:block; width:90%; margin:0 auto; color:#3b579d;}
.main-links .ico {display:inline-block; width:100%; height:70px; vertical-align:top; background-position:50% 50%; background-repeat:no-repeat; background-size:70px 70px; margin-bottom:7px;}
.main-links .ico.ico1 {background-image:url("../images/main/icon1.png");}
.main-links .ico.ico2 {background-image:url("../images/main/icon2.png");}
.main-links .ico.ico3 {background-image:url("../images/main/icon3.png");}
.main-links .ico.ico4 {background-image:url("../images/main/icon4.png");}
.main-links .ico.ico5 {background-image:url("../images/main/icon5.png");}
.main-links .ico.ico6 {background-image:url("../images/main/icon6.png");}
.main-links .ico.ico7 {background-image:url("../images/main/icon7.png");}
.main-links .ico.ico8 {background-image:url("../images/main/icon8.png");}
.main-links .ico.ico9 {background-image:url("../images/main/icon9.png");}

/* footer */
#footer {padding:15px 5px; text-align:center; border-top:1px solid #3c3d3a;}
#sub #footer .foot-link {display:none;}
.foot-link {margin:0 0 12px; font-size:10pt; font-weight:700;}
.foot-link .bar {margin:0 6px;}
.foot-info {font-size:9pt; line-height:1.4em; color:#545454; position:relative;}
.foot-info .bar {margin:0 6px;}
.wa{}