@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 .products{
padding:22px 0 0 18px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#rightContent .productsTop .box1 .soup{
}

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

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

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

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

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


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

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

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

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

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

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

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

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

#rightContent .productsTop .box2 ul li dl dd{
	line-height:100%;
	letter-spacing:normal;
	padding-bottom:5px;
}

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

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

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

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

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

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

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

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

#rightContent p{
	line-height:160%;
}


/*------------------------------------------------
   SOUP, FREEZE, BREAD, CURRY, ZAKKA
------------------------------------------------*/

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

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

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

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

.productsBox .head{
position:relative;
padding:15px 14px 38px 22px;
}

.productsBox .head h3{
font-size:10px;
}

.productsBox .head .menu{
padding-top :35px;
text-align:right;
}



/*Yahoo*/
.productsBox .head .btn{
position:absolute;
top:20px;
right:100px;
}

/*店舗*/
.productsBox .head .btn2{
position:absolute;
top:20px;
right:181px;
}

/*原産地情報*/
.productsBox .head .btn3{
position:absolute;
top:50px;
right:14px;
}

/*栄養成分*/
.productsBox .head .btn4{
position:absolute;
top:50px;
right:185px;
}

/*楽天*/
.productsBox .head .btn5{
position:absolute;
top:20px;
right:14px;
}

.productsBox .head2{
position:relative;
padding:15px 14px 65px 22px;
}

.productsBox .head2 h3{
font-size:10px;
}

.productsBox .head2 .menu{
text-align:right;
}

.productsBox .head2 .btn{
position:absolute;
top:15px;
right:14px;
}

.productsBox .soupList{
margin:0 0 0 14px;
list-style:none;
}

.productsBox .soupList li,
.productsBox .drinkList li,
.productsBox .curryList li{
position:relative;
float:left;
width:125px;
min-height:220px;
_height:240px;
padding:0 6px 10px 0;
}

.productsBox .soupList li.new strong,
.productsBox .curryList li.new strong{
position:absolute;
top:157px;
left:7px;
}

.productsBox .soupList li.new_freeze strong,
.productsBox .drinkList li.new_freeze strong{
position:absolute;
top:157px;
left:7px;
}

.productsBox .soupList li span{
display:block;
margin:0 0 5px 0;
}

.productsBox .curryList{
margin:0 0 0 14px;
list-style:none;
}

.productsBox .curryList li{
float:left;
width:159px;
min-height:225px;
_height:225px;
padding:0 6px 0 0;
}

.productsBox .curryList li span{
display:block;
margin:0 0 5px 0;
}

.productsBox .breadList{
margin:0 0 0 14px;
list-style:none;
}

.productsBox .breadList li{
float:left;
width:159px;
min-height:185px;
_height:185px;
padding:0 6px 0 0;
}

.productsBox .breadList li span{
display:block;
margin:0 0 5px 0;
}

.productsBox .drinkList{
margin:0 0 0 14px;
list-style:none;
}

.productsBox .drinkList li{
float:left;
width:125px;
min-height:185px;
_height:185px;
padding:0 6px 5px 0;
}

.productsBox .price{
padding:0 14px 0 14px;
text-align:right;
line-height:1.4;
}

.productsBox .drinkTtl{
padding:0 14px 20px 14px;
}

.zakkaArea{
padding:35px 35px 15px 35px;
color:#666;
}

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

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

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

.zakkaArea .box .txt{
float:right;
width:310px;
line-height:1.6;
}

.product_inner{
	padding:35px 35px 25px 35px;
	line-height:140%;
}
.product_inner p{
	letter-spacing:0.15em;
}
.product_inner dl.pointcard dd{
	padding-bottom:15px;
	border-bottom:#CCC dashed 1px;
	margin-bottom:15px
}
.product_inner dl.pointcard dd.last{
	border-bottom:none;
	padding-bottom:15px;
	margin-bottom:0px
}
.product_inner dl.pointcard dt{
	font-weight:bold;
	padding-bottom:5px;
}