@charset "utf-8";

/*
.cafemenu{
width:335px;
margin:0 0 10px 30px;
background:url(../recipe/img/rec_bg001m.gif) repeat-y;
}
.cafemenu div{
}
.cafemenu .cmb{
height:25px;
background:url(../recipe/img/rec_bg001b.gif) no-repeat;
}
.cafemenu ul{
width:315px;
padding:5px 0 0 20px;
margin:0 0 0 10px;
line-height:140%;
}
.cafemenu ul li{
margin:0 0 5px 0;
}
.cafemenu ul li a{
color:#49321D;
}
.cafemenu ul li a:hover{
color:#CC6600;
}
*/

.arrival {
	width: 405px;
	padding-bottom: 25px;
	margin-bottom: 20px;
	background: url(../recipe/img/rec_cafemenu_bg_ftr.gif) center bottom no-repeat;	
}

.arrival ul {
	padding-left: 14px;
	background: url(../recipe/img/rec_cafemenu_bg_body.gif) left center repeat-y;
}

.arrival li {
	position: relative;
	padding-left: 75px;
}

.arrival li img {
	position: absolute;
	left: 5px;
	top: 3px;
}

.arrival ul li.normal {
	width: 310px;
	height: 51px;
/*	padding: 3px 0 3px 5px;
	margin-left: 14px;*/
	background: url(../recipe/img/rec_new_bg03.gif) left top no-repeat;
	list-style: none;
}

.arrival ul li.newKids {
	width: 310px;
	height: 51px;
/*	padding: 3px 0 3px 5px;
	margin-left: 14px;*/
	background: url(../recipe/img/rec_new_bg01.gif) left top no-repeat;
	list-style: none;
}

.arrival ul li.newFoods {
	width: 310px;
	height: 51px;
/*	padding: 3px 0 3px 5px;
	margin-left: 14px;*/
	background: url(../recipe/img/rec_new_bg02.gif) left top no-repeat;
	list-style: none;
}

.arrival ul a {
	color: #49321D;
}

.cafemenu {
width: 405px;
margin-bottom: 20px;
background: url(../recipe/img/rec_cafemenu_bg_body.gif) left center repeat-y;
}

.cafemenu ul {
margin-bottom: 10px;
padding-left: 9px;
list-style: none;
}

.cafemenu ul:after {
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;
}

.cafemenu ul {
zoom: 1;
}

.cafemenu ul li {
float: left;
position: relative;
width: 110px;
height: 45px;
margin: 0 0 5px 5px;
padding: 3px 10px 3px 70px;
line-height: 1.2;
background: url(../recipe/img/rec_cafemenu_bg01.gif) left top no-repeat;
display: inline;
}

.cafemenu ul li.alc {
background: url(../recipe/img/rec_drink_bg01.gif) left top no-repeat;
}

.cafemenu ul li.kids {
background: url(../recipe/img/rec_food_bg01.gif) left top no-repeat;
}

.cafemenu ul li.desert {
background: url(../recipe/img/rec_desert_bg01.gif) left top no-repeat;
}

.cafemenu ul li img {
position: absolute;
top: 3px;
left: 5px;
}

.cafemenu ul li a {
letter-spacing: -0.05em;
color: #49321D;
}

.cafemenu .cmb {
clear: both;
height: 30px;
padding-left: 5px;
padding-bottom: 25px;
background: url(../recipe/img/rec_cafemenu_bg_ftr.gif) center bottom no-repeat;
text-align: center;
}


.testmenu{
margin:0 0 10px 60px;
}

.testmenu2{
margin:0 0 40px 60px;
}

.menubord{
width:342px;
height:56px;
margin:0 0 20px 20px;
padding:20px 0 0 40px;
background:url(../recipe/img/caf_bg001.gif) no-repeat;
}

.menubord img{
margin:0 0 5px 0;
}

.menubord p{
font-size:13px;
line-height:140%;
color:#ffffff;
margin:0 0 10px 20px;
}

.caferecipe{
}

.caferecipe dl{
float:left;
width:190px;
margin:0 0 0 10px;
line-height:160%;
background:url(../recipe/img/caf_brd001.gif) no-repeat bottom left;
}

.caferecipe dt{
background:url(../recipe/img/caf_brd001.gif) no-repeat top left;
}

.caferecipe dd{
background:url(../recipe/img/caf_brd001.gif) no-repeat top left;
}

.caferecipe dl.overlist{
float:none;
width:400px;
}
.caferecipe .overlist dt{
background:url(../recipe/img/caf_brd001.gif) repeat-x bottom left;
}

.caferecipe .overlist dd{
background:url(../recipe/img/caf_brd001.gif) repeat-x bottom left;
}

.reci_pht01{
float:left;
margin:0 0 0 10px;
}

.caferecipe ol{
margin:0 5px 30px 25px;
line-height:160%;
}

.caferecipe .cafelist{
margin:0 5px 5px 25px;
}

.dripflow{
margin:0 0 30px 10px;
background:#E5E5CC url(../recipe/img/poi_bg001.gif) left repeat-y;
border:#977536 solid 1px;
}

.dripflow td{
padding:10px 10px 10px 0;
line-height:160%;
}

.dripflow td.topbgoff{
background:url(../recipe/img/poi_bg003.gif) no-repeat;
}

.toptbl{
width:420px;
margin:0 0 20px 10px;
border:none;
}

.toptbl td{
font-size:12px;
line-height:160%;
}

.no1{
padding:0 0 5px 25px;
background:url(../recipe/img/rec_no001.gif) no-repeat 0 2px;
}

.no2{
padding:0 0 5px 25px;
background:url(../recipe/img/rec_no002.gif) no-repeat 0 2px;
}

.no3{
padding:0 0 5px 25px;
background:url(../recipe/img/rec_no003.gif) no-repeat 0 2px;
}

.no4{
padding:0 0 5px 25px;
background:url(../recipe/img/rec_no004.gif) no-repeat 0 2px;
}

.no5{
padding:0 0 5px 25px;
background:url(../recipe/img/rec_no005.gif) no-repeat 0 2px;
}

.no6{
padding:0 0 5px 25px;
background:url(../recipe/img/rec_no006.gif) no-repeat 0 2px;
}


/* ワンポイント
-------------------------------*/
.onePoint {
	width: 408px;
	margin: 0 auto 20px;
	background: url(../recipe/img/bg_onepoint.gif) left bottom no-repeat;
}

* html .onePoint h4 {
	margin-top: -1px;
}

* + html .onePoint h4 {
	margin-top: -1px;
}

.onePointInner {
	padding: 10px 20px 10px 20px;
	color: #663300;
	line-height: 1.5;
}

.onePointInner li {
	margin-bottom: 5px;
}

#pointBtn {
text-align: center;
list-style: none;
margin-bottom: 30px;
height: 42px;
}

#pointBtn li {
display: inline;
margin: 0 3px;
}


/* ---------- 2009/01/22 ---------- */
.recipeLink {
	margin: 40px 0 15px 85px;
	padding: 0 0 0 22px;
	background: url(../recipe/img/rec_icn01.gif) left 4px no-repeat;
	font-weight: bold;
}

.recipeLink a {
	color: #572F30;
}


/* アイスコーヒー
------------------------------------------------*/
/* .section-lv3
-------------------------------*/
.section-lv3 {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #ccc;
}


/* .section-lv4
-------------------------------*/
.section-lv4 {
	margin-bottom: 25px;
	line-height: 1.2;
}

.section-lv4 h4 {
	margin-bottom: 10px;
}

.section-lv4 p {
	margin-bottom: 5px;
}

.section-lv4 ul {
	list-style: none;
}

/*.section-lv4 table {
	margin-left: 0;
}*/

.note {
	font-size: 10px;
	font-weight: bold;
	color: #663300;
}


/* .section-2col
-------------------------------*/
.section-2col {
	margin-left: 25px;
	line-height: 1.2;
}

.section-2colInner {
	margin-bottom: 15px;
}

.section-2colInner p {
	width: 134px;
	float: left;
}

.section-2colInner dl {
	width: 175px;
	float: left;
	margin-right: 15px;
}

.section-2colInner dt {
	margin-bottom: 5px;
}

.section-2colInner dd {
	line-height: 1.5;
}


