/*
navi.css
*/

nav{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	box-sizing:border-box;
}

.mod_nav:after,.mod_nav ul:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.mod_nav p.navtitle{
	display:none;
}

.mod_nav ul{
	margin:0 auto;
	width:100%;
}

.mod_nav ul li{
	float:left;
	text-align:center;
	width:16.666666666666%;
}

.mod_nav ul li a{
	display:block;
	color:#fff;
	line-height:20px;
	font-size:1.0em;
	padding:8px 0 8px;
	border-top:none;
/*	border-left:1px solid #999;*/
	box-sizing:border-box;
}

.mod_nav ul li:last-child a{
/*	border-right:1px solid #999;*/
}

.mod_nav ul li a span{
	line-height:16px;
	font-size:0.64em;
	display:inline-block;
}

/*.mod_nav ul li.current a{
	font-weight:bold;
}*/

.mod_nav ul li a:link,
.mod_nav ul li a:visited{
	text-decoration:none;
	background-color:#000;
}

.mod_nav ul li a:hover,
.mod_nav ul li a:active,
.mod_nav ul .on a:link,
.mod_nav ul .on a:visited{
	text-decoration:none;
	background-color:#666;
}

@media screen and (max-width:720px){
	.mod_nav p.navtitle{
		cursor:pointer;
		display:block;
		line-height:56px;
		color:#fff;
		text-align:right;
		padding-right:16px;
		font-size:0.8em;
	/*	background:transparent url('../img/bg_menu.jpg') no-repeat 9px 9px;*/
		background: -moz-linear-gradient(
			top,
			#ccc 0%,
			#999 49%,
			#000 50%,
			#666); /* mozilla */
		background: -webkit-gradient(
			linear,
			center top,
			center bottom,
			from(#ccc),
			color-stop(0.49, #999),
			color-stop(0.50, #000),
			to(#666)); /* Webkit */
		filter: progid:DXImageTransform.Microsoft.gradient(
			GradientType=0,
			startColorstr='#FF999999',
			endColorstr='#FF000000'); /* IE5.5以上 */
	}

	.mod_nav p.navtitle .navbtn{
		display:inline-block;
		line-height:32px;
		padding:0 8px;
		border:1px solid #fff;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	}

	.mod_nav p.navtitle .mark{
		font-size: 1.2em;
	}

	.mod_nav ul{
		width:100%;
		display:none;
	}

	.mod_nav ul li{
		float:none;
		width:100%;
		padding:0;
		text-align:left;
		background-color:#000;
	}

	.mod_nav ul li a{
		padding-left:8px;
		border-top:1px solid #999;
		border-left:none;
	}

	.mod_nav ul li a span{
		margin-left:1.0em;
	}
}