@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 )";
}


/*01.header
------------------------------------------------------------ */
#suntory_contents #header {
	margin-bottom:30px;
	height:50px;
	background:url(../img2012/bg_header.gif) repeat-x 0 0;
}


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

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

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

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

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


/*03.main
------------------------------------------------------------ */
#suntory_contents #contentsMenu {
	/* margin:0 auto 20px; */
	margin:0 auto 45px; /* 20140523 shimrua */
	width:960px;
	height:529px;
	position:relative;
}
#suntory_contents #contentsMenu li a {
	width:310px;
	height:264px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#suntory_contents li a span {
	display: block;
	position: absolute;
	top: 175px;
	left: 0;
	width: 310px;
	height: 89px;
	background-repeat: no-repeat;
	background-position: 0 0;
}


#suntory_contents #menu01 a {	
	background-image:url(../thumbnail/btn_cm.png);
	top:0;
	left:0;	
}
#suntory_contents #menu01 p {
	position:absolute;
	top:5px;
	left:35px;
	z-index:100;
}
#suntory_contents #menu01 a span {
	background-image:url(../img2012/btn_cm_ttl.gif);
}

#suntory_contents #menu02 a {	
	background-image:url(../thumbnail/btn_factory.png);
	top:0;
	left:325px;
}
#suntory_contents #menu02 a span {
	background-image:url(../img2012/btn_factory_ttl.gif);
}
#suntory_contents #menu03 a {	
	background-image:url(/quiz/common/img/bnr_quiz.png);
	top:0;
	left:650px;	
}
#suntory_contents #menu03 a span {
	background-image:url(../img2012/btn_machi_ttl.gif);
}
/* #suntory_contents #menu07 a {	
	background-image:url(../thumbnail/btn_machi.png);
	top:0;
	left:650px;	
}
#suntory_contents #menu07 a span {
	background-image:url(../img2012/btn_machi_ttl.gif);
} */
#suntory_contents #menu04 a {	
	background-image:url(../thumbnail/btn_game.png);
	top:275px;
	left:0;	
}
#suntory_contents #menu04 a span {
	background-image:url(../img2012/btn_game_ttl.gif);
}
#suntory_contents #menu05 a {	
	background-image:url(../harenavi/thumbnail/btn_hare.png);
	top:275px;
	left:325px;	
}
#suntory_contents #menu05 a span {
	background-image:url(../img2012/btn_hare_ttl.gif);
}
#suntory_contents #menu06 a {	
	background-image:url(../thumbnail/btn_mm.png);
	top:275px;
	left:650px;	
}	
#suntory_contents #menu06 a span {
	background-image:url(../img2012/btn_mm_ttl.gif);
}

#suntory_contents #contentsMenu a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
}
/* 20140523 shimrua */
/* 20140523 shimrua */
#suntory_contents #localInfoArea {
	width: 960px;
	margin: 0 auto 30px;
	/* padding: 10px 0 50px; */
	background:url(../img2012/bg_localinfo.jpg) #E0F4FF no-repeat 0 0;
	min-height: 682px;
	position: relative;
	padding-bottom:16px
}
#suntory_contents h2.leedTtl {
	width: 288px;
	height: 86px;
	position: absolute;
	top: 0px;
	left: 0;
}
#suntory_contents .categoryBlock {
	width: 920px;
	/* position: absolute;
	top: 34px;
	left: 330px; */
	padding: 15px 0 0 15px;
	overflow: hidden;
	zoom: 1;
}

#suntory_contents .categoryBlock .top {
	width: 620px;
	/* position: absolute;
	top: 34px;
	left: 330px; */
	padding: 30px 0 0 300px;
	overflow: hidden;
	zoom: 1;
}

#suntory_contents .lastBlock {
	padding-top: 10px;
}
#suntory_contents .categoryBlock .leftCol,
#suntory_contents .categoryBlock .rightCol {
	width: 285px;
	margin-left:20px;	
}
#suntory_contents .categoryBlock .leftCol {
	float: left;	
}
#suntory_contents .categoryBlock .rightCol {
	float: right;
}
#suntory_contents .categoryBlock .image a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	display: inline-block;
}
#suntory_contents .categoryBlock h3.subLeed {
	margin-top: 15px;	
	font-size: 1em;
	font-weight: bold;
	color: #0066aa;	
}
#suntory_contents .categoryBlock .areaUnit {
	overflow: hidden;
	zoom: 1;
	margin-left: -10px;
}
/* #suntory_contents .categoryBlock .rightCol .areaUnit {
	width: 240px;
} */
#suntory_contents .categoryBlock .areaUnit li {
	float: left;
	border-right: 1px solid #afafaf;
	margin-top: 10px;
	white-space: nowrap;
	position: relative;
	color: #0066aa;
	font-size: .75em;
	font-weight: bold;
	padding: 0 9px;
}
#suntory_contents .categoryBlock .areaUnit li.lastLI {
	border-right: none;
}
#suntory_contents .categoryBlock .areaUnit li.lastLI a {
	padding-right: 0;	
}


/*04.cpContainer
------------------------------------------------------------ */
#suntory_contents #cpContainer {
	margin:0 0 30px;
	text-align: center;
}



/*05.snsContainer
------------------------------------------------------------ */
#suntory_contents #snsContainerWrapper {
	margin:0 auto 30px;
	width:960px;
	background:url(../img2012/bg_sns_container_rp.gif) repeat-y 0 0;
}
#suntory_contents #snsContainer {
	padding-bottom:4px;
	width:960px;
	background:url(../img2012/bg_sns_container_btm.gif) no-repeat 0 bottom;
}
#suntory_contents #snsContainerInner {
	background:url(../img2012/bg_sns_container.jpg) no-repeat 0 0;
}

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


/* snsAcount */
#suntory_contents #snsAcount {
	width:595px;
	float:left;
}
#suntory_contents #snsAcount h2 {
	margin:0 0 25px;
	width:275px;
	height:17px;
	background:url(../img2012/tl_acount.gif) no-repeat 0 0;
	text-indent:-9999px;
}

/* snsList */
#suntory_contents #snsList {
	width:300px;
	height:125px;
	position:relative;
	float:right;
}

#suntory_contents #snsList li a {
	height:26px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:26px;
}

#suntory_contents #btnFacebook a {
	width:25px;
	left:28px;
	background:url(../img2012/icon_sns.gif) no-repeat 0 0;
}
#suntory_contents #btnMixi a {
	width:28px;
	left:60px;
	background:url(../img2012/icon_sns.gif) no-repeat -32px 0;
}
#suntory_contents #btnGooglePlus a {
	width:23px;
	left:95px;
	background:url(../img2012/icon_sns.gif) no-repeat -67px 0;
}
#suntory_contents #btnTwitter a {
	width:23px;
	left:128px;
	background:url(../img2012/icon_sns.gif) no-repeat -100px 0;
}
#suntory_contents #btnBlog a {
	width:56px;
	left:160px;
	background:url(../img2012/icon_sns.gif) no-repeat -132px 0;
}
#suntory_contents #btnYouTube a {
	width:50px;
	left:223px;
	background:url(../img/icon_sns.gif) no-repeat -195px 0;
}

#suntory_contents #snsList p a {
	width:245px;
	height:43px;
	background:url(../img2012/btn_sns_list.gif) no-repeat 0 0;
	position:absolute;
	top:66px;
	left:28px;
	text-indent:-9999px;
	display:block;
}
#suntory_contents #snsList p a:hover {
	background:url(../img2012/btn_sns_list.gif) no-repeat 0 -43px;
}


/*06.contentsList
------------------------------------------------------------ */
#suntory_contents #contentsList {
	margin:0 auto 30px;
	width:960px;
	background:#eaf8fa url(../img2012/bg_contents_list.gif) repeat-x 0 0;
}


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

#suntory_contents #contentsList ul li {
	width:235px;
	float:left;
}
#suntory_contents #contentsList ul li .img a {
	display: block;
	border: 1px solid #cddbdd;	
}
#suntory_contents #contentsList p {
	float:left;
}
#suntory_contents #contentsList dl {
	/* width:143px;
	float:right; */
	overflow: hidden;
	zoom: 1;
}
#suntory_contents #contentsList dt {
	margin:0 0 10px;
	padding:0 20px 0 12px;
	font-size:.75em;
	font-weight:bold;
	line-height:1.5;
}
#suntory_contents #contentsList dd {
	padding:0 20px 0 12px;
	font-size:.75em;
	line-height:1.5;
}

#suntory_contents #section01 {
	margin:0 0 0 20px;
	padding:0 0 40px;
	background:url(../img2012/bg_section_devide.gif) no-repeat 0 bottom;
}
#suntory_contents #section02 {
	margin:0 0 0 20px;
	padding:0 0 40px;
	background:url(../img2012/bg_section_devide.gif) no-repeat 0 bottom;
}
#suntory_contents #section03 {
	margin:0 0 0 20px;
	padding:0 0 40px;
}

#suntory_contents #section01 h2 {
	width:235px;
	height:50px;
	background:url(../img2012/tl_section01.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#suntory_contents #section02 h2 {
	width:235px;
	height:50px;
	background:url(../img2012/tl_section02.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#suntory_contents #section03 h2 {
	width:235px;
	height:50px;
	background:url(../img2012/tl_section03.gif) no-repeat 0 0;
	text-indent:-9999px;
}