@charset "utf-8";
/* ============================================================
オーバーレイヤー部分

%update / 2011.11.16

------------------
【目次】
------------------
▼OverLayerArea
============================================================ */

#suntory_contents .hide { display: none !important; }

/* ------------------------------------------------------------
▼OverLayerArea
------------------------------------------------------------ */
#suntory_contents #OverLayerArea {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9000;
}

#suntory_contents #OverLayerArea .ovlyBg {
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#suntory_contents #OverLayer01 {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 20px;
	width: 865px;
	z-index: 9001;
}
/* 透過PNG 角丸 */
#suntory_contents #OverLayer01 .ovlyTop,
#suntory_contents #OverLayer01 .ovlyBtm {
	position: relative;
}
#suntory_contents #OverLayer01 .ovlyTop,
#suntory_contents #OverLayer01 .ovlyBtm,
#suntory_contents #OverLayer01 .ovlyEdgeC,
#suntory_contents #OverLayer01 .ovlyEdgeL,
#suntory_contents #OverLayer01 .ovlyEdgeR {
	font-size: 5px;  /* same value = 角丸R */
	line-height: 5px;
	height: 5px;
	overflow: hidden;
}
#suntory_contents #OverLayer01 .ovlyEdgeC {
	margin: 0 5px;  /* same value = 角丸R */
	background: #fff;
}
#suntory_contents #OverLayer01 .ovlyEdgeL,
#suntory_contents #OverLayer01 .ovlyEdgeR {
	position: absolute;
	top: 0;
	width: 5px;  /* same value = 角丸R */
}
#suntory_contents #OverLayer01 .ovlyEdgeL { left: 0; }
#suntory_contents #OverLayer01 .ovlyEdgeR { right: 0; }

#suntory_contents #OverLayer01 .ovlyTop .ovlyEdgeL { background: url(../img/ind_bg_ovly_01_top_l.png) 0 0 no-repeat; }
#suntory_contents #OverLayer01 .ovlyTop .ovlyEdgeR { background: url(../img/ind_bg_ovly_01_top_r.png) 0 0 no-repeat; }
#suntory_contents #OverLayer01 .ovlyBtm .ovlyEdgeL { background: url(../img/ind_bg_ovly_01_btm_l.png) 0 0 no-repeat; }
#suntory_contents #OverLayer01 .ovlyBtm .ovlyEdgeR { background: url(../img/ind_bg_ovly_01_btm_r.png) 0 0 no-repeat; }

#suntory_contents #OverLayer01 .ovlyInnr01 {
	padding: 45px 0 10px;  /* same value = 角丸R */
	background: #fff;
}
/* ------ */

/* 閉じるボタン */
#suntory_contents #OverLayer01 .btnClose {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9009;
}

/* タイトル */
#suntory_contents #OverLayer01 .titWrap {
	position: absolute;
	left: 50px;
	top: 0;
	background: url(../img/ind_mrk_ovly_ribbon_01.jpg) 0 0 no-repeat;
	height: 57px;
	z-index: 9008;
}
#suntory_contents #OverLayer01 .titWrap .tit01 {
	padding-left: 40px;
	padding-top: 20px;
}

/* スクロールボタン */
#suntory_contents #OverLayer01 .scrlBarBtnPrev {
	position: absolute;
	left: 15px;
	top: 288px;
	z-index: 9009;
}

#suntory_contents #OverLayer01 .scrlBarBtnNext {
	position: absolute;
	right: 15px;
	top: 288px;
	z-index: 9009;
}

/* 詳細ボタン */
#suntory_contents #OverLayer01 .btnDetail {
	position: relative;
	text-align: center;
	z-index: 9009;
}

/* ステージ */
#suntory_contents #OverLayer01 .scrollStage {
	position: relative;
	margin-left: 37px;
	margin-bottom: 12px;
	width: 792px;
	height: 500px;
	overflow: hidden;
	z-index: 9001;
}

#suntory_contents #OverLayer01 .scrlStgInnr {
	position: absolute;
	left: 0;
	width: 9999px;  /* 仮の値 JSで調整 */
}

#suntory_contents #OverLayer01 .scrlStgInnr li {
	position: relative;
	float: left;
	display: inline;  /* for IE6 */
	margin-left: 10px;
	margin-right: 10px;
	width: 772px;
	overflow: hidden;
}

#suntory_contents #OverLayer01 .scrlStgInnr li .thumbPrev {
	float: left;
	display: inline;  /* for IE6 */
	padding-top: 202px;
	width: 100px;
}
#suntory_contents #OverLayer01 .scrlStgInnr li .thumbNext {
	float: left;
	display: inline;  /* for IE6 */
	padding-top: 207px;
	width: 100px;
}

#suntory_contents #OverLayer01 .scrlStgInnr li .itemInnr {
	float: left;
	display: inline;  /* for IE6 */
	width: 572px;
	text-align: center;
}