@charset "Shift_JIS";

#mainArea2{
	float:left;
	width:610px;
	}
#sideArea2{
	width: 250px;
	float: right;
	}
.itemname{
	background:url(/foodservice/common/images/title_bg01.jpg) no-repeat top left;
	font-weight:bold;
	border-bottom:2px solid #FF0000;
	padding:5px 13px 4px;
	font-size:117%;
	}
h2{
	padding:2px 0 2px 10px;
	background:url(/foodservice/common/images/icon_01.gif) no-repeat left top;
	font-weight:bold;
	margin-bottom:15px;
	font-size:14px;
	vertical-align:top;
	line-height:1;
	}
.productlist{
	margin-top:20px;
	}
.productlist li{
	float:left;
	width:135px;
	margin-right:15px;
	_margin-right:13px;
	}
.productlist li img{
	border:1px solid #CCCCCC;
	}
.pagenav{
	background:#F0F0F0;
	padding:12px 10px 5px 0;
	margin-top:20px;
	}
.pagenav li{
	float:left;
	padding-left:13px;
	padding-bottom:10px;
	margin-right:1px;
	}
.pagenav li a{
	padding-left:12px;
	background:url(/foodservice/common/images/bullet_04.gif) no-repeat 0 0.1em;
	word-break: keep-all;
	}
.feature th{
	font-weight:normal;
	vertical-align:top;
	text-align:center;
	width:20px;
	}
.feature td{
	padding-bottom:8px;
	}
.method div{
	margin-bottom:12px;
	padding-bottom:5px;
	background:url(/foodservice/common/images/line_01.gif) repeat-x left bottom;
	}
.method table{
	margin-bottom:15px;
	}
.method table th{
	width:13px;
	vertical-align:top;
	text-align:center;
	font-weight:normal;
	}
.method table td{
	padding-bottom:8px;
	}
.related li a{
	padding-left:12px;
	background:url(/foodservice/common/images/bullet_09.gif) no-repeat 0 0.35em;
	}
.related li img{
	vertical-align:middle;
	}
.info{
	width:100%;
	}
.info th{
	background:#F2F2F2;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding:7px 10px 6px;
	border:1px solid #CCCCCC;
	white-space:nowrap;
	
	}
.info td{
	text-align:left;
	vertical-align:middle;
	padding:7px 10px 6px;
	border:1px solid #CCCCCC;
	}
.element{
	width:100%;
	}
.element th{
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding:7px 10px 6px;
	border:1px solid #CCCCCC;
	white-space:nowrap;
	}
.element tr.head th{
	background:#F2F2F2;
	}
.element td{
	text-align:left;
	vertical-align:middle;
	padding:7px 10px 6px;
	border:1px solid #CCCCCC;
	}
.noteasy li{
	margin-bottom:8px;
	}
.noteasy li a{
	padding-left:12px;
	background:url(/foodservice/common/images/bullet_10.gif) no-repeat 0 0.2em;
	}
.question li{
	margin-bottom:8px;
	}
.question li a{
	padding-left:12px;
	background:url(/foodservice/common/images/bullet_10.gif) no-repeat 0 0.2em;
	}
.indent1{
	padding-left:10px;
	}
.wrapping{
	width:100%;
	}
.wrapping th{
	background:#F2F2F2;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding:7px 10px 6px;
	border:1px solid #CCCCCC;
	white-space:nowrap;
	}
.wrapping td{
	text-align:left;
	vertical-align:top;
	padding:7px 10px 6px;
	border:1px solid #CCCCCC;
	}

.recent{
	padding:10px;
	background:#F1F0DF;
	margin-bottom:20px;
	}
.recent p{
	padding-bottom:3px;
	}
.recent ul li{
	margin-top:7px;
	padding-left:12px;
	background:url(/foodservice/common/images/bullet_09.gif) no-repeat 0 0.35em;
	}


.lineup ul{
	padding:1px 10px 10px 10px;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}
.lineup ul li{
	margin-top:9px;
	padding-left:12px;
	background:url(/foodservice/common/images/bullet_10.gif) no-repeat 0 0.35em;
	}

.attention{
	padding-top:30px;
	font-size:x-small;
	}
.time{
	font-size:x-small;
	text-align:right;
	}
.recipe{
	margin:20px 0 0;
	border:1px solid #B3B3B3;
	padding:0 0 20px 0;
	font-size:108.6%;
	}

.recipe .ranking li{
	clear:both;
	padding:9px 13px 0;
	zoom:1;
	}
.recipe .ranking li span{
	display:block;
	text-align:center;	
	width:19px;
	height:19px;
	line-height:19px;
	vertical-align:middle;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	zoom:1;
	font-size:13px;
	letter-spacing:-1px;
	background:#737373;
	}
.recipe .ranking li a{
	display:block;
	float:left;
	margin:3px 0 0 5px;
	}
.recipe .ranking li.top{
	text-align:center;
	padding:0 0 0 0;
	position:relative;
	zoom:1;
	}
.recipe .ranking li.top img{
	display:block;
	margin:0 auto 6px;
	padding:23px 0 0 0;
	}
.recipe .ranking li.top a{
  display:inline;
	float:none;
	margin:0;
	}
.recipe .ranking .top span{
	background:url(../images/side_icn_01.gif) no-repeat 0 0;
	width:38px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:10px;
	left:20px;
	}
.recipe .ranking li.high span{
	background:#FF0000;
	}
#sideArea2 .higi{
	margin:20px 0 0;
	border:1px solid #B3B3B3;
	}
#sideArea2 .higi ul{
	margin:-1px 0 0;
	padding:0 10px;
	}
#sideArea2 .higi li a{
	padding:11px 0 10px;
	display:block;
	text-decoration:none;
	cursor:pointer;
	}
#sideArea2 .higi li img{
	margin:0 7px 0 0;
	float:left;
	}
#sideArea2 .higi li .txt{
	width:146px;
	display:block;
	float:left;
	}
#sideArea2 .higi li a strong{
	font-size:108.6%;
	}
#sideArea2 .higi li a span.ulTxt{
	text-decoration:underline;
	}

/*-- 2014/09/01 Add TP miyagawa 2014年度上期対応 サンプル発注システムStep2 --*/
.Banner{
	margin-bottom:20px;
}
.Banner ul{
	margin-top:7px;
}
.Banner ul li{
	margin-bottom:10px;
}
