@charset "UTF-8";

.submenu {
	font-size:14pt;
}

/* グローバルナビ */
ul.gnavi {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1024px;
	min-height: 60px;
	text-align: center;
	background-color: #188815;
	border-radius: 4px;
	font-size:16pt;
	text-weight:bold;
    z-index: 109;
    position: relative;
}

ul.gnavi li.parent {
	display: table-cell;
	float: left;
	margin: 0px 0px;
	padding: 0 1px 0 0;
	min-height: 60px;
	line-height: 1.2em;
	font-size: 102%;
		background-color: transparent;
	/*	background-color: white;	*/
	/*background-image: url(/images/c_bg_gnb_line.png);*/
	background-repeat: no-repeat;
	background-position: 100% 50%;
	position: relative;
	z-index: 110;
}
ul.gnavi li.parent > a {
	display: table-cell;
	margin-top: 0;
	padding: 0;
	width: 100%;
	height: 60px;
	vertical-align: middle;
	text-decoration: none;
	/*background-image: url(/images/c_bg_gnb_off.png);*/
	background-repeat: no-repeat;
	background-position: 50% 70%;

	z-index:999;
}

.nowrap {
	white-space: nowrap;
	color:red;
}

ul.gnavi li.gnb06 {
	background-image: none;
}
ul.gnavi li.gnb01,
ul.gnavi li.gnb01 > a {
	width: 170px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
ul.gnavi li.gnb02,
ul.gnavi li.gnb02 > a {
	width: 170px;
}
ul.gnavi li.gnb03,
ul.gnavi li.gnb03 > a {
	width: 170px;
}
ul.gnavi li.gnb04,
ul.gnavi li.gnb04 > a {
	width: 170px;
}
ul.gnavi li.gnb05,
ul.gnavi li.gnb05 > a {
	width: 170px;
}
ul.gnavi li.gnb06,
ul.gnavi li.gnb06 > a {
	width: 170px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
ul.gnavi li.parent > a:link,
ul.gnavi li.parent > a:visited {
	color: #FFFFFF;
}
ul.gnavi li.parent > a.active,
ul.gnavi li.parent > a:active,
ul.gnavi li.parent > a:hover,
ul.gnavi li.parent > a:focus,
ul.gnavi li.parent.active > a:link,
ul.gnavi li.parent.active > a:visited {
	color: #FFFFFF;
	background-color: #1E5221;
	background-image: none;
}

/* 第3階層表示部分 */
ul.gnavi li.parent div.sub {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 60px;
	left: 0;
	width: 1024px;
	/*background-image: url(/images/c_icon_gnb_sub.png);*/
	background-repeat: no-repeat;
}
ul.gnavi li.hover div.sub {
	display: block;
}
/* メガドロップ追加▼ */
.sub {
    display: block;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    position: absolute;
    z-index: 9999;
    left: 0;
    padding: 0;
    top: 3.8em;
    visibility: hidden;
}
li.parent .sub {
    visibility: hidden;
    opacity: 0;
    margin: 0;
}
li.parent ul.focused {
    visibility: visible;
    opacity: 1;
}
li.parent:hover .sub,
li.parent .focused {
	display: block;
	visibility: visible;
	opacity: 1;
}
/* メガドロップ追加▲*/
div#gnavi01 {
	left: -1px;
	background-position: 73px 0;
}

div#gnavi02 {
	left: -171px;
	background-position: 230px 0;
}
div#gnavi03 {
	left: -341px;
	background-position: 425px 0;
}
div#gnavi04 {
	left: -411px;
	background-position: 612px 0;
}
div#gnavi05 {
	left: -581px;
	background-position: 790px 0;
}
div#gnavi06 {
	left: -751px;
	background-position: 956px 0;
}

/*■カテゴリの下向き矢印*/
.parent::before {
  bottom: 5px;
  /* IE以外ではこの指定を入れると一つとなりのカテゴリ欄左端になる50% → autoに変更-------------
	  margin-left:50%;
	  margin-right:50%;
  */
  margin-left :auto;
  margin-right:auto;
  position: absolute;
  content:''; 

  border-top: 5px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
@media all and (-ms-high-contrast: none) {
  /* ここに書く */
	.parent::before {
	  margin-left:50%;
	  margin-right:50%;
	}
}

.noborder {border:2px solid green;}
/*■ダッシュボード選択の右向き矢印--------------*/
.child::before {
  margin-top: 17px;
  margin-left:7px;
  position: absolute;
  content:''; 
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid green;	/*DodgerBlue;*/	/*#ee8992;*/

}

/*■sikaku カテゴリ選択間のセパレートライン--------------*/
.bl2 {	border-left:1px solid white;}
.br2 {	border-right:1px solid white;}

/*■ダッシュボード選択上部の矢印--------------*/
div#gnavi01::before,
div#gnavi02::before,
div#gnavi03::before,
div#gnavi04::before,
div#gnavi05::before {
  top: 0px;
  position: absolute;
  content:''; 
  border-bottom: 10px solid #428946;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

}
div#gnavi01::before {  left: 80px;}
div#gnavi02::before {  left:250px;}
div#gnavi03::before {  left:420px;}
div#gnavi04::before {  left:590px;}
div#gnavi05::before {  left:760px;}

ul.gnavi div.sub div {
	margin: 0;
	padding: 11px 0 0 0;
}
ul.gnavi div.sub div ul {
	clear: both;
	margin: 0;
	padding: 20px 0 10px 18px;
	text-align: left;
	background: rgba(46,125,50, 0.9);
}
ul.gnavi div.sub div ul li {
	display: inline-block;
	vertical-align: top;
	width: 240px;
	margin: 0 4px 10px 0;
	padding: 0;
	line-height: 1.3em;
	font-size: 88%;
	text-align: left;
	background-color: #FFFFFF;
	border-radius: 4px;
}
ul.gnavi li div.sub ul li a {
	display: block;
	padding: 12px 5px 10px 26px;
	background-color: #FFFFFF;
	text-decoration: none;
	border-radius: 4px;
/*	background-image: url(/images/c_icon_inlink_triangle.png);*/
	background-repeat: no-repeat;
	background-position: 10px 1.1em;
}
ul.gnavi li div.sub ul li a:link,
ul.gnavi li div.sub ul li a:visited {
	color: #333333;
}
ul.gnavi li div.sub ul li a:hover,
ul.gnavi li div.sub ul li a:active,
ul.gnavi li div.sub ul li a:focus {
	color: #333333;
	background-color: #E6F5E1;
}