@charset"UTF-8";

/* ------------ enjoy ------------ */
/* smileBox */
.smileBox{
margin:30px 40px 35px 0;
padding:0 10px 10px 10px;
height:300px;
background-image:url(../image/bg_joy0.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.smileBox .smileTitleBox{
display:block;
float:left;
margin:15px 35px 0 30px;
padding:0;
width:210px;
}
.smileBox .leftBoxText{
display:block;
margin:0;
padding:0;
font-size:12px;
}
.smileBox .smileStepBox{
display:block;
float:left;
margin:30px 0 0 25px;
padding:0;
width:150px;
font-size:13px;
}

/* localEnjoy */
#localEnjoy {
overflow:hidden;
margin:0 0 30px 0;
padding:0 0 15px 30px;
background-image:url(../image/bg_joy_btn.jpg);
background-repeat:no-repeat;
background-position:left top;
}
#localEnjoy li {
float:left;
margin:0 50px 0 0;
padding:0;
width:235px;
border-top:2px #000000 solid;
}
#localEnjoy a {
float:left;
display:inline;
margin:0;
padding:0;
text-align:ceter;
text-decoration:none;
vertical-align:baseline;
}
#localEnjoy a:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE */
filter: alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Firefox(old) */
-khtml-opacity: 0.8; /* Safari(old) */
opacity: 0.8;
}

.tag {
margin:0;
padding:0 10px;
color:#ffffff;
width:55px;
font-size:13px;
text-decoration:none;
vertical-align:baseline;
background-color:#000000;
}
#enjoyIntroBox{
margin:20px 45px 15px 5px;
padding:0;
}
.recipeBox{
margin:80px 40px 30px 0;
padding:0;
border-top:2px #000000 solid;
}
.enjoyH3{
margin:10px 0 20px 15px;
padding:7px 10px 10px 10px;
height:248px;
background-image:url(../image/bg_joy_title.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.enjoyH3 .leftBox{
display:block;
float:left;
margin:38px 20px 0 30px;
padding:0;
}
.enjoyH3 .leftBoxText{
display:block;
margin:10px 0 0 0;
padding:0;
text-align:center;
}
.enjoyH3 .rightBox{
display:block;
margin:0;
padding:0;
}
/* howtoBox */
#howtoBox{
overflow:hidden;
margin:0 70px 30px 30px;
padding:0;
}
.howtoBox .leftBox{
float:left;
margin:0 20px 0 20px;
padding:0;
}
.howtoBox .ingredientList{
margin:10px 0 0 10px;
padding:0;
}
.howtoBox .ingredientList2{
margin:0 0 0 15px;
padding:0;
}
.pointBox1{
margin:20px 0 0 0;
padding:20px 20px 0 20px;
width:366px;
height:258px;
font-size:12px;
background-image:url(../image/bg_joy1_point.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.pointBox2{
margin:20px 0 0 0;
padding:15px 30px 0 20px;
width:356px;
height:80px;
font-size:14px;
background-image:url(../image/bg_joy2_point.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.pointBox3{
margin:20px 0 0 0;
padding:20px 30px 0 20px;
width:356px;
height:223px;
font-size:14px;
background-image:url(../image/bg_joy3_point.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.pointH4{
margin:0;
text-align:center;
}
.pointList{
float:left;
margin:10px 12px 0 10px;
width:95px;
list-style-type:none;
}
.pointText2{
float:left;
margin:0 12px 0 10px;
}
.pointList3{
margin:5px 12px 10px 30px;
list-style-type:disc;
}
.pointList .pointBold{
margin:0  3px;
color:#9c3700;
font-weight:bold;
}
.howtoBox .rightBox{
overflow:hidden;
margin:0 20px 0 10px;
padding:0;
}
.rightBox .howtoList{
margin:10px 0 10px 30px;
list-style-type:decimal;
color:#617b00;
font-weight:bold;
}
.rightBox .howtoList2{
display:block;
margin:0 0 10px 30px;
padding:0 0 8px 0;
list-style-type:upper-alpha;
color:#617b00;
font-weight:bold;
border-bottom:1px #555555 solid;
}
.howtoListText{
color:#000000;
font-weight:normal;
}
.howtoBold{
margin:0  3px;
color:#617b00;
font-weight:bold;
}