html{min-width:760px; max-width:1068px; margin:0 auto;}


#head{
	width:100%;
	position:relative;
	float:left;
}
.nav{width:100%;}
.fixed2{
	width:100%;
	top:55px;
}
.fixed::before,
#head::before {
  border-bottom: solid 4px #C60000;
  width: 20%;
  position: absolute;z-index: 1;bottom: 0;left: 0;
  content: "";
}
.fixed::after,
#head::after {
  border-bottom: solid 4px #656565;
  width: 100%;
  position: absolute;bottom: 0;left: 0;
  content: "";
}


#h-menu{
	float:left;
	padding-top:10px;
	width:100%;
}
ul.hm_list{
	margin-right:85px;
	margin-left:90px;
}
#z_logo{
	position:absolute;
	top:0;left:0;
}
#s-menu{
	width:90px;
	/*float:right;
	padding-top:5px;*/
	position:absolute;
	top:0;right:0;
}
#s-menu #search,
#s-menu #mail{
	width:44px;
	display:table-cell;
}
#s-menu #mail{
	height:44px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#s-menu #inquery{
	display:none;
}


/*検索フォーム*/
.search-field:focus {
	width:550px;
}


#h-menu ul li {
   position: relative;
   float: left;
}

#h-menu ul li a {
	display: block;
	/*width: 220px;*/
	padding: 10px;
	font-size:14px;	
	webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	white-space:nowrap;
}

.hm_list li a.topnavi_home,
#h-menu ul li a:hover {
   background-color:#C60000;
   color:#fff;
}

#h-menu ul li:hover > ul {
   display: block;
   z-index:11;
   background-color:#dbdbdb;
}

#h-menu ul li ul {
   display: none;
   position: absolute;
   top: 38px;
}
#h-menu ul li ul li{
	width:100%;
	white-space:nowrap;
}

#container{
	clear:both;
	padding-top:10px;
}



#container .top_cate{
	display:table-cell;
	max-width:16%;
	text-align:center;
}
#container .top_cate img{
	width:100%;
}
#container .top_cate p{
	padding-left:20px;
	font-size:11px;
	line-height:180%;
	text-align:left;
}




.cate_head,
.cate_head_white,
.cate_head_news,
.cate_head_support_edu{
	position:relative;
	font-size:36pt;
	padding-left:30px;
	background-size:cover;
	height: 0;
	padding-top: calc(114 / 960 * 20%);
	padding-bottom: calc(114 / 960 * 80%);
	min-height:114px;
	
}
.cate_head_bg{
	position:relative;
}

.cate_head_bg img{
	width:100%;
	height:auto;
}





.sub2_table{
	width:100%;
}
.sub4_table{
	width:100%;
}
.sub2{
	width:50%;
}
.sub4{
	width:23%;
	max-width:23%;
}
.sub2.soltop_bgimg{
	height:480px;
}


.sub2_nospace{
	width:50%;
	max-width:50%;
}

.sub4_nospace{
	width:25%;
}



.width710{
	width:75%;
}







#foot{
	clear:both;
	background-color:#F7F7F7;
	padding-top:15px;
}
.accordion ul{
	margin:0;
	padding:0;
	font-size:0px;	
}
.accordion ul li{
	display: inline-block;
	height:100%;
	/*width:108px;*/
	width:16%;
	margin:0;
	padding-left:5px;
	vertical-align:top;
}
.accordion ul li a{
	font-size:13px;	
	line-height:20px;
}
.accordion ul li ul li{
	display:block;
	margin:0;
	padding:0;
	width:100%;
}
.accordion > ul > li > a{
	display:none;
}
.accordion ul li ul li a{
	font-size:12px;
}
.accordion a{
	text-decoration: none; 
}
.accordion .top_cate a{
	font-size:14px;	
	line-height:20px;
}



#foot2 {
	clear:both;
	padding-bottom:20px;
	margin-top:10px;
	padding-top:5px;
}
#foot2 p,
#foot2 p a{font-size:11px;}
#foot2 p{
	float:left;
}
#foot2 ul#footNavi {
	float:right;
}
#foot2 ul#footNavi li {
	display:inline;
	padding:0 3px;
}
#foot2 ul#footNavi li a{color:#323232; font-size:11px;}
#foot2 ul#footNavi li a:hover { text-decoration: underline; }
#foot2 ul#footNavi li a.block:hover { text-decoration: none; }