@charset "utf-8";
/* CSS Document */

div#gnav {
  border-top: 1px solid #dcdad3;
  border-bottom: 2px solid #dcdad3;
  box-shadow: none;
  background-image: none;
}

div#gnav ul {
	width: auto;
}

div#gnav > ul {
  margin: 0 auto -2px;
  width: 980px;
}

div#gnav ul li {
	float: none;
}

div#gnav > ul > li {
	float: left;
}
div#gnav > ul > li > a{
  position: relative;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#000;
	display:block;
	padding:15px 24px 16px;
  border-bottom:4px solid transparent;
	/*margin-right:56px;*/
}
div#gnav ul li:last-child a{
	margin-right:0;
}
div#gnav > ul > li > a:hover,
div#gnav > ul > li > a.current,
div#gnav > ul > li.toggle.active > a{
	color:#d70c18;
	border-bottom:4px solid #d70c18;
	padding-bottom:16px;
}
div#gnav > ul > .toggle > a{
  padding: 15px 34px 16px 14px;
}
div#gnav > ul > .toggle > a:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  width: 5px;
  height: 5px;
  margin-top: -5px;
  border-top: 2px solid #d70c18;
  border-right: 2px solid #d70c18;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

/*div#gnav ul li.toggle.active div.child-inner{
	display:block;
	
}*/

div#gnav ul li.toggle div.bg,
div#gnav ul li.toggle div.child-inner {
  display: none;
}



div#gnav ul li.toggle div.child-inner.active {
  display: block;
}
body.top {
  background: #e8e8e8;
}


div#gnav ul li div.child-inner {
	position: absolute;
	left: 50%;
	background: #fff;
	margin-left: -490px;
	width: 980px;
	z-index: 202;
}

/*** gnav ***/

div#gnav ul li div.child-inner h2.child-inner_ttl{
	background:#f2f2f2;

}
div#gnav ul li div.child-inner h2.child-inner_ttl a{
	display:block;
	margin-left:20px;
	color:#000;
	position:relative;
	line-height:50px;
	text-decoration:none;
	
}
div#gnav ul li div.child-inner h2.child-inner_ttl a:before{
	content:"";
	background:url(/common/img/top/icon_arrow03.png) top left no-repeat;
	width:17px;
	height:17px;
	display:inline-block;
	padding-left: 10px;
  margin-top: -3px;
  vertical-align: middle;
	
}


.gnavInnerBlock{
	overflow:hidden;
	width:940px;
	margin:0 auto;
	padding-bottom:20px;
}

.gnavInnerBlock .gnavInnerBlockBox01 {
	float: left;
	width: 459px;
	background: #fff;
	min-height: 400px;
	margin-top: 25px;
}
.gnavInnerBlock .gnavInnerBlockBox01:nth-of-type(2) {
	border-left: solid 1px #ccc;
}
.gnavInnerBlock .gnavInnerBlockBox01 h3{
	padding-left: 10px;
}

.gnavInnerBlock .gnavInnerBlockBox01 .col_inner {
	overflow: hidden;
	padding: 15px 10px;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner p {
	margin-bottom: 5px;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner p.arrow {
	padding: 3px 0;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner li,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner li {
	text-indent: -10px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner .col01 {
	float: left;	width: 52%;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner .col02 {
	float: left;
	width: 42%;
}

.gnavInnerBlock .gnavInnerBlockBox01 .col_inner .col01 {
	margin-right: 6%;
}

.gnavInnerBlock .gnavInnerBlockBox01 .col_inner p.gnav_subttl,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner p.gnav_subttl {
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: solid 2px #ccc;
	font-weight: bold;
}
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner p.gnav_subttl {
	min-height: 46px;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner .subLink li,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .subLink li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 92%;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner .subLink li {
	border-bottom: solid 1px #ccc;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner .arrow,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .arrow {
	position: relative;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner .arrow:before,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .arrow:before {
	content:"";
	background: url(/common/img/top/icon_arrow.png) left 5px no-repeat;
	position: absolute;
	width: 6px;
	height: 16px;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner p.arrow:before,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner p.arrow:before {
	background-size: 6px 11px;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner li.arrow:before,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner li.arrow:before {
	background-size: 5px 9px;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner li.arrow:before,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner li.arrow:before {
	top: 4px;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner .arrow a,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .arrow a {
	padding-left: 12px;
	color: #000;
	text-decoration: none;
}
.gnavInnerBlock .gnavInnerBlockBox01 .col_inner .arrow a:hover,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .arrow a:hover {
	color: #ccc;
}

.gnavInnerBlock .gnavInnerBlockBox02 {
	width: 980px;
	background: #fff;
}
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner {
	overflow: hidden;
	padding: 30px 20px;

}
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .col01,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .col02,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .col03,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .col04 {
	float: left;
	width: 222px;
}
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .col01,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .col02,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner .col03 {
	margin-right: 15px;
}
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner.col_inner_seminar .col01,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner.col_inner_seminar .col02,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner.col_inner_seminar .col03,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner.col_inner_seminar .col04 {
	border-right: solid 1px #ccc;
	min-height: 102px;
}
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner.col_inner_support .col01,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner.col_inner_support .col02,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner.col_inner_support .col03,
.gnavInnerBlock .gnavInnerBlockBox02 .col_inner.col_inner_support .col04 {
	border-right: solid 1px #ccc;
	min-height: 158px;
}

/*.overlay
-------------------------*/
.overlay{
	position: relative;
}
.overlay::before{
	content:"";
	display: block;
	position: absolute;
	z-index: 110;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.gnavOverlay{
  display: none;
  position: absolute;
  z-index: 110;
  top:0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.5);
}