﻿/* IE */

@font-face {
font-family: suntoryR;
src: url(../font/sungr.ttc);
}


html {
    color: #000;
    background: #FFF;
}

body{
    min-width: 1164px;
}

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;
    vertical-align: bottom;
}

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: baseline;
}

sub {
    vertical-align: baseline;
}

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

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

legend {
    color: #000;
}

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%;
}

input,textarea {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, 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: "suntoryR" , "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,video {
    display: block;
}

body {
    -webkit-text-size-adjust: 100%;
}

.clearfix {
    *zoom:1;}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

#suntory_contents {
    overflow: hidden;
}

#suntory_contents figure {
    margin: 0;
    padding: 0;
}

#vw-wrapper-1 {
    position: relative;
    background: #5bc2dc;
}

#vw-wrapper-2 {
    position: relative;
    width: 96%;
    max-width: 1164px;
    margin: 0 auto;
    padding: 0 0 6px;
    background: #fff url(../img/wrapper-2__bg.png) no-repeat bottom right;
}

.vm-pagetop {
    display: block;
    overflow: hidden;
    position: relative;
    width: 60px;
    height: 60px;
    padding: 10px;
    background: url(../img/pagetop.gif) no-repeat 10px 10px;
    text-indent: -9999px;
}

.vm-pagetop:hover {
    opacity: 0.8;
}

#vm-footer-pagetop {
    margin: 38px 0 0 !important;
    padding: 0 10px !important;
}

#vm-footer-pagetop .vm-pagetop {
    margin: 0 0 0 auto !important;
}

#vw-keyvisual {
    position: relative;
    height: 1278px;
    background: url(../../img/keyvisual__bg.jpg) no-repeat 0 0;
}

#vw-keyvisual .title {
    position: absolute;
    top: 75px;
    left: 115px;
}

#vw-keyvisual .img-1 {
    position: absolute;
    top: 98px;
    left: 768px;
}

#vw-keyvisual .ingredient__items {
    position: absolute;
    top: 713px;
    left: 145px;
    *zoom:1;
}

#vw-keyvisual .ingredient__items .ingredient__title{
  margin:0 0 20px 100px;
  }

#vw-keyvisual .ingredient__items .ingredient__item{
    color: #142b8e;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    line-height: 1.54;
    letter-spacing: -2px;
    float: left;
}

#vw-keyvisual .ingredient__items .ingredient__item{
    min-width: 200px;
    margin-left: 30px;
}

#vw-keyvisual .ingredient__items .ingredient-1{
    margin-left: 0;
}

#vw-keyvisual .ingredient__items .ingredient__item span{
    display: block;
    margin-top: 15px;
}

#vw-keyvisual .ingredient__items:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

#vw-keyvisual .ingredient {
    position: absolute;
    top: 482px;
    left: 240px;
}

#vw-small-1 {
    position: absolute;
    top:1120px;
    left: 283px;
    margin: 35px 0 !important;
    font-size: 18px;
    text-align: center;
    letter-spacing: -2px;
}

#vw-small-1 small {
    font-size: 100% !important;
}

#vw-products {
    position: relative;
    margin-top: -99px;
    height: 700px;
}

#vw-products .item {
    float: left;
    color: #142b8e;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -2px;
}

#vw-products .item span {
    display: block;
}

#vw-products .product-1l {
    margin: 30px 42px 0 36px;
}

#vw-products .product-500ml {
    margin: 88px 0 0 80px;
}

#vw-products .product-280ml {
    margin: 115px 0 0 37px;
}

#vw-products .items {
    margin-top: 40px;
    padding-left: 424px;
    *zoom:1;}

#vw-products .items:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

#vw-lifepartner {
    overflow: hidden;
    position: relative;
    height: 42px;
}

#vw-lifepartner .item {
    float: left;
    padding: 0 20px;
    background: url(../img/dotline-1.gif) repeat-y 0 0;
}

#vw-lifepartner .item a {
    display: block;
    overflow: hidden;
    position: relative;
    height: 26px;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
}

#vw-lifepartner .item a:hover {
    background-position: 0 -30px;
}

#vw-lifepartner .item-1 a {
    width: 222px;
    background-image: url(../img/lifepartner__item-1.gif);
}

#vw-lifepartner .item-2 a {
    width: 169px;
    background-image: url(../img/lifepartner__item-2.gif);
}

#vw-lifepartner .items {
    overflow: hidden;
    *zoom:1;position: relative;
    padding: 9px 0 0;
    margin: 0 0 0 -20px;
}

#vw-header__inner {
    position: relative;
    width: 890px;
    margin: 0 auto;
}

#vw-header {
    padding-bottom: 6px;
    background: #fff url(../img/header__bg.gif) repeat-x 0 100%;
}

#vw-social {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 0 0 10px;
    height: 32px;
    width: 369px !important;
    background: url(../img/social__bg.png) no-repeat 0 100%;
}

#vw-social .socialbutton_suntory_wrapper {
    padding: 9px 0 0 0;
    background: url(../img/social__bg--right.png) no-repeat 100% 0;
    _background-position: 100% 100%;
}

#vw-social .socialbutton_suntory_clearfix {
    overflow: hidden;
    *zoom:1;}

#vw-social .socialbutton_suntory_socialbutton {
    float: left;
    padding: 0 5px;
}

#vw-social .socialbutton_suntory_socialbutton_mixi_check,#vw-social .socialbutton_suntory_socialbutton_facebook_share {
    padding-top: 1px;
}
