@charset "UTF-8";

/* ------------------------------------------------------------
	0. All
------------------------------------------------------------ */
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td,
form, fieldset, legend, input, select, textarea {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	vertical-align: bottom;
}

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
------------------------------------------------------------ */
body {
	background: #f0e277;
	text-align: center;
}


body.sub #container #content-footer {
	/*height: 43px;*/
	background-color: #fff7d9;
}


body.sub #sapporo-topicpath-area.topicpathC {
  background-color: #fff;
}
body.sub #sapporo-topicpath-area.topicpathC div.topicpath p {
  color: #000;
}
body.sub #sapporo-topicpath-area.topicpathC div.topicpath p span {
  color: #000;
}
body.sub #sapporo-topicpath-area.topicpathC div.topicpath p a {
  color: #e9af00;
  text-decoration: underline;
}

body #sapporo-navigation-area{
	z-index: 200;
}

#container {
	padding: 0;
	background: #000;
	color: #333;
}

#container #head {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#container #head p {
	position: absolute;
	top: 15px;
	left: 0;
	color: #fc0;
	font-size: 10px;
}

#container #content {
	background: #fdd100 url(/wine/yellowtail/img/bg_content.jpg) repeat-x 0 0;
}
body.pbyr #container {
  /*background: #ffd35a url("/wine/yellowtail/img/bg_particle_pattern_top.jpg") center top repeat-x;*/
}
  body.pbyr #container #content {
    /*background: url("/wine/yellowtail/img/bg_particle_pattern_btm.jpg") center bottom repeat-x;*/
  }


#container #head a:link,
#container #head a:visited {
	color: #fc0;
	text-decoration: none;
}

#container #head a:hover,
#container #head a:active {
	color: #fc0;
	text-decoration: underline;
}

#container #head span#button {
	width: 483px;
}

#container #head span#logo {
	width: 248px;
	margin: 0 0 0 209px;
}

/* sapporo-footer-area, sapporo-related-area
------------------------------------------------- */
#sapporo-footer-area,
#sapporo-related-area { text-align: left; } /* override */

/* sapporo-special-contents-area
------------------------------------------------- */
#sapporo-special-contents-area {
	font-size: 12px;
}

/* top
------------------------------------------------- */
#container #flashcontent,
#container #menu_top {
	width: 780px;
	margin: 0 auto;
}
  body.pbyr #container #flashcontent {
    width: 951px;
  }

#container #menu_side {
	width: 160px;
	background: #000;
}

/* level2
------------------------------------------------- */
#container #content_lv2 {
	width: 780px;
	height: 1173px;
	margin: 0 auto;
}

#container #content_lv2 #main {
	float: left;
	width: 620px;
	height: 1173px;
	background: #fff url(/wine/yellowtail/img/bg_content_main.jpg) repeat-y 0 0;
	line-height: 1.7em;
}

#container #menu_side {
	float: right;
	width: 160px;
}

#container #content_lv2 #main dl {
	position: relative;
	margin: 0 0 35px 25px;
	text-align: left;
}

#container #main dt {
	position: absolute;
	top: 0;
	left: 175px;
	font-weight: bold;
}

#container #content_lv2 #main dd.recipe_material {
	position: absolute;
	top: 30px;
	left: 175px;
}

#container #content_lv2 #main dd.recipe_material span {
	color: #fcca00;
	font-weight: bold;
}

#container #content_lv2 #main dd.recipe_material ul {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 340px;
	padding: 0 0 5px 20px;
	border-bottom: 1px solid #fcca00;
	list-style-type: disc;
}

#content_lv2 #main dl.recipe_shiraz_01 {
	background: url(/wine/yellowtail/img/bg_shiraz_01.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_shiraz_02 {
	background: url(/wine/yellowtail/img/bg_shiraz_02.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_merlot_01 {
	background: url(/wine/yellowtail/img/bg_merlot_01.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_merlot_02 {
	background: url(/wine/yellowtail/img/bg_merlot_02.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_cabernet_01 {
	background: url(/wine/yellowtail/img/bg_cabernet_01.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_cabernet_02 {
	background: url(/wine/yellowtail/img/bg_cabernet_02.gif) no-repeat 149px -1px;
}

#content_lv2 #main dl.recipe_pinotnoir_01 {
	background: url(/wine/yellowtail/img/bg_pinotnoir_01.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_pinotnoir_02 {
	background: url(/wine/yellowtail/img/bg_pinotnoir_02.gif) no-repeat 149px -1px;
}

#content_lv2 #main dl.recipe_chardonnay_01 {
	background: url(/wine/yellowtail/img/bg_chardonnay_01.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_chardonnay_02 {
	background: url(/wine/yellowtail/img/bg_chardonnay_02.gif) no-repeat 149px -1px;
}

#content_lv2 #main dl.recipe_bubbles_01 {
	background: url(/wine/yellowtail/img/bg_bubbles_01.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_bubbles_02 {
	background: url(/wine/yellowtail/img/bg_bubbles_02.gif) no-repeat 149px -1px;
}

#content_lv2 #main dl.recipe_bubblesrose_01 {
	background: url(/wine/yellowtail/img/bg_bubblesrose_01.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_bubblesrose_02 {
	background: url(/wine/yellowtail/img/bg_bubblesrose_02.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_moscato_01 {
	background: url(/wine/yellowtail/img/bg_moscato_01.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_moscato_02 {
	background: url(/wine/yellowtail/img/bg_moscato_02.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_moscato_03 {
	background: url(/wine/yellowtail/img/bg_moscato_03.gif) no-repeat 149px 0;
}

#content_lv2 #main dl.recipe_shiraz_01 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_shiraz_02 dd.recipe_txt {
	position: absolute;
	top: 120px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_merlot_01 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_merlot_02 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_cabernet_01 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_cabernet_02 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_pinotnoir_01 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_pinotnoir_02 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_chardonnay_01 dd.recipe_txt {
	position: absolute;
	top: 105px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_chardonnay_02 dd.recipe_txt {
	position: absolute;
	top: 105px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_bubbles_01 dd.recipe_txt {
	position: absolute;
	top: 100px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_bubbles_02 dd.recipe_txt {
	position: absolute;
	top: 120px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_bubblesrose_01 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_bubblesrose_02 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_moscato_01 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_moscato_02 dd.recipe_txt {
	position: absolute;
	top: 80px;
	left: 230px;
	width: 340px;
}

#content_lv2 #main dl.recipe_moscato_03 dd.recipe_txt {
	position: absolute;
	top: 100px;
	left: 230px;
	width: 340px;
}

#container #content_lv2 #main_norecipe {
	float: left;
	width: 620px;
	height: 1173px;
	background: #fff url(/wine/yellowtail/img/bg_content_main_moscate.jpg) repeat-y 0 0;
	line-height: 1.7em;
}

#content-footer {
  padding: 8px 0;
}
  #content-footer .inner-content-footer {
    width: 950px;
    margin: 0 auto;
  }
#content-footer ul {
  clear: left;
  width: 970px;
  padding: 0;
  display: block;
  position: relative;
}	
 #content-footer ul li {	
	float: left;
	padding: 0 10px 0 6px;
	display: block;
	background: url(/wine/yellowtail/img/top/line_right.png) no-repeat right 18px;
 }
 #content-footer ul li.last{
	background: none;
 }
 
 #content-footer ul li.bnr {	
   position: absolute;
   top: -8px;
   right: 23px;
   background: none;
   margin:0;
   padding:0;
   z-index: 500;
 }
 #content-footer ul li.recipe {
 	background-image:none!important;
 }
 #content-footer ul li.bnr a {
   bottom:0;   
   right: 0;
   z-index:1000;
 }

 #content-footer ul li.bnr a img{
 	bottom: 0;
 	right: 0;
 }
 #content-footer ul li.bnr a span.crownPopup {
   display: none;
   position: absolute;
   bottom: 54px;
   right: 0px;	
   z-index: 1000;
 }
 #content-footer ul li.bnr a:hover {
   position: relative;
 }

 #content-footer ul li.bnr a:hover span.crownPopup {
   display: block;
   z-index: 1000;
 }

#container_new #content-footer ,
#container #content-footer {
	height: 98px;
  padding: 0;
	background: #FFF7D9 url(/wine/yellowtail/img/bg_logo_nav.png) left bottom repeat-x;
}

#content-footer .inner-content-footer {
  padding: 4px 0 32px;
}
#content-footer .inner-content-footer-logo {
  width: 950px;
  margin:-20px auto 0 auto;
  padding: 10px 0 8px;
  text-align: right;
}

/*---------------------------------------------
	2. partystage
---------------------------------------------*/
#stage_camp {
	width: 780px;
	height: 85px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #fdd100;
}

#stage_camp img {
	margin: 0;
	padding: 0;
	border: 0;
}

#stage_camp a {
	text-decoration: none;
	outline: none;
}

/* ------------------------------------------------------------
	3. [yellowtail]BEYES
------------------------------------------------------------ */
#ytBeyes {
	background: #ffffff;
	width: 780px;
	height: 590px;
	margin: 0 auto;
	text-align: center;
}

#ytBeyes img{
	margin: 60px 0 30px 0;
}
/* ------------------------------------------------------------
	3. coffeereport
------------------------------------------------------------ */
#cMain{
	width: 620px;
	margin: 0 auto;
	float: left;
	background: url("/wine/yellowtail/img/bg_content_main.jpg") repeat-y scroll 0 0 #ccc;
}

.cContent{
	width: 620px;
	padding: 20px 0 0 0;
	background-color: #efefef;
	background-image: url("img/bk.gif");
	background-repeat: repeat-x;
	text-align: left;
}

#container #content_lv2.coffee{
/*override*/
	height: 2004px;
	background-color: #000;
}

.cThum{
	display: block;
	margin: 0 auto;
	text-align: center;
}

.cOdd{
	text-align:right;
}

.cEventReport{
	margin: 0;
	padding: 0;
}

dl.cEventReport dt{
	margin: 0 0 5px 0;
	padding: 0;
	height: 35px;
}

dl.cEventReport dd{
	margin: 0;
	padding: 0 0 15px 0;
}

/* ===========================================
  @clearfix
============================================== */
.cf {
  *zoom: 1;
}
.cf:before ,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}