@charset "UTF-8";
/* ------------------------------------------
	nav.css
--------------------------------------------- */
.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 {
/*	width:100%;*/
	margin:0;
/*	margin:0 auto;*/
	float:right;
}

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

.mod_nav ul li a {
	display:block;
	color:#333;
	font-size:1.0em;
	line-height:32px;			/*1行表記なら40px、2行表記なら20px*/
	padding:8px 24px;
	border-top-color:#fff;
	border-top-style:solid;
	border-top-width:4px;			/*line-heightからこの幅分引くこと*/
	border-bottom-color:#fff;
	border-bottom-style:solid;
	border-bottom-width:4px;			/*line-heightからこの幅分引くこと*/
/*	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 {
	display:inline-block;
	font-size:0.64em;
	line-height:16px;
}

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

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

.mod_nav ul li a:hover,
.mod_nav ul li a:active {
/*	background-color:#999;*/
	text-decoration:none;
	border-bottom-color:#B5DCF1;
}

.mod_nav ul li .on {
/*	background-color:#B5DCF1;*/
	text-decoration:none;
	border-bottom-color:#B5DCF1;
}

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

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

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

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

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

	.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;
	}
}