@charset "uft-8";
#contents {
	line-height: 1em;
	padding: 0;
}

body #suntory_contents #contents ol,
body #suntory_contents #contents ul {list-style: none;}
body #suntory_contents #contents h1,
body #suntory_contents #contents h2,
body #suntory_contents #contents h3,
body #suntory_contents #contents h4,
body #suntory_contents #contents h5,
body #suntory_contents #contents h6 {font-weight: normal;}

/* default */
body{
	font-family:"HraKakuProN-W6", "HelveticaNeue";
	color:#333333;
	line-height:1.65;
	background:white;
	font-size:14px;
	word-break:break-all;
	-webkit-text-size-adjust:none;
}

a{
	text-decoration:none;
	color:#0066cc;
}



/* contents */
#suntory_contents #contents{
	line-height:1.4em;
}

#main00 img{
	width:100%;
	vertical-align:top;
}

#suntory_contents #contents .txt{
	width:94%;
	margin: 10px 3% 5px;
	font-size: 12px;
	line-height:1.5;
}
/* itemInfo */
#suntory_contents #contents #itemDetail a{
	text-decoration:underline;
}
#suntory_contents #contents #itemDetail a:hover{
text-decoration:none;
}
#suntory_contents #contents #itemDetail article#itemInfo{
	background:#efefef;
	border-top:solid 1px #999999;
	padding:15px;
}
#suntory_contents #contents #itemDetail article#itemInfo > *{
	margin-bottom:15px;
}
#suntory_contents #contents #itemDetail article#itemInfo > *:last-child{
	margin-bottom:0;
}



/* itemComponen */
#suntory_contents #contents #itemDetail article#itemComponent{
	background:#ffffcc;
	padding:15px;
}
#suntory_contents #contents #itemDetail article#itemComponent > *{
	margin-bottom:15px;
}
#suntory_contents #contents #itemDetail article#itemComponent > *:last-child{
	margin-bottom:0;
}



/* itemAttention */
#suntory_contents #contents #itemDetail article#itemAttention{
	padding:15px;
}
#suntory_contents #contents #itemDetail article#itemAttention table{
	vertical-align:top;
}
#suntory_contents #contents #itemDetail article#itemAttention table .mark{
	vertical-align:top;
	color:#67c4c4;
}
#suntory_contents #contents #itemDetail article#itemAttention table td{
	padding-bottom:7px;
}
#suntory_contents #contents #itemDetail article#itemAttention dl:after{
	clear:both;
	display:table;
	content:"";
}



/* main */
#main{padding:0 7px 7px !important;}
#main .listToggle img {
	width:100%;
	vertical-align:bottom;
}


/* listToggle */
#main ul.listToggle li{margin-bottom:0;}
#main ul.listToggle li h2.ttl {
	display:block;
	background:#f8b624;
	color:#fff;
	font-weight:bold !important;
	margin:0 -7px 5px !important;
	padding:15px 15px !important;
	position:relative;
	text-align:center;
}



/* btn */
.btn01 {
/* gradient */
	background: -moz-linear-gradient(top, #ff7f5b, #ff4a07 49%, #ff2700 50%, #ec2600);
	background: -webkit-gradient(linear, center top, center bottom, from(#ff7f5b), color-stop(0.49, #ff4a07), color-stop(0.50, #ff2700), to(#ec2600));

/* radius */
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
 	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
 	-moz-border-radius-bottomleft: 6px;

/* shadow */
	box-shadow: 0px 1px 0 #cfcfcf;
	-webkit-box-shadow: 0px 1px 0 #cfcfcf;
	-moz-box-shadow: 0px 1px 0 #cfcfcf;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

/* others */
	background-color:#ec2600;
	margin: 15px 10px;
}
.btn01 a{
/* text */
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:20px;
	letter-spacing:1px;
	padding:20px 10px 17px 10px;
	text-decoration:none;
	text-align:center;
}

.btn02 {
/* gradient */
	background: -moz-linear-gradient(top, #adadad, #858585 49%, #808080 50%, #787878);
	background: -webkit-gradient(linear, center top, center bottom, from(#adadad), color-stop(0.49, #858585), color-stop(0.50, #808080), to(#787878));

/* radius */
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
 	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
 	-moz-border-radius-bottomleft: 6px;

/* shadow */
	box-shadow: 0px 1px 0 #cfcfcf;
	-webkit-box-shadow: 0px 1px 0 #cfcfcf;
	-moz-box-shadow: 0px 1px 0 #cfcfcf;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

/* others */
	background-color:#787878;
	margin: 15px 10px;
}
.btn02 a{
/* text */
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:20px;
	letter-spacing:1px;
	padding:20px 10px 17px 10px;
	text-decoration:none;
	text-align:center;
}



/*===== text =====*/

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

.attention {color: #c00;}
.notice {color: #ccc;}
.color01 {color: #003399;}

.fontB {font-weight: bold;}
.fontN {font-weight: normal !important;}

.font10 {font-size: 10px;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}



/*===== margin =====*/

.tm5 {margin-top: 5px!important;}
.bm5 {margin-bottom: 5px!important;}
.lm5 {margin-left: 5px!important;}
.rm5 {margin-right: 5px!important;}
.tm10 {margin-top: 10px!important;}
.bm10 {margin-bottom: 10px!important;}
.rm10 {margin-right: 10px!important;}
.lm10 {margin-left: 10px!important;}
.tm15 {margin-top: 15px!important;}
.bm15 {margin-bottom: 15px!important;}
.rm15 {margin-right: 15px!important;}
.lm15 {margin-left: 15px!important;}
.tm20 {margin-top: 20px!important;}
.bm20 {margin-bottom: 20px!important;}
.rm20 {margin-right: 20px!important;}
.lm20 {margin-left: 20px!important;}
.tm25 {margin-top: 25px!important;}
.bm25 {margin-bottom: 25px!important;}
.rm25 {margin-right: 25px!important;}
.lm25 {margin-left: 25px!important;}
.tm30 {margin-top: 30px!important;}
.bm30 {margin-bottom: 30px!important;}
.rm30 {margin-right: 30px!important;}
.lm30 {margin-left: 30px!important;}
.tm35 {margin-top: 35px!important;}
.bm35 {margin-bottom: 35px!important;}
.rm35 {margin-right: 35px!important;}
.lm35 {margin-left: 35px!important;}
.tm40 {margin-top: 40px!important;}
.bm40 {margin-bottom: 40px!important;}
.rm40 {margin-right: 40px!important;}
.lm40 {margin-left: 40px!important;}
.bm50 {margin-bottom: 50px!important;}
.bm60 {margin-bottom: 60px!important;}
.bm70 {margin-bottom: 70px!important;}
.bm80 {margin-bottom: 80px!important;}
.bm90 {margin-bottom: 90px!important;}
.bm100 {margin-bottom: 100px!important;}



/*===== padding =====*/

.tp5 {padding-top: 5px!important;}
.bp5 {padding-bottom: 5px!important;}
.lp5 {padding-left: 5px!important;}
.rp5 {padding-right: 5px!important;}
.tp10 {padding-top: 10px!important;}
.bp10 {padding-bottom: 10px!important;}
.rp10 {padding-right: 10px!important;}
.lp10 {padding-left: 10px!important;}
.tp15 {padding-top: 15px!important;}
.bp15 {padding-bottom: 15px!important;}
.rp15 {padding-right: 15px!important;}
.lp15 {padding-left: 15px!important;}
.tp20 {padding-top: 20px!important;}
.bp20 {padding-bottom: 20px!important;}
.rp20 {padding-right: 20px!important;}
.lp20 {padding-left: 20px!important;}
.tp25 {padding-top: 25px!important;}
.bp25 {padding-bottom: 25px!important;}
.rp25 {padding-right: 25px!important;}
.lp25 {padding-left: 25px!important;}
.tp30 {padding-top: 30px!important;}
.bp30 {padding-bottom: 30px!important;}
.rp30 {padding-right: 30px!important;}
.lp30 {padding-left: 30px!important;}
.tp35 {padding-top: 35px!important;}
.bp35 {padding-bottom: 35px!important;}
.rp35 {padding-right: 35px!important;}
.lp35 {padding-left: 35px!important;}
.tp40 {padding-top: 40px!important;}
.bp40 {padding-bottom: 40px!important;}
.rp40 {padding-right: 40px!important;}
.lp40 {padding-left: 40px!important;}
.bp50 {padding-bottom: 50px!important;}
.bp60 {padding-bottom: 60px!important;}
.bp70 {padding-bottom: 70px!important;}
.bp80 {padding-bottom: 80px!important;}
.bp90 {padding-bottom: 90px!important;}
.bp100 {padding-bottom: 100px!important;}
.tp50 {padding-top: 50px!important;}
.tp60 {padding-top: 60px!important;}
.tp70 {padding-top: 70px!important;}
.tp80 {padding-top: 80px!important;}
.tp90 {padding-top: 90px!important;}
.tp100 {padding-top: 100px!important;}
.lp1em {padding-left: 1em!important;}



/* clearfix */

/* for modern brouser */
.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.clearfix {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
        height: 1%;
}
.clearfix {
        display: block;
}
/* End hide from IE-mac */
#contents #main00 div .top_a {
	margin-top: -10px;
}

.bg01{
	background: #fff9e6;
}
.bg02{
	background: #e8e6d4;
}