/*-------------------------------------------
--                Coffees                 --
-------------------------------------------*/


.ml10 {
	margin-left:15px;
}

.ml15 {
	float:left;
}

.mt5 {
	margin-top:5px;
	margin-bottom:2px;
	margin-left:3px;
	width:140px;
}

.mt12 {
	margin-top:12px;
}

.pl12 {
	padding-left:12px;
}

.pl30 {
	padding-left:30px;
}

.blacktxt {
	color: #200408;
}

.beans {
	float:left;
	width:299px;
	margin-top:-55px;
	margin-left:41px;
	background-image: url(/images/p_coffees_beansb.gif);
	background-repeat: no-repeat;
}

.beansprg {
	/*width:163px;*/
	margin-top:38px;
	margin-left:34px;
}

.beanstxt {
	/*width:163px;*/
	margin-bottom:5px;
	line-height: 130%;
	color: #200408;
	}

.beansph {
	margin-top:8px;
	}	

.apron {
	margin-top:-155px;
		}

.apronprg {
	float:left;
	/*width:257px;*/
	margin-left:0px;
	margin-top:-44px;
	margin-bottom:0px;
	color: #200408;
}
.aprontxt {
	color: #200408;
	line-height: 130%;
	margin-left:50px;
}

.apronimg {
	color: #200408;
	line-height: 130%;
	margin-left:58px;
}


.coflink {
	margin-top:5px;
	margin-left:59px;
}

.apronph {
	}

a.traveltxt {
	width:170px;
	margin-left:0px;
}

.clear {
	clear:both;
	margin-top:0px;
}

.enjoy {
	width:180px;
	height:200px;
	float:left;

}

.enjoytxt {
	margin-left:10px;
	margin-top:0px;
	width:140px;
	color: #200408;
}

.travel {
	width:250px;
	height:165px;
	float:left;

}

.traveltxt {
	width:170px;
	margin-top:0px;
	margin-left:10px;
	margin-right:40px;
	margin-bottom:10px;
	color: #200408;
}

.traveltxt02 {
	margin-top:15px;
}
.travelph {
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
#marubanner {
	margin-top:25px;
	margin-left:196px;
	text-align: center;
	width: 135px;
}

#block01 {
}

#block02 {
	position: relative;
	top:0px;
	left:35px;
	width:500px;
	height:210px;
}
/* バナー2種時*/
/*#block_bn {
	margin-top:6px;
	margin-left: 461px;
	width:374px;
}
*/
/* バナー3種時*/

#block_bn {
	margin-top:10px;
	margin-left: 246px;
}

.paperbk {
	background: url(/images/p_coffees_backm.jpg) no-repeat;
}

/*-------------------------------------------
--                ANNIVERSARY 090901       --
-------------------------------------------*/

#anv09Hub {
	width:860px;
	height:662px;
	background-image: url(/images/p_anv09_back.jpg);
	background-repeat: no-repeat;
	position:relative;
}

#anv09Hub #anv09{
	top:0px;
	left:0px;
	position:absolute;
	z-index:1;
}

#anv09Hub #anv09Title{
	padding:35px 30px 0px 335px;
	margin:0px;
}

#anv09Hub #anv09Title p{
	padding:5px 0px 0px 3px;
	margin:0px;
	line-height:130%;
	color:#333333;
}

#anv09Hub #secret{
	background-image: url(/images/p_anv09_back02.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}

#anv09Hub .secret01{
	padding:20px 40px 0px 377px;
	margin:0px;
}

#anv09Hub .secret01 p{
	padding:0px 0px 0px 28px;
	margin:0px;
	line-height:130%;
	color:#333333;
}

#anv09Hub .secret02{
	padding:8px 140px 0px 377px;
	margin:0px;
}

#anv09Hub .secret02 p{
	padding:0px 0px 0px 28px;
	margin:0px;
	line-height:130%;
	color:#333333;
}

#anv09Hub .secret03{
	padding:8px 160px 0px 377px;
	margin:0px;
}

#anv09Hub .secret03 p{
	padding:0px 0px 0px 28px;
	margin:0px;
	line-height:130%;
	color:#333333;
}

#anv09Hub #anv09cts{
	padding:0;
	clear:left;
	height:105px;
	margin:15px 0px 0px 25px;
	width:835px;
	position:relative;
}

#anv09Hub #anv09cts img.anv09_01{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

#anv09Hub #anv09cts img.anv09_02{
	position:absolute;
	top:0px;
	left:396px;
	z-index:2;
}

#anv09Hub #anv09cts img.anv09_03{
	position:absolute;
	top:0px;
	left:599px;
	z-index:3;
}

#anv09Hub #anv09cts img.anv09_04{
	position:absolute;
	top:0px;
	left:0px;
	z-index:8;
}


#anv09Hub #anv09cts p.txt01{
	position:absolute;
	top:32px;
	left:100px;
	width:250px;
	color:#333333;
	line-height:120%;
	z-index:4;
}

#anv09Hub #anv09cts p.txt02{
	position:absolute;
	top:80px;
	left:100px;
	width:250px;
	z-index:5;
}

#anv09Hub #anv09cts p.txt03{
	position:absolute;
	top:60px;
	left:415px;
	width:150px;
	z-index:6;
}

#anv09Hub #anv09cts p.txt04{
	position:absolute;
	top:60px;
	left:616px;
	width:150px;
	z-index:7;
}

.Linkanv09 {
	text-decoration: underline;
	background-image: url(/images/icon_arrow_anv09.gif);
	background-repeat: no-repeat;
	background-position:0px 2px;
	padding-left: 12px;
	color:#4f2518;
}

.Linkanv09:hover{
	text-decoration: underline;
	color:#4f2518;
}

.anv09Color {
	color:#4f2518;
}

.anv09Color2 {
	color:#333333;
}

#anv09Hub #cts{
	padding:0px;
	margin:12px 0px 0px 40px;
	clear:left;
	height:97px;
	width:820px;
}

#anv09Hub #cts .banner{
	float:left;
	width:337px;
	padding-top:13px;
	margin:0px;
}
#anv09Hub #cts .menu{
	float:left;
	width:466px;
	padding:0px;
	margin:0px;
}

/*-- 2009HolidayP1 --*/
#CoffeesMain {
	width: 860px;
	height: 602px;
}

#CoffeesMain p.LeadTxt {
	display: block;
	width: 362px;
	margin: -480px 0 0 33px;
	padding: 0;
	color: #f2d0d2;
}

/*---------------------------------------------------
--    ENJOY ICED COFFEE at HOME 20100602       --
---------------------------------------------------*/
#CoffeeIndex {
	width:860px;
	height:332px;
	position:relative;
	background:url(/images/bg_coffees_iced01.jpg) left top no-repeat;
}
#CoffeeIndex h1 {
	margin:0;
	padding:0;
	float:left;
}
#CoffeeIndex h2 {
	margin:0;
	padding:0;
	float:right;
}
#IcedCoffee h3,
#IcedCoffee h4 {
	margin:0;
	padding:0;
	clear:both;
}

#IcedCoffee ul,
#IcedCoffee li,
#IcedCoffee dl,
#IcedCoffee dt,
#IcedCoffee dd {
	margin:0;
	padding:0;
	list-style:none;
}
#IcedCoffee img,
#IcedCoffee a img {
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
}
#CoffeeIndex .MenuBoard {
	position:absolute;
	left: 518px;
	top: 178px;
	clear:both;
}
#IcedCoffee {
	background:#def0fc url(/images/bg_coffees_iced02.jpg) left top no-repeat;
	width:860px;
}
#CoffeeLeft {
	width:403px;
	padding:0 0 37px;
	float:left;
}
#CoffeeRight {
	width:403px;
	padding:0 0 37px;
	float:right;
}
#FairTrade {
	width:860px;
	clear:both;
}
ul#BeansLinks01 {
	padding:0 0 0 47px;
}
ul#BeansLinks01 li {
	margin:0 14px 45px 0;
	float:left;
}
ul#BeansLinks02 {
	padding:0 0 0 45px;
}
ul#BeansLinks02 li {
	margin:0 8px 0 0;
	float:left;
}
#GiftBoxLeft {
	width:204px;
	float:left;
}
#GiftBoxRight {
	width:195px;
	float:left;
}
#GiftBoxRight ul {
	padding:0 0 0 26px;
}
#GiftBoxRight li a {
	color:#582912;
	text-decoration:underline;
	background:url(/images/p_coffees_iced_arrow.jpg) left 50% no-repeat;
	padding:0 0 0 12px;
	line-height:1.5;
}
#GiftBoxRight li a:hover {
	text-decoration:none;
}
#PointBoxLeft {
	width:134px;
	height:279px;
	float:left;
}
#PointBoxRight {
	width:240px;
	float:left;
}
#PointBoxRight ul {
	padding:0 0 0 12px;
}
#PointBoxRight li a {
	color:#582912;
	text-decoration:underline;
	background:url(/images/p_coffees_iced_arrow.jpg) left 50% no-repeat;
	padding:0 0 0 12px;
	line-height:1.5;
}
#PointBoxRight li a:hover {
	text-decoration:none;
}
#PointBoxRight dl {
	margin:0 0 14px;
}
#PointBoxRight dd {
	color:#000000;
	line-height:1.4;
	padding:0 0 0 12px;
}
#Link2Present {
	height:99px;
	clear:both;
	padding:0 0 0 25px;
}
#Suggestion {
	height:155px;
}
#Suggestion p {
	color:#582912;
	width:325px;
	line-height:1.4;
	margin:-42px 0 0 48px;
}
#SuggestionLinks img {
	float:left;
	width:231px;
}
#SuggestionLinks ul {
	float:left;
	padding:25px 0 0 1px;
}
#SuggestionLinks li {
	margin:0 0 42px;
}
#SuggestionLinks li a {
	color:#582912;
	text-decoration:underline;
	line-height:1.5;
}
#SuggestionLinks li a:hover {
	text-decoration:none;
}

/*-------------------------------------------------------------
--    ICED COFFEE Makes Your Day Refreshing 20100714       --
-------------------------------------------------------------*/
#IcedCoffeeBox {
	width:857px;
	height:485px;
	margin:0;
	background:url(/images/p_coffees_2010fall1_01.gif) left top no-repeat;
}
#IcedCoffeeBox img {
	vertical-align:top;
}