@charset "shift_jis";

#navi {
	border: 1px solid #333;
	width: 100%;
	background-color: #CCC;
	margin: 0px auto 5px;
	padding: 0px 0px 0px;
	height: 37px;
	max-width: 885px;
}
#navi a {
	display: block;
	height: 18px;
	width: 160px;
	font-size: 78%;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 19px;
	background-position: 0px 0px;
	text-decoration: none;
	text-align: right;
	padding-right: 5px;
}

#navi li {
	letter-spacing: 0.2em;
	vertical-align: bottom;
	float: left;
	text-align: center;
	list-style-type: none;
	padding: 0px;
	margin: 0px 15px 0px 0px;
}
#navi-top  {
	width: 160px;
}
#navi-top a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 155px;
	background-image: url(images/navi-butt-top.jpg);
}
#navi-top a:hover {
	background-image: url(images/navi-butt-top.jpg);
	background-repeat: no-repeat;
	background-position: 0px -37px;
}
#navi-prod a {
	background-image: url(images/navi-butt-item.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#navi-prod a:hover {
	background-repeat: no-repeat;
	background-position: 0px -37px;
	background-image: url(images/navi-butt-item.jpg);
}
#navi-company a{
	background-image: url(images/navi-butt-company.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#navi-company a:hover {
	background-image: url(images/navi-butt-company.jpg);
	background-repeat: no-repeat;
	background-position: 0px -37px;
}
#navi-chirimen a{
	background-image: url(images/navi-butt-what.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#navi-chirimen a:hover {
	background-image: url(images/navi-butt-what.jpg);
	background-repeat: no-repeat;
	background-position: 0px -37px;
}
#navi-contact a{
	background-image: url(images/navi-butt-contact.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#navi-contact a:hover {
	background-image: url(images/navi-butt-contact.jpg);
	background-repeat: no-repeat;
	background-position: 0px -37px;
}
#head-nav {
	background-color: rgba(233,220,191,1.00);
	/* [disabled]height: 21px; */
	margin-bottom: 15px;
	border-bottom: 3px solid rgba(176,154,118,1.00);
	-webkit-box-shadow: 0px 0px 13px 2px rgba(255,198,0,0.73);
	box-shadow: 0px 0px 13px 2px rgba(255,198,0,0.73);
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/top-slide/20160510-_DSC0357.jpg);
	background-position: 47px -6px;
	background-repeat: no-repeat;
}
#head-nav ul {
}
#head-nav ul li {
	float: left;
	list-style-type: none;
	margin-right: 21px;
	/* [disabled]line-height: 24px; */
	/* [disabled]border-left-color: rgba(193,173,113,1.00); */
	/* [disabled]border-left-style: solid; */
	/* [disabled]border-left-width: 3px; */
	/* [disabled]padding-left: 5px; */
	/* [disabled]border-bottom-color: rgba(255,135,43,1.00); */
	/* [disabled]border-bottom-style: solid; */
	/* [disabled]border-bottom-width: 3px; */
	font-size: 14px;
	padding-top: 0px;
	background-image: url(images/back-to-top-yama.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#head-nav ul #back-to-top-yama {
	background-image: url(images/back-to-top-yama.jpg);
	/* [disabled]background-size: cover; */
	background-position: left top;
}


#head-nav ul li a:link  ,#head-nav ul li a:visited{
	text-decoration: none;
	display: block;
	padding: 8px 17px 5px 38px;
	letter-spacing: 0.1em;
	text-align: center;
	color: rgba(66,49,0,1.00);
	background-color: rgba(255,255,255,0.00);
	-webkit-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
}
#head-nav ul li a:hover {
	background-color: rgba(255,255,255,0.56);
}

@media (max-width: 650px){

#navi {
	float: none;
	height: auto;
	position: static;
	clear: both;
	background-color: rgba(255,249,242,1.00);
	display: block;
}
#navi ul {
	float: none;
	height: auto;
	position: static;
	clear: both;
	display: block;
}
#navi ul li {
	margin-right: 3.8%;
	margin-bottom: 7px;
	margin-top: 7px;
}

#navi ul li:nth-child(3){
	margin-right: 0px;
	
}
}

@media (max-width: 390px){
}

@media (max-width: 359px){
#navi ul li {
	float: none;
	clear: both;
}


}