@charset "UTF-8";

@import "reset.css";

/*===== body =====*/
body{
line-height:1.6;
color:#404040;
text-align:center;
}

/*===== float clear =====*/
.clearfix{zoom:1;} 
.clearfix:after { 
content: ""; 
display: block; 
height: 0px; 
clear: both; 
/* hack \*/ 
overflow:hidden; 
/* end hack */ 
}
.clear{
	clear:both;
}

/*===== anchor =====*/
a:link{color:#0044CC; text-decoration:underline;}
a:visited{color:#5E2691; text-decoration:underline;}
a:hover{text-decoration:none;}

/*===== link marker =====*/
.link-marker01{
	background:url(../img/arrow01.gif) no-repeat left center;
	padding-left:10px;
}
.link-marker01b{
	display:block;
	background:url(../img/arrow01.gif) no-repeat 0 0.5em;
	padding-left:10px;
}
.link-outer1l{background:url(../img/icon_outersite1.gif) no-repeat left center; padding-left:20px;}
.link-outer2l{background:url(../img/icon_outersite2.gif) no-repeat left center; padding-left:20px;}
.link-outer1r{background:url(../img/icon_outersite1.gif) no-repeat right center; padding-right:20px;}
.link-outer2r{background:url(../img/icon_outersite2.gif) no-repeat right center; padding-right:20px;}
.link-popupl{background:url(../img/icon_popup.gif) no-repeat left center; padding-left:20px;}
.link-popupr{background:url(../img/icon_popup.gif) no-repeat right center; padding-right:20px;}

/*===== font =====*/
.xsmall{font-size:71%; line-height:1.5;}
.small{font-size:86%; line-height:1.5;}
.large{font-size:114%; line-height:1.6;}
.xlarge{font-size:129%; line-height:1.6;}

.bold{font-weight:bold;}
.normal{font-weight:normal;}

.hi-light-red{
	color:#FF0000;
}
.hi-light-green{
	color:#004938;
}
.hi-light-orange{
	color:#FF6500;
}
.hi-light-brown{
	color:#664F00;
}
.error-text{
	color:#FF0000;
	font-weight:bold;
}

/*===== margin =====*/
.tm5{margin-top:5px;}
.bm5{margin-bottom:5px;}
.lm5{margin-left:5px;}
.rm5{margin-right:5px;}
.tm10{margin-top:10px;}
.bm10{margin-bottom:10px;}
.rm10{margin-right:10px;}
.lm10{margin-left:10px;}
.tm15{margin-top:15px;}
.bm15{margin-bottom:15px;}
.rm15{margin-right:15px;}
.lm15{margin-left:15px;}
.tm20{margin-top:20px;}
.bm20{margin-bottom:20px;}
.rm20{margin-right:20px;}
.lm20{margin-left:20px;}
.tm25{margin-top:25px;}
.bm25{margin-bottom:25px;}
.rm25{margin-right:25px;}
.lm25{margin-left:25px;}
.tm30{margin-top:30px;}
.bm30{margin-bottom:30px;}
.rm30{margin-right:30px;}
.lm30{margin-left:30px;}
.tm35{margin-top:35px;}
.bm35{margin-bottom:35px;}
.rm35{margin-right:35px;}
.lm35{margin-left:35px;}
.tm40{margin-top:40px;}
.bm40{margin-bottom:40px;}
.rm40{margin-right:40px;}
.lm40{margin-left:40px;}

/*===== padding =====*/
.tp5{padding-top:5px;}
.bp5{padding-bottom:5px;}
.lp5{padding-left:5px;}
.rp5{padding-right:5px;}
.tp10{padding-top:10px;}
.bp10{padding-bottom:10px;}
.rp10{padding-right:10px;}
.lp10{padding-left:10px;}
.tp15{padding-top:15px;}
.bp15{padding-bottom:15px;}
.rp15{padding-right:15px;}
.lp15{padding-left:15px;}
.tp20{padding-top:20px;}
.bp20{padding-bottom:20px;}
.rp20{padding-right:20px;}
.lp20{padding-left:20px;}
.tp25{padding-top:25px;}
.bp25{padding-bottom:25px;}
.rp25{padding-right:25px;}
.lp25{padding-left:25px;}
.tp30{padding-top:30px;}
.bp30{padding-bottom:30px;}
.rp30{padding-right:30px;}
.lp30{padding-left:30px;}
.tp35{padding-top:35px;}
.bp35{padding-bottom:35px;}
.rp35{padding-right:35px;}
.lp35{padding-left:35px;}
.tp40{padding-top:40px;}
.bp40{padding-bottom:40px;}
.rp40{padding-right:40px;}
.lp40{padding-left:40px;}

.lp1em{padding-left:1em;}


/*===== main area =====*/

#main_area{
	background:url(../img/content_shadow.jpg) repeat-x center top;
	width:100%;
	border-bottom:1px solid #DCD7B9;
}

#suntory_content{
	width:890px;
	margin:0 auto 0 auto;
	text-align:left;
	padding:20px 0 20px 0;
}

/*===== header =====*/
#header{
	width:100%;
	text-align:center;
	background:url(../img/header_bg.jpg) repeat-x center bottom;
}
#header #heading-section{
	background:#EAE7D6;
	color:#9C903E;
}
#header #heading-section #heading-box{
	width:890px;
	text-align:left;
	font-size:71%;
	line-height:1.5;
	margin:0 auto 0 auto;
	padding:1px 0 1px 0;
	overflow:hidden;
	zoom:1;
}
#header #heading-section #heading-box h1{
	float:left;
}
#header #heading-section #heading-box p{
	float:left;
}
#header #header-section{
	width:890px;
	margin:0 auto 0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
}
#header #header-section #header-title{
	float:left;
	padding-top:18px;
	padding-bottom:22px;
}
#header #header-section #header-utility{
	float:right;
	padding-top:18px;
	padding-bottom:9px;
	overflow:hidden;
	zoom:1;
}
#header #header-section #header-utility #header-phone{
	float:left;
}
#header #header-section #header-utility #header-company{
	float:left;
	padding:11px 17px 0 15px;
}
#header #header-section #header-utility #header-company img.btn_home{
	margin-bottom:13px;
}
#header #header-section #header-utility #header-cart{
	float:left;
	padding-left:16px;
	background:url(../img/header_dots.gif) no-repeat left top;
}
#header #header-section #header-utility #header-cart img{
	margin-bottom:5px;
}

#header #header-1column{
	width:890px;
	margin:0 auto 0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
}
#header #header-1column #header-title{
	float:left;
	padding-top:22px;
	padding-bottom:17px;
}
#header #header-1column #header-phone{
	float:right;
	padding-top:17px;
	padding-bottom:24px;
	overflow:hidden;
	zoom:1;
}
/* ===== webseal ===== */
.f_webseal_wrap {
	background-color:#fff;
	padding:0px 0px 30px 0px;
}

.webseal{
	width:780px;
	margin:0 auto 0px auto;
	text-align:left;
	padding-left:110px;
	padding-top:20px;
	background:url(../img/dotline06.gif) repeat-x center top;
}

*:first-child+html .webseal {
	margin-top: 15px;
}
.webseal table, .webseal_noline table{
	font-size:100%;
	width:678px;
}
.pop_webseal{
	padding-top:20px;
	background:url(../img/dotline06.gif) repeat-x center top;
}
.pop_webseal table{
	font-size:100%;
	width:100%;
}
.webseal th, .webseal_noline th, .pop_webseal th{
	width:120px;
	vertical-align:middle;
	text-align:left;
}
.webseal td, .webseal_noline td, .pop_webseal td{
	vertical-align:middle;
	font-size:86%;
}



/*===== nav =====*/
#header #nav{
	width:890px;
	height:37px;
	margin:0 auto 0 auto;
	overflow:hidden;
	zoom:1;
}
#nav li{
	float:left;
	vertical-align:top;
	line-height:0;
}

/*===== footer-keyword =====*/
#f-keyword-area{
	width:100%;
	background:url(../img/footer_dots01.gif) repeat-x left bottom;
	padding:9px 0 6px 0;
}
#f-keyword-area .f-keyword, #f-keyword-area .f-keyword2{
	width:890px;
	margin:0 auto 0 auto;
	overflow:hidden;
	zoom:1;
	font-size:71%;
}
#f-keyword-area .f-keyword img, #f-keyword-area .f-keyword2 img{
	float:left;
}
#f-keyword-area .f-keyword li{
	float:left;
	padding-right:15px;
}
#f-keyword-area .f-keyword2 li{
	float:left;
	padding-right:15px;
}
#f-keyword-area .f-keyword li a, #f-keyword-area .f-keyword2 li a{
	background:url(../img/f_arrow_brown.gif) no-repeat left center;
	padding-left:10px;
	color:#664F00;
	text-decoration:none;
}
#f-keyword-area .f-keyword li a:hover, #f-keyword-area .f-keyword2 li a:hover{
	text-decoration:underline;
}
#f-keyword-area .f-keyword li.first-child{padding-right:22px;}

/*===== browser-info =====*/
#browser-info{
	border-top:1px solid #DCD7B9;
	border-bottom:1px solid #DCD7B9;
	padding:18px 0 18px 0;
	text-align:center;
}
#browser-info p{width:890px; margin:0 auto 0 auto;}

/*===== ご利用ガイド =====*/
.f_guide_wrap {
	background-color:#fff;
	padding:30px 0 0px;
}

.f_guide{
	width:890px;
	margin:0 auto;
	overflow:hidden;
	font-size:12px;
	text-align:left;
	zoom: 1;
}
.f_guide li {
	width:418px;
	float:left;
	margin-bottom:15px;
}
.f_guide li.fg_left{margin-right:54px;}
.f_guide li dt{margin-bottom:10px;}
.f_guide li dd{margin-left:20px;}
/*===== footer =====*/
#footer{
	width:100%;
	text-align:center;
}
#footer #footer-utility{
	width:890px;
	margin:0 auto 0 auto;
	padding:10px 0 13px 0;
	text-align:left;
	overflow:hidden;
	zoom:1;
}

#footer #footer-utility .footer-message{padding-bottom:13px; padding-top:1px; zoom:1;}
#footer #footer-utility .footer-message img{vertical-align:bottom;}

#footer #footer-utility table{width:890px;}

#footer #footer-utility #footer-tel{
	width:746px;
	vertical-align:middle;
}
#footer #footer-utility #footer-btn{
	width:144px;
	vertical-align:middle;
}
#footer #footer-utility #footer-btn img{vertical-align:bottom;}

#footer #footer-navi-section{
	width:100%;
	background:#FFF url(../img/footer_bg.jpg) repeat-x center top;
	text-align:center;
	border-bottom:1px solid #E6E3CE;
}

#footer #fnav{
	width:890px;
	height:39px;
	margin:0 auto 0 auto;
	overflow:hidden;
	zoom:1;
}
#footer #fnav li{float:left;}


/* copyright */
#footer #copy{
	width:890px;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	overflow:hidden;
	zoom:1;
	text-align:left;
}
#footer #copy #footer-logo{
	float:left;
	width:76px;
}
#footer #copy #copyright{
	float:left;
}
#footer #copy #caution{
	padding-bottom:7px;
	font-size:71%;
	color:#7d6926;
	line-height:1.7;
	margin-bottom:5px
}
#footer #copy #caution span{font-size:120%}