@charset "utf-8";

/*===================================
  酒匠　三笠屋　サイト用CSS
===================================*/

/*
ブラウザでフォルトのスタイル正規化
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;
}
ol,ul {
  list-style: none;
}
caption,th {
  text-align: left;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
q:before,q:after {
  content: '';
}
abbr,acronym {
  border:0;
}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  /* for IE6/7 */ 
  *font-size: small; 
  /* for IE Quirks Mode */
  *font: x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
  font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
  font-size: inherit;
  font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}


/* 共通スタイル */
.clear {
  clear: both;
}

img.left {
  float: left;
  margin: 0 10px 10px 0;
}
img.right {
  float: right;
  margin: 0 0 10px 10px;
}

strong {
  color: #900;
  font-weight: bold;
}

em {
  font-weight: bold;
}


/* スタイルのカスタマイズ
div.top：トップページ
div.sub：サブページ
*/

body {
  color: #fff;
  background: #960 url(images/bg.jpg) repeat-x;
  line-height: 1.4;
}

div#container {
  width: 760px;
  margin: 0 auto 20px;
  color: #333;
  background: #fff;
  border-left: 1px solid #630;
  border-right: 1px solid #630;
  font-size: 103%;
}

div#branding {
  height: 110px;
  padding: 0 10px 10px;
  background: transparent url(images/header.jpg) no-repeat top right;
}

div#branding h1,
div#branding p {
  font-weight: bold;
  font-size: 103%;
}


div#navigation {
  clear: both;
  margin: 0 auto;
}

div#navigation ul {
  height: 3em;
  margin: 0;
  padding: 0 20px 0;
  background: #cc9;
  zoom: 1;
}
div#navigation ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}

div#navigation li {
  display: inline;
}
div#navigation li a {
  display: block;
  float: left;
  height: 2.5em;
  margin: 0.5em 0.5em 0 0;
  padding: 0 1em 0;
  color: #000;
  background: #F1F2DA;
  text-align: center;
  line-height: 2.2em;
  font-weight: bold;
  text-decoration: none;
}
div#navigation li.link a {
  float: right;
  margin: 5px 0;
  padding: 0
}
div#navigation li.selected a,
div#navigation li a:hover {
  background: #fff;
}
div#navigation li.link a {
  display: block;
  width: 120px;
  height: 30px;
  background: transparent url(images/bn_blog.gif) no-repeat center;
  text-indent: -9999px;
  overflow: hidden;
}
div#navigation li.link a:hover {
  background: transparent url(images/bn_blog_over.gif) no-repeat center;
}


div#content {
  width: 640px;
  margin: 2em auto 1em;
  padding-bottom: 0.5em;
}
div#content:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}

div.sub div#content h1 {
  margin-bottom: 1em;
  padding-left: 8px;
  border-left: 8px solid #390;
  font-size: 182%;
}

div#content h2 {
  margin: 2em 0 0.5em;
  border-bottom: 2px solid #c96;
  font-size: 106%;
}

div#content h3 {
  margin: 1em 0 0.2em;
  color: #900;
  font-size: 106%;
}

div#content p {
  margin: 0 0 1em;
}

div#content p.totop {
  clear: both;
  text-align: right;
  font-size: 93%;
}
div#content p.totop a {
  padding-left: 15px;
  color: #333;
  background: transparent url(images/bg_totop.gif) no-repeat left;
  text-decoration: none;
}

div#content p.attention {
  margin-top: 2em;
  text-align: center;
  font-weight: bold;
  font-size: 93%;
}


div#content p#date {
  clear: both;
  margin-bottom: 0;
  padding-top: 0.5em;
  border-top: 1px solid #cc9;
  text-align: right;
  font-size: 93%;
}

div#content dl {
  margin: 0 0 2em 1em;
}
div#content dt {
  font-weight: bold;
}
div#content dd {
  margin: 0 0 0.5em 1em;
}

div#content ul {
  list-style-type: square;
  list-style-position: inside;
  margin: 0 0 1em 1em;
  line-height: 1.8;
}

div#content ul.note {
  margin: 1em 0 1em 2em;
  line-height: 1.5;
}


div#content ul.column2 {
  float: left;
  margin-right: 2em;
}
div#content ul#top_photo {
  clear: both;
  list-style-type: none;
  margin: 1em 0 0;
}
div#content ul#top_photo li {
  display: block;
  float: left;
  margin: 0 40px 20px 0;
}
div#content ul#top_photo li.right {
  margin: 0 0 20px 0;
}


div#content div.item {
  margin: 0 1em 2em;
  zoom: 1;
}
div#content div.item:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}

div#content div.item img {
  float: left;
  margin: 0 10px 10px 0;
}

div#content div.item span.price {
  margin-left: 2em;
  color: #333;
}

div#content div.item p.price {
  margin-bottom: 1.5em;
  font-weight: bold;
}


div#footer_navi {
  margin: 0;
  padding: 0.5em;
  background: #F1F2DA;
  text-align: center;
  font-size: 93%;
}
div#footer_navi li {
  display: inline;
  margin: 0 0.5em;
}
div#footer_navi li a {
  color: #333;
}
div#footer_navi li.selected a {
  font-weight: bold;
  text-decoration: none;
}
div#copyright {
  padding: 0.5em;
  color: #fff;
  background: #630;
  text-align: center;
  font-size: 85%;
}