@charset "utf-8";
/*
Theme Name: 全国地ビール醸造者協議会のテーマ
*/


@import url("base.css");

/*------------------------------------------------------
　　body(#home or #sub.<page>)
	> #wrapper
		> #header
		> #main_section
		> #side_section
	> #footer > 			   .footer_main
			  > #footer_bg01 > .footer_main
			  > #footer_bg02 > .footer_main

-------------------------------------------------------*/
/*------------------------------------------------------
　　　　　　　　　＊ 全体　＊
-------------------------------------------------------*/
body {
	background: #D37808 url(image/body_bg.jpg) top repeat-x;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	width: 970px;
	text-align: left;
}

/*------------------------------------------------------
　　　　　　        ＊ ヘッダー ＊
-------------------------------------------------------*/
#header {
	width: 950px;
	margin: 0 10px;
	overflow: hidden;
	zoom: 1;
}


/* ロゴ */
#header h1 ,
#header h1 a {
	display: block;
	width: 225px;
	height: 90px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url(image/header_logo.png) top left no-repeat;
	/*background: url(image/header_logo.jpg) top left no-repeat;*/
}

/* グローバルナビ */
#header ul#gnav {
	width: 725px;
	height: 90px;
	overflow: hidden;
	zoom: 1;
}
#header ul#gnav li ,
#header ul#gnav li a {
	display: block;
	width: 145px;
	height: 90px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
#header ul#gnav li.nav01 ,
#header ul#gnav li.nav01 a {
	background: url(image/gnav01.jpg) top left no-repeat;
} #header ul#gnav li.nav01 a.on ,
#header ul#gnav li.nav01 a:hover {
	background: url(image/gnav01_on.jpg) top left no-repeat;
}
#header ul#gnav li.nav02 ,
#header ul#gnav li.nav02 a {
	background: url(image/gnav02.jpg) top left no-repeat;
} #header ul#gnav li.nav02 a.on ,
#header ul#gnav li.nav02 a:hover {
	background: url(image/gnav02_on.jpg) top left no-repeat;
}
#header ul#gnav li.nav03 ,
#header ul#gnav li.nav03 a {
	background: url(image/gnav03.jpg) top left no-repeat;
} #header ul#gnav li.nav03 a.on ,
#header ul#gnav li.nav03 a:hover {
	background: url(image/gnav03_on.jpg) top left no-repeat;
}
#header ul#gnav li.nav04 ,
#header ul#gnav li.nav04 a {
	background: url(image/gnav04.jpg) top left no-repeat;
} #header ul#gnav li.nav04 a.on ,
#header ul#gnav li.nav04 a:hover {
	background: url(image/gnav04_on.jpg) top left no-repeat;
}
#header ul#gnav li.nav05 ,
#header ul#gnav li.nav05 a {
	background: url(image/gnav05.jpg) top left no-repeat;
} #header ul#gnav li.nav05 a.on ,
#header ul#gnav li.nav05 a:hover {
	background: url(image/gnav05_on.jpg) top left no-repeat;
}
/*------------------------------------------------------
　　　    　　＊ メイン ＊
-------------------------------------------------------*/
#main_section {
	width: 700px;
	float: left;
	background: url(image/main_section_bg.jpg) left repeat-y;
}
#main_section_top {
	background: url(image/main_section_top.jpg) top left no-repeat;
}
#main_section_bottom {
	background: url(image/main_section_bottom.jpg) bottom left no-repeat;
	overflow: hidden;
	zoom: 1;
	padding: 20px 30px 30px 30px;
	min-height: 400px;
	_height: 400px;
}
#main_section h2 {
	padding: 10px 20px;
	background: url(image/h2_bg.jpg) top left no-repeat;
	margin-bottom: 20px;
}
#main_section h3 {
	padding: 5px 20px;
	margin-bottom: 10px;
	background: url(image/h3_bg.jpg) center left no-repeat;
	border-bottom: 1px dotted #300;
	color: #300
}
#main_section h4 {
	margin-bottom: 10px;
}

#main_section .table_style {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 20px;
}
#main_section .table_style th ,
#main_section .table_style td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
}
#main_section .table_style th {
	background: #efefef;
}

/*------------------------------------------------------
　　　    　　＊ サイド ＊
-------------------------------------------------------*/
#side_section {
	width: 250px;
	padding-right: 10px;
	float: right;
}
/* サイドナビ */
#side_section .side_nav {
	background: url(image/side_section.jpg) repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px 15px 15px;
}
#side_section .side_nav h2 {
	background: url(image/side_h2.jpg) center left no-repeat;
	padding: 5px 0 5px 10px;
	border-bottom: 1px dotted #481608;
	font-size: 100%;
	color: #330000;
}
#side_section .side_nav ul {
	margin: 5px;
}
#side_section .side_nav ul li {
	margin-bottom: 5px;
}
#side_section .side_nav ul li a {
	color: #330000;
}

#side_section ul.banners {
	padding-top: 5px;
}
#side_section ul.banners li {
	background: #FFF;
	margin-top: 5px;
	line-height: 0;
}
#side_section ul.banners li a{
	display: block;
}
#side_section ul.banners li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* twitter no1 */
#side_section .side_twitter {
	margin-bottom: 10px;
	padding: 10px;
	background: #DE9C4D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#side_section .side_twitter h2 {
	font-size: 105%;
}
#side_section .side_twitter .twtr-tweet {
	padding: 0 5px;
}
#side_section .side_twitter .twtr-tweet-wrap {
	padding: 5px 0;
	border-bottom: 1px dotted #481608;
	overflow: hidden;
	zoom:1;
}
/* twitter no2 */
/*#side_section .twitstatus_badge_container li {
	padding: 5px 0;
	border-bottom: 1px dotted #481608;
	overflow: hidden;
	zoom:1;

}*/

/*------------------------------------------------------
　　　    　　＊ フッター ＊
-------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	font-size: 77%;
}
#footer .footer_main {
	width: 950px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: right;
}

/* このページのトップへ */
#footer p.gotop {
	padding-right: 260px;
	padding-bottom: 40px;
	overflow: hidden;
	zoom: 1;
	text-align: left;
}
#footer p.gotop a {
	display: block;
	width: 129px;
	height: 10px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	background: url(image/footer_gotop.jpg) top left no-repeat;

}
/* フッターナビ */
#footer ul.nav {
	margin-bottom: 10px;
}
#footer ul.nav li {
	display: inline;
	margin-left: 10px;
}
#footer ul.nav li a {
	padding-left: 10px;
	background: url(image/footer_list.jpg) center left no-repeat;
	color: #FFFFFF;
}
#footer #footer_bg01 {
	width: 100%;
	background: #F4E1CD;
}
#footer #footer_bg01 .footer_main p {
	color: #F2680D;
	padding: 10px 0;
}

#footer #footer_bg02 {
	width: 100%;
	background: #833C04;
}
#footer #footer_bg02 address {
	font-style: normal;
	color: #DAC5B4;
	padding: 5px 0;
}
#footer #footer_bg02 address a {
	color: #DAC5B4;
	text-decoration: none;
}

/*------------------------------------------------------
　　　    　　＊ TOP トップページ ＊
-------------------------------------------------------*/
#header p#main_img {
	width: 950px;
	height: 228px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(image/home_main_img.jpg) top left no-repeat;
}
/* JBAとは？ */
#home #main_section .home_about {
	margin-bottom: 15px;
}
#home #main_section .home_about h2 {
	width: 637px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(image/home_about_h2.jpg) top left no-repeat;
	padding: 0;
	margin: 0 0 10px;
}
#home #main_section .home_about ul {
	overflow: hidden;
	zoom: 1;
}
#home #main_section .home_about ul li {
	float: left;
}
#home #main_section .home_about ul li.nav01 {
	margin-right: 10px;
}
#home #main_section .home_about ul li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* JBAニュース・イベント情報 */
#home #main_section .home_news {
	margin-bottom: 15px;
	width: 310px;
	float: left;
}
#home #main_section .home_news h2 ,
#home #main_section .home_news h2 a {
	display: block;
	width: 310px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 10px;
	background: none;
}
#home #main_section .home_news h2 a {
	background: url(image/home_news_h2.jpg) top left no-repeat;
}
#home #main_section .home_news h2 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#home #main_section .home_news .home_list {
	overflow-y: scroll;
	height: 185px;
}
#home #main_section .home_news .home_list dl {
	margin-bottom: 1px;
	background: #F5F5F5;
	border-left: 2px solid #F2680D;
	padding: 10px 5px 10px 10px;
}
#home #main_section .home_news .home_list dt {
	padding-right: 50px;
	font-size: 85%;
	font-weight: bold;
}
#home #main_section .home_news .home_list dt.new {
	background: url(image/icon_new.jpg) 6em center no-repeat;
}
#home #main_section .home_news .home_list dd {
}
/* 地ビールコラム */
#home #main_section .home_column {
	margin-bottom: 15px;
	width: 310px;
	float: right;
}
#home #main_section .home_column h2 a {
	background: url(image/home_column_h2.jpg) top left no-repeat;
}
#home #main_section .home_column h2 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* ビール醸造所からの便り */
#home #main_section .home_letter {
	clear:both;
	margin-bottom: 15px;
}
#home #main_section .home_letter h2 ,
#home #main_section .home_letter h2 a {
	width: 637px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 10px;
	background: none;
}
#home #main_section .home_letter h2 a {
	display: block;
	background: url(image/home_letter_h2.jpg) top left no-repeat;
}
#home #main_section .home_letter h2 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#home #main_section .home_letter dl {
	padding: 15px;
	background: #EAEAD5;
	overflow: hidden;
	zoom:1;
}
#home #main_section .home_letter dl dd.photo {
	float: left;
	width: 100px;
}
#home #main_section .home_letter dl dt {
	float: right;
	width: 500px;
	font-weight: bold;
	padding-bottom: 10px;
}
#home #main_section .home_letter dl dt a {
	margin-left: 10px;
	color: #F2680D;
	font-size: 107%;
}
#home #main_section .home_letter dl dd.contents {
	float: right;
	width: 500px;
}
#home #main_section .home_letter dl dd.contents p.continue{
	text-align: right;
}
#home #main_section .home_letter dl dd.contents p.continue a{
	padding-left: 10px;
	background: url(image/home_letter_continue.jpg) left center no-repeat;
	color: #F2680D;
	font-size: 85%;
}

/* JBA会員リスト */
#home #main_section .home_member {
	clear:both;
	margin-bottom: 15px;
}
#home #main_section .home_member h2 {
	width: 637px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 10px;
	background: url(image/home_member_h2.jpg) top left no-repeat;
}
#home #main_section .home_member ul {
	overflow: hidden;
	margin-right: -20px;
}
#home #main_section .home_member ul li {
	float: left;
	width: 200px;
	margin: 0 20px 5px 0;
}
#home #main_section .home_member ul li.right {
	float: right;
	width: 200px;
	margin: 0 20px 5px 0;
}
#home #main_section .home_member ul li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* お問い合わせ */
#home #main_section .home_contact {
	margin-bottom: 15px;
	border-top: 1px solid #EBEBEB;
	padding: 40px 0 20px;
}
#home #main_section .home_contact a {
	display: block;
	width: 254px;
	height: 54px;
	margin: 0 auto;
}
#home #main_section .home_contact a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*------------------------------------------------------
　　　    　　＊ wordpress ブログ部分 ＊
-------------------------------------------------------*/
.entry {
	margin-bottom: 20px;
	overflow: hidden;
}
.entry .date {
	text-align: right;
	margin-bottom: 5px;
}
.entry .category {
	text-align: right;
	margin-top: 5px;
	border-top: 1px dotted #300;
}
.postmetadata{
	text-align:right;
	font-size:77%;
	line-height:145%;
	color:#333;
	padding: 10px 5px 15px 0;
	display:block;
}
.postmetadata a{
	color:#F97A79}
div.postmetadata a:hover{
	color:#F90;
}
p.nocomments{
	text-align:left;
	font-size:0.7em;
	line-height:145%;
	color:#333333;
	padding:20px 20px 20px 29px;
}

/*--------- 次へ前へ部分 ---------*/


ul.pre-nex {
	margin: 10px 0;
	overflow: hidden;
	zoom: 1;
}
li.pre{
	display:block;
	float: left;
	width:310px;
	overflow:hidden;
	text-align:left;
}
li.nex{
	text-align:right;
	width:310px;
	display:block;
	float: right;
	overflow:hidden;
}

a.post-edit-link{
	text-align:left;
	font-size:0.7em;
	line-height:145%;
	color:#333333;
	padding:20px 20px 20px 29px;
}

/*--------- 記事投稿後の画像表示 ---------*/

.attachment{
	text-align:center;}
img.alignleft {
	float:left;
	border:1px solid #DDD;
	margin:1px 15px 15px 0!important;
	padding:0;}
img.alignright{
	float:right;
	padding:0;
	border:1px solid #DDD;
	margin:1px 0 15px 15px!important;}
img.size-thumbnail{
	border:1px solid #EEE;
	margin:0 7px 0 7px;
	padding:0;}
img.size-medium{
	border:1px solid #DDD;
	margin:0 2px 0 2px;
	padding:0;}
img.aligncenter{
	border:1px solid #DDD;
	margin-bottom:15px;}
.alignleft_img{
	float:left;}
.alignright_img{
	float:right;}
.alignleft_img img,.alignright_img img {
	border:1px solid #DDD;
	width:98px;
	height:81px;}
.navigation{
	overflow:hidden;
	margin:10px 3px 15px 3px;}
* html .navigation{
	height:1%;}
.caption{
	padding-top:5px;
	text-align:center;
	font-weight:bold;}
.attachment img{
	border:1px solid #DDD;}
/*--------- ギャラリー ---------*/

div.image_entry{
	padding:15px 0 0;
	text-align:center;
	height:auto;
	width:139px;
	overflow:hidden;
	float:left;}
div.image_entry img{
	border:1px solid #999;
	margin:0 0 3px 0;}
div.image_entry h4 span{
	font-size:93%;
	background:url(image/icon01.jpg) no-repeat;}
div.image_entry h4 span a{
	text-decoration:none;
	color:#666;
	font-weight:normal;
	padding:0 0 0 15px;}
div.image_entry h4 span a:hover{
	text-decoration:none;
	color:#F97A79;}
div.image_entry small{
	font-size:85%;
	line-height:120%;
	color:#666;}
#gallery-1 img{
	border: 1px solid #cfcfcf!important;
	margin-bottom:5px!important;}
dd.gallery-caption{
	background: url(image/icon02.jpg) no-repeat;
	display:inline;
	padding:0 0 0 18px;}

/*------------------------------------------------------
　　　  　　　＊ ページバー ＊
-------------------------------------------------------*/
.area div.pagebar{
	display: none;
}
div.pagebar{
	text-align:center;
	background: #D9D9B2;
	padding: 2px 0 3px;
	margin-bottom: 30px;
}
div.pagebar * {
	vertical-align: middle;
}
div.pagebar a{
	color:#4E4027;
	text-decoration: underline;
	margin-right: 15px;
}
div.pagebar span{
	text-decoration:none;
	font-weight: bold;
	color: #4E4027;
	margin-right: 15px;
}
/* 前の記事 次の記事 */
#article.blog ul.pre-nex {
	overflow: hidden;
	zoom: 1;
	margin: 5px 0;
	background: #D9D9B2;
	font-size: 93%;
}
#article.blog ul.pre-nex .pre {
	float: left;
}
#article.blog ul.pre-nex .nex {
	float: right;
}
#article.blog ul.pre-nex a {
	color: #4E4027;
}