@charset "utf-8";


/*------------------------------------------------------------
  common
------------------------------------------------------------ */
@import url("common.css");


/*------------------------------------------------------------
  breadcrumbs
------------------------------------------------------------ */
#suntory_contents #breadcrumbs {
	margin: 0 auto;
	width: 960px;
}
#suntory_contents #breadcrumbs p {
	margin: 11px 0;
	font-size: .75em;
	line-height: 1.5;
}
#suntory_contents #breadcrumbs p span {
	margin: 0 5px;
}


/*------------------------------------------------------------
  title
------------------------------------------------------------ */
#suntory_contents #title {
    margin: 0 auto 120px;
    padding: 20px 0 0;
	width: 960px;
    height: 530px;
	background: url('../img/top/illust.png') no-repeat right 10px;
}
#suntory_contents #title h1 {
    margin-bottom: 20px;
	width: 474px;
	height: 193px;
	background: url('../img/top/title.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#suntory_contents #title h2,
#suntory_contents #title h3,
#suntory_contents #title dt,
#suntory_contents #title dd {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height: 0;
}
#suntory_contents #title p {
    width: 520px;
    font-size: 13px;
    line-height: 1.7;
}

#suntory_contents .btnJapanese a {
	width: 29px;
	height: 97px;
	background: url('../img/btn_japanese.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position: fixed;
	top: 130px;
	right: 0px;
	z-index: 1000;
}
#suntory_contents .btnJapanese a:hover {
	background: url('../img/btn_japanese.png') no-repeat -29px 0;
}


/*------------------------------------------------------------
  contents
------------------------------------------------------------ */
#suntory_contents #contents {
	padding-bottom: 30px;
	background: #dddddd;
}
#suntory_contents #contents .inner {
	width: 960px;
	height: 354px;
	margin: 0 auto;
	position: relative;
}
#suntory_contents #contents #menu {
    width: 960px;
    height: 191px;
    background: url('../img/top/bg_menu.png') no-repeat 0 0;
    position: absolute;
    top: -129px;
    left: 0px;
}
#suntory_contents #contents #menu01 a {
	width: 342px;
	height: 191px;
	background: url('../img/top/menu01.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0x;
}
#suntory_contents #contents #menu02 a {
	width: 332px;
	height: 191px;
	background: url('../img/top/menu02.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 329px;
}
#suntory_contents #contents #menu03 a {
	width: 312px;
	height: 191px;
	background: url('../img/top/menu03.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 648px;
}


#suntory_contents #contents #menu a:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    opacity: 0.7;
}




/*------------------------------------------------------------
  information
------------------------------------------------------------ */
#suntory_contents #contents #notes {
	width: 241px;
	height: 67px;
	background: url('../img/top/notes.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position: absolute;
	top: 170px;
	left: 0px;
}

#suntory_contents #contents #notesPre {
	width: 241px;
	height: 67px;
	background: url('../img/top/notes_pre.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position: absolute;
	top: 170px;
	left: 0px;
}

#suntory_contents #contents p#btnFlyer a {
	width: 240px;
	height: 47px;
	background: url('../img/top/btn_flyer.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	position: absolute;
	top: 93px;
	left: 0px;
}
#suntory_contents #contents p#btnFlyer a:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    opacity: 0.7;
}


#suntory_contents #contents #btnAccess a {
	width: 262px;
	height: 47px;
	background: url('../img/top/btn_access_flyer.png') no-repeat -240px 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	position: absolute;
	top: 93px;
	left: 260px;
}
#suntory_contents #contents #btnAccess a:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    opacity: 0.7;
}

#suntory_contents #contents #twitterWidget {
    width: 408px;
    height: 220px;
    position: absolute;
    top: 83px;
    left: 544px;
}