@charset "UTF-8";
/* 
---------------------------------------------------- */
body {
	font-family:"HraKakuProN-W6", "HelveticaNeue";
	line-height:1;
	-webkit-text-size-adjust:none;
}
#suntory_contents {
	width:100%;
	background-color:#fff;
	color:#333;
	padding:0;
}
/* header
---------------------------------------------------- */
header {
	border-bottom:4px solid #ff7802;
	padding:10px 10px 6px 10px;
}
header .hdTl {
	float:left;
}
header p:first-child a {
	display:block;
	background:url(../img/suntory_online.png) no-repeat 0 0;
	-webkit-background-size:167px 35px;
	text-indent:-9999px;
	width:167px;
	height:35px;
}


/* localNav
---------------------------------------------------- */
nav {
	float:right;
}
nav ul {
}
nav ul li {
	float:left;
}
nav ul li a {
	text-align:center;
	display:block;
	font-size:9px;
	color:#0066aa;
	background-repeat:no-repeat;
	background-position:center top;
	padding:27px 0 0 0;
}
nav ul li:nth-child(1) {
width:44px;
letter-spacing:-1px;
}
nav ul li:nth-child(2) {
width:34px;
letter-spacing:-1px;
}
nav ul li:nth-child(3) {
width:44px;
letter-spacing:-1px;
}
nav ul li:nth-child(1) a {
background-image:url(../img/nav_mypage.png);
-webkit-background-size:17px 21px;
}
nav ul li:nth-child(2) a {
background-image:url(../img/nav_help.png);
-webkit-background-size:21px 21px;
}
nav ul li:nth-child(3) a {
background-image:url(../img/nav_cart.png);
-webkit-background-size:23px 21px;
}
nav ul li:nth-child(3) {
position:relative;
}
nav ul li:nth-child(3) em {
font-size:8px;
color:#fff;
font-weight:bold;
font-style:normal;
position:absolute;
top:0;
right:0;
background-color:#ff0000;
-webkit-border-radius:8px;
padding:2px 4px 3px 4px;
}
ol#topicpath {
	background-color:#eee;
	padding:0 10px 5px 10px;
}
ol#topicpath li {
	display:inline;
	font-size:9px;
	line-height:0;
	font-weight:bold;
}
ol#topicpath li a {
	color:#0066aa;
	text-decoration:underline;
}
#recommend {
	border-bottom:1px solid #aeaa95;
}
#recommend h2 {
	background:#ffe5b2;
	border:none;
	line-height:1.4;
}
#recommend p.lead {
	font-size:12px;
	line-height:1.5;
	font-weight:bold;
	color:#555;
	padding:15px;
}
#recommend li a {
	display:block;
	color:#62542b;
	border-top:1px solid #aeaa95;
	position:relative;
	padding:10px 20px 10px 10px;
	/*min-height:100px;*/
}
#recommend li:first-child a {
	border:none;
}
#recommend li a img {
	width:80px;
}
#recommend li a .img {
	float:left;
}
#recommend li a h3 {
	font-size:18px;
	line-height:1.4;
	margin:0 0 5px 0;
}
#recommend li a h3 .icon{
	font-size:12px;
	font-weight:bold;
	color:#664f00;
	display:inline-block;
	border:solid 1px #664f00;
	margin:0 0 0 10px;
	padding:3px;
	vertical-align:top;
}
#recommend li a p{
	font-size:16px;
	line-height:1.4;
	font-weight:bold;
	margin-bottom:5px;
}
#recommend li a p.notes{
	font-size:11px;
	font-weight:normal;
}
#recommend li a p .kome{
	font-size:11px;
}
#recommend li a:after{
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	display:block;
	width:8px;
	height:8px;
	margin-top:-5px;
	border-top:solid 3px #ff7802;
	border-right:solid 3px #ff7802;
	-webkit-transform:rotate(45deg);
}
#recommend p.more {
	text-align:center;
	border-top:1px solid #d7d3c6;
	background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#dfddd2));
}
#recommend p.more a {
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#0163aa;
	padding:10px;
}

#recommend table {
width:100%;
}
#recommend table th {
width:80px;
text-align:left;
}

#recommend table th img {
width:80px;
}

#recommend table td {
padding-right:20px;
vertical-align:top;
}

#recommend table td .kometxt {
display:block;
font-size:10px;
line-height:1.5;
font-weight:normal;
}

#carouselWrap {
	width:270px;
	height:145px;
	margin:15px auto 0 auto;
	padding-left:12px;
}
#carousel {
	width:100%;
	height:100%;
	overflow:hidden;
}
#companyFooter{
	background-color:#fbf5dd;
	padding:10px 10px 20px;
}
#companyFooterInner{
	border:1px solid #d7d3c6;
	background-color:#fff;
	-webkit-border-radius:4px;
}
#companyFooter h2{
	margin:0;
	border:0;
	background:url(../img/quality_hd.png) no-repeat 4px center #d5eef3;
	-webkit-background-size:27px 22px;
	padding:10px 10px 10px 35px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
#companyFooter h2 a{
	font-size:18px;
	color:#4e4e4e;
}
#companyFooter ul li{
	width:100%;
	border-bottom:1px solid #d7d3c6;
	display:table;
}
#companyFooter ul li:last-child{
	border-bottom:none;
}
#companyFooter ul li a{
	font-size:15px;
	font-weight:bold;
	color:#0066aa;
	line-height:1.4;
	display:block;
	position:relative;
	padding:8px;
}
#companyFooter ul li a:after {
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	display:block;
	width:5px;
	height:5px;
	margin-top:-5px;
	border-top:solid 2px #ff7802;
	border-right:solid 2px #ff7802;
	-webkit-transform:rotate(45deg);
}
#companyFooter ul li .img{
	width:70px;
	vertical-align:middle;
	display:table-cell;
}
#companyFooter ul li img{
	width:62px;
}
#companyFooter ul li p{
	vertical-align:middle;
	display:table-cell;
}
#quality {
	background-color:#fbf5dd;
	padding:10px 10px 0;
}
#qualityInner {
	border:1px solid #d7d3c6;
	background-color:#fff;
	-webkit-border-radius:4px;
}
#quality h2 {
	margin:0;
	border:0;
	background:url(../img/quality_hd.png) no-repeat 4px center #d5eef3;
	-webkit-background-size:27px 22px;
	padding:10px 10px 10px 35px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
#quality h2 a {
	font-size:18px;
	color:#4e4e4e;
}
#quality ol {
	margin:10px 0;
}
#quality li {
	clear:both;
	display:block;
	font-size:16px;
	line-height:1.4;
	/*	border-top:1px solid #d7d3c6;*/
	padding:3px 10px 3px 10px;
}
#quality li .img {
	float:left;
	margin-right:10px;
}
#quality li img {
	width:80px;
}
#quality li a {
	color:#0066aa;
	text-decoration:underline;
}
#quality li p {
	overflow:auto;
	zoom:1;
}
#quality li em {
	display:block;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	margin-right:5px;
}
#quality li em span {
	font-weight:normal;
	margin-left:0.5em;
}
#quality p.topc {
	text-align:right;
	font-size:16px;
	margin:0 10px 10px 0;
}
#quality p.topc a {
	background:url(../img/icon_pc.png) no-repeat left center;
	-webkit-background-size:15px 14px;
	color:#0066aa;
	text-decoration:underline;
	padding-left:20px;
}
#guide {
	background-color:#fbf5dd;
	padding:20px 10px;
}
#guideInner {
	border:1px solid #d7d3c6;
	background-color:#fff;
	-webkit-border-radius:4px;
}
#guide h2 {
	font-size:18px;
	background:url(../img/guide_hd.png) no-repeat 12px center #f9e2ac;
	-webkit-background-size:17px 27px;
	padding:10px 0 10px 35px;
	margin:0;
	border:0;
}
#guide li a {
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#0066aa;
	padding:18px 20px 18px 64px;
	position:relative;
}
#guide li a em {
	font-style:normal;
	color:#0066aa;
}
#guide li a span {
	font-size:10px;
}
#guide li:nth-child(1) a {
background:url(../img/guide0.png) no-repeat 7px center #fff;
background-size:42px 37px;
-webkit-background-size:42px 37px;
border-bottom:1px solid #d7d3c6;
}
#guide li:nth-child(2) a {
background:url(../img/guide1.png) no-repeat 9px center #fff;
background-size:42px 37px;
-webkit-background-size:42px 37px;
border-bottom:1px solid #d7d3c6;
}
#guide li:nth-child(3) a {
background:url(../img/guide2.png) no-repeat 9px center #fff;
background-size:42px 37px;
-webkit-background-size:42px 36px;
border-bottom:1px solid #d7d3c6;
}
#guide li:nth-child(4) a {
background:url(../img/guide3.png) no-repeat 9px center #fff;
background-size:42px 37px;
-webkit-background-size:42px 43px;
border-bottom:1px solid #d7d3c6;
}
#guide li:nth-child(5) a {
background:url(../img/guide4.png) no-repeat 9px center #fff;
background-size:42px 37px;
-webkit-background-size:42px 43px;
border-bottom:none;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
#guide li a:after {
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	display:block;
	width:5px;
	height:5px;
	margin-top:-5px;
	border-top:solid 2px #ff7802;
	border-right:solid 2px #ff7802;
	-webkit-transform:rotate(45deg);
}
#menu {
}
#menu h2 {
	font-size:18px;
	background:url(../img/menu_hd.png) no-repeat 12px center, -webkit-gradient(linear, left top, left bottom, from(#dec27f), color-stop(0.01, #dec27f), color-stop(0.30, #f7e0a9), color-stop(0.99, #f9e2ac), to(#f9e2ac));
	-webkit-background-size:17px 13px, auto;
	padding:10px 0 10px 35px;
	margin:0;
	border:0;
}
#menu li a {
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#0066aa;
	border-bottom:1px solid #aba792;
	padding:15px 20px 15px 20px;
	position:relative;
}
#menu li a:after {
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	display:block;
	width:8px;
	height:8px;
	margin-top:-5px;
	border-top:solid 4px #ff7802;
	border-right:solid 4px #ff7802;
	-webkit-transform:rotate(45deg);
}
p.pagetop {
	text-align:right;
	font-size:18px;
	font-weight:bold;
	margin:20px 0;
}

p.pagetop a {
	background:url(../img/pagetop.png) no-repeat right center;
	-webkit-background-size:14px 11px;
	color:#0066aa;
	padding-right:16px;
	text-decoration:underline;
}
#login {
	text-align:center;
	background-color:#fbf5dd;
	padding:17px 20px 26px 20px;
}
#login p a {
	display:block;
	font-size:20px;
	font-weight:bold;
	border:1px solid #aca793;
	background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#e0ded3));
	color:#675329;
	-webkit-border-radius:6px;
	padding:10px;
}
#login #login_text {
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	color:#675329;
	margin-top:10px;
}
#inquiry {
	background:#fbf5dd;
	padding:0 10px 15px 10px;
}
#inquiry #section {
	text-align:center;
	border:1px solid #aca793;
	background:#fff;
	-webkit-border-radius:4px;
	padding:12px 10px 10px 10px;
	margin-bottom:12px;
}
#inquiry #section h2 {
	font-size:18px;
	line-height:1.3;
	color:#ff7a00;
	border:0;
	background:none;
	padding:0;
}
#inquiry #section p {
	display:block;
	text-align:center;
	border:1px solid #aca793;
	background:url(../img/freedial.png) no-repeat 20px center, -webkit-gradient(linear, center top, center bottom, from(#fff), to(#e0ded3));
	-webkit-background-size:30px 20px, auto;
	color:#675329;
	-webkit-border-radius:6px;
	margin:8px 0;
}
#inquiry #section p a {
	display:block;
	color:#675329;
	font-size:24px;
	font-weight:bold;
	padding:10px 0 10px 0;
}
#inquiry #section span {
	font-size:18px;
	line-height:1.4;
}
#inquiry #section .customercenter {
	font-size:16px;
	font-weight:bold;
	color:#f00;
	display:block;
	margin:5px 0 0;
}
#inquiry #section .customercenter em {
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	text-shadow:none;
	color:#fff;
	display:inline-block;
	background-color:#858200;
	-webkit-border-radius:6px;
	margin:0 5px 0 0;
	padding:2px 5px;
}
#inquiry #section .nenmatsu {
	font-size:16px;
	display:block;
	margin:5px 0 0;
}
#inquiry #section .nenmatsu a {
	font-weight:bold;
	color:#0066aa;
	text-decoration:underline;
}

p#top a {
	text-align:center;
	background-color:#fbf5dd;
	padding:17px 20px 26px 20px;
	display:block;
	font-size:14px;
	font-weight:bold;
	border:1px solid #aca793;
	background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#e0ded3));
	color:#675329;
	-webkit-border-radius:6px;
	padding:10px;
}
/*p#top a:after {
	content:"";
	position:absolute;
	right:12px;
	top:55%;
	display:block;
	width:5px;
	height:5px;
	margin-top:-5px;
	border-top:solid 2px #ff7802;
	border-right:solid 2px #ff7802;
	-webkit-transform:rotate(45deg);
}*/
footer {
	border-top:1px solid #e6e5e3;
	background:-webkit-gradient( linear, 0 0, 0 10, from(#e6e5e3), to(#fff) );
	padding:40px 10px 26px 10px;
}
footer dl {
	text-align:center;
	font-size:18px;
	color:#333;
	border-bottom:1px solid #918b78;
	margin-bottom:20px;
	padding-bottom:15px;
}
footer dt {
	display:inline;
}
footer dd {
	display:inline;
}
footer dd a {
	color:#3093aa;
	text-decoration:underline;
}
footer ul.nav {
	text-align:center;
}
footer ul.nav li {
	font-size:18px;
	line-height:1.4;
}
footer ul.nav li a {
	color:#0066aa;
	text-decoration:underline;
}
footer p.caution {
	font-size:11px;
	line-height:1.4;
	color:#918b78;
	margin:24px 0 15px 0;
}

footer ul#copyright li:nth-child(1) {
float:right;
font-size:11px;
color:#918b78;
}
.cf:after {
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}
*+html .cf {
	min-height:1%;
}
*html .cf {
	height:1%;
	overflow:visible;
}
#series {
	/*	border-bottom:1px solid #aeaa95;*/
	margin-bottom:30px;
}
#series p.lead {
	font-size:14px;
	line-height:1.5;
	font-weight:bold;
	color:#555;
	padding:5px 15px 5px 0;
}
#series li a {
	clear:both;
	display:block;
	color:#62542b;
	border-bottom:1px solid #aeaa95;
	position:relative;
	padding:10px 35px 10px 10px;
	min-height:80px;
}
#series li:first-child a {
	border-top:1px solid #aeaa95;
}

#series li a .img {
	float:left;
}
#series li a .img img {
	width:80px;
}
#series li a h3 {
	font-size:18px;
	line-height:1.4;
	margin:0 0 5px 0;
	color:#0066aa;
}
#series li a p {
	font-size:16px;
	line-height:1.5;
	font-weight:bold;
	overflow:auto;
}
#series li a:after {
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	display:block;
	width:8px;
	height:8px;
	margin-top:-5px;
	border-top:solid 3px #ff7802;
	border-right:solid 3px #ff7802;
	-webkit-transform:rotate(45deg);
}
#series p.more, #series p.moreBack {
	background:#FFF;
	border-bottom:solid 1px #aeaa95;
	text-align:center;
	font-weight:bold;
}
#series p.more a, #series p.moreBack a {
	display:block;
	font-size:18px;
	text-decoration:none;
	color:#555;
	padding:12px 0;
}
#series p.more a span {
	background:url(../img/ico_more.png) no-repeat 0 center;
	-webkit-background-size:18px 18px;
	padding:6px 0 6px 22px;
}
#series p.moreBack a span {
	background:url(../img/ico_moreback.png) no-repeat 0 center;
	-webkit-background-size:18px 18px;
	padding:6px 0 6px 22px;
}

#recommend li a {
	min-height:120px;
}
#recommend a h3 {
	color:#0066aa;
}

/*マウスオーバー*/
.tap{
}
.tap:hover{
background-color:rgba(102,102,102,0.2);
}

/* floatNavi
---------------------------------------------------- */
.floatNavi{
position:fixed;
bottom:-80px;
right:15px;
z-index:999;
width:54px;
height:54px;
margin:0;
padding:0;
}
.floatNavi li a {
display:block;
width:54px;
height:54px;
text-indent:-9999px;
background-image:url(../img/btn_floatnavi.png);
background-repeat:no-repeat;
background-size:54px 54px;
background-position:0 0;
}