@charset "UTF-8";

@media screen and (min-width: 641px) {
.dognavi, .catnavi {
	clear:both;
	width:960px;
	height:35px;
	margin:0 0 20px;
}
.dognavi h2, .catnavi h2 {
	float:left;
	width:153px;
	height:35px;
}
.dognavi ul, .catnavi ul {
	list-style:none;
	float:left;
	width:787px;
	height:35px;
	margin:0;
}
.dognavi li, .catnavi li {
	float:left;
	height:35px;
	margin:0 0 0 20px;
	font-size:14px;
	line-height:35px;
	text-indent:25px;
	white-space:nowrap;
	background-repeat:no-repeat;
	background-position:left center;
}
.dognavi li {
	background-image:url(/hansoku/include/dogcatnavi/images/dognavi_arrow.gif);
}
.dognavi a {
	color:#FF9F35;
	text-decoration:none;
}
.catnavi li {
	background-image:url(/hansoku/include/dogcatnavi/images/catnavi_arrow.gif);
}
.catnavi a {
	color:#FF82AA;
	text-decoration:none;
}
}

@media screen and (max-width: 640px) {
.dognavi, .catnavi {font-size:3.2vw;overflow: hidden;clear:both;max-width:640px;width:100%;height:100%;margin:3% 0 1%;}
.dognavi h2, .catnavi h2 {
	display:none;}
.dognavi ul, .catnavi ul {
	overflow: hidden;
	list-style:none;
	max-width:640px;
	width:96%;
	height:100%;
	margin:auto;
}
.dognavi li:first-child, .catnavi li:first-child{
	margin-right:6.0%;}

.dognavi li:last-child, .catnavi li:last-child{
	margin-left:4.0%;}
.dognavi li, .catnavi li {
	overflow:hidden;
	float:left;
	line-height:2em;
	margin:0 1% 0 4%;
	text-indent: 1.5em;
	white-space:nowrap;
	background-repeat:no-repeat;
	background-position:left center;
}
.dognavi li {
	background-image:url(/hansoku/include/dogcatnavi/images/dognavi_arrow.gif);background-size:1.2em;
}
.dognavi a {
	color:#323232;
	text-decoration:none;
}
.catnavi li {
	background-image:url(/hansoku/include/dogcatnavi/images/catnavi_arrow.gif);background-size:1.2em;
}
.catnavi a {
	color:#323232;
	text-decoration:none;
}
}