﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.food-list{
	margin:20px 0 0 10px;
	padding:0;
}

.food-list ul{
	width: 680px;
	margin: 0 -10px 0 0;
	overflow: hidden;
	_zoom: 1;
	list-style: none;
}

.food-list li{
	width: 160px;
	padding: 0px;
	margin-right: 10px;
	float: left;
}

.food-list img{
	padding: 0px;
	margin: 0px;
}

.name-txt{
	font-size: 110%;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 0;
}

.ex-txt{
	margin: 5px 0 10px 0;
	padding: 0;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.food-list{
	margin:10px 0 0 10px;
	padding:0;
}

.food-list ul{
	width: 320px;
	margin: 0 -10px 0 0;
	overflow: hidden;
	_zoom: 1;
	list-style: none;
}

.food-list li{
	width: 320px;
	padding: 0px;
	margin-right: 10px;
	float: left;
}

.food-list img{
	padding: 0px;
	margin: 0px;
}

.name-txt{
	font-size: 110%;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 0;
}

.ex-txt{
	margin: 5px 0 10px 0;
	padding: 0;
}
}
