@charset "utf-8";

/*------------------------------------------------------------
  reset
------------------------------------------------------------ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, #suntory_contents div, #suntory_contents span, #suntory_contents object, #suntory_contents iframe,
#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents h4, #suntory_contents h5, #suntory_contents h6, #suntory_contents p, #suntory_contents blockquote, #suntory_contents pre,
#suntory_contents abbr, #suntory_contents address, #suntory_contents cite, #suntory_contents code,
#suntory_contents del, #suntory_contents dfn, #suntory_contents em, #suntory_contents img, #suntory_contents ins, #suntory_contents kbd, #suntory_contents q, #suntory_contents samp,
#suntory_contents small, #suntory_contents strong, #suntory_contents sub, #suntory_contents sup, #suntory_contents var,
#suntory_contents b, #suntory_contents i,
#suntory_contents dl, #suntory_contents dt, #suntory_contents dd, #suntory_contents ol, #suntory_contents ul, #suntory_contents li,
#suntory_contents fieldset, #suntory_contents form, #suntory_contents label, #suntory_contents legend,
#suntory_contents table, #suntory_contents caption, #suntory_contents tbody, #suntory_contents tfoot, #suntory_contents thead, #suntory_contents tr, #suntory_contents th, #suntory_contents td,
#suntory_contents article, #suntory_contents aside, #suntory_contents canvas, #suntory_contents details, #suntory_contents figcaption, #suntory_contents figure, 
#suntory_contents footer, #suntory_contents header, #suntory_contents hgroup, #suntory_contents menu, #suntory_contents nav, #suntory_contents section, #suntory_contents summary,
#suntory_contents time, #suntory_contents mark, #suntory_contents audio, #suntory_contents video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-weight: normal;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

#suntory_contents article,#suntory_contents aside,#suntory_contents details,#suntory_contents figcaption,#suntory_contents figure,
#suntory_contents footer,#suntory_contents header,#suntory_contents hgroup,#suntory_contents menu,#suntory_contents nav,#suntory_contents section { 
    display:block;
}

#suntory_contents ul {
    list-style:none;
}

#suntory_contents blockquote, #suntory_contents q {
    quotes:none;
}

#suntory_contents blockquote:before, #suntory_contents blockquote:after,
#suntory_contents q:before, #suntory_contents q:after {
    content:'';
    content:none;
}

#suntory_contents a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline: none;
}

/* change colours to suit your needs */
#suntory_contents ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
#suntory_contents mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

#suntory_contents del {
    text-decoration: line-through;
}

#suntory_contents abbr[title], #suntory_contents dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
#suntory_contents hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

#suntory_contents input, #suntory_contents select {
    vertical-align:middle;
}


/*------------------------------------------------------------
  suntory_contents
------------------------------------------------------------ */
#suntory_contents {
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
color: #221814;
}

/*------------------------------------------------------------
  blogContents
------------------------------------------------------------ */
#suntory_contents #blogContents {
background: #000;
}

/*------------------------------------------------------------
  container
------------------------------------------------------------ */
#suntory_contents #container {
margin: 0 auto;
width: 960px;
}
#suntory_contents #container { /zoom :1; }
#suntory_contents #container:after { content :''; display :block; clear :both; }


/*------------------------------------------------------------
  main
------------------------------------------------------------ */
#suntory_contents #main {
margin: 30px 0 60px;
width: 708px;
float: right;
background: #fff;
}

/*------------------------------------------------------------
  header
------------------------------------------------------------ */
#suntory_contents header {
margin-bottom: 12px;
border-bottom: 8px #000 solid;
}
#suntory_contents header h1 a {
width: 708px;
height: 235px;
display: block;
background: url('../img/main_visual.jpg') no-repeat 0 0;
text-indent: -9999px;
}
#suntory_contents header p {
text-indent: -9999px;
height: 0px;
}

/*------------------------------------------------------------
  breadcrumbs
------------------------------------------------------------ */
#suntory_contents #main #breadcrumbs {
margin: 0 auto 24px;
width: 588px;
}

#suntory_contents #main #breadcrumbs p {
font-size: .6875em;
line-height: 1.5;
}
#suntory_contents #main #breadcrumbs p a {
color: #daa63b;
}
#suntory_contents #main #breadcrumbs p span {
margin: 0 8px;
color: #808080;
}

/*------------------------------------------------------------
  article
------------------------------------------------------------ */
#suntory_contents #main article {
margin: 0 auto 45px;
padding-bottom: 50px;
width: 588px;
background: url('../img/dot.png') repeat-x 0 bottom;
}
#top #suntory_contents #main article {
margin: 12px auto 45px;
}
#suntory_contents #main article #title {
margin-bottom: 30px;
border-bottom: 1px solid #c3ab5d;
}
#suntory_contents #main article #title .date {
margin-bottom: 15px;
font-size: .875em;
line-height: 16px;
}
#suntory_contents #main article #title .date .icon {
margin-left: 0px;
width: 151px;
height: 16px;
text-indent: -9999px;
display: inline-block;
}
#top #suntory_contents #main article #title .date .icon {
margin-left: 0px;
}
#suntory_contents #main article #title .date .category01 {
background: url('../img/icon_category01.png') no-repeat 0 0;
}
#suntory_contents #main article #title .date .category02 {
background: url('../img/icon_category02.png') no-repeat 0 0;
}
#suntory_contents #main article #title .date .category03 {
background: url('../img/icon_category03.png') no-repeat 0 0;
}
#suntory_contents #main article #title .date .category04 {
background: url('../img/icon_category04.png') no-repeat 0 0;
}
#suntory_contents #main article #title .date .category05 {
background: url('../img/icon_category05.png') no-repeat 0 0;
}
#suntory_contents #main article #title .date .category06 {
background: url('../img/icon_category06.png') no-repeat 0 0;
}
#suntory_contents #main article #title .date .category07 {
background: url('../img/icon_category07.png') no-repeat 0 0;
}

#suntory_contents #main article #title h2 {
margin-bottom: 5px;
font-size: 1.2em;
font-weight: bold;
line-height: 1.5;
}

#suntory_contents #main article .sns div {
margin-right:10px;
}

/*------------------------------------------------------------
  articleBody
------------------------------------------------------------ */
#suntory_contents #main article #articleBody {
margin-bottom: 50px;
line-height: 1.5;
}

#suntory_contents #articleBody table th,
#suntory_contents #articleBody table td {
vertical-align: top;
}

#suntory_contents #main article #articleBody small {
display: block;
line-height:1.2;
}

#suntory_contents #articleBody .table2 td {
width: 50%;
padding: 5px;
}
#suntory_contents #articleBody .table3 td {
width: 33.3333333%;
padding: 5px;
}
#suntory_contents #articleBody .table4 td {
width: 25%;
padding: 5px;
}
#suntory_contents #articleBody .table5 td {
width: 20%;
padding: 5px;
}

#suntory_contents #articleBody .table2wine td {
padding: 20px 10px;
}


/*------------------------------------------------------------
  item
------------------------------------------------------------ */
#suntory_contents #main #item {
margin-bottom: 50px;
}

#suntory_contents #main #item h3 {
margin: 0 0 30px;
padding: 10px 20px;
background: url('../img/bg_title_bar.png') repeat-y 0 0;
font-size: .875em;
font-weight: bold;
line-height: 1.5;
}

#suntory_contents #main #item ul {
margin: 0 auto 20px;
display: table;
}

#suntory_contents #main #item li {
margin-bottom: 20px;
width: 147px;
display: table-cell;
text-align: center;
vertical-align: top;
}

#suntory_contents #main #item li a {
text-decoration: none;
color: #221814;
}
#suntory_contents #main #item li a:hover {
text-decoration: underline;
}

#suntory_contents #main #item li figure {
margin: 0;
}
#suntory_contents #main #item li figure img {
vertical-align: bottom;
}
#suntory_contents #main #item li figure figcaption {
padding: 10px 5px 0;
font-size: .875em;
line-height: 1.2;
text-align: left;
}


/*#suntory_contents #main #item .link {
font-size: .875em;
}
#suntory_contents #main #item .link a {
text-decoration: none;
background: url('../img/arrow_link.png') no-repeat left center;
padding: 0 0 0 12px;
color: #920683;
}
#suntory_contents #main #item .link a:hover {
text-decoration: underline;
}*/


/*------------------------------------------------------------
  extra
------------------------------------------------------------ */
#suntory_contents #main #extra {
}
#suntory_contents #main #extra { /zoom :1; }
#suntory_contents #main #extra:after { content :''; display :block; clear :both; }

#suntory_contents #main #extra h3 {
margin: 0 0 25px;
padding: 10px 20px;
background: url('../img/bg_title_bar.png') repeat-y 0 0;
font-size: .875em;
font-weight: bold;
line-height: 1.5;
}
#suntory_contents #main #extra figure {
margin: 0;
width: 92px;
float: left;
text-align: center;
}
#suntory_contents #main #extra .textBlock {
margin-right: 30px;
width: 418px;
float: right;
line-height: 1.5;
}
#suntory_contents #main #extra .text {
margin-bottom: 30px;
font-size: .75em;
line-height: 1.5;
}
#suntory_contents #main #extra .banner {
margin-bottom: 30px;
}
#suntory_contents #main #extra .link {
font-size: .875em;
}
#suntory_contents #main #extra .link a {
text-decoration: none;
background: url('../img/arrow_link.png') no-repeat left center;
padding: 0 0 0 12px;
color: #920683;
}
#suntory_contents #main #extra .link a:hover {
text-decoration: underline;
}

/*------------------------------------------------------------
  recentArticles
------------------------------------------------------------ */
#suntory_contents #main #recentArticles {
width: 588px;
margin: 0 auto 50px;
}
#suntory_contents #main #recentArticles h3 {
margin: 0 0 25px;
width: 588px;
height: 46px;
background: url('../img/tl_recent.png') no-repeat 0 0;
text-indent: -9999px;
}

#suntory_contents #main #recentArticles ul {
width: 588px;
}
#suntory_contents #main #recentArticles li {
margin-bottom: 30px;
}

#suntory_contents #main #recentArticles li a {
display: block;
color: #221814;
text-decoration: none;
}

#suntory_contents #main #recentArticles li a { /zoom :1; }
#suntory_contents #main #recentArticles li a:after { content :''; display :block; clear :both; }


#suntory_contents #main #recentArticles li figure {
margin: 0;
width: 101px;
float: left;
}
#suntory_contents #main #recentArticles li figure img {
vertical-align: bottom;
}
#suntory_contents #main #recentArticles li .textBlock {
width: 467px;
float: right;
}
#suntory_contents #main #recentArticles li .textBlock .date {
margin-bottom: 15px;
font-size: .75em;
}
#suntory_contents #main #recentArticles li .textBlock .text {
font-size: 1em;
line-height: 1.5;
}

#suntory_contents #main #recentArticles li a:hover .textBlock .text {
text-decoration: underline;
}


/*------------------------------------------------------------
  articleList
------------------------------------------------------------ */
#suntory_contents #main #articleList {
width: 588px;
margin: 0 auto 30px;
}
#suntory_contents #main #articleList h2 {
margin: 0 0 25px;
padding: 10px;
width: 588px;
font-size: 1em;
line-height: 1.5;
color: #7c4c05;
background: #fbf8ec;
border-top: 1px solid #dfd1a4;
border-bottom: 1px solid #dfd1a4;
}

#suntory_contents #main #articleList ul {
width: 588px;
}
#suntory_contents #main #articleList li {
margin-bottom: 20px;
padding-bottom: 20px;
background: url('../img/dot.png') repeat-x 0 bottom;
list-style: none;
}

#suntory_contents #main #articleList li a {
display: block;
color: #221814;
text-decoration: none;
}

#suntory_contents #main #articleList li a { /zoom :1; }
#suntory_contents #main #articleList li a:after { content :''; display :block; clear :both; }


#suntory_contents #main #articleList li figure {
margin: 0;
width: 101px;
float: left;
}
#suntory_contents #main #articleList li figure img {
vertical-align: bottom;
}
#suntory_contents #main #articleList li .textBlock {
width: 467px;
float: right;
}
#suntory_contents #main #articleList li .textBlock .date {
margin-bottom: 15px;
font-size: .75em;
}
#suntory_contents #main #articleList li .textBlock .text {
font-size: 1em;
line-height: 1.5;
}

#suntory_contents #main #articleList li a:hover .textBlock .text {
text-decoration: underline;
}

/*------------------------------------------------------------
  pageNav
------------------------------------------------------------ */
#suntory_contents #pageNav {
margin: 0 auto 50px;
font-size: .75em;
width: 586px;
}
#suntory_contents #pageNav { /zoom : 1; }
#suntory_contents #pageNav:after { content : ''; display : block; clear : both; }


#suntory_contents #pageNav .btnPrev a {
margin: 0 7px 0 0;
width: 34px;
height: 18px;
display: block;
text-indent: -9999px;
background:url(../img/btn_prev.png) no-repeat 0 0;
float: right;
}
#suntory_contents #pageNav .btnNext a {
margin: 0 0 0 7px;
width: 34px;
height: 18px;
display: block;
text-indent: -9999px;
background:url(../img/btn_next.png) no-repeat 0 0;
float: right;
}


#suntory_contents #pageNum {
float: right;
}
#suntory_contents #pageNum { /zoom : 1; }
#suntory_contents #pageNum:after { content : ''; display : block; clear : both; }

#suntory_contents #pageNav a.link_page {
    text-decoration: none;
    line-height: 18px;
    color: #daa63b;
    font-weight: bold;
    display: block;
    float: left;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 0 10px;
}
#suntory_contents #pageNav .current_page {
    line-height: 18px;
    text-decoration: none;
    color: #221814;
    font-weight: bold;
    display:block;
    float: left;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 0 10px;
}



/*------------------------------------------------------------
  btnBlogTop
------------------------------------------------------------ */
#suntory_contents .btnBlogTop {
width: 588px;
margin: 0 auto 30px;
}
#suntory_contents .btnBlogTop a {
width: 281px;
height: 40px;
display: block;
background: url('../img/btn_blog_top.png') no-repeat 0 0;
text-indent: -9999px;
}
#suntory_contents .btnBlogTop a:hover {
background: url('../img/btn_blog_top.png') no-repeat 0 -40px;
}

/*------------------------------------------------------------
  btnPageTop
------------------------------------------------------------ */
#suntory_contents .btnPageTop {
}
#suntory_contents .btnPageTop { /zoom :1; }
#suntory_contents .btnPageTop:after { content :''; display :block; clear :both; }

#suntory_contents .btnPageTop a {
width: 190px;
height: 40px;
display: block;
background: url('../img/btn_page_top.png') no-repeat 0 0;
text-indent: -9999px;
float: right;
}
#suntory_contents .btnPageTop a:hover {
background: url('../img/btn_page_top.png') no-repeat 0 -40px;
}



/*------------------------------------------------------------
  aside
------------------------------------------------------------ */
#suntory_contents aside {
margin: 30px 0 60px 30px;
width: 192px;
float: left;
}

#suntory_contents aside #logo a {
margin-bottom: 30px;
width: 192px;
height: 205px;
display: block;
text-indent: -9999px;
background: url('../img/logo.png') no-repeat 0 0;
}

#suntory_contents aside dl {
margin-bottom: 30px;
padding: 14px 20px 10px;
background: #262626;
}
#suntory_contents aside dl.archive {
margin-bottom: 60px;
}

#suntory_contents aside dl.category dt {
margin-bottom: 35px;
width: 152px;
height: 15px;
text-indent: -9999px;
background: url('../img/aside_tl_category.png') no-repeat 0 0;
}
#suntory_contents aside dl.archive dt {
margin-bottom: 35px;
width: 152px;
height: 14px;
text-indent: -9999px;
background: url('../img/aside_tl_archive.png') no-repeat 0 0;
}

#suntory_contents aside dl ul {

}
#suntory_contents aside dl ul li {
margin-bottom: 15px;
color: #d6bd5e;
font-size: .75em;
line-height: 1.5;
}
#suntory_contents aside dl ul li a {
background: url('../img/aside_arrow.png') no-repeat 3px .4em;
color: #d6bd5e;
padding: 0 0 0 15px;
text-decoration: none;
}
#suntory_contents aside dl ul li a:hover {
text-decoration: underline;
}

#suntory_contents aside .banner li {
margin-bottom: 30px;
}