@charset "utf-8";
/* CSS Document */

@charset "utf-8";

/*------------------------------------------------------------
  reset
------------------------------------------------------------ */
#suntory_contents html, #suntory_contents 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, #suntory_contents header, #suntory_contents hgroup, #suntory_contents nav, #suntory_contents section, #suntory_contents footer, #suntory_contents article, #suntory_contents aside, #suntory_contents audio, #suntory_contents video, #suntory_contents meter {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333;
	vertical-align: baseline;
}
/* remember to define focus styles! */
#suntory_contents :focus {
	outline: 0;
}
#suntory_contents ol, #suntory_contents ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
#suntory_contents table {
	border-collapse: separate;
	border-spacing: 0;
}
#suntory_contents caption, #suntory_contents th, #suntory_contents td {
	text-align: left;
	font-weight: normal;
}
#suntory_contents blockquote:before, #suntory_contents blockquote:after,
#suntory_contents q:before, #suntory_contents q:after {
	content: "";
}
#suntory_contents blockquote, q {
	quotes: "" "";
}



body {
	width: 100%;
	margin: 0;
	padding: 0;	
	background-color: #FFF；
}


a {
	text-decoration: none;	
}

a:hover {
	cursor: pointer;
	text-decoration: underline;
}


/*-----------------------------------------------------------------
     header
-----------------------------------------------------------------*/

#suntory_contents #header_wrap {
	width: 100%;
	height: 107px;
	background: url(../img201703/common/header_bg.png) left top repeat-x;
}

		#suntory_contents #header {
			width: 960px;
			height: 95px;
			margin: 0 auto;
			padding-top: 12px;
	    }

		#suntory_contents #header #logo {
			width: 268px;
			height: 37px;
			margin: 0 0 11px 0;
		}
			
			#suntory_contents #header #logo a {
				display: block;
				width: 268px;
				height: 37px;
				text-indent: -9999px;
				background: url(../img201703/common/logo.png) left top no-repeat;				
			}


		#suntory_contents #header #navi {
			width: 960px;
			height: 47px;
		}
		
		#suntory_contents #header #navi li {
			width: 240px;
			height: 47px;
			float: left;
		}
		
		#suntory_contents #header #navi li a {
			display: block;
			width: 240px;
			height: 47px;
			text-indent: -9999px;		
		}

			#suntory_contents #header #navi li#navi1 a { background: url(../img201703/common/navi.png)    0px top no-repeat; }
			#suntory_contents #header #navi li#navi2 a { background: url(../img201703/common/navi.png) -240px top no-repeat; }		
			#suntory_contents #header #navi li#navi3 a { background: url(../img201703/common/navi.png) -480px top no-repeat; }
			#suntory_contents #header #navi li#navi4 a { background: url(../img201703/common/navi.png) -720px top no-repeat; }

			#suntory_contents #header #navi li#navi1 a:hover { background: url(../img201703/common/navi.png)    0px -47px no-repeat; }
			#suntory_contents #header #navi li#navi2 a:hover { background: url(../img201703/common/navi.png) -240px -47px no-repeat; }
			#suntory_contents #header #navi li#navi3 a:hover { background: url(../img201703/common/navi.png) -480px -47px no-repeat; }
			#suntory_contents #header #navi li#navi4 a:hover { background: url(../img201703/common/navi.png) -720px -47px no-repeat; }

			#suntory_contents #header #navi li#navi1.active a { background: url(../img201703/common/navi.png)    0px -47px no-repeat; }
			#suntory_contents #header #navi li#navi2.active a { background: url(../img201703/common/navi.png) -240px -47px no-repeat; }
			#suntory_contents #header #navi li#navi3.active a { background: url(../img201703/common/navi.png) -480px -47px no-repeat; }
			#suntory_contents #header #navi li#navi4.active a { background: url(../img201703/common/navi.png) -720px -47px no-repeat; }



/*-----------------------------------------------------------------
     footer
-----------------------------------------------------------------*/
#suntory_contents #footer_wrap {
	width: 100%;
	height: 182px;
	background-color: #f7efe2;
}

		#suntory_contents #footer {
			width: 960px;
			height: 146px;
			margin: 0 auto;
			padding-top: 36px;
	    }

		#suntory_contents #footer #address {
			#color: #5e413c;
			font-size: 16px;
			line-height: 160%;
			text-align: center;
			margin-bottom: 34px;
		}

		#suntory_contents #footer #copy {
			#color: #5e413c;
			font-size: 12px;
			text-align: center;
		}


/*-----------------------------------------------------------------
     other
-----------------------------------------------------------------*/
/* pan */
#suntory_contents #contents #pan {
	width: 960px;
	margin: 10px auto 0 auto;
	height: 32px;
}

	#suntory_contents #contents #pan li {
		display: inline-block;
	}

	#suntory_contents #contents #pan li.pan_top {
		padding-right: 7px;
	}	
		
	#suntory_contents #contents #pan li.pan_middle {
		background: url(../img201703/common/arrow1.png) left 1px no-repeat;
		padding-left: 15px;
	}	

	#suntory_contents #contents #pan li.pan_last {
		background: url(../img201703/common/arrow1.png) left 1px no-repeat;
		padding-left: 15px;
	}	


	#suntory_contents #contents #pan li a {
		text-decoration: underline;
	}
	
	#suntory_contents #contents #pan li a:hover {
		opacity: 0.75;
	}





	

/* to top */
#suntory_contents #to_top {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

	#suntory_contents #to_top a {
		padding-left: 25px;
		background: url(../img201703/common/icon2.png) left top no-repeat;
		color :#5e413c;
		display: block;
		float: right;
	}