@charset "UTF-8";
/* About This CSS File -----------------------------------------------
name: styles.css
information: コンテンツのメイン部分のスタイル
date: 2010.09.14
--------------------------------------------------------------------*/

@import url("reset.css");
@import url("base.css");

/* Index -------------------------------------------------------------
01: HOME
02: HISTORY
03: NAME
04: LABEL
05: BARREL
06: LINEUP - 01
07: LINEUP - 02
08: WORD
--------------------------------------------------------------------*/

/*====================================================================
01: HOME
====================================================================*/
#suntory_contents #slider {
	margin:0 auto;
	background:url(../images/bg_top_imgarea_00.gif) no-repeat center top;
	width:890px;
	height:396px;
	text-align:center;
	position: relative; /* important */
	overflow: hidden; /* important */
}
#suntory_contents #sliderContent {
	width: 800px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	left:45px;
}
#suntory_contents .sliderImage {
	position: relative;
	display: none;
}
#suntory_contents .sliderImage span {
	position: absolute;
	filter: alpha(opacity=0);
	display:none;
	color:#fff;
}
#suntory_contents .sliderImage span strong {
	display:none;
}
#suntory_contents .top {
	top: 0;
	left: 0;
	display:none;
	font-size:0;
}
#suntory_contents .bottom {
	bottom: 0;
	left: 0;
}
#suntory_contents #topNavi {
	margin:20px auto 0px;
	padding-left:2px;
	width:800px;
}
#suntory_contents #topNavi li {
	float:left;
	display:inline;
	width:190px;
	margin-left:5px;
	padding-right:5px;
	font-size:85%;
}
#suntory_contents #topNavi li img {
	padding-bottom:5px;
}
#suntory_contents #topNavi li p a {
	color:#CEA300;
}
#suntory_contents #topNavi li p a:hover {
	text-decoration:underline;
}
#suntory_contents #aside {
	width:760px;
	margin:10px auto;
}
#suntory_contents #aside #topNews {
	width:600px;
	float:left;
	text-align:left;
}
#suntory_contents #aside #topNews dt {
	width: 85px;
	padding: 7px 0;
	border-right: 1px solid #e0d2cd;
	float:left;
	margin-right: 15px;
	font-size: 0;
	line-height: 0;
}
#suntory_contents #aside #topNews dd {
	margin-left:10px;
	font-size:85%;
	line-height: 24px;
}
#suntory_contents #aside #link {
	width:150px;
	float: right;
}
/*====================================================================
02: HISTORY
====================================================================*/
#suntory_contents div#historyContent div#contentsFrameWM {
	background-position:70px -48px;
}
/*====================================================================
03: NAME
====================================================================*/
#suntory_contents div#nameContent div#contentsFrameWM {
	background-position:175px -148px;
}
/*====================================================================
04: LABEL
====================================================================*/
#suntory_contents div#labelContent div#contentsFrameWM {
	background-position:50px -178px;
}
/*====================================================================
05: BARREL
====================================================================*/
#suntory_contents div#barrelContent div#contentsFrameWM {
	background-position:-150px -65px;
}
/*====================================================================
06: LINEUP - 01
====================================================================*/
#suntory_contents div#lineupContent div#contentsFrameWM {
	background-position:-75px -340px;
}
/*====================================================================
07: LINEUP - 01
====================================================================*/
#suntory_contents div#lineup2Content div#contentsFrameWM {
	background-position:180px -80px;
}
/*====================================================================
08: WORD
====================================================================*/
#suntory_contents div#wordContent div#contentsFrameWM {
	background-position:0px 100px;
}
#suntory_contents div#wordContent div.wordList p {
	padding-left: 1em;
	background: url(../images/ico_list_01.gif) no-repeat left 0.5em;
}
