@charset "utf-8";
/* CSS Document */
h2 {
padding-bottom: 15px;
}
#pan {
padding-bottom: 15px;
}
#mainContents {
padding-bottom: 50px;
float: left;
width: 636px;
}
#mainContents dl {
float: left;
border-bottom: 1px dotted #ccc;
padding: 20px 0;
}
#mainContents dt {
padding-right: 10px;
float: left;
width: 200px;
}
#mainContents dd {
float: left;
width: 420px;
}
#mainContents  h4 {
clear: both;
color: #3e6102;
font-weight: bold;
margin-bottom: 5px;
font-size: 12px;
background: url(../../common/img/ico_common_01.gif) no-repeat left center;
padding: 20px 0 0 20px;
}
#mainContents dd h4 {
color: #3e6102;
font-weight: bold;
margin-bottom: 25px;
font-size: 18px;
background: url(../../common/img/ico_common_01.gif) no-repeat left center;
padding-left: 25px;
padding-top: 0px;
}
.ingredient {
margin-top: 20px;
}
.ingredient p {
padding-bottom: 3px;
}
.ingredient span {
margin-right: 6px;
background-color: #fbf5ec;
padding: 6px 9px;
display: inline-block;
width: 65px;
}
.threeColomBox01 {
  float:left;
  padding-left:12px;
  width:200px;
}
 .threeColomBox01 p {
clear: both;
width: 200px;
}
.threeColomBox01 .ingredient .allergenRight{
display: inline-block;
background-color: #FFFFFF;
width: 100px;
margin: 0px;
padding: 2px 0 0 0;
}
.threeColomBox01 .ingredient .allergenLeft{
display: block;
margin-bottom: 3px;
margin-top: 0px;
padding: 3px 10px 24px 10px;
float: left;
}
.threeColomBox01 .ingredient .allergen{
height: 38px;
padding-bottom: 7px;
}
.threeColumn {
  border-bottom:#ccc 1px dotted;
  clear:both;
  padding-bottom:20px;
}
#contents #mainContents .threeColumn clearfix .threeColomBox01 {
	padding-left: 12px;
}