﻿@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;
	padding-top:10px;
}

#main00 img{
	width:100%;
	vertical-align:bottom;
}


/* 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;}

h4{
	display:block;
	color:#0084cc;
	font-weight:bold !important;
	padding:0 !important;
	position:relative;
	text-align:center;
}



/* border */
.border01 {
	border:solid 2px #1631a1;
	margin:20px 3.5% 10px;
}
.border01b {border-bottom:solid 2px #1631a1;}



/* btn */
.btn01 {
/* gradient */
	background: -moz-linear-gradient(top, #e10012, #b70005 );
	background: -webkit-gradient(linear, center top, center bottom, from(#e10012), to(#b70005));

/* radius */
	border-radius: 5px;

/* shadow */
	box-shadow: 2px 3px 3px #ababab;
	-webkit-box-shadow: 2px 3px 3px #ababab;
	-moz-box-shadow: 2px 3px 3px #ababab;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

/* others */
	background-color:#e10012;
	margin: 0 0;
	font-size: 20px;
}

.btn01 a {
/* text */
	color:#fff;
	display:block;
	letter-spacing:1px;
	padding:3% 2% ;
	text-decoration:none;
	text-align:center;
}

.btn02 {
	background: -moz-linear-gradient(top, #acacac, #727171);
	background: -webkit-gradient(linear, center top, center bottom, from(#acacac), to(#727171));
	border-radius: 5px;
	box-shadow: 2px 3px 3px #ababab;
	-webkit-box-shadow: 2px 3px 3px #ababab;
	-moz-box-shadow: 2px 3px 3px #ababab;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	background-color: #727171;
}

.btn02 a {
	color: #fff;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 2% ;
	text-decoration: none;
	text-align: center;
}

#box01 p {
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	padding: 2% 0;
}



/*===== 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;}
.line_hgt1{line-height:1.2em !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;}
.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 */



/* ========FV======== */

#fv {
	position:relative;
	margin-top:5px;
}

.btn_bookmark {
	position:absolute;
	top:0px;
	right:2%;
	width: 28%;
}
.btn_fv{
	margin:10px auto;
	width:90%;
}
.dlpo_fv {
	position:absolute;
	top:0px;
	left:2%;
	width: 63%;
}
.dlpo_in {
	margin-bottom:10px;
	padding: 0 3.5%;
}
