@charset "utf-8";

/*------------------------------------------------
   Layout
------------------------------------------------*/
#content{
width:920px;
padding:0 10px 0 0;
background:url(../images/all_bg02.gif) repeat-y right top;
}

#leftContent{
float:left;
width:239px;
}

#rightContent{
float:right;
width:681px;
}

#leftContent .recomend{
padding:22px 0 0 18px;
}

#leftContent .recomend h2{
margin:0 0 28px 0;
}

#leftContent .recomend .on{
border-left:#FFCC00 solid 2px;
}

#leftContent .recomend ul{
margin:0 0 27px 25px;
padding:0 0 0 9px;
list-style:none;
border-left:#EAEAE8 solid 2px;
}

#leftContent .recomend ul li{
margin:0 0 12px 0;
}

#leftContent .recomend dl{
margin:0 0 27px 25px;
padding:0 0 0 9px;
border-left:#EAEAE8 solid 2px;
}

#leftContent .recomend dl dt{
margin:0 0 12px 0;
}

#leftContent .recomend dl dd{
margin:0 0 5px 10px;
}

#rightContent .recomendTop{
padding:20px 0 0 0;
}

#rightContent .recomendTop .box1{
background:url(../images/pro_bg02.gif) repeat-y;
}

#rightContent .recomendTop .box1 .boxhd{
height:10px;
background:url(../images/pro_bg01.gif) no-repeat;
}

#rightContent .recomendTop .box1 .boxbtm{
height:26px;
background:url(../images/pro_bg03.gif) no-repeat;
}

#rightContent .recomendTop .box1 .boxBg{
background:url(../images/pro_bg03.gif) no-repeat left bottom;
}

#rightContent .recomendTop .box1 .box{
float:left;
width:208px;
padding:8px 0 10px 17px;
position:relative;
}

#rightContent .recomendTop .box1 .box h3{
margin:0 0 12px 0;
}

#rightContent .recomendTop .box1 .box .img{
margin:0 0 12px 0;
}

#rightContent .recomendTop .box1 .box .txt{
width:188px;
padding:0 0 0 5px;
line-height:1.6;
}

#rightContent .recomendTop .box1 .box .warnign{
position:absolute;
bottom:0px;
left:15px;
font-size:10px;
}

#rightContent .recomendTop .box1 .soup{
}

#rightContent .recomendTop .box1 .cold{
min-height:375px;
padding:8px 0 20px 17px;
letter-spacing:0.13em;
}

#rightContent .recomendTop .box1 .zakka{
min-height:375px;
padding:8px 0 20px 17px;
letter-spacing:0.13em;
}

#rightContent .recomendTop .box1 .soup ul{
margin:0 0 10px 0;
list-style:none;
}

#rightContent .recomendTop .box1 .soup ul li{
float:left;
padding:0 12px 14px 0;
}

#rightContent .recomendTop .box1 .soup .btn{
margin:0 0 12px 0;
}


#rightContent .recomendTop .box1 .soup .txt{
margin:0 18px 0 0;
padding:0;
font-size:10px;
line-height:1.6;
}

#rightContent .recomendTop .box2{
width:660px;
margin:0 0 14px 0;
padding:25px 0 0 21px;
background:url(../images/pro_bg04.gif) repeat-y;
}

#rightContent .recomendTop .box2 .boxbtm{
position:relative;
height:10px;
margin:0 0 0 -21px;
background:url(../images/pro_bg05.gif) no-repeat left bottom;
}

#rightContent .recomendTop .box2 h3{
width:613px;
margin:0 0 5px 0;
padding:5px 6px;
font-size:0;
background:#F4F4F3;
}

#rightContent .recomendTop .box2 ul{
list-style:none;
}

#rightContent .recomendTop .box2 ul li{
float:left;
width:203px;
padding:0 8px 3px 0;
}

#rightContent .recomendTop .box2 ul li dl{
font-size:0;
}

#rightContent .recomendTop .box2 ul li dl dt{
}

#rightContent .recomendTop .box2 ul li dl dd{
}

#rightContent .recomendTop .box3{
width:681px;
margin:0 0 14px 0;
background:url(../images/pro_bg07.gif) repeat-y;
}

#rightContent .recomendTop .box3 .boxhd{
height:10px;
background:url(../images/pro_bg06.gif) no-repeat;
}

#rightContent .recomendTop .box3 .boxbtm{
height:10px;
background:url(../images/pro_bg08.gif) no-repeat;
}

#rightContent .recomendTop .box3 h3{
margin:0 0 12px 27px;
padding:7px 0 0 0;
font-size:0;
}

#rightContent .recomendTop .box3 .boxBg{
padding:0 0 20px 27px;
}

#rightContent .recomendTop .box3 .box{
float:left;
width:203px;
padding:0 7px 0 0;
}

#rightContent .recomendTop .box3 .box h4{
margin:0 0 10px 0;
font-size:0;
}

#rightContent .recomendTop .box3 .box .txt{
padding:0 0 0 5px;
line-height:1.6;
}


/*------------------------------------------------
  Recomend おすすめスープ
------------------------------------------------*/

#rightContent .recomend{
padding:20px 0 0 0;
}

.recomendBox{
width:675px;
background:url(../images/pro_bg10.gif) repeat-y left top;
}

.recomendBox .hdBg{
background:url(../images/pro_bg09.gif) no-repeat left top;
}

.recomendBox .ftBg{
padding:0 0 20px 0;
background:url(../images/pro_bg11.gif) no-repeat left bottom;
}

.recomendArea{
padding:20px 20px 0 20px;
}

.recomendArea .box{
margin:0 0 40px 0;
}

.recomendArea .box h4{
margin:0 0 20px 0;
padding:3px 0 2px 5px;
background:#EEEEEE;
}

.recomendArea .box .img{
float:left;
width:310px;
padding:0 0 0 2px;
}

.recomendArea .box .txt{
width:600px;
line-height:1.56;
padding:0 0 0 20px;
}