/*
Theme Name: DC2 - Twenty Twelve
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0
License: 
License URI: 
Tags: light, 
Text Domain: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*
YUI 3.11.0 (build d549e5c)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/

 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
*/
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%}#yui3-css-stamp.cssfonts{display:none}

* {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.clearfix:after {
	content: ".";  /* 新しいコンテンツ */
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; /* 非表示に */
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
a {
	color: #3661C4;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color: #3661C4;
}
.center {
	text-align: center;
}

/* Layout */

body.home {
	margin: 0;
	padding: 0;
	background: #FAF7F0 url(./img/bg_html.jpg) repeat-x 0 top;
}
body {
	margin: 0;
	padding: 0;
	background: #FAF7F0 url(./img/bg_page.jpg) repeat-x 0 top;
}
#page {
	margin: 0 auto;
	width: 1000px;
}
#side {
	width: 284px;
	float: left;
}
#main {
	width: 716px;
	margin: 0 0 30px 0;
	float: right;
}
footer {
	clear: both;
}



/*  */

h1 {
	margin: 0;
	paddihg: 0;
}



/* #flag */
#flag {
	width: 284px;
	height: 380px;
	background: transparent url(./img/bg_flag.png) no-repeat 0 top;
}
#flag-logo {
	width: 250px;
	height: 251px;
	margin: 0 0 0 17px;
	padding: 8px 0 0 0;
}
#flag-logo a {
	display: block;
	width: 250px;
	height: 251px;
}
#flag-description {
	width: 250px;
	height: 53px;
	margin: 0 0 0 17px;
	padding: 0;
}

/* #side */
#a-side-lang {
	margin: 20px 0 25px 25px;
}
#a-side-rsv-button img {
	margin-bottom: 18px;
}
#a-side-rsv-form {
	margin-left: 45px;
}
#a-side-banner img {
	margin: 18px 16px 18px 18px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.6);
}
.a-side-wrap {
	margin: 0 0 20px 0;
	padding: 0 0 6px 0;
	background: transparent url(./img/bg_side_b.png) no-repeat left bottom;
}
.a-side-in {
	padding: 18px 16px 18px 18px;
	background: transparent url(./img/bg_side_t.png) no-repeat left top;
	line-height: 1.5;
	text-align: center;
	color: #000;
}
.a-side-hr {
	margin: 15px 0 !important;
	padding: 0 !important;
	text-align: center !important;
}
#a-side-top {
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 100%;
}
#a-side-top span {
	font-size: 116%;
	font-weight:bold;
}
#a-side-note {
	margin: 18px 10px 30px 10px;
	padding: 0.5em;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 93%;
}
.a-side-in p {
	padding: 0 0.5em 1em 0.5em;
	text-align: left;
	font-size: 93%;
}
.shopimg {
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}
.shopimg img {
	border: 1px solid #ccc;
	padding: 3px;
}
.a-side-in div {
	margin: 15px 0 0 0;
	padding: 0 0.5em 0 0.5em;
	text-align: left;
}
.a-side-in div p {
	padding: 0;
	margin: 0 0 0.5em;
}
.a-side-in div b {
}
.a-side-in dl {
	margin: 15px 0 20px 0;
	padding: 0 0.5em;
	text-align: left;
	font-size: 93%;
}
.a-side-in dt {
	line-height: 2;
	font-weight: bold;
}
.a-side-in dd {
	margin: 0 0 0 1em;
	padding: 0;
	line-height: 1.5;
	text-indent: -1em;
}

/* Gnav */
#site-navigation ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 8px;
	height: 45px;
}
#site-navigation li {
	display: block;
	float: left;
}
.main-sub-navigation {
  position: absolute;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #8d250c;
  top: 45px;
  display: none;
  box-shadow: 0 3px 3px rgba(0,0,0,0.4);
  border: 1px solid #6d1d0b;
}
.main-sub-navigation li {
  border-left: 1px solid #a44832;
  border-right: 1px solid #a44832;
  border-top: 1px solid #a44832;
  border-bottom: 1px solid #6d1d0b;
}
.main-sub-navigation a {
  color: #fff;
  margin: 0;
  padding: 10px 15px;
  display: block;
  font-weight: normal;
  text-decoration: none;
}
.main-sub-navigation-kanda {
  width: 260px;
}
.main-sub-navigation-kanda a {
  width: 228px;
}
.main-sub-navigation-hamamatsucho {
  width: 320px;
}
.main-sub-navigation-hamamatsucho a {
  width: 288px;
}
.main-sub-navigation-gotanda {
  width: 260px;
}
.main-sub-navigation-gotanda a {
  width: 228px;
}
.main-sub-navigation-about {
  width: 210px;
}
.main-sub-navigation-about a {
  width: 178px;
}
.main-sub-navigation a:hover {
  color: #fff;
}
.menu-item-has-children:hover ul {
  display: block;
}
.menu-item-has-children li a:hover {
  background: #b83211;
}


/* #topimage */
#topimage {
	height: 712px;
	margin-bottom: 12px;
	background: transparent url(./img/topimage.png) no-repeat 0 0;
}
#topimage h1 {
	padding: 140px 0 0 35px;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5;
}
#topimage h2 {
	padding: 0px 0 0 35px;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5;
}
#topimage ul {
	margin: 0 auto;
	padding: 0;
	display: table;
}
#topimage li {
	display: table-cell;
	list-style-type: none;
	padding: 0 15px;
}


/* #topicpath */
#topicpath {
	height: 25px;
	margin: 0 0 18px 0;
	padding: 0;
}
#topicpath ul {
	margin: 0 0 0 10px;;
	padding: 0;
}
#topicpath li {
	display: block;
	float: left;
	color: #000;
	font-size: 93%;
}
#topicpath a {
	color: #000;
	font-weight: normal;
}



/* #a-info */
#a-info-wrap {
	padding: 0 0 17px 0;
	background: transparent url(./img/bg_info_b.png) no-repeat left bottom;
}
#a-info-in {
	padding: 18px 45px 1em 35px;
	background: transparent url(./img/bg_info_t.png) no-repeat left top;
	line-height: 1.5;
	color: #f1f1f1;
}
#a-info-wrap strong {
	border: solid #f1f1f1;
	border-width: 0 0 1px 0;
}
#a-info-wrap p {
	margin: 1em 0 0;
}
#a-info-wrap a {
	color: #F0CE15;
	font-weight: normal;
}



/* Archive */
.archive .archive-header h1,
.search .page-header h1 {
	margin: 30px 0 20px 8px;
	color: #8A0F0E;
	font-size: 200%;
}
.home .entry-header,
.search .entry-header,
.archive_in .entry-header {
	margin-top: 0;
	background: none;
}
.home article h1,
.search article h1,
.archive_in article h1 {
	padding: 20px 0 15px 0;
	font-size: 131%;
}
.archive_in h5 {
	margin: 0;
	padding: 17px 0 10px 0;
}
.archive_in h5 a {
	color: #000;
	font-size: 123.1% !important;
}
article.category-kanda .archive_in h5 a {
	color: #8A0F0E;
}
article.category-hamamatsucho .archive_in h5 a {
	color: #1D4064;
}
article.category-gotanad .archive_in h5 a {
	color: #ec740c;
}
article.category-brewery .archive_in h5 a {
	color: #25641d;
}
.home .entry-meta,
.search .entry-meta,
.archive_in .entry-meta {
	background: none;
	padding: 0;
	color: #000;
}
.home .entry-meta a,
.search .entry-meta a,
.archive_in .entry-meta a {
	color: #000;
}
.archive_wrap {
	clear: both;
	margin: 16px 0 20px 0;
	padding: 0 0 6px 0;
	background: transparent url(img/bg_article_b.png) no-repeat 0 bottom;
}
.archive_in {
	background: transparent url(./img/bg_archiveheader.png) no-repeat 0 top !important;
	padding: 10px 40px 10px 30px;
}
article.category-kanda .archive_in {
	background: transparent url(./img/bg_archiveheader_kn.png) no-repeat 0 top !important;
	padding: 10px 40px 10px 30px;
}
article.category-kanda .cat-links a {
	padding: 0 3px;
	background: #A54C36;
	color: #fff;
	text-decoration: none;
}
article.category-hamamatsucho .archive_in {
	background: transparent url(./img/bg_archiveheader_hm.png) no-repeat 0 top !important;
	padding: 10px 40px 10px 30px;
}
article.category-hamamatsucho .cat-links a {
	padding: 0 3px;
	background: #517EAD;
	color: #fff;
	text-decoration: none;
}
article.category-gotanda .archive_in {
	background: transparent url(./img/bg_archiveheader_gt.png) no-repeat 0 top !important;
	padding: 10px 40px 10px 30px;
}
article.category-gotanda .cat-links a {
	padding: 0 3px;
	background: #d47a2d;
	color: #fff;
	text-decoration: none;
}
article.category-brewery .archive_in {
	background: transparent url(./img/bg_archiveheader_brewery.png) no-repeat 0 top !important;
	padding: 10px 40px 10px 30px;
}
article.category-brewery .cat-links a {
	padding: 0 3px;
	background: #53ad51;
	color: #fff;
	text-decoration: none;
}
.archive_left {
	width: 120px;
	float: left;
}
.archive_left img {
	margin: 15px 0 0 0;
	border: 1px solid #ccc;
	padding: 3px;
}
.archive_right {
	width: 520px;
	float: right;
}



/* WP-Pagenavi */
#nav-below {
	clear: both;
	margin: 35px 40px 0 30px;
	padding: 0 0 2em 0;
}
	.wp-pagenavi {
		margin: 5px 0;
	}
	.wp-pagenavi span.pages {
		border: 1px solid #ccc !important;
		background: #fff !important;
		color: #1b1b1b !important;
		font-weight: normal !important;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		margin: 0 10px 0 0 !important;
		padding: 0 4px !important;
		background: #FAF7F0 !important;
		color: #1b1b1b !important;
		font-weight: normal !important;
	}
	.wp-pagenavi a:hover, .wp-pagenavi span.current {
		background: #8D240C !important;
		color: #fff !important;
		font-weight: normal !important;
		border: 1px solid #ccc !important;
	}



/* #beer-board */
#beer-board-wrap {
	padding: 0 0 18px 0;
	background: transparent url(./img/bg_board_b.jpg) no-repeat left bottom;
}
#beer-board-in {
	padding: 18px 45px 1em 35px;
	background: transparent url(./img/bg_board_t.jpg) no-repeat left top;
	line-height: 1.5;
	color: #f1f1f1;
}
.bb-table {
	width: 440px;
	margin: 90px 100px 45px;
}
/*
#bb-table01 {
	width: 321px;
	margin: 90px 0 0 0;
	float: left;
}
#bb-table02 {
	width: 315px;
	margin: 90px 0 16px 0;
	float: left;
}
*/
#beer-board-in table,
#beer-board-in th,
#beer-board-in td, {
	border: 0;
}
#beer-board-in th {
	padding: 0 0 1em 0;
	font-weight: normal;
}
#beer-board-in td {
	padding: 2px 0;
	vertical-align: top;
	font-size: 93%;
}
#beer-board-in .bb-new {
	padding: 0 0.5em;
	color: #F3D219;
}
#bb-table01 .bb-name {
	padding: 0 1em 0 0;
}
#beer-board-in p {
	clear: both;
	text-align: center;
}
#beer-board-in span {
	color: #F3D219;
}


/* Article */
.entry-header,
.search-no-results .entry-header {
	margin: 20px 0 0 0;
	padding: 0;
	background: transparent url(img/bg_entryheader_kn.png) no-repeat 0 top;
}
article.category-kanda .entry-header {
}
article.category-hamamatsucho .entry-header {
}
article.category-gotanda .entry-header {
}
.entry-header h1,
.search-no-results .entry-header h1 {
	margin: 0;
	padding: 40px 40px 25px 30px;
	color: #fff;
	font-size: 200%;
}
#entry-img {
	background: transparent url(img/bg_article_r.png) repeat-y 0 0;
}
#entry-img img {
	margin: 0 0 0 10px;
}
#article_wrap {
	margin: 0 0 20px 0;
	padding: 0 0 6px 0;
	background: transparent url(img/bg_article_b.png) no-repeat 0 bottom;
}
#article_in {
	padding: 20px 40px 20px 30px;
	background: transparent url(img/bg_article_r.png) repeat-y 0 0;
	font-size: 108%;
	line-height: 1.5;
}
.entry-meta {
	padding: 1em 40px 1em 30px;
	background: transparent url(img/bg_meta.png) repeat-y 0 0;
	color: #f1f1f1;
}
.entry-meta a {
	color: #f1f1f1;
	font-weight: normal;
}
.entry-content h3 {
	padding: 16px 0.5em 10px 0.5em;
	background: #fff url(img/bg_entry_h3.gif) no-repeat 0 top;
	font-size: 138.5%;
	line-height: 1.5;
	color: #510706;
}
.entry-content table {
	width: 100%;
	background: #fff;
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px solid #ccc;
}
.entry-content th {
	padding: 12px 10px 5px;
	border: 1px solid #ccc;
	background: #8A0F0E url(img/bg_entry_h3.gif) no-repeat 0 top;
	color: #fff;
	font-size: 93%;
	line-height: 1.4;
}
.entry-content td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: 93%;
	line-height: 1.4;
	text-align: center;
}
.entry-content .td_etc {
	background: #f1f1f1;
}
.tb_menu {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 !important;
	background: transparent !important;
}
.tb_menu td {
	vertical-align: top;
	background: transparent;
	border: 0;
	text-align: left;
}
.nav-single {
	margin: 30px 0;
	text-align: center;
}

.tb_menu2 {
	border: 0 !important;
	background: transparent !important;
}
.tb_menu2 td {
	margin: 0;
	padding: 0;
	width: 208px;
	min-height: 15px;
	vertical-align: top;
	background: transparent;
	border: 0;
	text-align: left;
}
.tb_menu2 tr:nth-child(even) td {
	padding-bottom: 15px;
}
.tb_menu2 td img {
	float: left;
}
.tb_menu2 td .badge {
	padding: 0 5px;
	border-radius: 20px;
	background: #8d240c;
	color: #fff;
	font-size: 9px;
}


/* Fotter */
footer {
	background: #1E1D1C url(img/bg_footer.jpg) repeat-x 0 top;
}
#footer-in {
	width: 964px;
	margin: 0 auto;
	padding: 15px 0;
/*	background: transparent url(img/logo_bg.jpg) no-repeat right center;*/
	font-size: 93%;
	line-height: 1.5;
	color: #f1f1f1;
}
#footer-in p {
	margin: 0.5em 0;
}
#footer-in a {
	color: #FFE27D;
	font-weight: normal;
}
#footer-nav {
	margin: 2em 0 0 0;
}
#footer-social {
	margin: 1em 0;
}
#footer-address {
	clear: both;
	margin: 1em 0;
}
#footer-address p {
	margin: 0;
}
#footer-address-kanda {
	width: 350px;
	float: left;
}
#footer-address-hamamatsucho {
	width: 350px;
	float: left;
}
#footer-address-gotanda {
	width: 350px;
	float: left;
}


/* Page Top */
#btn_top {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 9999;
	display: none;
}
#btn_top a {
	display: block;
	width: 100px;
	height: 100px;
}
#btn_top a:hover {
	opacity: 0.7;
}

/* following styles were added for digital pour menu */

div.menu_head {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 10px 30px;
	margin: 10px 0 20px 0;
}

span.tap_number {
font-size: 17px;
font-weight: bold;
}

span.producer_name {
font-size: 16px;
font-weight: bold;
}

span.beverage_name {
font-size: 14px;
font-weight: bold;
}

span.beverage_style {
font-size: 14px;
font-weight: bold;
padding: 0 11px 0 0;
}

span.abv {
font-size: 16px;
font-weight: bold;
font-color: #00ff00;
}

span.producer_location {
padding: 0 0 0 11px;
font-weight: normal;
font-size: 14px;
}

div.boxfieldline1 {

}

div.boxfieldline2 {
margin: 4px 0px 0px 3px;
}

#responsecontainer {
}

#datafieldcontainer {
background-color: #ffffff;
padding: 20px 0 10px 0;
margin: 0 0 0 8px;
}

div.boxfielddata {
margin: 0 30px 20px 40px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #bbbbbb;
padding: 0 0 8px 0;
}

div.testdata {
display: none;
}