@charset "UTF-8";
/* CSS Document */

#history p{
	line-height: 170%;
}
/*------------------------------------------------------
 ブロック構造
------------------------------------------------------*/
#content{
	position: relative;
	left: 141px;
	top: 5px;
	width: 625px;
}
#history #content{
	width: 405px;
	height: 600px;
}
/*------------------------------------------------------
 左カラム内
------------------------------------------------------*/
#menu ul{
	height: 193px;
	width: 180px;
	position: relative;
	top: 43px;
	left: 13px;
	z-index: 3;
}
#menu li{
	list-style: none;
	margin-bottom: 11px;
	*margin-bottom: 3px;
	_overflow: hidden;
	_margin-bototm: 11px;
}
#menu li#gnavi02,#menu li#gnavi03,
#menu li#gnavi04{
	*margin-bottom: 7px;
}
#menu li#gnavi_menu03{
	margin-bottom: 14px;
	*margin-bottom: 9px;
}

#menu li a{
	display: block;
}
#menu li#gnavi06 a{
	width: 52px;
	height: 11px;
	background: url(../img/gnavi.jpg) no-repeat 0 0px;
}
#menu li#gnavi06 a.selected,
#menu li#gnavi06 a:hover{
	background: url(../img/gnavi.jpg) no-repeat 0 -218px;
}
#menu li#gnavi01 a{
	width: 180px;
	height: 14px;
	background: url(../img/gnavi.jpg) no-repeat 0 -25px;
}
#menu li#gnavi01 a.selected,
#menu li#gnavi01 a:hover{
	background: url(../img/gnavi.jpg) no-repeat 0 -243px;
}
/* ********************** */
#menu li#gnavi_menu01 a{
	width: 118px;
	height: 10px;
	background: url(../img/gnavi.jpg) no-repeat -21px -50px;
	position: relative;
	left: 20px;
}
#menu li#gnavi_menu01 a.selected,
#menu li#gnavi_menu01 a:hover{
	background: url(../img/gnavi.jpg) no-repeat -21px -268px;
}
#menu li#gnavi_menu02 a{
	width: 93px;
	height: 10px;
	background: url(../img/gnavi.jpg) no-repeat -21px -73px;
	position: relative;
	left: 20px;
}
#menu li#gnavi_menu02 a.selected,
#menu li#gnavi_menu02 a:hover{
	background: url(../img/gnavi.jpg) no-repeat -21px -291px;
}
#menu li#gnavi_menu03 a{
	width: 31px;
	height: 10px;
	background: url(../img/gnavi.jpg) no-repeat -21px -94px;
	position: relative;
	left: 20px;
}
#menu li#gnavi_menu03 a.selected,
#menu li#gnavi_menu03 a:hover{
	background: url(../img/gnavi.jpg) no-repeat -21px -312px;
}
/* ********************** */
#menu li#gnavi02 a{
	width: 59px;
	height: 12px;
	background: url(../img/gnavi.jpg) no-repeat 0 -118px;
}
#menu li#gnavi02 a.selected,
#menu li#gnavi02 a:hover{
	background: url(../img/gnavi.jpg) no-repeat 0 -336px;
}
#menu li#gnavi03 a{
	width: 61px;
	height: 14px;
	background: url(../img/gnavi.jpg) no-repeat 0 -144px;
}
#menu li#gnavi03 a.selected,
#menu li#gnavi03 a:hover{
	background: url(../img/gnavi.jpg) no-repeat 0 -362px;
}
#menu li#gnavi04 a{
	width: 81px;
	height: 14px;
	background: url(../img/gnavi.jpg) no-repeat 0 -169px;
}
#menu li#gnavi04 a.selected,
#menu li#gnavi04 a:hover{
	background: url(../img/gnavi.jpg) no-repeat 0 -387px;
}
#menu li#gnavi05 a{
	width: 164px;
	height: 24px;
	background: url(../img/gnavi.jpg) no-repeat 0 -194px;
}
#menu li#gnavi05 a.selected,
#menu li#gnavi05 a:hover{
	background: url(../img/gnavi.jpg) no-repeat 0 -412px;
}

/* バナー */
#bnrDoughnuts{
	position: absolute;
	top: 427px;
	left: 30px;
	z-index: 3;
}
#bnrDozenbox{
	position: absolute;
	top: 556px;
	left: 43px;
	z-index: 2;
}
#bnrCoffee{
	position: absolute;
	top: 420px;
	left: 0px;
	z-index: 3;
}
#bnrSeasonal{
	position: absolute;
	top: 575px;
	left: 43px;
	z-index: 2;
}


/*------------------------------------------------------
 右カラム内
------------------------------------------------------*/
div#rightInfo{
	width: 190px;
	position: absolute;
	top:0;
	left: 760px;
}
#infoSeason01{
	position: absolute;
	top: 138px;
	left: 22px;
	z-index: 2;
}
#infoSeason02{
	position: absolute;
	top: 269px;
	left: 7px;
	z-index: 3;
}
#infoDozen{
	position: absolute;
	top: 420px;
	left: 30px;
	z-index: 2;
}

/* history */
#btnDate{
	clear: both;
	width: 400px;
	height: 47px;
	overflow: hidden;
	background: #F5F4F0 url(../img/btn_date.gif) no-repeat 0 -235px;
	position: relative;
	top: 20px;
}
a#d1937,a#d4050,a#d6070,a#d8090,a#dToday{
	float:left;
	display: block;
	width: 80px;
	height:47px;
}
a#d1937.selected,a#d1937:hover{
	background: url(../img/btn_date.gif) no-repeat 0 0;
}
a#d4050.selected,a#d4050:hover{
	background: url(../img/btn_date.gif) no-repeat -80px -47px;
}
a#d6070.selected,a#d6070:hover{
	background: url(../img/btn_date.gif) no-repeat -160px -94px;
}
a#d8090.selected,a#d8090:hover{
	background: url(../img/btn_date.gif) no-repeat -240px -141px;
}
a#dToday.selected,a#dToday:hover{
	background: url(../img/btn_date.gif) no-repeat -320px -188px;
}

#pic01{
	position: absolute;
	top: 158px;
	right: 87px;
	z-index: 5;
}
#pic02{
	position: absolute;
	top: 243px;
	right: 23px;
	z-index: 4;
}
#pic03{
	position: absolute;
	top: 353px;
	right: 115px;
	z-index: 3;
}
#memo{
	position: absolute;
	top: 486px;
	right: 30px;
	z-index: 2;
}
#topPic01{
	position: absolute;
	top: 143px;
	right: 87px;
	z-index: 5;
}
#topPic02{
	position: absolute;
	top: 250px;
	right: 13px;
	z-index: 4;
}
#topPic03{
	position: absolute;
	top: 348px;
	right: 115px;
	z-index: 3;
}
#topPic04{
	position: absolute;
	top: 378px;
	right: 5px;
	z-index: 2;
}
#topMemo{
	position: absolute;
	top: 518px;
	right: 4px;
	z-index: 2;
}
#pic45_01{
	position: absolute;
	top: 138px;
	right: 145px;
	z-index: 4;
}
#pic45_02{
	position: absolute;
	top: 203px;
	right: 28px;
	z-index: 5;
}
#pic45_03{
	position: absolute;
	top: 318px;
	right: 173px;
	z-index: 2;
}
#pic45_04{
	position: absolute;
	top: 383px;
	right: 15px;
	z-index: 3;
}
#memo45{
	position: absolute;
	top: 533px;
	right: 16px;
	z-index: 2;
}
#pic67_01{
	position: absolute;
	top: 138px;
	right: 150px;
	z-index: 3;
}
#pic67_02{
	position: absolute;
	top: 173px;
	right: 16px;
	z-index: 4;
}
#pic67_03{
	position: absolute;
	top: 306px;
	right: 148px;
	z-index: 2;
}
#pic67_04{
	position: absolute;
	top: 421px;
	right: 115px;
	z-index: 4;
}
#pic67_05{
	position: absolute;
	top: 331px;
	right: 0px;
	z-index: 3;
}
#memo67{
	position: absolute;
	top: 553px;
	right: 16px;
	z-index: 2;
}
#pic89_01{
	position: absolute;
	top: 143px;
	right: 150px;
	z-index: 3;
}
#pic89_02{
	position: absolute;
	top: 153px;
	right: 16px;
	z-index: 4;
}
#pic89_03{
	position: absolute;
	top: 260px;
	right: 42px;
	z-index: 2;
}
#pic89_04{
	position: absolute;
	top: 370px;
	right: 168px;
	z-index: 4;
}
#pic89_05{
	position: absolute;
	top: 382px;
	right: 16px;
	z-index: 3;
}
#memo89{
	position: absolute;
	top: 545px;
	right: 4px;
	z-index: 2;
}
#picTo_01{
	position: absolute;
	top: 163px;
	right: 152px;
	z-index: 2;
}
#picTo_02{
	position: absolute;
	top: 135px;
	right: 27px;
	z-index: 2;
}
#picTo_03{
	position: absolute;
	top: 253px;
	right: 1px;
	z-index: 1;
}
#picTo_04{
	position: absolute;
	top: 368px;
	right: 118px;
	z-index: 4;
}
#picTo_05{
	position: absolute;
	top: 390px;
	right: 7px;
	z-index: 3;
}
#memoToday{
	position: absolute;
	top: 543px;
	right: 30px;
	z-index: 2;
}



/*------------------------------------------------------
 content内
------------------------------------------------------*/
ul#itemList{
	width: 530px;
}
ul#itemList li{
	margin-top: 23px;
	float: left;
	list-style: none;
	height: 102px;
}
.column01{
	width: 293px;
	float: left;
	background: url(../../common/img/bg_column_m.png) repeat-y;
	margin: 0 0 15px 0;
}
.column01 h3{
	background: url(../img/bg_Column_t.png) no-repeat;
	width: 284px;
	height: 40px;
	padding: 10px 0 0 9px;
}
.column01 p{
	position: relative;
	left: 13px;
	width: 270px;
}
.columnRight{
	float:right;
	position: relative;
	right: 22px;
}
.column01 p#theater{
	height: 203px;
	*height: 199px;
	_height: 198px;
}
#curve{
	position: absolute;
	right: 1px;
	bottom: 1px;
	_right:0;
	_bottom:0;
/*	float: right;
	margin-top: -39px;
	*margin: -38px 0 -15px 0;
	_margin-top: -28px;
*/
}
a#btnTheater{
	margin-top: 10px;
	display: block;
	width: 101px;
	height: 25px;
	background:url(../img/btn_theater.gif) no-repeat 0 0;
}
a:hover#btnTheater{
	background:url(../img/btn_theater.gif) no-repeat 0 -25px;
}

.columnImg02{
	float: right;
	padding-right: 10px;
	margin: 11px 0;
}
#hotlight{
	float: right;
	position: absolute;
	top: -6px;
	right: -18px;
}
/* hotlightの設定 */
#switchOff{
	z-index: 2;
	visibility: hidden;
	position: absolute;
	left:-290px;
}
#switchOn{
	position: absolute;
	visibility: visible;
	left:-290px;
	z-index: 3;
	display: block;
}

p.switch{
	margin-top: -8px;
	margin-bottom:0;
	height: 121px;
	*height: 115px;
	_height: 109px;
}
p.switchoffTxt{
	height: 139px;
	*height: 134px;
	_height: 157px;
}
.switchOffImg{
	float: right;
	padding-right: 10px;
	margin: 11px 0;
	_margin-top:-13px;
}

/* スライドショーの設定 */

#bdOn{
	position: absolute;
	display: block;
	z-index: 5;
}
#bdOff{
	z-index: 5;
	display: none;
	position: absolute;
}

/*----- COFFEE.html ------*/
#wrap{
	float: left;
	position: relative;
	left: 15px;
	*margin-bottom: 15px;

}
#coffee h3{
	clear: both;
	margin-top:5px;
}
#wrap p{
	margin-top:0;
	margin-bottom:25px;
	padding: 0 6px 0 3px;
	width: 260px;
	float: left;
}
#intro{
	position: relative;
	color:#663300;
	font-size:12px;
	line-height: 20px;
	height: 200px;
}
#intro p{
	padding-left:0;
}
#coffeeImg{
	position: absolute;
	top: -32px;
	*top: -17px;
	right:25px;
}
#coffeeImg img{
	padding-bottom: 5px;
}
#cfe_iced,#cfe_houseblend {
	font-size: 10px;
	color: #663300;
	clear: both;
	position: relative;
}
#cfe_iced{
	left: 40px;
	margin-bottom: 90px;
}
#cfe_houseblend{
	left: 20px;
	margin-bottom: 10px;
}
#cfe_iced .explain{
	position: absolute;
	top: 70px;
	left: 0px;
	width: 250px;
}
#cfe_houseblend .explain{
	position: absolute;
	top: 70px;
	left: 190px;
	width: 300px;
}
#cfe_houseblend {
	display: block;
}


dl.beanType{
	width: 615px;
	padding: 10px 0;
	clear: both;
}
dl.beanType dt{
	float: left;
	width: 217px;
	padding-right: 9px;
}
dl.beanType dd h4{
	color: #663300;
	font-size: 11px;
}
dl.beanType dd{
	float: left;
	width: 383px;
	font-size: 10px;
	color: #663300;
	margin-top: 13px;
}

/*----- history.html ------*/
#history h3{
	margin-bottom: 6px;
	padding-top: 5px;
}
#history .hisBox{
	height:260px;
}
#btnBox{
	padding: 0 0 0 7px;
}
a#btnBack{
	_overflow:hidden;
	float: left;
	display: block;
	width: 73px;
	height: 25px;
	background: url(../img/btn_back.gif) no-repeat 0 0;
}
a#btnBack:hover{	background: url(../img/btn_back.gif) no-repeat 0 -25px;}
a#btnNext{
	_overflow:hidden;
	position: relative;
	left: 10px;
	float: left;
	display: block;
	width: 73px;
	height: 25px;
	background: url(../img/btn_next.gif) no-repeat 0 0;
}
a#btnNext:hover{	background: url(../img/btn_next.gif) no-repeat 0 -25px;}

a#btn1937,a#btn4050,a#btn6070,a#btn8090,a#btnToday{
	padding: 0 5px;
	margin-bottom: 20px;
	_overflow:hidden;
	float: left;
	display: block;
	width: 120px;
	height: 114px;
	background: url(../img/btn_40s50s.jpg) no-repeat 0 0;
}
a#btn1937{
	width: 120px;
	height: 102px;
	background: url(../img/btn_1937.jpg) no-repeat 0 0;
}
a#btn6070{
	background: url(../img/btn_60s70s.jpg) no-repeat 0 0;
}
a#btn8090{
	background: url(../img/btn_80s90s.jpg) no-repeat 0 0;
}
a#btnToday{
	background: url(../img/btn_today.jpg) no-repeat 0 0;
}
a#btn1937:hover{	background-position: 0 -102px;}
a#btn4050:hover,a#btn6070:hover,a#btn8090:hover,a#btnToday:hover
{	background-position: 0 -114px;}