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

/* navigation */
#navigation {
	width: 100%;
	margin: 0 auto 1px auto;
	padding: 0;
	text-align: center;
	background-color: #FFA309;
}
#navigation.nav02 {
	background-color: #F60;
}
#navigation #nav {
	max-width: 1000px;
	*width: 1000px;
	_width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#navigation  ul#nav {
	letter-spacing: -0.5em;
	font-size: 0;
}
#navigation ul#nav li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: normal;
}
#navigation ul#nav li:last-child  {
	border-right: none;	
}
#navigation ul#nav li a {
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	display: block;
	font-size: 18px;
	background-color: #FFA309;
	padding: 28px 36px;
}
#navigation.nav02 ul#nav li a {
	background-color: #F60;
	padding: 0;
}
#navigation ul#nav li a:hover {
	background-color: #F60;
}
#navigation.nav02 ul#nav li.top {
	display: none;
}
#toggle {
	display: none;
}

@media screen and (max-width:1000px){
	#nav {
		display: none;
	}
	#navigation,#navigation.nav02 {
		padding: 0;
		margin: 0;
		background-color: #FFF;
	}
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #FFA309;
	}
	#navigation.nav02 #toggle {
		background-color: #F60;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 14px 0 14px;
		border-bottom: 1px solid #CCC;
		text-align: center;
		text-decoration: none;
		font-size: 120%;
		color: #FFF;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #FFA309;
	}
	#navigation.nav02 #toggle a:before, #navigation.nav02 #toggle a:after {
		background-color: #F60;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}
	#navigation ul#nav li {
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #CCC;
		color: #FFF;
		line-height: inherit;
		height: inherit;
		border-right: none;
		font-size: 14px;
	}
	#navigation ul#nav li a {
		text-decoration: none;
		padding: 6px 0px;
		display: block;
		margin: 0;
		font-size: 120%;
		color: #000;
		background-color: #FFF;
		font-weight: normal;
	}
	#navigation.nav02 ul#nav li.top {
		display: inline;
	}
	#navigation.nav02 ul#nav li a {
		color: #000;
		padding: 8px 0;
		background-color: #FFF;
	}
	#navigation ul#nav li a:hover {
		background-color: #F90;
		color: #FFF;
	}
	#navigation.nav02 ul#nav li a:hover {
		background-color: #F60;
		color: #FFF;
	}
    #navigation.nav02 ul#nav li a:before {
        content:attr(data-label);
    }
	.nav-txt {
		color: #FFF;
	}
	.nav-txt img {
		display: none;
	}
}