@charset "utf-8";

/*共通グローバルナビゲーション*/
#nav {
	min-width:1000px;
	clear:both;
	background: -ms-linear-gradient(left, #167ed8, #005dad);
	background: -moz-linear-gradient(left, #167ed8, #005dad);
	background: -webkit-gradient(linear, left top, left bottom, from(#167ed8), to(#005dad));
	background: linear-gradient(left, #167ed8, #005dad);
}
#nav.nav_1 {
    background: #600;
/*	background: -ms-linear-gradient(left, #167ed8, #005dad);
	background: -moz-linear-gradient(left, #167ed8, #005dad);
	background: -webkit-gradient(linear, left top, left bottom, from(#167ed8), to(#005dad));
	background: linear-gradient(left, #167ed8, #005dad);*/
}
#nav.nav_2 {
    background: #03F;
/*	background: -ms-linear-gradient(left, #16d821, #00ad0a);
	background: -moz-linear-gradient(left, #16d821, #00ad0a);
	background: -webkit-gradient(linear, left top, left bottom, from(#16d821), to(#00ad0a));
	background: linear-gradient(left, #16d821, #00ad0a);*/
}
#nav.nav_3 {
    background: #005dad;
/*	background: -ms-linear-gradient(left, #d89416, #ad7000);
	background: -moz-linear-gradient(left, #d89416, #ad7000);
	background: -webkit-gradient(linear, left top, left bottom, from(#d89416), to(#ad7000));
	background: linear-gradient(left, #d89416, #ad7000);*/
}
#nav.nav_4 {
    background: #167ed8;
/*	background: -ms-linear-gradient(left, #d816d0, #ad00a6);
	background: -moz-linear-gradient(left, #d816d0, #ad00a6);
	background: -webkit-gradient(linear, left top, left bottom, from(#d816d0), to(#ad00a6));
	background: linear-gradient(left, #d816d0, #ad00a6);*/
}
#nav.nav_5 {
	background: -ms-linear-gradient(left, #bed816, #96ad00);
	background: -moz-linear-gradient(left, #bed816, #96ad00);
	background: -webkit-gradient(linear, left top, left bottom, from(#bed816), to(#96ad00));
	background: linear-gradient(left, #bed816, #96ad00);
}
nav {
	width:100%;
	max-width:1280px;
	min-width:1000px;
	box-sizing:border-box;
	padding:0 0 0 20px;
	overflow:hidden;
}
nav li {
	float:left;
	font-size:12px;
}
nav li a {
	display:block;
	text-decoration:none;
	color:#fff;
	background-color:rgba(255,255,255,0);
	padding:10px 20px;
	height:20px;
	line-height:20px;
}
nav li a:hover {
	background-color:rgba(255,255,255,0.2);
}

	/*ドロップダウンメニュー*/
	.dd_menu {
		display:none;
	}
	nav .dd_on:hover .dd_menu {
		display:inline;
	}
	nav .dd_menu {
		position:absolute;
		z-index:100;
	}
	nav .dd_menu li {
		clear:both;
	}
	nav .dd_menu li a {
		display:block;
		text-decoration:none;
		color:#fff;
		padding:7px 20px;
		background-color:rgba(0,0,0,0.7);
	}
		.dd_menu02 li a {
			width:110px;
		}
		.dd_menu03 li a {
			width:130px;
		}
		.dd_menu04 li a {
			width:200px;
		}
	nav .dd_menu li a:hover {
		background-color:rgba(0,0,0,0.9);
	}