@charset "utf-8";
/* === BrowserReset ========================================== */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, dl, dt, dd, from, table, th, td, input, select, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:none;
	color:#444;
	font-family:Arial, Verdana, Helvetica, san-serif;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

a {
	-moz-outline-style: none;
	overflow: hidden;
}
a:link { color: #0066aa; }
a:visited { color: #0088dd; }
a:hover { color: #2288aa; }


/* === BODY ========================================== */
body {
	margin:0 auto;
	height:100%;
	font-family:Arial, Verdana, Helvetica, san-serif;
}
/* === SBF DefaultStyle ========================================== */
#suntory_contents {
	background: #CCEBF5;
	min-width: 980px;
}
/* === SBF HEADER & FOOTER ========================================== */
#sbf_header {
	margin: 0 auto;
	padding: 15px 10px 0;
	width: auto;
	height: 110px;
}
#sbf_header,
#sbf_footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.94em;
	background: #5AC2DB;
}
#sbf_header *,
#sbf_footer * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#sbf_header .inner,
#sbf_footer .inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#sbf_header a,
#sbf_footer a {
	text-decoration: none;
}
#sbf_header a:focus,
#sbf_footer a:focus {
	outline: none;
}
#sbf_header p,
#sbf_footer p {
	margin: 0;
}
#sbf_header ul,
#sbf_footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#sbf_header ul.link {
	position: absolute;
	right: 0;
	top: 0;
}
#sbf_header ul.link {
	position: absolute;
	right: 0;
	top: 0;
}
#sbf_header ul.link li {
	float: left;
	margin-left: 8px;
}
#sbf_header ul.link li.contact {
	margin-right: 20px;
}
#sbf_header ul.link li a {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../img/header_footer.html) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#sbf_header ul.link li a span {
	visibility: hidden;
	width: 100%;
	height: 100%;
}
#sbf_header ul.link li a:hover {
	opacity: .7;
}
#sbf_header ul.link li.facebook a {background-position: 0 -172px;}
#sbf_header ul.link li.linkedin a {background-position: -165px -172px;}
#sbf_header ul.link li.twitter a {background-position: 0 -208px;}
#sbf_header ul.link li.youtube a {background-position: -117px -172px;}
#sbf_header ul.link li.more a {
	background-position: -117px -208px; 
	width: 74px;
}
#sbf_header ul.link li.contact a {
	background-position: 0 -373px;
	width: 130px;
}
#sbf_header ul.link li a {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../img2013/header_footer.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#sbf_header ul.link li.contact a {
	background-position: 0 -336px;
	width: 130px;
}

/* logo */
#sbf_header p a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 191px;
	height: 41px;
	background: url(../img2013/header_footer.png) no-repeat 0 0;
}

/* gnavi */
#sbf_header .gnavi {
	position: relative;
	margin-top: 10px;
	height: 36px;
}
	#sbf_header .gnavi > li {
		float: left;
		width: 194px;
		height: 36px;
		margin-left: -2px;
	}
	#sbf_header .gnavi > li.about_us {
		width: 192px;
		margin-left: 0;
		background: url(../img2013/header_footer.png) no-repeat 0 -115px;
	}
	#sbf_header .gnavi > li > a {
		display: block;
		position: absolute;
		top: 0;
		width: 194px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		color: #fff;
		background: url(../img2013/header_footer.png) no-repeat 192px -115px;
	}
	#sbf_header .gnavi > li.about_us > a {
		left: 0;
		width: 192px;
		background-position: 190px -115px;
	}
	#sbf_header .gnavi > li.business > a {left: 190px;}
	#sbf_header .gnavi > li.responsibility > a {left: 382px;}
	#sbf_header .gnavi > li.news > a {left: 574px;}
	#sbf_header .gnavi > li.ir > a {left: 766px;}
	
	#sbf_header .gnavi > li:hover > a,
	#about_us #sbf_header .gnavi > li.about_us > a,
	#business #sbf_header .gnavi > li.business > a,
	#responsibility #sbf_header .gnavi > li.responsibility > a,
	#news #sbf_header .gnavi > li.news > a,
	#ir #sbf_header .gnavi > li.ir > a
	{
		background: #fff;
		color: #5bc2dc;
		border-left: 1px solid #5bc2dc;
		border-right: 1px solid #5bc2dc;
	}
	#sbf_header .gnavi > li:hover > a {
		z-index: 999!important;
	}

/* sub */
#sbf_header .gnavi .sub {
	display: none;
	position: absolute;
	width: 960px;
	padding: 20px 20px 20px 0;
	top: 35px;
	left: 0;
	background: #fff;
	line-height: 40px;
	border: 1px solid #5bc2dc;
	z-index: 998;
}
	#sbf_header .gnavi > li:hover > .sub {
		display: block;
		z-index: 100;
	}
	#sbf_header .gnavi .sub li {
		display: inline;
		padding: 0 0 0 40px;
		background: url(../img2013/header_footer.png) no-repeat 30px -110px;
		white-space: nowrap;
	}
	#sbf_header .gnavi .sub a {
		color: #5bc2dc;
	}
	#sbf_header .gnavi .sub a:hover {
		text-decoration: underline;
	}

/* footer */
#sbf_footer {
	margin:0 auto;
	padding: 0 0;
	text-align:center;
	min-width: 980px;
}
	/* pgtp */
	#sbf_footer .footer_pagetop {
		text-align: right;
		background: #CCEBF5;
	}
		#sbf_footer .footer_pagetop a {
			margin: 20px 0;
			display: inline-block;
			height: 18px;
			width: 100px;
			background: url(../img2013/header_footer.png) no-repeat 0 -87px;
			text-indent: 100%;../
			white-space: nowrap;
			overflow: hidden;
		}
		#sbf_footer .footer_pagetop a:hover {
			background-position: 0 -61px;
		}
	/* share */
	#sbf_footer .footer_share {
		height: 68px;
		border-top: 1px solid #e6e6e6;
	}
		#sbf_footer .footer_share .inner {
			position: relative;
		}
		#sbf_footer .footer_share p a {
			display: block;
			margin-top: 14px;
			width: 191px;
			height: 41px;
			background: url(../img2013/header_footer.png) no-repeat 0 0;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
		}
		#sbf_footer .footer_share ul {
			position: absolute;
			text-align: right;
			top: 6px;
			right: 0;
			width: auto;
			height: 26px;
			background: none;
		}
		#sbf_footer .footer_share ul li {
			display: inline-block;
			vertical-align: top;
			margin-left: 8px;
		}
		#sbf_footer .footer_share ul li a {
			display: inline-block;
			width: 26px;
			height: 26px;
			background: url(../img2013/header_footer.png) no-repeat;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
		}
		#sbf_footer .footer_share ul li a span {
			visibility: hidden;
		}
		#sbf_footer .footer_share ul li a:hover {
			opacity: .7;
		}
		#sbf_footer .footer_share ul li.facebook a {background-position: 0 -172px;}
		#sbf_footer .footer_share ul li.linkedin a {background-position: -165px -172px;}
		#sbf_footer .footer_share ul li.twitter a {background-position: 0 -208px;}
		#sbf_footer .footer_share ul li.youtube a {background-position: -117px -172px;}
		#sbf_footer .footer_share ul li.more a {background-position: -117px -208px; width: 74px;}

	/* navi*/
	#sbf_footer .footer_navi {
		height: 400px;
		background: #f2f2f2;
	}
	#sbf_footer .footer_navi dl {
		margin: 0;
		padding: 15px 40px 0 0;
		float: left;
		width: 240px;
		text-align: left;
	}

	#sbf_footer .footer_navi dt {
		margin: 15px 0 0;
		padding: 0 0 10px;
	}
	#sbf_footer .footer_navi dt.space {
		margin: 30px 0 0;
	}
	#sbf_footer .footer_navi dd {
		margin: 0;
		padding: 0 0 10px 10px;
		background: url(../img2013/header_footer.png) no-repeat 0 -272px;
	}
	#sbf_footer .footer_navi dl a {
		color: #56bad5;
		display: block;
		width: 100%;
	}
	#sbf_footer .footer_navi dt a {
		font-size: 18px;
		font-weight: 700;
	}
	#sbf_footer .footer_navi dt.gray a {
		color: #aaaaaa;
	}
	#sbf_footer .footer_navi dt a:hover {
		opacity: .7;
	}
	#sbf_footer .footer_navi dd a {
		font-size: 14px;
		line-height: 20px;
	}
	#sbf_footer .footer_navi dd a:hover {
		text-decoration: underline;
	}
	#sbf_footer .footer_copyright {
		background: #56bad5;
		text-align: left;
	}
	#sbf_footer .footer_copyright p {
		font-family: Verdana;
		position: relative;
		font-size: 11px;
		color: #fff;
		height: 40px;
		line-height: 40px;
	}
	#sbf_footer .footer_copyright .link {
		position: absolute;
		display: inline-block;
		right: 0;
		top: 0;
		text-align: right;
	}
	#sbf_footer .footer_copyright .link a {
		color: #fff;
		white-space: nowrap;
	}
	#sbf_footer .footer_copyright .link a:hover {
		text-decoration: underline;
	}







/* === SBF WASTE ========================================== */
#sbf_waste {
	width:960px;
	margin:0 auto;
}
#sbf_waste ul {
	margin:12px auto 3px;
	text-align:left;
}
#sbf_waste li {
	display:inline;
	font-size:0.63em;
	color: #666;
}
#sbf_waste li a {
	text-decoration:underline;
}

/* === SBF WRAP ========================================== */
#sbf_wrap {
	background: #CCEBF5;
}
#sbf_wrap_inr {
	background: #CCEBF5;
}
#sbf_symbol {
	width: 100%;
	min-height: 500px;
	background: #CCEBF5;
	padding-top:12px;
}
/* === SBF MAIN CNT ========================================== */

#sbf_main_cnt {
	margin: 0 auto;
	padding: 30px 0 0;
	width: 980px;
	min-height: 200px;
	background: url(../img2013/sbf_main_cnt_bg_b.png) repeat-y top center;
}
#sbf_main_cnt h1 {
	margin: 0 auto 25px;
	text-align:center;
}
#sbf_main_cnt h1.page_title,
#sbf_main_cnt_company h1.page_title  {
	color: #1581AF;
	font-size: 1.438em;
	border-bottom: 3px solid #BFE7F1;
	padding-bottom: 28px;
	margin: 0 auto 1em;
	max-width: 920px;
	line-height: 100%;
	text-align: left;
}
#sbf_main_cnt h1.page_title.trim,
#sbf_main_cnt_company h1.page_title.trim {
	width: 680px;
}
.btm {
	margin: 0 auto;
	width: 980px;
	height: 85px;
}
#container {
	margin: 0 auto;
	width: 910px;
	text-align:left;
}

/* === BTM ========================================== */
body#about_us #sbf_main_cnt, body#brands #sbf_main_cnt, body#investor #sbf_main_cnt, body#responsibility #sbf_main_cnt, body#company #sbf_main_cnt {
	background: url(../img2013/sbf_main_cnt_bg_a.png) no-repeat top center;
}
body#about_us .btm, body#business .btm, body#brands .btm, body#investor .btm, body#responsibility .btm, body#company .btm {
	background: url(../img2013/sbf_main_cnt_btm_a.png) no-repeat top center;
	height: 60px;
}
body#about_us #sbf_main_cnt, body#brands #sbf_main_cnt, body#investor #sbf_main_cnt, body#responsibility #sbf_main_cnt, body#company #sbf_main_cnt {
	background: url(../img2013/sbf_main_cnt_bg_b.png) repeat-y top center;
}
body#about_us .btm, body#business .btm, body#brands .btm, body#investor .btm, body#responsibility .btm, body#company .btm, body#news .btm {
	background: url(../img2013/sbf_main_cnt_btm_b.png) no-repeat top center;
	height: 35px;
}
body#about_us.top .btm {
	height: 0;
}
/* フロート解除 */
.clearfix {
	zoom:1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* === TO JAPANESE PAGE ========================================== */
.btn_JP {
	width: 35px;
	height: 100%;
	position:fixed !important;
	position:absolute;
	top: 70px;
	right: 0px;
	display: none;
	}
	.btn_JP a {
		display:block;
		width: 35px;
		height: 100px;
		background:url(../img2013/btn_to_jp.gif) top left no-repeat;
		text-indent:-9999px;
		}
		.btn_JP a:hover {
			background:url(../img2013/btn_to_jp_on.gif) no-repeat left top;
			}

/* === PAGETOP ========================================== */
.page_top {
	margin:25px 4px 15px 0;
	float:right;
	font-size:0.75em;
	}
	.page_top a {
		display:block;
		line-height:19px;
		padding-right:30px;
		background:url(../img2013/sbf_alw_top.jpg) top right no-repeat;
		}
		.page_top a:hover {
			background:url(../img2013/sbf_alw_top_on.jpg) top right no-repeat;
			}
			
/* === BUSINESS/INDEX ========================================== */			
#asia #two_division,
#asia #two_division2 {
	margin-top: 24px;
}
#asia #two_division dl dt,
#asia #two_division2 dl dt{
	margin-top: 20px;	
}