@charset "utf-8";

/*INDEX
  00.suntory_contents
  01.mainVisual
  02.productsContainer
  03.productsIndex
  04.movieContainer
  05.campaignContainer
  06.snsContainer
  07.recomendContainer
  08.newsContainer
  09.information
  10.newsRelease
------------------------------------------------------------ */

/*00.suntory_contents
------------------------------------------------------------ */
#suntory_contents {
	padding:0 0 33px;
	background:url(../img2012/top_bg_bottom.jpg) repeat-x 0 bottom;
	color:#333333;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}

#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;
}


/*01.mainVisual
------------------------------------------------------------ */
#suntory_contents #mainVisual {
	background:url(../img2012/top_bg_main_visual.gif) repeat-x 0 0;
	height:312px;
	padding-top:10px;
}
#suntory_contents #mainVisual .contents {
	width:960px;
	height:290px;
	margin:0 auto;
}

#suntory_contents #slide_wrap{
	margin:0 auto;
	width:960px;
	height:290px;
	background:#ffffff;
	position:relative;
}

#suntory_contents #slide_wrap #prev{
	display:none;
	position:absolute;
	width:38px;
	height:12px;
	top:290px;
	left:844px;
	cursor:pointer;
	background:url(/mainvisual/img/prev_off.gif) no-repeat;
}

#suntory_contents #slide_wrap #prev img {
	position:absolute;
	top:0px;
}

#suntory_contents #slide_wrap #next{
	display:none;
	position:absolute;
	width:38px;
	height:12px;
	top:290px;
	left:882px;
	cursor:pointer;
	background:url(/mainvisual/img/next_off.gif) no-repeat;
}

#suntory_contents #slide_wrap #next img {
	position:absolute;
	top:0px;
}

#suntory_contents #slide_wrap #slide_body{
	overflow:hidden;
	width:960px;
	height:290px;
	position:relative;
}

#suntory_contents #slide_wrap #loading{
	display:none;
	width:34px;
	height:34px;
	position:absolute;
	left:463px;
	top:128px;
}

#suntory_contents #slide_wrap #intro{
	display:none;
	width:300px;
	height:66px;
	position:absolute;
	left:330px;
	top:115px;
}

#suntory_contents #slide_wrap #slide_list{
	display:none;
	list-style-type:none;
	height:290px;
	width:960px;
	position:relative;
	top:0;
	left:0;
	z-index:1;
}

#suntory_contents #slide_wrap #slide_list li{
	display:block;
	width:960px;
	float:left;
	position:absolute;
}

#suntory_contents #slide_wrap #preload{
	 width: 0px;
     height: 0px;
     display: inline;
     background-image: url(/mainvisual/img/next_on.gif);
     background-image: url(/mainvisual/img/prev_on.gif);
}

#suntory_contents #slide_wrap #nojs{
	width:960px;
	height:290px;
}

#suntory_contents #trans_gif{
	position:absolute;
	top:0;
	left:0;
	width:960px;
	height:290px;
	z-index:2;
}

#suntory_contents #img_link{
	cursor:default;
}


/*guideContainer
------------------------------------------------------------ */

#suntory_contents #guideContainer{
	background:#f0f2f1;
	margin-bottom:14px;
}

#suntory_contents #guideTop{
	background:url(../img2012/to_bg_guide.gif) repeat-x;
	height:4px;
	font-size:0;
	line-height:0;
}

#suntory_contents #guideWrapper{
	width:960px;
	margin:0 auto;
}

#suntory_contents #guideWrapper:after { content : ''; display : block; clear : both; }

#suntory_contents #guideTitle{
	padding:12px 0 0 3px;
	float:left;
	width:130px;
}

#suntory_contents #guideInfo{
	float:left;
	width:810px;
	padding-top:14px;
}

#suntory_contents #guideInfo li{
	background:url(../img2012/top_icon_guide.gif) no-repeat 5px center;
	padding-left:17px;
	margin-bottom:14px;
	font-size:0.88em;
	line-height:1;
}
#suntory_contents #guideInfo li a span.cB{color:#0066AA;}
#suntory_contents #guideInfo li a span.cR{color:#FF4400;}
#suntory_contents #guideInfo li a span.wN{font-weight:normal;}
#suntory_contents #guideInfo li a span.wB{font-weight:bold;}
#suntory_contents #guideInfo li a span.s12{font-size:0.88em; line-height:1;}
#suntory_contents #guideInfo li a span.s14{font-size:1em; line-height:1;}


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

*html #suntory_contents #productsContainer {
	margin:0 auto;
	height:197px;
	overflow:hidden;
}


/*03.productsIndex
------------------------------------------------------------ */
#suntory_contents #productsIndex {
	width:711px;
	height:177px;
	position:relative;
	float:left;
}
#suntory_contents #productsIndexTitle {
	height:24px;
	overflow:hidden;
}
#suntory_contents #productsIndexTitle h2 {
	width:112px;
	height:24px;
	overflow:hidden;
	background:url(../img2012/top_tl_products_index.png) no-repeat 0 0;
	text-indent:-9999px;
}

#suntory_contents #productsIndex a {
	text-indent:-9999px;
	display:block;
	position:absolute;
}

#suntory_contents #btnNewItem a {
	width:98px;
	height:24px;
	background:url(../img2012/top_btn_products_list.png) no-repeat 0 0;
	top:0;
	left:462px;
}
#suntory_contents #btnNewItem a:hover {
	background:url(../img2012/top_btn_products_list.png) no-repeat 0 -24px;
}
#suntory_contents #btnIngredients a {
	width:143px;
	height:24px;
	background:url(../img2012/top_btn_products_list.png) no-repeat -99px 0;
	top:0;
	left:569px;
}
#suntory_contents #btnIngredients a:hover {
	background:url(../img2012/top_btn_products_list.png) no-repeat -99px -24px;
}


/* btnProducts */
#suntory_contents #btnProducts {
	margin:5px 0 0;
	width:711px;
	height:148px;
	position:relative;
}

#suntory_contents #btnProducts li a {
	display:block;
	text-indent:-9999px;
	position:absolute;
}

#suntory_contents #btnSoftdrink a {
	width:285px;
	height:50px;
	background:url(../img2012/top_btn_softdrink.png) no-repeat 0 0;
	top:0;
	left:0;
}
#suntory_contents #btnWater a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_water.png) no-repeat 0 0;
	top:0;
	left:284px;
}
#suntory_contents #btnBeer a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_beer.png) no-repeat 0 0;
	top:0;
	left:426px;
}
#suntory_contents #btnRtd a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_rtd.png) no-repeat 0 0;
	top:0;
	left:568px;	
}
#suntory_contents #btnWhisky a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_whisky.png) no-repeat 0 0;
	top:49px;
	left:0;
}
#suntory_contents #btnBrandy a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_brandy.png) no-repeat 0 0;
	top:49px;
	left:142px;
}
#suntory_contents #btnWnb a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_wnb.png) no-repeat 0 0;
	top:49px;
	left:284px;
}
#suntory_contents #btnSho-chu a {
	width:142px;
	height:49px;
	background:url(../img2012/top_btn_sho-chu.png) no-repeat  0 0;
	top:49px;
	left:426px;
}
#suntory_contents #btnWine a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_wine.png) no-repeat 0 0;
	top:49px;
	left:568px;
}
#suntory_contents #btnUmeshu a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_umeshu.png) no-repeat 0 0;
	top:98px;
	left:0;
}

#suntory_contents #btnNon-al a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_non-al.png) no-repeat 0 0;
	top:98px;
	left:142px;
}

#suntory_contents #bntKenko a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_kenko.png) no-repeat 0 0;
	top:98px;
	left:284px;
}
#suntory_contents #btnFlower a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_flower.png) no-repeat 0 0;
	top:98px;
	left:426px;
}
#suntory_contents #btnMidorie a {
	width:143px;
	height:50px;
	background:url(../img2012/top_btn_midorie.png) no-repeat 0 0;
	top:98px;
	left:568px;
}

/*04.movieContainer
------------------------------------------------------------ */
#suntory_contents #movieContainer {
	width:220px;
	float:right;
}

#suntory_contents #movieTitle {
	margin:0 0 5px;
	width:220px;
	height:24px;
	position:relative;
}
#suntory_contents #movieTitle h2 {
	width:134px;
	height:24px;
	background:url(../img2012/top_tl_cm.gif) no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}
#suntory_contents #movieTitle p a {
	width:60px;
	height:24px;
	background:url(../img2012/top_btn_cm_list.gif) no-repeat 0 0;
	position:absolute;
	top:0;
	left:160px;
	text-indent:-9999px;
	display:block;
}
#suntory_contents #movieTitle p a:hover {
	background:url(../img2012/top_btn_cm_list.gif) no-repeat 0 -24px;
}
#suntory_contents #movieContainer .movie {
	margin:0 0 10px;
}
#suntory_contents #movieContainer .caption {
	font-size:.75em;
	text-align:center;
}


/*07.recomendContainer
------------------------------------------------------------ */
#suntory_contents #recomendContainer {
	margin:0 auto 32px;
	width:960px;
	/*background:#D7E2E6;*/
}

#suntory_contents #recomendContainer { /zoom : 1; }
#suntory_contents #recomendContainer:after { content : ''; display : block; clear : both; }

/* recomendContents
------------------------------------------------------------ */
#suntory_contents #recomendContents  {
	width:723px;
	float:left;
}
#suntory_contents #recomendContents { /zoom : 1; }
#suntory_contents #recomendContents:after { content : ''; display : block; clear : both; }

#suntory_contents #recomendContents li {
	margin:0 16px 40px 0;
	width:225px;
	float:left;
}
#suntory_contents #recomendContents li img {
	margin:0 0 5px;
}

#suntory_contents #recomendContents dt {
	font-size:.875em;
	font-weight:bold;	
	line-height:1.5;
	margin-top:10px;
}
#suntory_contents #recomendContents dd {
	font-size:.75em;
	line-height:1.5;
}

#suntory_contents #recomendContents li p a{
	display:block;
	width:225px;
	height:105px;
}

#suntory_contents #recomendContents li p a:hover{
	opacity: 0.8;
  	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/* onlineshop
------------------------------------------------------------ */
#suntory_contents #onlineContainerWrapper {
	width: 960px;
	margin: 0 auto 50px;
	overflow: hidden;
	zoom: 1;
}
#onlineContainerWrapper #onlineContainer {
	background: url(/img2012/bg_online_hd01.gif) no-repeat left top;
	padding-top: 20px;
	zoom:1;
}
#onlineContainerWrapper #onlineContainerInner {
	background: url(/img2012/bg_online_ct01.gif) no-repeat left top;
	padding: 0 0 10px 20px;
	zoom: 1;
	position: relative;
}
#onlineContainerWrapper .ftInner {
	background:url(/img2012/bg_online_ft01.gif) no-repeat left bottom;
	padding-bottom: 20px;
	zoom: 1;
	font-size: 0;
	line-height: 0;
}

#onlineContainerWrapper h2 {
	background: url(/img2012/top_tl_onlineshop.gif) no-repeat 0 0;
	width: 159px;
	height: 16px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom: 20px;
}
#onlineContainerWrapper .btnList a {
	width: 60px;
	height: 24px;
	background: url(/img2012/top_btn_cm_list.gif) no-repeat 0 0;
	position: absolute;
	top: -5px;
	left: 190px;
	text-indent: -9999px;
	display: block;
}
#onlineContainerWrapper .btnList a:hover {
	background: url(/img2012/top_btn_cm_list.gif) no-repeat 0 -24px;
}

#onlineContainerWrapper .contents_inn {
	overflow: hidden;
	zoom: 1;
}
#onlineContainerWrapper .randomFixBox {
	width: 168px;
	float: left;
	margin-right: 20px;		
}
#onlineContainerWrapper .randomBox {
	width: 168px;
	float: left;
	margin-right: 20px;		
}
#onlineContainerWrapper .randomBox li {
	display: none;
	overflow: hidden;
	zoom: 1;
}
#onlineContainerWrapper .contents_inn p.img {
	font-size: 0;
	line-height: 0;
}
#onlineContainerWrapper .contents_inn dl dt {
	color: #333;
	font-size: .75em;
	line-height: 1.3;
	margin-top: 10px;
}
#onlineContainerWrapper .contents_inn dl dd {
	font-size: .875em;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 10px;
}
#onlineContainerWrapper .contents_inn dl dd a {
	padding: 0 15px 0 0;
	background: url('/onlineshop/img2012/icon_external.gif') no-repeat right 0.2em;
	display: inline;
	zoom: 1;
}
#onlineContainerWrapper .contents_inn dl dd.no_icon a {
	padding-right: 0;
	background: none;
}


/* notice
------------------------------------------------------------ */

#suntory_contents #notice_wrap{
	width:220px;
	float:right;
}

#suntory_contents #corp{
	width:205px;
	background-color:#b3e5ef;
	line-height:1;
	padding:13px 0 15px 10px;
}

#suntory_contents #group_btn{
	margin-top:8px;
}

#suntory_contents #foods_btn{
	margin-top:4px;
}

#suntory_contents #notice {
	width:205px;
	background:#e7edf0;
	line-height:1;
	margin-top:15px;
	padding:15px 0 15px 15px;
}

#suntory_contents #sinsai_btn{
	margin-top:12px;
}

#suntory_contents #anzen_btn{
	margin-top:8px;
}

#suntory_contents .notice_link{
	margin-top:15px;
	font-size:.75em;
}

#suntory_contents .notice_link a{
	color:#0066aa;
	text-decoration:none;
}

#suntory_contents .notice_link a:hover{
	text-decoration:underline;
}

/*#suntory_contents #btnSupportEastJapan a {
	margin:0 0 10px 15px;
	width:190px;
	height:75px;
	background:url(../img2012/top_btn_support_east_japan.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
}
#suntory_contents #btnSupportEastJapan a:hover {
	background:url(../img2012/top_btn_support_east_japan.png) no-repeat 0 -85px;
}

#suntory_contents #notice h2 {
	margin:0 0 3px 14px;
	width:68px;
	height:17px;
	background:url(../img2012/top_tl_notice.png) no-repeat 0 0;
	text-indent:-9999px;
}

#suntory_contents #notice ul {
	margin:0 auto;
	width:196px;
}

#suntory_contents #notice ul li {
	padding:10px 3px 20px 3px;
	font-size:.75em;
	line-height:1.5;
	background:url(../img2012/top_line_notice.png) no-repeat 0 bottom;
}
#suntory_contents #notice ul li.lastChild {
	background:none;
}

#suntory_contents #topics {
	margin:0 auto;
	width:196px;
	height:77px;
	background:url(../img2012/top_bg_topics.png) no-repeat 0 0;
}
#suntory_contents #topics table {

}
#suntory_contents #topics td {
	padding:8px;
	vertical-align:middle;
}
#suntory_contents #topics th {
	padding:3px 3px 3px 0;
	font-size:.75em;
	line-height:1.5;
	vertical-align:middle;
}*/

	
/*08.newsContainer
------------------------------------------------------------ */
#suntory_contents #newsContainer {
	margin:0 auto;
	width:968px;
	background:url(../img2012/top_bg_news_container.png) repeat-y 0 0;
}
#suntory_contents #newsContainerInner {
	width:968px;
	background:url(../img2012/top_bg_news_container_inr.gif) no-repeat 0 bottom;
}
#suntory_contents #newsContainerInner { /zoom : 1; }
#suntory_contents #newsContainerInner:after { content : ''; display : block; clear : both;}

#suntory_contents #newsContainerTop {
	margin:0 auto;
	width:968px;
	height:4px;
	overflow:hidden;
	background:url(../img2012/top_bg_news_container_top.png) no-repeat 0 0;
}
#suntory_contents #newsContainerBottom {
	margin:0 auto;
	width:968px;
	height:4px;
	background:url(../img2012/top_bg_news_container_btm.png) no-repeat 0 0;
}


/*09.information
------------------------------------------------------------ */
#suntory_contents #information {
	margin-left:4px;
	padding-bottom:27px;
	width:480px;
	float:left;
}
*html #suntory_contents #information {
	margin-left:2px;
}

#suntory_contents #informationTitle {
	margin:0;
	width:480px;
	height:58px;
	position:relative;
	background:#fff;
}
#suntory_contents #informationTitle h2 {
	width:119px;
	height:48px;
	background:url(../img2012/top_tl_information.gif) no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}

#suntory_contents #informationTitle .btnList a {
	width:60px;
	height:24px;
	background:url(../img2012/top_btn_info_list.gif) no-repeat 0 0;
	position:absolute;
	top:24px;
	left:398px;
	text-indent:-9999px;
	display:block;
}
#suntory_contents #informationTitle .btnList a:hover {
	background:url(../img2012/top_btn_info_list.gif) no-repeat 0 -24px;
}
#suntory_contents #informationTitle .btnRss a {
	width:22px;
	height:24px;
	background:url(../img2012/top_icon_rss.gif) no-repeat 0 0;
	position:absolute;
	top:24px;
	left:433px;
	text-indent:-9999px;
	display:block;
}


#suntory_contents #informationTable {
	margin:-1px 0 0 25px;
	width:433px;
	border-collapse:collapse;
}
#suntory_contents #informationTable tr {
	background:url(../img2012/top_bg_dot.gif) repeat-x 0 top;
}
#suntory_contents #informationTable th {
	font-size:.75em;
	line-height:1.5;
	color:#555555;
	white-space:nowrap;
	padding:8px 20px 14px 0;
}
#suntory_contents #informationTable td {
	font-size:.875em;
	line-height:1.5;
	padding:14px 0 14px 0;
}
#suntory_contents #informationTable td li {
	margin-bottom:10px;
}

#suntory_contents #btnInfomationList {
	margin:0 0 0 25px;
	width:433px;
	height:26px;
	position:relative;
}

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


/*10.newsRelease
------------------------------------------------------------ */
#suntory_contents #newsRelease {
	margin:0 4px 0 0;
	padding-bottom:27px;
	width:479px;
	float:right;
}
*html #suntory_contents #newsRelease {
	margin:0 2px 0 0;
}

#suntory_contents #newsReleaseTitle {
	margin:0;
	width:479px;
	height:58px;
	position:relative;
	background:#fff;
}
#suntory_contents #newsReleaseTitle h2 {
	width:133px;
	height:24px;
	background:url(../img2012/top_tl_news_r.gif) no-repeat 0 0;
	position:absolute;
	top:24px;
	left:25px;
	text-indent:-9999px;
}

#suntory_contents #newsReleaseTitle .btnList a {
	width:60px;
	height:24px;
	background:url(../img2012/top_btn_info_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(../img2012/top_btn_info_list.gif) no-repeat 0 -24px;
}
#suntory_contents #newsReleaseTitle .btnRss a {
	width:22px;
	height:24px;
	background:url(../img2012/top_icon_rss.gif) no-repeat 0 0;
	position:absolute;
	top:24px;
	left:432px;
	text-indent:-9999px;
	display:block;
}


#suntory_contents #newsReleaseTable {
	margin:-1px 0 0 25px;
	width:429px;
	border-collapse:collapse;
}
#suntory_contents #newsReleaseTable tr {
	background:url(../img2012/top_bg_dot.gif) repeat-x 0 top;
}
#suntory_contents #newsReleaseTable th {
	font-size:.75em;
	line-height:1.5;
	color:#555555;
	white-space:nowrap;
	padding:14px 20px 14px 0;

}
#suntory_contents #newsReleaseTable td {
	font-size:.875em;
	line-height:1.5;
	padding:14px 0 14px 0;
}
#suntory_contents #newsReleaseTable td li {
	margin-bottom:10px;
}

#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;
}


/*11.res_contents
------------------------------------------------------------ */

	#res_contents {
		display:none;
		width:225px;
		height:100%;
		background:url(/common/sidebar/img2012/response_back.gif) repeat-y;
		position:fixed;
		right:0;
		top:0;
		z-index:2;
		font-family:"ＭＳ Ｐゴシック","Lucida Grande","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "MS PGothic", sans-serif;
	}

	#res_contents .res_sns_box{
		margin: 10px auto 0;

		/*width:174px;
		padding:13px;
		margin:10px auto 0;
		background-color:#f7fafa;
		border:1px solid #d8e0e1;*/
	}
		
#res_contents .res_sns_box .sns_media {
	margin: 0 auto 10px;
	width: 180px;
	height: 165px;
	background:url(/common/sidebar/img2015/social_media.png) no-repeat 0 0;
	position: relative;
	border-top: 1px solid #f7fafa;
}
#res_contents .res_sns_box .sns_media p a {
	width: 156px;
	height: 36px;
	background:url(/common/sidebar/img2015/btn_sns_list.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 114px;
	left: 13px;
}
#res_contents .res_sns_box .sns_media p a:hover {
	background:url(/common/sidebar/img2015/btn_sns_list.png) no-repeat 0 -36px;
}