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

#nav{
	width: 850px;
	padding: 0;
	text-align:center;
	margin:0 0 20px 0 ;
	float:right;
}
*#menu img {border: 0; vertical-align: bottom; }
#menu, #menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu {
	width: 850px;
	margin: 0;
	position:relative;
}
#menu li {
	float:left;
	position:relative;
	padding-top:15px;
}
#menu li.menu01.on{ background:url(../img/common/navi01on.png); background-size:70px 80px;padding-top:0; height:80px;}
#menu li.menu02.on{ background:url(../img/common/navi02on.png); background-size:70px 80px;padding-top:0; height:80px;}
#menu li.menu03.on{ background:url(../img/common/navi03on.png); background-size:120px 80px;padding-top:0; height:80px;}
#menu li.menu04.on{ background:url(../img/common/navi04on.png); background-size:100px 80px;padding-top:0; height:80px;}
#menu li.menu05.on{ background:url(../img/common/navi05on.png); background-size:180px 80px;padding-top:0; height:80px;}
#menu li.menu06.on{ background:url(../img/common/navi06on.png); background-size:130px 80px;padding-top:0; height:80px;}
#menu li.menu07.on{ background:url(../img/common/navi07on.png); background-size:100px 80px;padding-top:0; height:80px;}
#menu li.menu08.on{ background:url(../img/common/navi08on.png); background-size:80px 80px;padding-top:0; height:80px;}
#menu li.on img{visibility: hidden;}

/*  メニュー・*/
.menu01{width:70px;}
.menu02{width:70px;}
.menu03{width:120px;}
.menu04{width:100px;}
.menu05{width:180px;}
.menu06{width:130px;}
.menu07{width:100px;}
.menu08{width:80px;}

#menu li .sub{margin:0px; display: none;position: absolute;padding:0; z-index:58;}
#menu li li{padding-top:0;}
#menu li.on ul{padding-top:30px !important;}

#menu li .sub a{width:100px; display: block;background-color: rgba(0,71,157,0.4); background-image:url(../img/common/nvDot.png); background-repeat:repeat; margin:0; padding:10px 10px; text-align:left; line-height:1.2; text-decoration:none; color:#fff; font-size:12px;}
#menu li .sub a:hover{background: rgba(0,71,157,1); color:#fff; }

/*  メニュー　sub */
/*+40px
.menu03 .sub{width:120px;left:0px;}
.menu03 .sub li a {width:120px;padding-top:0;}
.menu06 .sub{width:170px;left:0px;}
.menu06 .sub li a {width:170px;padding-top:0;}*/
.menu05 .sub{width:140px !important;}
.menu05 .sub li a {width:140px !important;}

.menu06 .sub{width:150px !important;}
.menu06 .sub li a {width:150px !important;}

.menu07 .sub{width:170px !important;}
.menu07 .sub li a {width:170px !important;}

.slicknav_menu,
#menu li span {
	display:none;
}


/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/


@media only screen and (max-width: 481px) {

.slicknav_menu {
display:block;
}
#menu,
.slicknav_menu li img{
	display:none;
}
.menu02 .sub,
.menu04 .sub,
.menu06 .sub,
.menu07 .sub{
	width:auto;
	left:0;
	text-align:center;
}
.menu05 .sub{
	width:auto;
	text-align:center !important;
}
.menu02 .sub li a,
.menu04 .sub li a,
.menu05 .sub li a,
.menu06 .sub li a,
.menu07 .sub li a {width:auto;padding:0;text-align:center;}

.sub li,
.menu02 .sub li,
.menu04 .sub li,
.menu05 .sub li,
.menu06 .sub li,
.menu07 .sub li{
	width:94%;
	border-top:none !important;
	border-bottom:none !important;
	padding:1% 1% !important;
	margin:0 2%;
}
#hamburger{
margin-top: 2%;
z-index:7715 !important;
}
.menu01,
.menu02,
.menu03,
.menu04,
.menu05,
.menu06,
.menu07,
.menu08{width:100%; text-align:center;}


#menu li .sub{width:80%; text-align:center;margin:0; marginpadding:0 5%;}
.menu04 .sub, .menu05 .sub, .menu06 .sub, .menu07 .sub{width:100% !important; text-align:center;}
.menu04 .sub li a, .menu05 .sub li a, .menu06 .sub li a, .menu07 .sub li a {width:99% !important; text-align:center;}


}