@charset "utf-8";

/* clearfix */

/*.cf{
	zoom:1px;
}
.cf:before, .cf:after;{
	content: "";
	display: table;
}
.cf:after;{
	clear: both;
}*/



div.menuber{
	border-top: 1px solid #AAA;		/*上の線の幅、線種、色*/
	border-bottom: 1px solid #AAA;	/*下の線の幅、線種、色*/
	outline: 0px solid #CCC;		/*アウトライン。上の２行で設定しているラインの外側の線。*/
	padding: 0px 0px;	/*上下、左右へのボックス内の余白*/

	width:100%;
	height:50px;
	padding-bottom:0px;
	background: linear-gradient(#00A048, #8FC31F);	/*背景色*/
}

.menu {
	padding-top:0px;
    position: relative;
    width: 1024px;
    height: 50px;
    margin: 0 auto;
}

.menu > li {
    float: left;
    width: 20%; /* グローバルナビ4つの場合 25%*/
    height: 20px;
    line-height: 50px;
	/*background-color:#9E9E9F;*/
    /*background: rgb(29, 33, 19);*/
}

.menu > li a {
	text-align:center;
    display: block;
    color:#fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);	/*文字の影。右、下、幅、色の順の設定。色はrgbでの指定で「0,0,0」は黒で「0.4」が透明度40%の事。*/
}


.menu > li a:hover {
	height:30px;
    color:#333;
	opacity:0.9;
	text-shadow: none;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}


.menu > li:hover {
    background-color:#EEEEEE;
    /*transition: all .2s;*/
	height:90%;
	border-radius: 0 0 5px 5px;
}

.menu__second-level li {border-top: 1px solid #111;}


.menu__second-level li a:hover {
	background: #8FC31F;
	height:30px;
	position:relative;
	border-radius: 5px;
}


/* 下矢印 */
/*.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {clear: both;}

.menu {*zoom:1;}


/*------------------------------------------------*/

li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 60px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
	height:50px;
    padding: 15px 2%;
    background: #333;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	
}

li.menu__mega:hover ul.menu__second-level {
    top: 52px;
	height:50px;
    visibility: visible;
	border-radius: 3px;
    opacity: 0.8;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 25%;
	text-align:center;
	font-size:16px;
	line-height:20px;
    border: none;
}

li.menu__mega ul.menu__second-level > li:nth-child(4n+3) {margin: 0 0%;}