@charset "utf-8";

/*INDEX
  00.reset
  01.header
  02.enjoyTitle
  03.main
  04.cpContainer
  05.snsContainer
  06.contentsList
------------------------------------------------------------ */



/*00.reset
------------------------------------------------------------ */

html, body, 
#suntory_contents div, #suntory_contents span, #suntory_contents applet, #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 a, #suntory_contents abbr, #suntory_contents acronym, #suntory_contents address,
#suntory_contents big, #suntory_contents cite, #suntory_contents code, #suntory_contents del, #suntory_contents dfn, #suntory_contents em, #suntory_contents font, #suntory_contents img, #suntory_contents ins, #suntory_contents kbd, #suntory_contents q, #suntory_contents s, #suntory_contents samp,
#suntory_contents small, #suntory_contents strike, #suntory_contents strong, #suntory_contents sub, #suntory_contents sup, #suntory_contents tt, #suntory_contents var, #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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:none;
	color:#333;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
#suntory_contents ol, 
#suntory_contents ul,
#suntory_contents ol, 
#suntory_contents ul  {
	list-style: none;
}
#suntory_contents table,
#suntory_contents table {
	border-collapse: collapse;
	border-spacing: 0;
}

#suntory_contents a {
	overflow:hidden;
	outline:none;
}


/* link */
#suntory_contents a {
	color:#0066aa;
	text-decoration:none;
}

#suntory_contents a:link {
	color:#0066aa;
	text-decoration:none;
}
#suntory_contents a:vlink {
	color:#0066aa;
	text-decoration:none;
}
#suntory_contents a:hover {
	color:#0066aa;
	text-decoration:underline;
}
#suntory_contents a:active {
	color:#0066aa;
	text-decoration:underline;
}

#suntory_contents .img a:hover {
opacity:0.8;
filter:alpha(opacity=80); 
-ms-filter:"alpha( opacity=80 )";
}
#suntory_contents .img a:hover img {
opacity:0.8;
filter:alpha(opacity=80); 
-ms-filter:"alpha( opacity=80 )";
}


/*01.suntory_contents
------------------------------------------------------------ */
#suntory_contents {
	background:url(../img2012/bg.gif) repeat-x 0 0;
}



/*02.header
------------------------------------------------------------ */
#suntory_contents #header {
	margin:0 auto 25px;
	width:960px;
	min-height:50px;
	position:relative;
}
*html #suntory_contents #header {
	height:50px;
}

#suntory_contents #header h1 {
	width:307px;
	height:27px;
	background:url(../img2012/tl_company.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	top:13px;
	left:20px;
}
#suntory_contents #header ul {
	margin: 13px 0 0;
	float:right;
}
#suntory_contents #header ul li {
	float:left;
	font-size:.625em;
	font-weight:bold;
	line-height: 25px;
	color:#fff;
}

#suntory_contents #header ul li span {
	margin:0 .5em;
	color:#fff;
}

#suntory_contents #header ul li a {
	color:#fff;
	text-decoration:none;
}

#suntory_contents #header ul li a:link {
	color:#fff;
	text-decoration:none;
}
#suntory_contents #header ul li a:vlink {
	color:#fff;
	text-decoration:none;
}
#suntory_contents #header ul li a:hover {
	color:#fff;
	text-decoration:underline;
	padding-bottom:1px;
}
#suntory_contents #header ul li a:active {
	color:#fff;
	text-decoration:underline;
}


/*03.container
------------------------------------------------------------ */
#suntory_contents #container {
	margin:0 auto 20px;
	width:970px;
}
#suntory_contents #container { /zoom : 1; }
#suntory_contents #container:after { content : ''; display : block; clear : both; }


/*04.main
------------------------------------------------------------ */
#suntory_contents #main {
	margin:0;
	width:700px;
	float:left;
}

/*05.mainVisual
------------------------------------------------------------ */
#suntory_contents #mainVisual {
	width:700px;
	height:268px;
	background:url(../img2012/bg_main_visual.gif) no-repeat 0 0;
	position:relative;
	margin-bottom: 20px;
}
#suntory_contents #mainVisual ul {
	width:660px;
	height:225px;
	position:absolute;
	top:20px;
	left:21px;
	overflow:hidden;
}


/*05.contentsMenu
------------------------------------------------------------ */
#suntory_contents #contentsMenu {
	margin:0 0 0 0;
	padding:0 0 5px 0;
	width:690px;
	position:relative;
	min-height:195px;
	background:url(../img2012/bg_line_about.gif) no-repeat center bottom;
}
#suntory_contents #contentsMenu { /zoom : 1; }
#suntory_contents #contentsMenu:after { content : ''; display : block; clear : both; }

#suntory_contents #btnContentsMenu {
	width:304px;
	float:left;
	padding: 20px 20px 10px;
	background:#e8eced;
}


#suntory_contents #btnContentsMenu li {
	font-size:.85em;
	/* font-weight: bold; */
	line-height:1.8;
	margin-bottom:8px;
}

#suntory_contents #btnContentsMenu li a {
	width:204px;
	display:block;
	background:url(../img2012/arrow01.gif) no-repeat 90px center;
}

#suntory_contents #btnMsg {
	background:#F4F6F6 url(../img2012/btn_contents_menu.jpg) no-repeat 0 bottom;
}

#suntory_contents #btnCI {
	background:#F4F6F6 url(../img2012/btn_contents_menu.jpg) no-repeat -304px bottom;
}

#suntory_contents #btnWtr {
	background:#F4F6F6 url(../img2012/btn_contents_menu.jpg) no-repeat -608px bottom;
}
#suntory_contents #btnMsg a {
	min-height:24px;
	padding:17px 0 15px 100px;
}

#suntory_contents #btnCI a {
	min-height:24px;
	padding:17px 0 15px 100px;
}

#suntory_contents #btnWtr a {
	min-height:48px;
	padding:4px 0 4px 100px;
}

#suntory_contents p.company_btn {
	float: right;
}
#suntory_contents p.company_btn a {
	background: url(../img2012/company_btn_menu.gif) no-repeat 0 0;
	display: block;
	width: 324px;
	height: 207px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#suntory_contents p.company_btn a:hover {
	background-position: 0 -207px;	
}
#suntory_contents #corporateData {
	margin: 0 0 20px 0;
	padding: 20px 0 4px;
	width: 650px;
	background: url(../img2012/bg_line01.gif) repeat-x left bottom;
}
#suntory_contents #corporateData .inner {
	background: url(../img2012/bg_corporate_data.gif) no-repeat 0 0;
	position: relative;
	min-height: 115px;
}
#suntory_contents #corporateData h2 {
	width:370px;
	height:75px;
	background:url(../img2012/tl_corporate.gif) no-repeat 0 0;	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
#suntory_contents #corporateData ul {
	background-color: #f4f6f6;
	padding: 20px 20px 15px;
	width: 285px;
	margin-left: 325px;
	overflow: hidden;
	zoom: 1;	
}
#suntory_contents #corporateData li {
	margin:0 5px 0 0;
	width:135px;
	float:left;
	font-size:.75em;
	/* font-weight: bold; */
	line-height:1.8;
}
#suntory_contents #corporateData li a {
	padding:0 0 0 12px;
	background:url(../img2012/arrow01.gif) no-repeat left center;
}
/* bgContentsArea */
#suntory_contents #bgContentsArea {
	background: #e8eced url(../img2012/contents_bg_tp01.gif) repeat-x left bottom;
	padding: 0 20px 4px;
	width: 650px;
	zoom: 1;
}


/*06.businessMenu
------------------------------------------------------------ */
#suntory_contents #businessMenu {
	margin:0 0 5px 0;
	padding-bottom: 25px;
	width:650px;
	background:url(../img2012/bg_line01.gif) repeat-x left bottom;
}
#suntory_contents #businessMenu h2 a {
	width:650px;
	height:217px;
	background:url(../img2012/tl_business_menu.jpg) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}
#suntory_contents #businessMenu ul {
	overflow: hidden;
	zoom: 1;
	background-color: #f4f6f6;
	padding: 20px 15px 15px;
}
#suntory_contents #businessMenu li {
	margin:0 5px 0 0;
	width:300px;
	float:left;
	font-size:.75em;
	/* font-weight: bold; */
	line-height:1.8;
}
#suntory_contents #businessMenu li a {
	padding:0 0 0 12px;
	background:url(../img2012/arrow01.gif) no-repeat left center;
}

#main span.pop, #main span.pop {
  background-image: url(../img/common/ico_pop.gif);
  background-position: right;
  background-repeat: no-repeat;
  padding: 3px 22px 3px 0;
  margin: 0 12px 0 0;
  color: #0066aa;
}


/*07.recruit
------------------------------------------------------------ */
#suntory_contents #recruit {
	margin:0 0 0 0;
	width:650px;
	/* background:url(../img2012/bg_recruit_repeat.gif) repeat-y 0 0; */
}
#suntory_contents #recruitInner {
	background:url(../img2012/bg_recruit.jpg) no-repeat 0 bottom;
	min-height:115px;
}
*html #suntory_contents #recruitInner {
	height:115px;
}
#suntory_contents #recruitTitle {
	position:relative;
}
#suntory_contents #recruitTitle h2 {
	width:79px;
	height:20px;
	background:url(../img2012/tl_recruit.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:0;
}
#suntory_contents #recruit ul {
	padding: 20px 15px 20px;
	margin: 20px 0 0 330px;
	background-color: #f4f6f6;
}
#suntory_contents #recruit li {
	font-size:.75em;
	/* font-weight: bold; */
	line-height:1.8;
}
#suntory_contents #recruit li a {
	padding:0 0 0 12px;
	background:url(../img2012/arrow01.gif) no-repeat left center;
}


/*08.aside
------------------------------------------------------------ */
#suntory_contents #aside {
	margin:0;
	padding:5px 0 0;
	width:245px;
	float:right;
}

#suntory_contents #btnNewsRelease a {
	margin:0 0 10px;
	width:240px;
	height:66px;
	background:url(../img2012/btn_news_release.gif) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}
#suntory_contents #btnNewsRelease a:hover {
	background:url(../img2012/btn_news_release.gif) no-repeat 0 -66px;
}

#suntory_contents #bannerHibikiai a {
	margin:0 0 10px;
	width:240px;
	height:76px;
	background:url(../img2012/banner_hibikiai.jpg) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}
#suntory_contents #bannerHibikiai a:hover {
	background:url(../img2012/banner_hibikiai.jpg) no-repeat 0 -76px;
}

#suntory_contents #bannerSupport a {
	margin:0 0 10px;
	width:240px;
	height:76px;
	background:url(../img2012/banner_support.jpg) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}
#suntory_contents #bannerSupport a:hover {
	background:url(../img2012/banner_support.jpg) no-repeat 0 -76px;
}



/*09.navCSR
------------------------------------------------------------ */
#suntory_contents #navCSR {
	padding-bottom:12px;
	background:url(../img2012/bg_nav_csr_btm.gif) no-repeat 0 bottom;
}

#suntory_contents #navCSR h2 a {
	width:240px;
	height:62px;
	background:url(../img2012/tl_nav_csr.jpg) no-repeat 0 0;
	text-indent:-9999px;
	display: block;
}
#suntory_contents #navCSR h2 a:hover {
	background:url(../img2012/tl_nav_csr.jpg) no-repeat 0 -62px;
}
#suntory_contents #btnWater {
	width:240px;
	height:73px;
	background:url(../img2012/bg_btn_water.jpg) no-repeat 0 0;
	position:relative;
}
#suntory_contents #btnWater p a {
	width:219px;
	height:60px;
	background:url(../img2012/btn_water.jpg) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:0;
	left:11px;
}
#suntory_contents #btnWater p a:hover {
	background:url(../img2012/btn_water.jpg) no-repeat 0 -60px;
}

#suntory_contents #navCSR ul {
	width:240px;
	background:url(../img2012/bg_nav_csr.gif) repeat-y 0 0;
}

#suntory_contents #navCSR ul li {
	margin:0 11px 0 11px;
	font-size:.75em;
	line-height:1.5;
	border-bottom:1px #becdd6 solid;
}

#suntory_contents #navCSR li a {
	padding:8px 25px 8px 16px;
	background:#fff url(../img2012/bg_nav_csr_off.gif) no-repeat right center;	
	display:block;
}
#suntory_contents #navCSR li a:hover {
	background:#e7fdff url(../img2012/bg_nav_csr_on.gif) no-repeat right center;
}

/* #suntory_contents #navCSR li.sub dl
-------------------------------------------------- */
#suntory_contents #navCSR li.sub dl{
padding:0 0 4px 0;
}

#suntory_contents #navCSR li.sub dl dt a{
padding:8px 25px 4px 16px;
}

#suntory_contents #navCSR li.sub dl dd a{
padding:4px 25px 4px 20px;
}


#suntory_contents #extra {
	margin:0;
	padding-bottom:12px;
	width:240px;
	background:url(../img2012/bg_nav_csr_btm.gif) no-repeat 0 bottom;
}
#suntory_contents #extra li a { /zoom : 1; }
#suntory_contents #extra li a:after { content : ''; display : block; clear : both; }

#suntory_contents #extra li a {
	padding:8px 20px 8px 5px;
	font-weight: bold;
	position:relative;
}
#suntory_contents #extra li a img {
	vertical-align:middle;
	float:left;
}
#suntory_contents #extra li a span {
	margin:-.75em 0 0 0;
	width:126px;
	vertical-align:middle;
	color:#0066aa;
	position:absolute;
	top:50%;
	left:75px;
}


/*10.newsContainer
------------------------------------------------------------ */
#suntory_contents #newsContainer {
	margin:0 auto 16px;
	width:970px;
	background:url(../img2012/bg_news_container.gif) repeat-y 0 0;
}
#suntory_contents #newsContainerInner {
	padding:0 0 16px;
	width:970px;
	background:url(../img2012/bg_news_container_btm.gif) no-repeat 0 bottom;
}
#suntory_contents #newsContainerInner { /zoom : 1; }
#suntory_contents #newsContainerInner:after { content : ''; display : block; clear : both; }


/*11.customer
------------------------------------------------------------ */
#suntory_contents #customer {
	width:485px;
	float:left;
}
#suntory_contents #customer h2 {
	margin:0 0 9px;
	width:485px;
	height:44px;
	background:url(../img2012/tl_customer.gif) no-repeat 0 0;
	text-indent:-9999px;
}


#suntory_contents #customer ul {
	margin:0 0 0 30px;
	width:429px;
}

#suntory_contents #customer li {
	padding:9px 0 9px 0;
	background:url(../img2012/bg_dot.gif) repeat-x 0 bottom;
}
#suntory_contents #customer li { /zoom : 1; }
#suntory_contents #customer li:after { content : ''; display : block; clear : both; }



#suntory_contents #customer li.lastChild {
	background:none;
}


#suntory_contents #customer li p {
	display: table-cell;
	vertical-align: middle;
}
*html #suntory_contents #customer li p {
	display:inline;
	zoom:1;
}
*+html #suntory_contents #customer li p {
	display:inline;
	zoom:1;
}

#suntory_contents #customer li dl {
	width:299px;
	display: table-cell;
	vertical-align: middle;
}
*html #suntory_contents #customer li dl {
	display:inline;
	zoom:1;
}
*+html #suntory_contents #customer li dl {
	display:inline;
	zoom:1;
}

#suntory_contents #customer li dt {
	padding:0 0 5px 15px;
	font-size:.875em;
	font-weight:bold;
	line-height:1.5;
}
#suntory_contents #customer li dd {
	padding:0 0 0 15px;
	font-size:.75em;
	line-height:1.5;
	color:#333333;
}


/*12.news
------------------------------------------------------------ */
#suntory_contents #newsRelease {
	width:485px;
	float:right;
}

#suntory_contents #newsReleaseTitle {
	width:485px;
	height:48px;
	background:url(/news/img2012/tl_newspickup.gif) no-repeat 0 0;
	position:relative;	
}
#suntory_contents #newsReleaseTitle h2 {
	text-indent:-9999px;
}

#suntory_contents #newsReleaseTitle .btnList a {
	width:60px;
	height:24px;
	background:url(/news/img2012/btn_news_list.gif) no-repeat 0 0;
	position:absolute;
	top:24px;
	left:394px;
	text-indent:-9999px;
	display:block;
}
#suntory_contents #newsReleaseTitle .btnList a:hover {
	background:url(/news/img2012/btn_news_list.gif) no-repeat 0 -24px;
}
#suntory_contents #newsReleaseTitle .btnRss a {
	width:22px;
	height:24px;
	background:url(/news/img2012/btn_rss.gif) no-repeat 0 0;
	position:absolute;
	top:24px;
	left:432px;
	text-indent:-9999px;
	display:block;
}

#suntory_contents #newsRelease table {
	margin:0 0 0 25px;
	width:430px;
}
#suntory_contents #newsRelease table tr {
	background:url(/news/img2012/bg_dot.gif) repeat-x 0 bottom;
}

#suntory_contents #newsRelease table th {
	width:13%;
	white-space:nowrap;
	padding:20px 14px 20px 0;
	font-size:.75em;
	line-height:1.5;
	color:#555;
}
#suntory_contents #newsRelease table td {
	width:87%;
	padding:20px 0 20px 0;
	font-size:.875em;
	line-height:1.5;
}
#suntory_contents #newsRelease table td p {
	margin:0 0 .5em;
}

#suntory_contents #btnReleaseList {
	margin:-1px 0 0 25px;
	width:430px;
	height:27px;
	background:#fff;
	position:relative;
}

#suntory_contents #btnReleaseList a {
	width:140px;
	height:26px;
	background:url(/news/img2012/btn_release_list.png) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:0;
	left:289px;
}
#suntory_contents #btnReleaseList a:hover {
	background:url(/news/img2012/btn_release_list.png) no-repeat 0 -26px;
}




/*13.footer
------------------------------------------------------------ */
#suntory_contents #footer {
	background:#e9f3f5 url(../img2012/bg_footer.gif) repeat-x 0 0;
}
#suntory_contents #footNav {
	margin:0 auto;
	width:960px;
}
#suntory_contents #footNav { /zoom : 1; }
#suntory_contents #footNav:after { content : ''; display : block; clear : both; }

#suntory_contents #footNav h2 {
	margin:0 0 36px;
	width:170px;
	height:32px;
	background:url(../img2012/tl_foot_nav.gif) no-repeat 0 0;
	text-indent:-9999px;	
}

#suntory_contents #footNav .section01 {
	width:180px;
	float:left;
}
#suntory_contents #footNav .section02 {
	width:300px;
	float:left;
}
#suntory_contents #footNav .section03 {
	width:228px;
	float:left;
}
#suntory_contents #footNav .section04 {
	width:252px;
	float:left;
}

#suntory_contents #footNav .block {
	margin:0 0 30px;
	padding:0 0 0 15px;
	background:url(../img2012/bg_bar_foot_nav.gif) repeat-y 0 0;
}

#suntory_contents #footNav li {
	font-size:.75em;
	line-height:2;
	color:#697d88;
}

#suntory_contents #footNav .extra li {
	font-weight:bold;
}


#suntory_contents #footNav dt {
	font-size:.75em;
	font-weight:bold;
	line-height:2;
	color:#317e97;
}

/* link */
#suntory_contents #footNav li a {
	color:#697d88;
	text-decoration:none;
}
#suntory_contents #footNav li a:link {
	color:#697d88;
	text-decoration:none;
}
#suntory_contents #footNav li a:vlink {
	color:#697d88;
	text-decoration:none;
}
#suntory_contents #footNav li a:hover {
	color:#697d88;
	text-decoration:underline;
}
#suntory_contents #footNav li a:active {
	color:#697d88;
	text-decoration:underline;
}

#suntory_contents #footNav dt a {
	color:#317e97;
	text-decoration:none;
}
#suntory_contents #footNav dt a:link {
	color:#317e97;
	text-decoration:none;
}
#suntory_contents #footNav dt a:vlink {
	color:#317e97;
	text-decoration:none;
}
#suntory_contents #footNav dt a:hover {
	color:#317e97;
	text-decoration:underline;
}
#suntory_contents #footNav dt a:active {
	color:#317e97;
	text-decoration:underline;
}