@charset "utf-8";

/*INDEX
  00.mainVisual
  01.containerTop
  02.navTop
  03.contentsTop
  04.contentsTopSide01
  05.contentsTopMain
  06.contentsTopSide02
------------------------------------------------------------ */


#suntory_contents a:link { color: #996600;text-decoration:under-line;}
#suntory_contents a:visited { color: #996600;text-decoration:under-line;}
#suntory_contents a:hover { color: #c80;text-decoration:under-line;}
#suntory_contents a:active { color: #996600;text-decoration:under-line;}


/*00.mainVisual
------------------------------------------------------------ */
#suntory_contents #mainVisualContainer {
	height:325px;
	overflow:hidden;
	z-index:10;
}

#suntory_contents .mainVisual h1 a {
	margin:0 auto;
	width:890px;
	height:325px;
	display:block;
	text-indent:-9999px;
}

#suntory_contents #mainVisual01 {
	background:#000 url(../img/main_visual01.jpg) no-repeat center 0;
	position:relative;
}
#suntory_contents #mainVisual02 {
	background:#000 url(../img/main_visual02.jpg) no-repeat center 0;
	position:relative;
}
#suntory_contents #mainVisual03 {
	background:#000 url(../img/main_visual03.jpg) no-repeat center 0;
	position:relative;
}


/* 01.containerTop
------------------------------------------------------------ */
#suntory_contents #containerTopWrapper {
	background:url(../img/bg_container_top_repeat.png) repeat-x 0 0;
}
*html #suntory_contents #containerTopWrapper {
	background:url(../img/bg_container_top_repeat.png) repeat-x 0 -20px;
}
#suntory_contents #containerTop {
	background:url(../img/bg_container.png) repeat-y center 0;
}
#suntory_contents #containerTopContents {
	background:url(../img/bg_container_top.png) no-repeat center top;
	padding-bottom:10px;
	margin-top:-20px;
}

/* 02.navTop
------------------------------------------------------------ */
#suntory_contents #navTop {
	background:url(../img/bg_container_nav_top.png) no-repeat center 0;
	margin:0 auto 0 auto;
	padding:0;
	width:900px;
	height:70px;
	position:relative;
	z-index:100;
}

#suntory_contents #navTop #mainVisualNav {
	margin:-20px auto 0 auto;
	padding:0;
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	width:890px;
	text-align:right;
}

#suntory_contents #navTop #mainVisualNav p a {
	width:20px;
	height:5px;
	float:right;
	margin:0 5px;
}


#suntory_contents #navTop ul li a {
	width:210px;
	height:34px;
	text-indent:-9999px;
	display:block;
}
#suntory_contents #navTop01 a {
	background:url(../img/nav.jpg) no-repeat 0 0;
	position:absolute;
	top:18px;
	left:25px;
}
#suntory_contents #navTop02 a {
	background:url(../img/nav.jpg) no-repeat -210px 0;
	position:absolute;
	top:18px;
	left:240px;
}

#suntory_contents #navTop03 a {
	background:url(../img/nav.jpg) no-repeat -420px 0;
	position:absolute;
	top:18px;
	left:455px;
}
#suntory_contents #navTop04 a {
	background:url(../img/nav.jpg) no-repeat -630px 0;
	position:absolute;
	top:18px;
	left:670px;
}

#suntory_contents #navTop01 a:hover {
	background:url(../img/nav.jpg) no-repeat 0 -34px;
}
#suntory_contents #navTop02 a:hover {
	background:url(../img/nav.jpg) no-repeat -210px -34px;
}
#suntory_contents #navTop03 a:hover {
	background:url(../img/nav.jpg) no-repeat -420px -34px;
}
#suntory_contents #navTop04 a:hover {
	background:url(../img/nav.jpg) no-repeat -630px -34px;
}


/* 03.contentsTop
------------------------------------------------------------ */
#suntory_contents #contentsTop {
	width:860px;
	margin:0 auto;
	padding:10px 0 0;
}
#suntory_contents #contentsTop { /zoom : 1; }
#suntory_contents #contentsTop:after { content : ''; display : block; clear : both; }

#suntory_contents #contentsTopSide01 {
	width:200px;
	float:left;
	padding-top:5px;
}
#suntory_contents #contentsTopMain {
	width:425px;
	float:left;
	margin-left:14px;
}
*html #suntory_contents #contentsTopMain {
	margin-left:7px;
}
#suntory_contents #contentsTopSide02 {
	width:210px;
	float:left;
	padding-top:5px;
	margin-left:10px;
}
*html #suntory_contents #contentsTopSide02 {
	margin-left:5px;
}


/* 04.contentsTopSide01
------------------------------------------------------------ */
/* mailmagazine */
#suntory_contents #mailmagazine {
	width:203px;
	background:#f5f5f5 url(../img/bg_side.gif) repeat-x left top;
	border:1px #dcdcdc solid;
	text-align:left;
	margin-bottom:15px;
}
#suntory_contents #mailmagazine h2 {
	margin:10px 0 10px 12px;
}
#suntory_contents #mailmagazine p {
	font-size:80%;
	margin:0 0 10px 12px;
}
#suntory_contents #mailmagazine ul {
	margin:0 0 10px 12px;
	width:180px;
	height:33px;
	position:relative;
}
#suntory_contents #mailmagazine ul li#btnEntry {
	position:absolute;
	top:0;
	left:0;
}
#suntory_contents #mailmagazine ul li#btnChange {
	position:absolute;
	top:4px;
	left:76px;
}
#suntory_contents #mailmagazine ul li#btnDelete {
	position:absolute;
	top:4px;
	left:127px;
}

/* brandsiteList */
#suntory_contents #brandsiteList {
	width:205px;
	margin-bottom:15px;
	padding-bottom:15px;
	background:#d6d6d6;
	text-align:center;
}
#suntory_contents #brandsiteList h3 {
	margin-bottom:5px;
}
#suntory_contents #brandsiteList ul {
	width:175px;
	margin:0 auto;
}
#suntory_contents #brandsiteList ul li {
	margin-bottom:5px;
}
#suntory_contents .listSection {
	background:url(../img/bg_brand_site_border.gif) no-repeat center top;
	padding-top:25px;
}

/* mobilesite */
#suntory_contents #mobilesite {
	width:203px;
	background:#f5f5f5 url(../img/bg_side.gif) repeat-x left top;
	border:1px #dcdcdc solid;
	text-align:left;
	margin-bottom:15px;
	padding-bottom:15px;
}

#suntory_contents #mobilesite h2 {
	margin:10px 0 10px 12px;
}
#suntory_contents #mobilesite p.url {
	font-size:70%;
	color:#666;
	margin:0 0 12px 12px;
}
#suntory_contents #mobilesiteNote {
	margin:0 15px 0 15px;
}
#suntory_contents #mobilesiteNote { /zoom : 1; }
#suntory_contents #mobilesiteNote:after { content : ''; display : block; clear : both; }

#suntory_contents #mobilesite p.note {
	font-size:70%;
	line-height:1.4;
	color:#666;
	width:92px;
	float:left;
	padding:1em 0;
}
#suntory_contents #mobilesite p.img {
	margin-left:4px;
	float:right;
}



#suntory_contents #mobilesite p.img { /zoom : 1;display:inline-block;}

/* applisite */
#suntory_contents #applisite {
	width:203px;
	background:#f5f5f5 url(../img/bg_side.gif) repeat-x left top;
	border:1px #dcdcdc solid;
	text-align:left;
	margin-bottom:15px;
	padding-bottom:15px;
}

#suntory_contents #applisite h2 {
	margin:10px 0 10px 12px;
}
#suntory_contents #applisite p.url {
	font-size:70%;
	color:#666;
	margin:0 0 12px 12px;
}
#suntory_contents #applisiteNote {
	margin:0 15px 0 15px;
}
#suntory_contents #applisiteNote { /zoom : 1; }
#suntory_contents #applisiteNote:after { content : ''; display : block; clear : both; }

#suntory_contents #applisite p.note {
	font-size:70%;
	line-height:1.4;
	color:#666;
	width:92px;
	float:left;
	padding:1em 0;
}
#suntory_contents #applisite p.img {
	margin-left:4px;
	float:right;
}



#suntory_contents #applisite p.img { /zoom : 1;display:inline-block;}




/* 05.contentsTopMain
------------------------------------------------------------ */
#suntory_contents .contentsTopMainBlockWrapper {
	width:425px;
	margin-bottom:5px;
	background:url(../img/bg_contents_main_block.gif) repeat-y center 0;
}
#suntory_contents .contentsTopMainBlock {
	padding-bottom:10px;
	background:url(../img/bg_contents_main_block_bottom.gif) no-repeat center bottom;	
}
#suntory_contents .contentsTopMainBlockTitle {
	height:65px;
	background:url(../img/bg_contents_main_block_top.gif) no-repeat center top;
	position:relative;
}

#suntory_contents .contentsTopMainBlockTitle2 {
	height:5px;
	background:url(../img/bg_contents_main_block_top2.gif) no-repeat center top;
	position:relative;
}

#suntory_contents .contentsTopMainBlockTitle h2 {
	position:absolute;
	top:16px;
	left:20px;
}
#suntory_contents .contentsTopMainBlockTitle p {
	position:absolute;
	top:17px;
	left:347px;
}

#suntory_contents .contentsTopMainBlock p.lead {
	width:385px;
	margin:0 auto;
	color:#666;
	font-size:80%;
	text-align:left;
}

/* news2 */
#suntory_contents #news2 {
	overflow:hidden;
}
#suntory_contents #news2 { /zoom : 1; }
#suntory_contents #news2 .newsTable {margin-top:-1px;}
#suntory_contents #news2 .newsTable td{vertical-align:top;}
#suntory_contents #news2 .newsTable td.bnr{text-align:right;}
#suntory_contents .newsTable2 {
	width:388px;
	margin:-11px auto 0 auto;
	overflow:hidden;
}

#suntory_contents .newsTable2 th {
	font-size:70%;
	line-height:1.4;
	color:#666;
	border-top:1px #ccc dotted;
	padding:0px 10px 15px 0;
	white-space:nowrap;
}
#suntory_contents .newsTable2 td {
	font-size:80%;
	line-height:1.4;
	color:#666;
	border-top:1px #ccc dotted;
	padding:15px 0;
}

/* whisky4beginners */
#suntory_contents .whisky4beginners {
	text-align:left;
	margin:0 0 0 20px;
	width:390px;
}

#suntory_contents .whisky4beginners th {
	width:120px;
	font-size:80%;
	line-height:1.4;
	vertical-align:middle;
	padding-bottom:5px;
}
#suntory_contents .whisky4beginners td  {
	width:75px;
	vertical-align:middle;
	padding-bottom:5px;
}

/* news */
#suntory_contents #news {
	overflow:hidden;
}
#suntory_contents #news { /zoom : 1; }
#suntory_contents .newsTable {
	width:388px;
	margin:-11px auto 0 auto;
	overflow:hidden;
}

#suntory_contents .newsTable th {
	font-size:70%;
	line-height:1.4;
	color:#666;
	border-top:1px #ccc dotted;
	padding:15px 10px 15px 0;
	white-space:nowrap;
}
#suntory_contents .newsTable td {
	font-size:80%;
	line-height:1.4;
	color:#666;
	border-top:1px #ccc dotted;
	padding:15px 0;
}

/* whisky4beginners */
#suntory_contents .whisky4beginners {
	text-align:left;
	margin:0 0 0 20px;
	width:390px;
}

#suntory_contents .whisky4beginners th {
	width:120px;
	font-size:80%;
	line-height:1.4;
	vertical-align:middle;
	padding-bottom:5px;
}
#suntory_contents .whisky4beginners td  {
	width:75px;
	vertical-align:middle;
	padding-bottom:5px;
}



/* whiskyMaster */
#suntory_contents .whiskyMaster {
	text-align:left;
	margin:10px 0 0 20px;
	padding-bottom:10px;
}
#suntory_contents .whiskyMaster { /zoom : 1; }
#suntory_contents .whiskyMaster:after { content : ''; display : block; clear : both; }

#suntory_contents .whiskyMaster li {
	width:125px;
	float:left;
	margin-right:5px;
	font-size:80%;
	line-height:1.4;
}
#suntory_contents .whiskyMaster li img {
	margin-bottom:5px;
}



/* banner */
#suntory_contents .contentsTopMainBannerWrapper {
	width:425px;
	margin-bottom:5px;
	background:url(../img/bg_contents_main_banner.gif) repeat-y center 0;
}
#suntory_contents .contentsTopMainBanner {
	padding-bottom:5px;
	background:url(../img/bg_contents_main_banner_bottom.gif) no-repeat center bottom;	
}
#suntory_contents .contentsTopMainBannerInner {
	background:url(../img/bg_contents_main_banner_top.gif) no-repeat center top;
	position:relative;
	padding:15px 5px 0;
}
#suntory_contents .contentsTopMainBannerInner { /zoom : 1; }
#suntory_contents .contentsTopMainBannerInner:after { content : ''; display : block; clear : both; }

#suntory_contents .bannerBlock {
	width:185px;
	float:left;
	padding:0 0 15px;
	margin:0 0 0 15px;
}
*html #suntory_contents .bannerBlock {
	margin:0 5px 0 7px;
}

#suntory_contents .bannerBlock dl {
	padding:5px 0 0 0;
}
#suntory_contents .bannerBlock dl dd {
	text-align:left;
	font-size:75%;
	line-height:1.4;
	color:#666;
	padding-top:5px;
}

#suntory_contents .bannerBlockUnite dl {
	width:185px;
	float:left;
	padding:5px 0;
	margin:0 0 0 15px;
}
*html #suntory_contents .bannerBlockUnite dl {
	margin:0 5px 0 7px;
}

#suntory_contents .bannerBlockUnite dl dd {
	text-align:left;
	font-size:80%;
	line-height:1.4;
	color:#666;
	padding-top:5px;
}

/* 06.contentsTopSide02
------------------------------------------------------------ */
/* movie */
#suntory_contents #movie {
	width:208px;
	background:#f5f5f5 url(../img/bg_side.gif) repeat-x left top;
	border:1px #dcdcdc solid; 
	text-align:left;
	margin-bottom:15px;
}
#suntory_contents #movie { /zoom : 1; }
#suntory_contents #movie:after { content : ''; display : block; clear : both; }

#suntory_contents #movie h2 {
	margin:10px 0 10px 15px;
}
#suntory_contents #movie p {
	font-size:80%;
	margin:0 0 10px 15px;
}
#suntory_contents .movieContainer {
	margin:0 0 10px 15px;
}
#suntory_contents .link {
	float:left;
}
#suntory_contents .btnSound {
	float:right;
	padding-right:10px;
}

/* pickup */
#suntory_contents #pickup {
	width:208px;
	background:#f5f5f5 url(../img/bg_side.gif) repeat-x left top;
	border:1px #dcdcdc solid;
	text-align:left;
	margin-bottom:15px;
}
#suntory_contents #pickup { /zoom : 1; }
#suntory_contents #pickup:after { content : ''; display : block; clear : both; }

#suntory_contents #pickup h2 {
	margin:10px 0 10px 15px;
}
#suntory_contents #pickup li {
	margin:0 0 15px 15px;
}

/* extra */
#suntory_contents #extra {
	width:210px;
	background:url(../img/bg_extra.jpg) repeat-y left top;
	border:1px #dcdcdc solid;
	text-align:left;
	margin-bottom:15px;
	padding-bottom:15px;
}
#suntory_contents #extra { /zoom : 1; }
#suntory_contents #extra:after { content : ''; display : block; clear : both; }

#suntory_contents .extraBanner {
	margin:15px 0 0 14px;
	display:table;
	background:#fff;
	width:180px;
}

#suntory_contents .extraBanner2 {
	margin:5px 0 5px 0px;
	display:table;
	background:#fff;
	width:410px;
	font-size:14px;
}

#suntory_contents .extraBanner p.extraText {
	font-size:70%;
	line-height:1.4;
	color:#666;
	width:100px;
	display:table-cell;
	vertical-align:middle;
	padding:5px 5px 5px 10px;
}
* html #suntory_contents .extraBanner p.extraText{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #suntory_contents .extraBanner p.extraText{/* IE 7 */
display:inline;
zoom:1;
}

#suntory_contents .extraBanner p.extraImg {
	padding:5px 5px 5px 0;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
* html #suntory_contents .extraBanner p.extraImg{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #suntory_contents .extraBanner p.extraImg{/* IE 7 */
display:inline;
zoom:1;
}
