@charset "utf-8";

/* ---- top contents ---- */
body#top div#contents{
	border-left:1px solid #1e1b1d;
	border-right:1px solid #1e1b1d;
	font-size:92%;
	color:#fff;
	line-height:1;
	
	background:#0b0a0f;
}

body#top div#contents div.left{
	width:431px;
	padding:20px;
}
body#top div#contents div.left h2{
	margin-bottom:19px;
	font-size:100%;
	float:left;
}
body#top div#contents div.left h3{
	margin-bottom:10px;
}
body#top div#contents div.left p{
	float:right;
	padding-top:2px;
}
body#top div#contents div.left p a{
	padding-left:10px;
	background-image:url(/common/img/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}
body#top div#contents div.left table.calendar{
	background:url(/img/bg_calendar.jpg) repeat-y;
}
body#top div#contents div.left table.calendar th{
	display:none;
}
body#top div#contents div.left table.calendar td a.weekdaylink,
body#top div#contents div.left table.calendar td a.fairlink,
body#top div#contents div.left table.calendar td a.tastinglink,
body#top div#contents div.left table.calendar td a.branchlink{
	display:block;
	border-top:1px solid #1e1b1d;
	border-left:1px solid #1e1b1d;
	border-bottom:1px solid #0b0a0f;
	border-right:1px solid #0b0a0f;
	text-align:center;
	width:59px;
	line-height:24px;
	vertical-align:center;
	text-decoration:none;
}
body#top div#contents div.left table.calendar td a:hover{
	border:none;
	background:#fff;
	width:60px;
	line-height:25px;
}
body#top div#contents div.left table.calendar td a span{display:none;padding:5px;margin:30px 0 0 -50px;width:110px;text-align:center;line-height:1.4;}
body#top div#contents div.left table.calendar td a:hover span{display:inline;position:absolute;background:#fff;text-decoration:none;}

body#top div#contents div.left table.calendar td.satsun a.fairlink,
body#top div#contents div.left table.calendar td.satsun a.tastinglink,
body#top div#contents div.left table.calendar td.satsun a.branchlink{
	width:62px;
	line-height:25px;
	color:#b5496a;
}
body#top div#contents div.left table.calendar td.holiday a.fairlink,
body#top div#contents div.left table.calendar td.holiday a.tastinglink,
body#top div#contents div.left table.calendar td.holiday a.branchlink{
	width:60px;
	line-height:25px;
	color:#b5496a;
}

body#top div#contents div.left table.calendar td.satsun a:hover,
body#top div#contents div.left table.calendar td.holiday a:hover{
	background:#1e1b1d;
}

body#top div#contents div.left table.calendar td a.fairlink{
	border-top:none;
	border-left:none;
	border-bottom:none;
	background:url(/img/icon_fair.gif);
}
body#top div#contents div.left table.calendar td a.tastinglink{
	border-top:none;
	border-left:none;
	border-bottom:none;
	background:url(/img/icon_tasting.gif);
}
body#top div#contents div.left table.calendar td a.branchlink{
	border-top:none;
	border-left:none;
	border-bottom:none;
	background:url(/img/icon_branch.gif);
}
body#top div#contents div.left table.calendar td span.none{
	background:#0b0a0f;
	display:block;
	border-top:1px solid #0b0a0f;
	border-left:1px solid #0b0a0f;
	border-bottom:1px solid #1e1b1d;
	border-right:1px solid #1e1b1d;
	text-align:center;
	width:auto;
	line-height:24px;
	vertical-align:center;
}
body#top div#contents div.right{
	width:447px;
	border-left:1px solid #1e1b1d;
}
body#top div#contents div.right h2{
	margin-bottom:18px;
	font-size:100%;
}
body#top div#contents div.right strong{
	color:#a77722;
}
body#top div#contents div.right div.recent{
	padding:19px 10px 12px 170px;
	border-top:1px solid #1e1b1d;
	border-bottom:1px solid #1e1b1d;
	background:url(/img/img_recent.jpg) no-repeat 0 0;
}
body#top div#contents div.right div.recent li{
	margin-bottom:6px;
	line-height:1.3;
}
body#top div#contents div.right div.recent a{
	padding-left:10px;
	background-image:url(/common/img/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}
body#top div#contents div.right div.special{
	padding:19px 170px 12px 20px;
	background:url(/img/img_special.jpg) no-repeat 100% 0;
}
body#top div#contents div.right div.special p{
	margin-bottom:6px;
	line-height:1.3;
}

/* Tooltip */

span.tooltip{display:none;}

#tooltip{
	position:absolute;
	z-index:9999;
	width:140px;
	text-decoration:none;
}

#tooltip .tipHeader{
	height:8px;
	background:url(/common/img/tipHeader.gif) no-repeat;
}


#tooltip .tipBody{
	background-color:#000;
	padding:10px 8px;
	line-height:1.4;
}
#tooltip .tipBody strong{
	color:#fff;
}
#tooltip .tipBody img{
	margin-top:5px;
}

#tooltip .tipFooter{
	height:8px;
	background:url(/common/img/tipFooter.gif) no-repeat;
}


/* Slider */

#s3slider {
   width: 919px; /* important to be same as image width */
   height: 401px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 919px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: -50px;
   padding: 8px 9px;
   width: auto;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #f8f6f1;
   display: none; /* important */
   top: 0;
   text-indent:-9999px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

/* ---- flash banner ---- */
#contents {
}
#banner {
	position:absolute;
	z-index:100;
}