@import url(reset.css);

/* body 共通
-------------------------------------------------------------------------------------------------------*/

#suntory_contents{
	font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
	color:#444;
}

#suntory_contents img{
	border:0;
	vertical-align:top;
}


/* main
-------------------------------------------------------------------------------------------------------*/

#suntory_contents #main{
	text-align:center;
	background:url(../img/main_bg02.png) center top no-repeat, url(../img/main_bg01.gif) repeat-x;
}
#suntory_contents #main > div{
	width:960px;
	margin:0 auto;
	padding-bottom:60px;
	text-align:left;
	position:relative;
}
#suntory_contents #main h1{
	margin-bottom:34px;
}
#suntory_contents #main .img01{
	position:absolute;
	top:396px;
	left:3px;
}
#suntory_contents #main h2{
	margin:0 0 30px 280px;
}
#suntory_contents #main .txt01{
	margin:0 0 38px 280px;
}
#suntory_contents #main .btn{
	margin:0 0 0 280px;
}


/* features
-------------------------------------------------------------------------------------------------------*/

#suntory_contents #features{
	text-align:center;
	background:url(../img/features_bg01.jpg) center top;
}
#suntory_contents #features > div{
	width:960px;
	margin:0 auto;
	padding:60px 0 42px;
	background:url(../img/features_bg02.png) center top no-repeat;
}
#suntory_contents #features h2{
	margin-bottom:58px;
}
#suntory_contents #features h3{
	margin-bottom:16px;
}
#suntory_contents #features .txt01{
	margin-bottom:30px;
}
#suntory_contents #features .img01{
	margin-bottom:20px;
}


/* product
-------------------------------------------------------------------------------------------------------*/

#suntory_contents #product{
	text-align:center;
	background:url(../img/product_bg01.jpg) center top;
}
#suntory_contents #product > div{
	width:960px;
	margin:0 auto;
	padding:60px 0 40px;
	position:relative;
}
#suntory_contents #product .medal{
	position:absolute;
	top:14px;
	left:85px;
}
#suntory_contents #product h2{
	margin-bottom:16px;
}
#suntory_contents #product ul#item_box{
	width:100%;
	margin-bottom:6px;
	display:table;
}
#suntory_contents #product ul#item_box li{
	width:33%;
	padding-bottom:34px;
	display:table-cell;
	vertical-align:bottom;
}
#suntory_contents #product ul#item_box li:nth-of-type(1){
	background:url(../img/product_item_bg01.png) 180px bottom no-repeat;
}
#suntory_contents #product ul#item_box li:nth-of-type(2){
	background:url(../img/product_item_bg02.png) 170px bottom no-repeat;
}
#suntory_contents #product ul#item_box li:nth-of-type(3){
	background:url(../img/product_item_bg03.png) 160px bottom no-repeat;
}
#suntory_contents #product ul#item_box_txt{
	width:100%;
	display:table;
}
#suntory_contents #product ul#item_box_txt li{
	width:33%;
	display:table-cell;
	vertical-align:top;
}
#suntory_contents #product ul#item_box_txt li h3{
	margin-bottom:20px;
}
#suntory_contents #product ul#item_box_txt li p{
	font-size:80%;
}
#suntory_contents #product ul#item_box_txt li .notes{
	margin-top:20px;
	font-size:70%;
	color:#777;
}


/* howto
-------------------------------------------------------------------------------------------------------*/

#suntory_contents #howto{
	text-align:center;
	background:url(../img/howto_bg02.jpg) center top no-repeat, url(../img/howto_bg01.jpg) center top repeat-x;
}
#suntory_contents #howto > div{
	width:960px;
	height:1255px;
	margin:0 auto;
	padding:15px 0 0;
}
#suntory_contents #howto h2{
	margin-bottom:324px;
}
#suntory_contents #howto .img{
	margin-top:-3px;
}