/*****************************************************
    base set
*****************************************************/
@charset "utf-8";
/*back ground [body]*/
body{
	min-width:958px;
	background:url(../images/bg.jpg);
	color:#401900;
}

#page_container{/*main contents [div]*/
	width:100%;
	padding-top:93px;
}

p {
	color:#401900;
}
/*content [div]*/
.content{
	width:958px;
	margin:auto;
	padding-left:10px;
}

/*left nav [*]*/
.main_content .left{
	width:200px;
}
.main_content .left h1.twitter_wiget{
	letter-spacing:0.1em;
}
.twitter_wiget span{
    font-size:83.3%!important;
}
/* left nav [hidden] */
#hidden_left{
 position:fixed;
 top:133px;
}


/*main [*]*/
.main_content .right{
	width:733px;
}



/*sns btn area [div]*/
.sns_area{
	width:100%;
	height:40px;
	padding-top: 10px;
	text-align: right;
}
.sns_area ul{
	width:900px;
	margin: 0 auto;
}
.sns_area ul li{
	float: right;
	padding-right: 10px;
}
.sns_area ul li.fb{
}
.sns_area ul li iframe{
/*	float: left;*/
}

div#widget{
	margin-left:10px!important;
}


/*link style [a]*/
a{
	text-decoration:none;
	color:#333;
}
a:hover{
	color:#bbb;
}



/*title [h1 - h6]*/
h1{
	width:100%;
	/*height:25px;
	line-height:25px;*/
	line-height:1;
	padding-top: 8px;
	padding-bottom:6px;
	color:#401900;
	text-shadow: 1px 1px 0px #f5ebcb;
	font-weight:bold;
	letter-spacing: 0.1em;
	font-size:15px;
}h1 span{
	margin-left:10px;
	display:block;
}div.section200 h1{
	background:url(../images/h1_bg200.jpg) no-repeat;
}div.section343 h1{
	background:url(../images/h1_bg343.jpg) no-repeat;
}div.section725 h1{
	background:url(../images/h1_bg725.jpg) no-repeat;
}div.section950 h1{
	background:url(../images/h1_bg950.jpg) no-repeat;
}
.main_content .left div.section200 h2{
	width:100%;
	line-height:1;
	padding-top: 8px;
	padding-bottom:6px;
	color:#401900;
	text-shadow: 1px 1px 0px #f5ebcb;
	font-weight:bold;
	letter-spacing: 0.1em;
	font-size:15px;
}
.main_content .left div.section200 h2 span{
	display:block;
}
.main_content .left div.section200 h2{
	background:url(../images/h1_bg200.jpg) no-repeat;
}
.main_content .left div.jinjibnr h2{
	color:#ffffff !important;
	text-shadow: 1px 1px 0px #4e090e;
}
.main_content .left div.jinjibnr h2{
	background:url(../images/h2_bg200_jinji.jpg) no-repeat !important;
}

h2{
	width:100%;
	padding-top: 5px;
	padding-bottom: 6px;
	background:url(../images/h2_bg.png) repeat;
	color:#401900;
	/*text-shadow:1px 1px 3px #F3E9C6;*/
	font-weight:bold;

	font-size:13px;
}h2.no_opa{
        background:url(../images/h2_bg_no_opa.jpg) repeat;
}h2 span{
	padding-left: 10px;
	background-position: 5px 3px;
	line-height: 1.2;
	display: block;
}h2 span a{
	color:#401900;
}h2 span a:hover{
	color:#9F8C7F;
}.search01 h2 span, .search02 h2 span, .search03 h2 span, .search04 h2 span{
	padding-left:12px;
	background: none;
}

h3,
h3 a{
	width:100%;
	/*text-shadow:1px 1px 3px #F3E9C6;*/
	font-weight:bold;
	font-size: 107%;
	color:#401900;
}

h4{
	width:100%;
	background:url(../images/h4_bg.png);
	color:#401900;
	/*text-shadow:1px 1px 3px #F3E9C6;*/
	font-weight:bold;

	font-size:13px;
	margin-bottom:5px;
}h4 span{
	padding-left:12px;
	background:url(../images/h4_bg_head.png) repeat-y;
	display: block;
}h4 span a{
	color:#401900;
}h4 span a:hover{
	color:#9F8C7F;
}
h5{
	width:100%;
	line-height:1;
	/*background:url(../images/h5_bg.png) repeat-x;*/
	color:#401900;
	/*text-shadow:1px 1px 3px #F3E9C6;*/
	font-weight:bold;
	border:solid 1px #EAD899;

	font-size:13px;
	margin-bottom:5px;
	background:#EAD899;
}h5 span{
	padding-top: 6px;
	padding-bottom: 4px;
	display:block;
	padding-left:19px;
	background:url(../images/h5_bg.png) no-repeat;
	border-bottom:1px solid #fff;
}
h6{
	width:100%;
	line-height:1;
	background:url(../images/h6_bg.png) repeat-x bottom;
	color:#401900;
	font-weight:bold;
	font-size:13px;
	margin-bottom:5px;
	padding-bottom:10px;
}h6 span{
	display:block;
	padding-left:19px;
	background:url(../images/h6_bg_head.png) no-repeat;
}
span.h7{
	font-weight:bold;
	font-size: 107%;
	color:#401900;
	border-bottom:dashed 1px #9F8C7F;
	background:url(../images/h7_bg_head.jpg) no-repeat;
	padding-left:10px;
	display: block;
	margin-right: 15px;
	margin-bottom: 5px;
	line-height: 1.4;
}
span.h7_long{
	font-weight:bold;
	font-size: 107%;
	color:#401900;
	border-bottom:dashed 1px #9F8C7F;
	background:url(../images/h7_bg_head_long.jpg) no-repeat;
	padding-left:10px;
	display: block;
	margin-right: 15px;
	margin-bottom: 5px;
	line-height: 1.4;
}

h8{   /*--twitter--*/
	width:100%;
	line-height:1;
	background:url(../../images/twitter/twitter_02.jpg) no-repeat;
	color:#401900;
	font-weight:bold;
	font-size:15px;
	margin-bottom:5px;
}
h8 span{
	display:block;
	padding-left:60px;
	background:url(../../images/twitter/twitter_02.jpg) no-repeat;
	padding-bottom:10px;
	padding-top:10px;
}



.main_content .left div.section200 {
}
.main_content .left div.section200 h3{
	width:97%;
	margin-right: 8px;
	padding-top: 8px;
	padding-bottom: 6px;
	background:url(../images/h2_bg.png) repeat;
	color:#401900;
	font-weight:bold;
	font-size:15px;
}
.main_content .left div.section200 h3.no_opa{
    background:url(../images/h2_bg_no_opa.jpg) repeat;
}
.main_content .left div.section200 h3 span{
	padding-left: 10px;
	background-position: 5px 3px;
	line-height: 1.2;
	display: block;
    text-shadow: 1px 1px 0px #f5ebcb;
}
.main_content .left div.section200 h3 span a{
	color:#401900;
}
.main_content .left div.section200 h3 span a:hover{
	color:#9F8C7F;
}

.main_content .left div.section200 h3{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dec36a), color-stop(0.00, #f1e1ad));
    background: -webkit-linear-gradient(#f1e1ad, #dec36a);
    background: -moz-linear-gradient(#f1e1ad, #dec36a);
    background: -o-linear-gradient(#f1e1ad, #dec36a);
    background: -ms-linear-gradient(#f1e1ad, #dec36a);
    background: linear-gradient(#f1e1ad, #dec36a);
    /*角丸指定*/
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.main_content .left div.jinjibnr h3 span{
    color:#ffffff !important;
    text-shadow: 1px 1px 0px #4e090e !important;
}
.main_content .left div.jinjibnr h3{
    background:url(/common/images/h2_bg200_jinji.jpg) no-repeat !important;
}

.main_content .left div.section200 h4{
    margin-bottom: 0px;
    width:100%;
    padding-top: 5px;
    padding-bottom: 6px;
    background:url(/common/images/h2_bg.png) repeat;
    color:#401900;
    font-weight:bold;
    font-size:13px;
}
.main_content .left div.section200 h4.no_opa{
        background:url(/common/images/h2_bg_no_opa.jpg) repeat;
}
.main_content .left div.section200 h4 span{
    background:none;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom:0px;
    background-position: 5px 3px;
    line-height: 1.2;
    display: block;
}
.main_content .left div.section200 h4 span a{
    color:#401900;
}
.main_content .left div.section200 h4 span a:hover{
    color:#9F8C7F;
}




div.section725 h2,
div.section950 h2{
	font-size:15px;
	padding-top: 0;
	padding-bottom: 0;
}
div.section725 h2 span,
div.section950 h2 span{
	padding-left:12px;
	padding-top: 5px;
	padding-bottom: 5px;
	background:url(../images/h4_bg_head.png) repeat-y;
}

div.section725 h3{
}
/*div.section725 h4{
	font-size:15px;
}*/





/*section [div]*/
div.section200,
div.section343,
div.section725,
div.section950{
	background-color:#FFF;
	background:url(../images/section_bg.jpg) repeat-y right;
}
.section_content,
.section_content_boder_no{
	padding:10px;
	padding-right:20px;/*本来18px borderの分2px加算*/
	padding-bottom:5px;
}
.section_content_boder_no{/*section border none*/
	padding-right:18px;
}
.section_bottom{/*section bottom bg(cap)*/
	height:13px;
}

div.section200{
	width:208px;
}div.section200 div.section_bottom{
	background:url(../images/section_bottom200.jpg) no-repeat;
}

div.section343{
	width: 361px;
}div.section343 div.section_bottom{
	background:url(../images/section_bottom343.jpg) no-repeat;
}

div.section725{
	width:733px;
}div.section725 div.section_bottom{
	background:url(../images/section_bottom725.jpg) no-repeat;
}

div.section950{
	width:958px;
}div.section950 div.section_bottom{
	background:url(../images/section_bottom950.jpg) no-repeat;
}



/*left nav [side nav]*/
ul.left_nav_list li a{
	display:block;
	border-bottom:#CCC dashed 1px;
	padding:3px 0;
	padding-left:20px;
	line-height:1.1;
	background:url(../images/h2_icon2.png) no-repeat;
	background-position:8px 6px;
}
ul.left_nav_list li.last a{
	border:none;
}
ul.left_nav_list li.on{
	background:#FBF8EE;
	font-weight:bold;
}
ul.left_nav_list li.on a{
	color:#574614!important;
}




/*in box*/
.in_box{
	width:100%;
	border:#CCC solid 1px;
}
/*search box*/
.search01{
	background:url(../images/left_nav/bg_search01.jpg) no-repeat;
	border:#DED29E solid 1px;
}
.search02{
	background:url(../images/left_nav/bg_search02.jpg) no-repeat;
	border:#DED29E solid 1px;
}
.search02 .txt9{
	letter-spacing:-0.2em;
}
.search03{
	background:url(../images/left_nav/bg_search03.jpg) no-repeat;
	border:#DED29E solid 1px;
}
.search04{
	background:url(../images/left_nav/bg_search04.jpg) no-repeat;
	border:#DED29E solid 1px;
}

/*lineup box*/
.in_box.lineup span.beer_ttl{
	display:block;
	width: 130px;
	float:right;
	margin-top:10px;
	margin-right:10px;
}
.lineup01{
	background:url(../images/left_nav/bg_lineup01.jpg) no-repeat;
}
.lineup02{
	background:url(../images/left_nav/bg_lineup02.jpg) no-repeat;
}
.lineup03{
	background:url(../images/left_nav/bg_lineup03.jpg) no-repeat;
}
.lineup04{
	background:url(../images/left_nav/bg_lineup04.jpg) no-repeat;
}
.lineup05{
	background:url(../images/left_nav/bg_lineup05.jpg) no-repeat;
}
.lineup06{
	background:url(../images/left_nav/bg_lineup06.jpg) no-repeat;
}
.lineup07{
	background:url(../images/left_nav/bg_lineup07.jpg) no-repeat;
}
.lineup08{
	background:url(../images/left_nav/bg_lineup08.jpg) no-repeat;
	background-position:0 5px;
}
.lineup09{
	background:url(../images/left_nav/bg_lineup09.jpg) no-repeat;
	background-position:0 5px;
}
.lineup01,
.lineup02,
.lineup03{
	background-position:0 0;
}
.lineup04,
.lineup05,
.lineup06,
.lineup07{
	background-position:0 15px;
}


/*btn more*/
.btn_more{
	margin:10px;
}
.btn_more li{
	width: 130px;
	height:20px;
	text-align:center;
	line-height:20px;
	background:url(../images/bg_nav_list.png) no-repeat;
}
.btn_more li.long{
	width:180px;
	background:url(../images/bg_nav_list_long.png) no-repeat;
}
.btn_more li.slong{
	width:244px;
	background:url(../images/bg_nav_list_slong.png) no-repeat;
}
.btn_more li a{
	padding: 0px 0;
	display: block;
}
.btn_more li a.tri{
	padding-left:10px;
	background:url(../images/icon/tri.jpg) no-repeat;
	background-position: 10px 7px;
}
.btn_more li a.tri:hover{
	background:url(../images/icon/tri_on.jpg) no-repeat;
	background-position: 10px 7px;
}
.btn_more li a.tri.txt11{
	background-position:0px 4px;
}
.btn_more li a.tri.txt9{
	background-position:0px 3px;
}
.btn_more li a.pdf{
	padding-left:15px;
	background:url(../images/icon/pdf.jpg) no-repeat;
	background-position: 10px 3px;
}

/*list mark on*/
ul.on_mark li{
	padding-left:13px;
	background:url(../images/icon/mark.jpg) no-repeat;
	color:#401900;
	background-position:0px 5px;
}
/*mark icon phone*/
.icon_tel {
	line-height: 25px;
	padding-left: 18px;
	background:url(../images/icon/tel.jpg) no-repeat;
	color:#401900;
	background-position: 0px 5px;
	font-size: 115%;
}
/*mark icon phone*/
.icon_star {
	/*display:block;*/
	/*line-height: 25px;*/
	padding-left: 23px;
	background:url(../images/icon/star.jpg) no-repeat;
	/*color:#401900;*/
	/*background-position: 0px 2px;*/
	/*font-size: 105%;*/
	/*font-weight:bold;*/
	/*border-bottom:dotted 1px #401900;*/
}/*twitter wiget*/

.twtr-hd,
.twtr-ft{
	display:none;
}
.twtr-tweet{
	border-bottom:1px dashed #CCC!important;
}
.twtr-tweet-text{
	/*font-size:93%;*/
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;/*302 custom*/
}
.twtr-tweet-text a{
	font-weight:bold;
}

/*txt decoration*/
.txt_red{
	color:#C00;
}
.txt_gray999{
	color:#999;
}
.indent05{
	text-indent:-1em;
	padding-left:1em;
}



/*-------------------------------
tab content
-------------------------------*/
#ui-tab .ui-tabs-panel{/*tab contents all*/
	margin:0;
}

.news_box{/*tab content news*/
	width:700px;
	border-bottom:#CCC 1px dashed;
	padding:15px 0;
	position:relative;
}
.news_box.last{/*tab content news last*/
	border:none;
	padding-bottom:0;
}
.news_box .new{
	position:absolute;
	top:-8px;
	left:-28px;
	z-index:100;
}


span.label,
ul.label li{
	display:inline-block;
	padding:3px 5px;
	color:#672005;
	font-weight:bold;
	background:url(/common/images/bg_label.png);

/*	margin-right:10px;*/
}
.news_box .day{
	color:#947823;
	font-weight:bold;
}
.news_content .title a{
	display:block;
	line-height:1.2;
	color:#672005;
	font-weight:bold;
	/*margin-top:10px;*/
	margin-bottom:3px;
}
.news_content .title a:hover{
	color:#7A5E5E;
}

/*table style*/
table{
	border:#CCC solid 1px;
	border-right:none;
	border-bottom:none;
}
table tr th{
	background:url(../images/h2_bg.png);
	font-weight:bold;
	padding:4px;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
table tr td{
	padding:4px;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
/*table.pdg3 tr td{
	padding:3px;
}*/
table tr td.pdg1{
	padding:1px;
	font-size: 0.5rem;
}
table tr td .pstext{
	font-size: 0.5rem;
}

/*店舗一覧テンプレ*/
/*----------------------
shop_list
------------------------*/
ul.shop_list li{
	border-bottom:#CCC dashed 1px;
	padding:10px 0;
}
ul.shop_list li.last{
	border:none;
}

p.cardyuutai-atttxt { text-indent: -1.2em; padding-left: 1.2em; color: #ae8b2a; font-size: 10px;}


/*IE 8 hack*/
/*ul.global_nav_container li ul li a { color: blue; }test記述*/
head~/**/body .twtr-tweet-text { font-family:"MS Pゴシック" ; }
html:not(:target) .twtr-tweet-text { font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif; }



/*レスポンシブ化まだのページはスマホのheaderださない*/
.sp{
    display: none;
}