@charset "utf-8";


/* reset
------------------------------------------------------------ */

#suntory_contents html, #suntory_contents body, #suntory_contents div, #suntory_contents span, #suntory_contents object, #suntory_contents iframe,
#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents h4, #suntory_contents h5, #suntory_contents h6, #suntory_contents p, #suntory_contents blockquote, #suntory_contents pre,
#suntory_contents abbr, #suntory_contents address, #suntory_contents cite, #suntory_contents code,
#suntory_contents del, #suntory_contents dfn, #suntory_contents em, #suntory_contents img, #suntory_contents ins, #suntory_contents kbd, #suntory_contents q, #suntory_contents samp,
#suntory_contents small, #suntory_contents strong, #suntory_contents sub, #suntory_contents sup, #suntory_contents var,
#suntory_contents b, #suntory_contents i,
#suntory_contents dl, #suntory_contents dt, #suntory_contents dd, #suntory_contents ol, #suntory_contents ul, #suntory_contents li,
#suntory_contents fieldset, #suntory_contents form, #suntory_contents label, #suntory_contents legend,
#suntory_contents table, #suntory_contents caption, #suntory_contents tbody, #suntory_contents tfoot, #suntory_contents thead, #suntory_contents tr, #suntory_contents th, #suntory_contents td,
#suntory_contents article, #suntory_contents aside, #suntory_contents canvas, #suntory_contents details, #suntory_contents figcaption, #suntory_contents figure, 
#suntory_contents footer, #suntory_contents header, #suntory_contents hgroup, #suntory_contents menu, #suntory_contents nav, #suntory_contents section, #suntory_contents summary,
#suntory_contents time, #suntory_contents mark, #suntory_contents audio, #suntory_contents video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

#suntory_contents article,#suntory_contents aside,#suntory_contents details,#suntory_contents figcaption,#suntory_contents figure,
#suntory_contents footer,#suntory_contents header,#suntory_contents hgroup,#suntory_contents menu,#suntory_contents nav,#suntory_contents section { 
    display:block;
}

#suntory_contents nav ul {
    list-style:none;
}

#suntory_contents blockquote, #suntory_contents q {
    quotes:none;
}

#suntory_contents blockquote:before, #suntory_contents blockquote:after,
#suntory_contents q:before, #suntory_contents q:after {
    content:'';
    content:none;
}

#suntory_contents a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
#suntory_contents ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
#suntory_contents mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

#suntory_contents del {
    text-decoration: line-through;
}

#suntory_contents abbr[title], #suntory_contents dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

#suntory_contents table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
#suntory_contents hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

#suntory_contents input, select {
    vertical-align:middle;
}



/* suntory_contents
------------------------------------------------------------ */
#suntory_contents {
	background:url(../img/bg_contents.jpg) repeat-x 0 0;
	padding: 0 0 40px;
}



/* header
------------------------------------------------------------ */
#suntory_contents header {
    margin: 0;
    background:url(../img/bg_header.jpg) repeat-x 0 0;
}
#suntory_contents header p {
	margin: 0 auto;
	width: 960px;
	height: 30px;
	background:url(../img/tl_sho_chu.png) no-repeat 0 0;
	text-indent: -9999px;
}


/* mainVisual
------------------------------------------------------------ */
#suntory_contents #mainVisual {
	margin: 0 auto;
	width: 960px;
	height: 310px;
	text-align: center;
}

/* visual_board */
#suntory_contents #slider  { position: relative; width: 960px; height: 290px;z-index:1000 }
#suntory_contents #slider  p { position: absolute; top: 0; left: 0; }
#suntory_contents #slider  img { position: absolute; }

/* swap_photo_navi */
#swap_photo_navi { width: 935px; position: absolute; bottom: -25px; height: 16px;text-align: right; }
#swap_photo_navi li { width: 16px; height: 16px; display: inline-block; overflow: hidden; margin-left: 5px; }
#swap_photo_navi li a { display: block; width: 16px; height: 16px; text-indent: -99999px;
	background:url(../img/swap_photo_nav.gif) no-repeat 0 0;
	text-decoration: none;
 }
#swap_photo_navi li.current a { background:url(../img/swap_photo_nav_on.gif) no-repeat 0 0; }
#swap_photo_navi li a:hover { background:url(../img/swap_photo_nav_hover.gif) no-repeat 0 0; }


/* shoChuContents
------------------------------------------------------------ */
#suntory_contents #shoChuContents {
	margin: -20px auto 0;
	width: 960px;
	height: 680px;
}

#suntory_contents #shoChuContentsInnner {
	margin: 0 auto;
	width: 960px;
	height: 680px;
	position: relative;
}


/* title
------------------------------------------------------------ */
#suntory_contents #title {
	width: 215px;
	height: 195px;
	background:url(../img/title.jpg) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;	
}
#suntory_contents #title h1 {
	text-indent: -9999px;
}

#suntory_contents #title p a {
	width: 175px;
	height: 45px;
	background:url(../img/btn_ingredient.jpg) no-repeat 0 0;
	position: absolute;
	top: 135px;
	left: 20px;
	display: block;
	text-indent: -9999px;
}
#suntory_contents #title p a:hover {
	background:url(../img/btn_ingredient.jpg) no-repeat 0 -45px;
}


/* information
------------------------------------------------------------ */
#suntory_contents #information {
	width: 745px;
	height: 195px;
	background:url(../img/information.jpg) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 215px;
	z-index: 10;
}
#suntory_contents #information h2 {
	text-indent: -9999px;
}
#suntory_contents #information li {
	list-style: none;
}

#suntory_contents #information li a:hover img.bnr
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}



#suntory_contents #information #information01 {
	position: absolute;
	top: 40px;
	left: 15px;
}
#suntory_contents #information #information02 {
	position: absolute;
	top: 40px;
	left: 260px;
}
#suntory_contents #information #information03 {
	position: absolute;
	top: 40px;
	left: 505px;
}

#suntory_contents #information #information01 span {
	width: 46px;
	height: 46px;
	background:url(../img/icon_new01.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: -3px;
	left: 182px;
	z-index: 100;
}
#suntory_contents #information #information02 span {
	width: 46px;
	height: 46px;
	background:url(../img/icon_new02.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: -3px;
	left: 182px;
	z-index: 100;
}
#suntory_contents #information #information03 span {
	width: 46px;
	height: 46px;
	background:url(../img/icon_new03.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: -3px;
	left: 182px;
	z-index: 100;
}

/* section01
------------------------------------------------------------ */
#suntory_contents #section01 {
	width: 215px;
	height: 365px;
	background:url(../img/section01.jpg) no-repeat 0 0;
	position: absolute;
	top: 195px;
	left: 0;	
}
#suntory_contents #section01 h2,
#suntory_contents #section02 h2,
#suntory_contents #section03 h2,
#suntory_contents #section04 h2,
#suntory_contents #section05 h2 {
	text-indent: -9999px;
}
#suntory_contents #section01 li,
#suntory_contents #section02 li,
#suntory_contents #section03 li,
#suntory_contents #section04 li,
#suntory_contents #section05 li {
	list-style: none;
}
#suntory_contents #section01 a,
#suntory_contents #section02 a,
#suntory_contents #section03 a,
#suntory_contents #section04 a,
#suntory_contents #section05 a {
	display: block;
	text-indent: -9999px;
}

#suntory_contents #section0101 a {
	width: 195px;
	height: 160px;
	background:url(../img/btn_section0101.png) no-repeat 0 0;
	position: absolute;
	top: 65px;
	left: 10px;	
}
#suntory_contents #section0102 a {
	width: 95px;
	height: 115px;
	background:url(../img/btn_section0102.png) no-repeat 0 0;
	position: absolute;
	top: 200px;
	left: 10px;	
}
#suntory_contents #section0103 a {
	width: 95px;
	height: 115px;
	background:url(../img/btn_section0103.png) no-repeat 0 0;
	position: absolute;
	top: 200px;
	left: 110px;	
}


/* section02
------------------------------------------------------------ */
#suntory_contents #section02 {
	width: 215px;
	height: 240px;
	background:url(../img/section02.jpg) no-repeat 0 0;
	position: absolute;
	top: 430px;
	left: 0;	
}

#suntory_contents #section0201 a {
	width: 195px;
	height: 125px;
	background:url(../img/btn_section0201.png) no-repeat 0 0;
	position: absolute;
	top: 105px;
	left: 10px;
}

/* section03
------------------------------------------------------------ */
#suntory_contents #section03 {
	width: 215px;
	height: 475px;
	background:url(../img/section03.jpg) no-repeat 0 0;
	position: absolute;
	top: 195px;
	left: 215px;	
}
/*#suntory_contents #section0301 a {
	width: 195px;
	height: 130px;
	background:url(../img/btn_section0301.png) no-repeat 0 0;
	position: absolute;
	top: 65px;
	left: 10px;
}
#suntory_contents #section0302 a {
	width: 195px;
	height: 130px;
	background:url(../img/btn_section0302.png) no-repeat 0 0;
	position: absolute;
	top: 200px;
	left: 10px;
} */
#suntory_contents #section0303 a {
	width: 195px;
	height: 160px;
	background:url(../img/btn_section0303.png) no-repeat 0 0;
	position: absolute;
	top: 65px;
	left: 10px;
}
#suntory_contents #section0304 a {
	width: 195px;
	height: 110px;
	background:url(../img/btn_section0304.png) no-repeat 0 0;
	position: absolute;
	top: 230px;
	left: 10px;
}


/* section04
------------------------------------------------------------ */
#suntory_contents #section04 {
	width: 335px;
	height: 475px;
	background:url(../img/section04.jpg) no-repeat 0 0;
	position: absolute;
	top: 195px;
	left: 430px;	
}
#suntory_contents #section0401 a {
	width: 315px;
	height: 130px;
	background:url(../img/btn_section0401.png) no-repeat 0 0;
	position: absolute;
	top: 65px;
	left: 10px;
}
#suntory_contents #section0402 a {
	width: 155px;
	height: 175px;
	background:url(../img/btn_section0402.png) no-repeat 0 0;
	position: absolute;
	top: 200px;
	left: 10px;
}
/*#suntory_contents #section0403 a {
	width: 155px;
	height: 85px;
	background:url(../img/btn_section0403.png) no-repeat 0 0;
	position: absolute;
	top: 200px;
	left: 170px;
}
#suntory_contents #section0404 a {
	width: 155px;
	height: 85px;
	background:url(../img/btn_section0404.png) no-repeat 0 0;
	position: absolute;
	top: 290px;
	left: 170px;
}*/
#suntory_contents #section0405 a {
	width: 155px;
	height: 85px;
	background:url(../img/btn_section0405.png) no-repeat 0 0;
	position: absolute;
	top: 380px;
	left: 10px;
}
#suntory_contents #section0406 a {
	width: 155px;
	height: 85px;
	background:url(../img/btn_section0406.png?202412) no-repeat 0 0;
	position: absolute;
	position: absolute;
	top: 200px;
	left: 170px;
}
#suntory_contents #section0407 a {
	width: 155px;
	height: 85px;
	background:url(../img/btn_section0407.png) no-repeat 0 0;
	position: absolute;
	top: 380px;
	left: 170px;
}
#suntory_contents #section0408 a {
	width: 155px;
	height: 85px;
	background:url(../img/btn_section0408.png) no-repeat 0 0;
	position: absolute;
	top: 290px;
	left: 170px;
}


/* banner
------------------------------------------------------------ */
#suntory_contents #banner {
	width: 195px;
	height: 475px;
	background:url(../img/banner.jpg) no-repeat 0 0;
	position: absolute;
	top: 195px;
	left: 765px;	
}
#suntory_contents #banner li {
	list-style: none;
}

#suntory_contents #banner01 {
	position: absolute;
	top: 15px;
	left: 15px;
}

#suntory_contents #Facebook p {
	position: absolute;
	top: 130px;
	left: 15px;
}

#suntory_contents #banner #shop h2 {
	width: 165px;
	height: 115px;
	background:url(../img/tl_shop.jpg) no-repeat 0 0;
	position: absolute;
	top: 20px;
	left: 15px;
	text-indent: -9999px;
}
#suntory_contents #banner #shop p.text {
	text-indent: -9999px;
}

#suntory_contents #banner #shop p.banner {
	position: absolute;
	top: 135px;
	left: 25px;
}

#suntory_contents #banner02 {
	position: absolute;
	top: 245px;
	left: 15px;
}