@charset "shift_jis";

/* ------------------------------------------

オフィスドリンク

------------------------------------------ */

dl.brewerReco {
	padding: 0 0 10px 0;
}
dl.brewerReco dt {
	font-weight: bold;
}
dl.brewerReco dd {
	padding: 4px 0 0 0;
}
dl.brewerReco dd a {
	color: #333333;
	text-decoration: underline;
}
dl.brewerReco dd img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}



div.kyuriguMenu h4 {
	padding: 10px 0 0 0;
}
div.kyuriguMenu dl {
	float: left;
	width: 262px;
	padding: 5px 0 0 0;
}
div.kyuriguMenu dt {
	float: left;
	width: 67px;
}
div.kyuriguMenu dd {
	display: block;
	width: 172px;
	margin: 0 0 0 80px;
}
div.kyuriguMenu dd strong {
	color: #FF6600;
}

div.detail dl {
	float: left;
	display: inline;
	width: 260px;
	padding: 10px 0 0 0;
}



div.cafeBox01 {
	border:1px solid #CCCCCC;
	padding:5px 10px;
	}
	
.drinkBox01 {
	border:2px solid #ccc;
	padding:5px;
	}
	
.cw150 {
	width:150px;
	}
	
.cw250 {
	width:250px;
	}
	
div.drinkItemBox {
	width:740px;
	}
	
div.drinkItemBox div.leftCol {
	float:left;
	width:300px;
	}
	
div.drinkItemBox div.rightCol {
	float:right;
	width:360px;
	}
	
div.drinkItemBox div.rightCol div.priceBox {
	width:360px;
	margin-bottom:10px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding-top:5px;
	padding-bottom:5px;
	}
	
div.drinkBox02 {
	width:262px;
	}
	
div.drinkBox02 .col01 {
	width:70px;
	float:left;
	}
	
div.drinkBox02 .col02 {
	margin-left:75px;
	}
	
.block-flow .flow-box2 div.drinkBox02 p {
	width:auto;
	padding:auto;
	padding-right:5px;
	}
	
div.sPriceBox362 {
	width:362px;
	margin-bottom:10px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding-top:5px;
	padding-bottom:5px;
	}
	
div.sPriceBox362 div.txt {
	width:242px;
	float:left;
 }
 
div.sPriceBox362 div.btn {
	float:right;
	width:115px;
 }
 
/* cafeBox02
***********/
 
div.cafeBox02 {
	width:524px;
	margin:0 auto;
	}
	
div.cafeBox02 div.col01 {
	float:left;
	width:80px;
	}
	
div.cafeBox02 div.col01 img {
	border:1px solid #ccc;
	}
	
div.cafeBox02 div.col02 {
	float:left;
	width:160px;
	}
	
div.cafeBox02 div.col03 {
	float:left;
	width:160px;
	}
	
div.cafeBox02 div.col02 p,
div.cafeBox02 div.col03 p {
	padding:0 5px;
	}
	
div.cafeBox02 div.col04 {
	float:left;
	width:110px;
	}
	
/* teaBox01
************/

div.teaBox01 {
	border:1px solid #ccc;
	padding:5px;
	}
	
div.teaBox01 div.col01 {
	float:left;
	width:380px;
	}
	
div.teaBox01 div.col02 {
	float:right;
	width:130px;
	}
	
/* cafeBox03
******************/

div.cafeBox03 {
	width:740px;
	}
	
div.cafeBox03 div.col01 {
	width:145px;
	float:left;
	margin:0 0 10px;
	text-align:center;
	}
	
div.cafeBox03 div.col01 img {
	border:1px solid #ccc;
	}
	
div.cafeBox03 div.col01 p {
	padding-top:10px;
	}
	
/* beanBox01
*****************/

div.beanBox01 {
	width:524px;
	}
	
div.beanBox01 div.col01 {
	width:125px;
	float:left;
	}
	
div.beanBox01 div.col01 p img {
	vertical-align:middle;
	}
	
div.beanBox01 div.col02 {
	width:265px;
	float:left;
	}
	
/*----- ライトボックス -----*/
.loolWhole {
	padding: 6px 0 10px 0;
	text-align: left;
}
.loolWhole a {
	display: block;
	line-height: 1.4;
}

p.map{
	width:524px;
	margin:10px auto 0;
}

p.area{
	display:block;
	width:524px;
	margin:0 auto 40px auto;
}

div.waterPlace{
	width:524px;
	position:relative;
	background:url(/service/cafe/images/border_img.gif) no-repeat 0 100%;
	padding-bottom:34px;
	margin:0 auto 30px;
}

div.waterPlace.end{
	position:relative;
	background:none;
	padding-bottom:0;
	margin:0 auto 40px;
}

div.waterPlace h3{
	margin:0 0 20px 0;
}

div.waterPlace dl{
	width:525px;
	margin:0;
}

div.waterPlace dt,
div.waterPlace dd{
	float:left;
	display:inline;
	width:295px;
}

div.waterPlace dt{
	margin:0 0 20px 0;
}

div.waterPlace dd{
	margin:0 0 20px 0;
}

div.waterPlace dd.graph{
	margin:0;
}

div.waterPlace p.pht{
	position:absolute;
	top:0;
	right:0;
}

.waterBox01 {
	border:1px solid #ccc;
	padding:5px;
	}
	
dl.graphbox {
	float: left;
	display: inline;
	width: 218px !important;
	margin: 0 40px 0 0 !important;
}

dl.graphbox.graph {
	margin: 0 !important;
}

dl.graphbox dt {
	width: 218px !important;
}

dl.graphbox dd {
	width: 218px !important;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.3;
	font-size: 0.7em;
}