@charset "utf-8";
.mod_mT0 {
  margin-top: 0px !important; }

.mod_mT10 {
  margin-top: 10px !important; }

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .clearfix:after {
    clear: both; }

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html {
  color: #000;
  background: #FFF; }

/*body,*/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

legend {
  color: #000; }

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}*/
select, input, button, textarea {
  font: 99% arial, helvetica, clean, sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

/*--------------------------------------
  Default Setting
	fonts
  10px = 77%     11px = 85%     12px = 93%     13px = 100%
  14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
  18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
  22px = 167%    23px = 174%    24px = 182%    25px = 189%
  26px = 197%
--------------------------------------*/
/*
body {
	position:relative;
	overflow:visible;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
*/
input, textarea {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

/* for IE6 */
/** html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
*/
#suntory_contents {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
  position: relative;
  overflow: visible;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

/* =====================================================================


	


===================================================================== */
a {
  text-decoration: none; }

/* =====================================================================


	mixin


===================================================================== */
/* =====================================================================


	extend


===================================================================== */
/* =====================================================================


	common


===================================================================== */
body {
  -webkit-text-size-adjust: none; }

/* ---------------------------------------------------------------------

	contents

--------------------------------------------------------------------- */
#suntory_contents {
  min-width: 1090px;
  background: url(../img/vw_bg.gif) repeat-x left bottom;
  overflow: hidden; }

/* ---------------------------------------------------------------------

	vwWrapper

--------------------------------------------------------------------- */
#vwWrapper {
  position: relative;
  margin: 0 auto;
  width: 891px;
  width: 100%; }

.wrapper_width {
  position: relative;
  margin: 0 auto;
  width: 891px; }

/* ---------------------------------------------------------------------

	vwHeader

--------------------------------------------------------------------- */
#vwHeader {
  padding-bottom: 6px;
  background: white url(../img/vwheader_bg.gif) repeat-x left bottom; }
  #vwHeader #vwLifepartner {
    position: relative;
    overflow: hidden;
    height: 42px; }
    #vwHeader #vwLifepartner ul {
      zoom: 1;
      position: relative;
      padding: 9px 0 0;
      margin: 0 0 0 -20px; }
      #vwHeader #vwLifepartner ul:before, #vwHeader #vwLifepartner ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #vwHeader #vwLifepartner ul:after {
        clear: both; }
    #vwHeader #vwLifepartner li {
      float: left;
      padding: 0 20px;
      height: 26px;
      background: url(../img/dotline1.gif) repeat-y 0 0; }

#vwSocial {
  display: none;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 0 0 0 10px;
  height: 32px;
  width: 369px !important;
  background: url(../img/social_bg.png) no-repeat 0 100%; }
  #vwSocial .socialbutton_suntory_wrapper {
    padding: 9px 0 0 0;
    background: url(../img/social_bg_right.png) no-repeat 100% 0;
    _background-position: 100% 100%; }
  #vwSocial .socialbutton_suntory_clearfix {
    zoom: 1; }
    #vwSocial .socialbutton_suntory_clearfix:before, #vwSocial .socialbutton_suntory_clearfix:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #vwSocial .socialbutton_suntory_clearfix:after {
      clear: both; }
  #vwSocial .socialbutton_suntory_socialbutton {
    float: left;
    padding: 0 5px; }
  #vwSocial .socialbutton_suntory_socialbutton_mixi_check,
  #vwSocial .socialbutton_suntory_socialbutton_facebook_share {
    padding-top: 1px; }

/*---------------------------------

	vwPpagetop

----------------------------------*/
#vwPagetop {
  margin: -43px auto 25px;
  width: 891px;
  text-align: right;
  position: relative;
  z-index: 1400; }

/* ---------------------------------------------------------------------

	

--------------------------------------------------------------------- */
/* -- headerGabgabWrap */
#headerGabgab {
  border-bottom: solid 1px #f4f4f4; }

#headerGabgabWrap {
  zoom: 1;
  width: 868px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0 auto;
  text-align: left; }
  #headerGabgabWrap:before, #headerGabgabWrap:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #headerGabgabWrap:after {
    clear: both; }
  #headerGabgabWrap p {
    float: left;
    width: 198px; }
  #headerGabgabWrap dl {
    float: right;
    width: 181px; }
  #headerGabgabWrap dd, #headerGabgabWrap dt {
    float: left; }
  #headerGabgabWrap dd {
    padding-top: 3px;
    width: 93px; }
  #headerGabgabWrap dt {
    width: 88px; }

/* =====================================================================



/* ---------------------------------------------------------------------

	イントロ

--------------------------------------------------------------------- */
#intro {
  background: url(../../img/intro_bg01.png) left top repeat-x; }
  #intro .wrap {
    width: 1090px;
    margin: 0 auto; }
    #intro .wrap .inner {
      width: 1496px;
      height: 447px;
      margin-right: -203px;
      margin-left: -203px;
      background: url(../../img/intro_bg02.jpg) left top no-repeat;
      position: relative; }
  #intro h1 {
    position: absolute;
    top: 118px;
    left: 486px;
    z-index: 6; }
  #intro .part01 {
    /* 520ml */
    position: absolute;
    top: 0px;
    left: 1135px;
    z-index: 5; }
  #intro .part02 {
    /* lemon */
    position: absolute;
    top: 0px;
    left: 55px;
    z-index: 1; }
  #intro .part03 {
    /* mark */
    position: absolute;
    top: 0px;
    left: 654px;
    z-index: 3; }
  #intro .part04 {
    /* mark */
    position: absolute;
    top: 0px;
    left: 654px;
    z-index: 4; }
  #intro .part05 {
    /* bridge */
    position: absolute;
    top: 0px;
    left: 241px;
    z-index: 2; }
    html.js #intro .part05 {
      overflow: hidden;
      width: 0; }
  #intro .part06 {
    /* item */
    position: absolute;
    top: 19px;
    left: 1009px;
    z-index: 6; }
  html.js #intro h1, html.js #intro .part {
    display: none; }

/* ---------------------------------------------------------------------

	商品情報

--------------------------------------------------------------------- */
#information {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 1090px;
  z-index: 1300; }
  #information .wrap {
    background: url(../../img/information_bg.png) no-repeat left top;
    position: relative;
    margin: 0 -19px;
    padding: 0 94px;
    width: 940px;
    height: 598px; }
  #information .wrap {
    padding-top: 2px; }
    #information .wrap .lead {
      margin-top: 35px;
      text-align: center; }
    #information .wrap ul {
      padding: 20px 0 20px 30px;
      zoom: 1; }
      #information .wrap ul:before, #information .wrap ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #information .wrap ul:after {
        clear: both; }
      #information .wrap ul li {
        float: left;
        padding-right: 6px; }
        html.js #information .wrap ul li li {
          display: none; }
    #information .wrap .notice {
      font-size: 11px;
      text-align: center; }

/* ---------------------------------------------------------------------

	ラインナップ

--------------------------------------------------------------------- */
#lineup {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 1090px;
  z-index: 1300; }
  #lineup .wrap {
    background: url(../../img/lineup_bg.png) no-repeat left top;
    position: relative;
    margin: 0 -19px;
    padding: 0 94px;
    width: 940px;
    height: 675px; }
  #lineup .wrap {
    padding-top: 28px; }
  html.js #lineup ul {
    display: none; }
  #lineup ul li.ln2l {
    position: absolute;
    top: 189px;
    left: 227px; }
  #lineup ul li.ln1l {
    position: absolute;
    top: 279px;
    left: 434px; }
  #lineup ul li.ln520ml {
    position: absolute;
    top: 282px;
    left: 643px; }
  #lineup ul li.ln280ml {
    position: absolute;
    top: 375px;
    left: 812px; }