@charset "utf-8";


.menu-mobile {
    display: none;
}

.menu ul.layer-1-ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
}

.menu ul.layer-1-ul:before,
.menu ul.layer-1-ul:after {
    content: "";
    display: table;
}

.menu ul.layer-1-ul:after {
    clear: both;
}

.menu li.layer-1-li {
    float: left;
    padding: 0;
    margin: 0;
}

.menu .layer-1 {
    text-decoration: none;
    display: block;
	font-size:17px;color:#333;font-weight:normal;height:114px;padding: 0 40px 0 40px;line-height:114px;font-weight:bold;position:relative;z-index:5;
}
.menu .layer-1 h2{position:relative;}

.menu li.layer-1-li:hover .layer-1,.menu li.layer-1-li.active .layer-1,.menu li.layer-1-li .layer-1.active{
	background:rgba(0,0,0,0.1);
}

.menu ul.layer-2-ul {
    display: none;
    width: 100%;
    background: #fff;
    padding: 0;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
	border-bottom:1px solid #bbb;
}

.menu ul.layer-2-ul:before,
.menu ul.layer-2-ul:after {
    content: "";
    display: table;
}

.menu ul.layer-2-ul:after {
    clear: both;
}

.menu li.layer-2-li{
    padding-bottom: 0;
	margin-right:20px;
    list-style: none;
    width: auto;
    background: none;
    float: left;
	text-align:center;
}

.menu .layer-2 {
    color: #777;
    display: block;
	font-size:15px;
	font-weight:bold;
	color:#666;
}

.menu .layer-2 a{color:#666; padding: 35px 10px;display:block;}
.menu .layer-2 a:hover{color:#aaa;}

.menu .layer-2 .ico{margin-bottom:10px;}

.menu .layer-2-adj{}

.menu ul.layer-3-ul {
    display: block;
    padding: 10px 0 30px;
    list-style: none;
    box-sizing: border-box;
	
}

.menu ul.layer-3-ul:before,
.menu ul.layer-3-ul:after {
    content: "";
    display: table;
}

.menu ul.layer-3-ul:after {
    clear: both;
}

.menu li.layer-3-li{
    margin: 0;
    font-size: .8em;
}

.menu .layer-3 {
    border: 0;
	display:block;
	width:100%;
}
.menu .layer-3 h4{
	font-size:15px;
	line-height:25px;
	padding:10px 0;
	color:#999;
	display:block;
	position:relative;
	}
.menu .layer-3:hover h4{color:#333;}


@media screen and (min-width: 1200px) {
	header .fixarea .fxarea-rwd{width:1200px;margin:0 auto;}
	.menu .layer-2-adj{width:1200px;margin:0 auto;}
	}

@media only screen and (max-width: 1199px) {
	
	
    .menu-container {
        width: 100px;
    }
    .menu-mobile {
		float:right;
        display: block;
		height:114px;
		cursor:pointer;
		position:relative;
    }
	.menu-mobile:after {
		width:100px;
		height:114px;
		content: "";
		background:url(../images/common/menu.png) no-repeat center center;
		display:block;
		position:absolute;
		right:0;
		top:0;
	}
	
	.menu-mobile.close:after {
		width:100px;
		height:114px;
		content: "";
		background:url(../images/common/menu_close.png) no-repeat center center;
		display:block;
		position:absolute;
		right:0;
		top:;
	}
	
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu ul.layer-1-ul {
        display: none;
    }
    .menu li.layer-1-li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu .layer-1 {
        padding:20px 0;
		line-height:20px;
		height:auto;
        width: 100%;
        display: block;
		border-bottom:1px solid #eee;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		text-align:center;
    }
	.menu .layer-1 h2{display:inline-block;}
	.menu .layer-1 h2:before{content:"";background:url(../images/common/menu_dot.png) no-repeat ;width:10px;height:10px;position:absolute;left:-15px;top:6px;}
	.menu .layer-1:hover{background:#666;}
	.menu li.layer-1-li:hover .layer-1{
	border-bottom:none;
	}
	.menu .layer-2 a{padding:22px 0;}
	.menu .layer-2-ul{
		border-bottom:none;
		padding:15px 0;
		/*max-height:220px;*/
		overflow:auto;
		}
	.menu .layer-2-adj{float:none;}
	.menu ul.layer-2-ul {
        position: relative;
		background:#eee;
		border-top:1px solid #bbb;
    }
    .menu li.layer-2-li {
        float: none;
        width: 100%;
		padding:0;
		border-bottom:1px solid #ddd;
    }
    .menu li.layer-2-li:first-child {
        margin: 0;
    }
    .menu ul.layer-3-ul {
        position: relative;
    }
    .menu li.layer-3-li {
        float: none;
    }
	.menu .layer-3 h4{padding:6px 0;font-size:14px;line-height:24px;}
    .menu ul.layer-1-ul.show-on-mobile {
		width:100%;
		z-index:1000;
        display: block;
		position:absolute;
		background:#fff;
		right:0;
		top:114px;
		border-bottom:1px #bbb solid;
    }
}