@media screen and (min-width:480px){
.navi {
	height: 50px;
	background-color: #5A2F02;
	width: 100%;
}
.navi:after {
	content: "";
	display: block;
	clear: both;
}
ul.main  ,ul.sub {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.main {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-right: 1px solid #FFFFFF;
}
ul.main li {
	float: left;
	width: 191px;
	height: 50px;
	position: relative;
	background-color: #5A2F02;
	border-left: 1px solid #FFFFFF;
}
ul.main li a {
	display: block;
	width: 191px;
	height: 50px;
	text-decoration: none;
	text-indent: -9999px;
	/*Â¥*/overflow: hidden;/**/
	background-repeat: no-repeat;
}
ul.main li a:hover {
	background-color: #743C02;
}
ul.main li a#m01 {
	background-image: url(../img/navi/top.png);
	background-position: 0px 0px;
}
ul.main li a#m02 {
	background-image: url(../img/navi/kondate.png);
	background-position: 0px 0px;
}
ul.main li a#m03 {
	background-image: url(../img/navi/product.png);
	background-position: 0px 0px;
}
ul.main li a#m04 {
	background-image: url(../img/navi/gokentou.png);
	background-position: 0px 0px;
}
ul.main li a#m05 {
	background-image: url(../img/navi/faq.png);
	background-position: 0px 0px;
}
ul.main li ul.sub {
	position: absolute;
	top: 50px;
}
ul.sub {
	display: none;
}
ul.sub li   {
	float: none;
	border-top: 1px solid #FFFFFF;
	border-left: none;
	background-color: rgba(90,48,0,0.90);
	z-index: 200;
}
ul.sub li a:hover {
	background-color: rgba(158,84,0,0.40);
}
ul.sub li a#s01 {
	background-image: url(../img/navi/s_okazu.png);
	background-position: 0px 0px;
}
ul.sub li a#s02 {
	background-image: url(../img/navi/s_bentou.png);
	background-position: 0px 0px;
}
ul.sub li a#s03 {
	background-image: url(../img/navi/s_k_annai.png);
	background-position: 0px 0px;
}
ul.sub li a#s04 {
	background-image: url(../img/navi/s_k_houhou.png);
	background-position: 0px 0px;
}
ul.sub li a#s05 {
	background-image: url(../img/navi/s_k_2course.png);
	background-position: 0px 0px;
}
ul.sub li a#s06 {
	background-image: url(../img/navi/s_k_area.png);
	background-position: 0px 0px;
}
ul.main:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*IE6 IE7用*/
ul.main {
	zoom: 1;
}

/*IE6 IE7対策*/
*html ul.main li{
	display:inline;
	zoom:1;
	}
*+html ul.main li{
	display:inline;
	zoom:1;
	}
*html ul.sub{
	zoom:1;
	position:relative;
	}
*+html ul.sub{
	zoom:1;
	position:relative;
	}

}