@charset "UTF-8";
nav {
	width:100%;	/* */
	background:#000;
	box-shadow:0 1px 2px #fff;
	⁄zoom:1;
font-size:12px;
}

/* テスト＆確認のため*/
nav img{
	width:100%;
		background:#fff;
}

nav:after {
   content:'';
   display:block;
   clear:both;
}

/* テスト＆確認のため*/
gnav{
	width:25%;
	}
	
/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media screen and (min-width:768px) {
	nav {
		background:#000;
		border-bottom:5px solid #142a96;/*紺色 */
		box-shadow:0 1px 3px #999;
		z-index:3;
	}
	nav ul {
		margin:0;
		padding:0;
	}
	nav li {
		position:relative;
		width:19%;
		float:left;
		margin-left:10px;
		padding:0;
		text-align:center;
		list-style:none;
	}
	nav li:first-child {
		width:15%;
	}
	nav li:before {
		content:"";
		margin-top:-7px;
		position:absolute;
		top:50%;
		left:0;
		width:1px;
		height:14px;
		background:#FF0;
	}
	nav li:last-child:after {
		content:"";
		margin-top:-7px;
		position:absolute;
		top:50%;
		right:0;
		width:1px;
		height:14px;
		background:#F0F;
	}
	nav li:hover:before,
	nav li:hover + li:before, 
	nav li:last-child:hover:after,
	nav li li:before,
	nav li li:after {
		display:none;
	}
	nav li:last-child li {
		left:-50%;
	}
	nav li a {
		display:block;
		padding:10px 0;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	nav li ul {
		position:absolute;
		top:100%;
		left:0;
		margin:0;
		padding:0;
		border-radius:0 0 3px 3px;
		z-index:3;
	}
	nav li ul li {
		overflow:hidden;
		width:125%;
		height:0;
		-moz-transition:.2s;
		-webkit-transition:.2s;
		-o-transition:.2s;
		-ms-transition:.2s;
		transition:.2s;
	}
	nav li li:first-child {
		width:125%;/*子要素のサイズ */
	}
	nav li ul li a {
		padding:14px 15px;/*子要素のサイズ */
		background:#000;/*#808080ねずみ色 */
		text-align:left;
		font-weight:normal;
	}
	nav li:hover > a {
		background:#000;
		color:#fff;
	}
	nav li:hover > a:hover {
		background:deeppink;/*#142a96紺色 */
	}

	.showNav {
		background:#7c0c0c !important;/*エンジ色 */
	}

	.showSub {
		overflow:visible;
		height:42px;
		border-bottom:2px solid #fff;
	}
	.showSub:last-child {
		border-bottom:0;
	}
	.showSub:last-child a {
		border-radius:0 0 3px 3px;
	}

	.fixed {
		position:fixed;
		top:0;
		left:0;
	}
}