@charset "UTF-8";

/* -----------------------------------------------
FileName: base.css
----------------------------------------------- */
/* float解除用 */
.clearfix:after {  content: " "; display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

html,body{
    height:100%;
}
body {
	margin: 0;
	padding: 0;
	color: #;
	font-size: ;
	text-align: left;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック', Osaka,'ヒラギノ角ゴ Pro W3';
	height: 100%;
	letter-spacing:0px;
}
*html body {
	text-align:center;
}
*html div{
	text-align:left;
}
html, h1, h2, h3, h4, h5, dl, dt, dd, li, ul, ol, form, div, img, table, td, th, tr,p{
	margin: 0;
	padding: 0;
	text-align:left;
}
form{
	display: inline;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
img {
	border: none;
	vertical-align:bottom;
}
a img {
	border: none;
    outline:none;
}

.pc-n{display:none;}

#header0{width:98%;padding:5px 0;background:#001728;text-align:right;padding-right:2%;}
#header0 ul{position:relative;display:inline;}
#header0 ul li{color:#fff;font-size:0.7em;display:inline;margin-left:10px;}
#header0 ul li a{color:#fff;text-decoration:none;padding-left:23px;
}

#header0_1{background:url('../images/header0-1.png') no-repeat left;
}
#header0_2{background:url('../images/header0-2.png') no-repeat left;}
#header0 ul li a:hover{color:#eee;}

#header1{background:#00345B;padding:20px 2%;width:96%;}
#header-title{color:#fff;font-size:1.4em;}
#header-title2{color:#fff;font-size:0.8em;}


#header-nav-wrapper{width:100%;background:#00345B;}
#header-nav{width:1024px;margin:0 auto;}
#header-nav li{
float:left;
display:block;
text-align:center;
color:#fff;
height:30px;
padding:7px 0 5px 0;
background:#00345B;
font-size:0.9em;
font-weight:bold;
}


#nav-1{width:12%;}
#nav-2{width:12%;}
#nav-3{width:18%;}
#nav-4{width:16%;}
#nav-5{width:21%;}
#nav-6{width:21%;}
#nav-1:hover{background:#fff;color:#00345B;transition:300ms ease all;}
#nav-2:hover{background:#fff;color:#00345B;transition:300ms ease all;}
#nav-3:hover{background:#fff;color:#00345B;transition:300ms ease all;}
#nav-5:hover{background:#fff;color:#00345B;transition:300ms ease all;}
#nav-6:hover{background:#fff;color:#00345B;transition:300ms ease all;}

#logo{width:140px;position:absolute;top:10px;left:50%;margin-left:-70px;z-index:9999;}

#header-btn-wrap{
  position:absolute;right:2%;top:70px;
}
#header-btn{
  background:#B70031;
  color:#fff;
  border:none;
  position:relative;
  width:220px;
  font-size:1.2em;
  padding:5px 0;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  text-align:center;
  
}
#header-btn:hover{
  background:#fff;
  color:#B70031;
}
#header-btn:before,#header-btn:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #B70031;
  transition:400ms ease all;
}
#header-btn:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
#header-btn:hover:before,#header-btn:hover:after{
  width:100%;
  transition:800ms ease all;
}

#content-top{
width:1024px;
margin:20px auto;
}

#content-top ul li{
width:31.3%;
float:left;
padding:1%;color:#333;
}

#content-top ul li:hover{background:#00345B;color:#fff;  transition:400ms ease all;
}
#content-top ul li div{
border:1px solid #555;width:96%;padding:2%;
}

#content-top ul li:hover div{border:1px solid #fff;}
#content-top ul li:hover p{border-top:1px solid #00345B;border-bottom:1px solid #00345B;}
#content-top ul li div img{width:100%;}

#content-top ul li p{
text-align:center;margin-top:10px;border-top:1px solid #555;border-bottom:1px solid #555;padding:5px 0;font-weight:bold;
}

#top-news-wrap{width:100%;background:#C5D8E2;}
#top-news{width:1024px;margin:0 auto;padding:30px 0;}
#top-news h1{text-align:center;padding:10px 0;font-size:1.4em;
background:#195E89;color:#F5EFE0;
border-left:10px solid #B60031;
border-right:10px solid #B60031;
}

#top-news ul a{text-decoration:none;}
#top-news ul li{
width:96%;
padding:5px 1%;
margin:20px auto;
}

#top-news ul li:hover{
background:#fff;
transition:400ms ease all;
}
.top-news-date{padding:2px;color:#555;font-size:0.8em;font-weight:bold;}
.top-news-cat{text-align:right;background:#555;color:#fff;font-size:0.8em;padding:2px;}
.top-news-ttl{font-size:1.4em;padding:5px 0;color:#555;}
.top-news-text{font-size:0.8em !important;color:#555;}


#footer-wrapper{
width:100%;
background:#00345B;
color:#fff;
}

#footer{
width:1024px;
margin:0 auto;
padding:20px 0;
font-size:0.8em;
}

#footer ul{float:left;margin:0 40px 0 1%;}
#footer ul a{text-decoration:none;}
#footer ul li{margin:5px 10px 0 0;padding:2px 7px;color:#fff;}
#footer ul li:hover{background:#5EA6D1;border-left:5px solid #B60031;transition:100ms ease all;margin-right:5px;}

#copyright{text-align:center;background:#001728;padding:10px;font-size:0.8em;}




/* content */
#content{
width:1024px;
padding:90px 0px 40px 0;
margin:0 auto;
}

#content h1{color:#B70031;margin-bottom:10px;}
#content h2{color:#F8FDEC;background:#B70031;padding:5px;font-size:1.2em;}
#content h3{color:#B70031;padding:5px;font-size:1.2em;}
#content p{color:#555;padding:5px;font-size:0.9em;line-height:2.0em;margin-bottom:10px;}


/*Introduce */
label{
    background:#235C88;
    color: #fff;
    padding: 5px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}
label:hover{background:#13334b;}
label:before{content:"→";padding-right:20px;}
input[type="checkbox"].on-off{
    display: none;
}

.intro-menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.intro-menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 1350px;
}

.intro-menu ul li table{}
.intro-menu ul li table tr td{border:1px solid #19415f;padding:5px;color:#19415f;}
.intro-menu ul li table tr td:first-child{border:1px solid #19415f;background:#19415f;color:#fff;}