@charset "UTF-8";

/*
!important;

display:block;
overflow: hidden;
text-indent:-9999px;
*/

/*
@media screen and (min-width:1281px){}
@media screen and (max-width:1280px) and (min-width: 769px){} *PC / iPad Retina
@media screen and (max-width:768px) and (min-width: 641px){} *iPad
@media screen and (max-width:640px) and (min-width: 321px){} *iPhone Retina
@media screen and (max-width:320px){} *iPhone
*/

/*
dl{}
dl dt{width:180px;clear:both; float: left;padding:0;}
dl dd {margin-left:180px;padding:0;}
dl dt,
dl dd{margin-bottom: 5px;}
dl dd:after{content:'';display:block;clear:both;}
*/

/*
.font-10{font-size:77%;}
.font-11{font-size:85%;}
.font-12{font-size:93%;}
.font-13{font-size:100%;}
.font-14{font-size:108%;}
.font-15{font-size:116%;}
.font-16{font-size:123.1%;}
.font-17{font-size:131%;}
.font-18{font-size:138.5%;}
.font-19{font-size:146.5%;}
.font-20{font-size:153.9%;}
.font-21{font-size:161.6%;}
.font-22{font-size:167%;}
.font-23{font-size:174%;}
.font-24{font-size:182%;}
.font-25{font-size:189%;}
.font-26{font-size:197%;}
*/

/*
table {
	background-color: #ffffff;
	border:#ddd 1px solid;
	border-collapse: collapse;
	font-size: 11px;
	width: 100%;
	color:#333333;
} 
table th.t_top {
	border-bottom: #dcdddd 1px solid;
	background-color: #efefef;
	text-align: left;
	padding: 10px;
} 
table td.t_line01 {
	background-color: #fff;
	text-align: left;
	padding: 10px;
	vertical-align: top;
}
table td.t_line02 {
	background-color: #f7f8f8;
	text-align: left;
	padding: 10px;
	vertical-align: top;
}

*/

*{margin:0;padding:0;word-wrap: break-word;}

body{
font-family:"ヒラギノ角ゴ ProN W3",Arial,"Hiragino Kaku Gothic ProN",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:13px;
line-height:1.6;
margin:0;
padding:0;
color:#333;
-webkit-text-size-adjust:none;
min-width:980px;
position: relative;
}

/* */

a{outline:none;}

a:link{color:#333;}
a:visited{color:#333;}
a:hover{color:#AA0000;}
a:active{color:#AA0000;}

a:link,a:visited,a:active{text-decoration:none;}
a:hover{text-decoration:underline;}
a:link,a:visited,a:hover,a:active{background:transparent;font-weight:normal;}

a img{border:none;text-decoration:none;}

::selection { background:#555555; color:#FFF; }
::-moz-selection { background:#555555; color:#FFF; }

/**/

.clear,
.clearfix{display:block;clear:both;}

.cf:after {  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;
content: " ";
clear: both;
}
* html .cf			 { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

/**/

#page-top { position: fixed; bottom: 15px; right: 15px; font-size: 77%; }
#page-top a { background: #555; text-decoration: none; color: #fff; width: 80px; padding: 20px 0; text-align: center; display: block; border-radius: 5px;}
#page-top a:hover { text-decoration: none; background: #999;}

/* body */

#home{

}

img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
z-index:-1;
}

@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}

/* header */

#frame_header{
width:100%;
height:160px;
margin:0;
padding:0;
background:url("http://www.e-brigade.jp/toribeer.com/common/img/header.jpg") center 0 repeat-x;
text-align:center;
}

#frame_header_group{
width:294px;
margin:0 auto;
}

#motif a,
#logo a{
padding:0;
display:block;
overflow: hidden;
text-indent:-9999px;
}

#motif a{
width:93px;
height:81px;
margin:0 0 15px 0;
background:url("http://www.e-brigade.jp/toribeer.com/common/img/motif.png") 0 0 no-repeat;
float:left;
}

#logo a{
width:195px;
height:57px;
margin:12px 0 0 0;
background:url("http://www.e-brigade.jp/toribeer.com/common/img/logo.png") 0 0 no-repeat;
float:right;
}

/**/

#frame_header_nav{
margin:0 auto;
display:inline-block;
position: relative;
}

#frame_header_nav:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#frame_header_nav ul{
list-style-type:none;
}

#frame_header_nav ul li,
#frame_header_nav ul li:first-child{
float: left;
position: relative;
}

#frame_header_nav ul li{margin-left:45px;}
#frame_header_nav ul li:first-child{margin:0;}

#frame_header_nav li ul.drop {
width:300px;
position:absolute;
display:none;
float:none;
z-index:99;
left:0;
top:80px;
}

#frame_header_nav li ul.drop li{
float:none;
position:static;
margin:0;
}

#frame_header_nav li ul.drop li a{
display:block;
_zoom:1;
}

/* contener */

#contener_inner{
width:940px;
margin:0 auto 50px;
padding:50px 0;
}

#contents{
width:670px;
float:right;
}

#contener_archive{
width:100%;
margin:0;
padding:20px 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("ie-css3.htc.htc");
background-color: transparent;
background-color: rgba(255, 249, 226, 0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9fFFF9E2,endcolorstr=#9fFFF9E2,gradienttype=0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#9fFFF9E2,endColorstr=#9fFFF9E2)";
}

#title{
margin:10px auto 20px;
padding:0;
text-align:center;
}

#text{
margin:0 0 30px;
padding:0;
text-align:center;
}

/**/

#sidebar{
width:250px;
float:left;
position: relative;
}

#sidebar_title{
width:250px;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
text-align:center;
z-index:98;
}

#sidebar_coupon_01,
#sidebar_coupon_02{
position:absolute;
z-index:99;
left:200px;
}

#sidebar_coupon_01{top:20px;}
#sidebar_coupon_02{top:110px;}

#sidebar_box{
color:#fff;
margin:30px 0 20px 0;
padding:40px 10px 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("ie-css3.htc.htc");
background-color: transparent;
background-color: rgba(0, 0, 0, 0.75);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000,gradienttype=0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)";
}

#sidebar_btn_01 a,
#sidebar_btn_02 a{
width:230px;
height:77px;
padding:0;
display:block;
overflow: hidden;
text-indent:-9999px;
}

#sidebar_btn_01 a{background:url("http://www.e-brigade.jp/toribeer.com/common/img/sidebar_btn.gif") 0 0 no-repeat;margin:0 0 10px 0;}
#sidebar_btn_01 a:hover{background:url("http://www.e-brigade.jp/toribeer.com/common/img/sidebar_btn.gif") -230px 0 no-repeat;}

#sidebar_btn_02 a{background:url("http://www.e-brigade.jp/toribeer.com/common/img/sidebar_btn.gif") 0 -77px no-repeat;
margin:0 0 15px 0;
padding:0 0 15px 0;
border-bottom:dotted 1px #ccc;
}
#sidebar_btn_02 a:hover{background:url("http://www.e-brigade.jp/toribeer.com/common/img/sidebar_btn.gif") -230px -77px no-repeat;}

#sidebar_recruit{
margin:0;
padding:0;
}

.fb-like-box{
background-color:#fff;
margin:0 0 20px 0;
}

/* footer */

#frame_footer{
width:100%;
height:130px;
margin:0;
padding:0;
background:url("http://www.e-brigade.jp/toribeer.com/common/img/footer.jpg") center 0 repeat-x;
text-align:center;
clear:both;
}

#frame_footer_nav{
width:765px;
margin:0 auto;
padding:20px 0 15px;
text-align:center;
}

#frame_footer_nav ul{
list-style-type:none;
}

#frame_footer_nav ul li a{
padding:0;
display:block;
overflow: hidden;
text-indent:-9999px;
line-height:60px;
}

#link_01 a{background:url("http://www.e-brigade.jp/toribeer.com/common/img/link_01.png") 0 center no-repeat;width:180px; height:60px; margin-right:25px;float:left;}
#link_02 a{background:url("http://www.e-brigade.jp/toribeer.com/common/img/link_02.png") 0 center no-repeat;width:156px; height:60px; margin-right:25px;float:left;}
#link_03 a{background:url("http://www.e-brigade.jp/toribeer.com/common/img/link_03.png") 0 center no-repeat;width:174px; height:60px;float:left;}
#link_04 a{background:url("http://www.e-brigade.jp/toribeer.com/common/img/link_04.gif") 0 center no-repeat;width:180px; height:60px;float:right;}

#frame_footer_copy{
color:#fff;
font-size:77%;
text-transform:uppercase;
}

/* HOME */

#home_image{
margin:0 0 10px 0;
}

#home_image, #home_menu, #home_concept, #home_shibuya, #home_nakame{
width:325px;
}

#home_menu,
#home_shibuya{float:left;}
#home_concept,
#home_nakame{float:right;}

#home_menu{
height:45px;
margin:0 0 10px 0;
padding:154px 0 0 0;
overflow: hidden;
background:url("http://www.e-brigade.jp/toribeer.com/common/img/home/menu.png") 0 0 no-repeat;
}

#home_menu_shibuya,
#home_menu_nakame{
width:125px;
padding:2px 10px 0;
text-align:center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("ie-css3.htc.htc");
background-color: transparent;
background-color: rgba(255, 204, 0, 0.75);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fFFCC00,endcolorstr=#7fFFCC00,gradienttype=0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFCC00,endColorstr=#7fFFCC00)";
}

#home_menu_shibuya{float:left; margin-left:10px;}
#home_menu_nakame{float:right; margin-right:10px;}

#home_menu_shibuya a,
#home_menu_nakame a{color:#fff;}

#home_concept{margin:0 0 10px 0;}

#home_shibuya,
#home_nakame{
height:190px;
margin:0;
padding:0;
overflow: hidden;
position:relative;
}

#home_shibuya{background:url("http://www.e-brigade.jp/toribeer.com/common/img/home/shop_01.png") 0 0 no-repeat;}
#home_nakame{background:url("http://www.e-brigade.jp/toribeer.com/common/img/home/shop_02.png") 0 0 no-repeat;}

#home_shibuya_tel a,
#home_nakame_tel a{
width:160px;
height:41px;
position:absolute;
top:20px;
right:10px;
margin:0;
padding:0;
display:block;
overflow: hidden;
text-indent:-9999px;
}

#home_shibuya_tel a{background:url("http://www.e-brigade.jp/toribeer.com/common/img/home/home_shibuya_tel.png") 0 0 no-repeat;}
#home_nakame_tel a{background:url("http://www.e-brigade.jp/toribeer.com/common/img/home/home_nakame_tel.png") 0 0 no-repeat;}

.shop_data{padding:85px 20px 0;}

.shop_data_01,
.shop_data_02{
padding:0 0 0 70px;
font-size:93%;
line-height:1.6;
}

.shop_data_01 span,
.shop_data_02 span{font-size:77%;}

.shop_data_01{background:url("http://www.e-brigade.jp/toribeer.com/common/img/home/shop_data_01.png") 0 0 no-repeat; margin:0 0 10px 0;}
.shop_data_02{background:url("http://www.e-brigade.jp/toribeer.com/common/img/home/shop_data_02.png") 0 0 no-repeat; margin:0;}

/* INFORMATION */

#information_block{
margin:0;
padding:15px 0 0 0;
position: relative;
}

#information_box{
margin:0;
padding:30px 0 0 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("ie-css3.htc.htc");
background-color: transparent;
background-color: rgba(0, 0, 0, 0.75);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000,gradienttype=0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)"
}

#information_header{
margin:0;
padding:0;
position:absolute;
top:0;
left:30px;
}

#information_inner{padding:0 15px 15px;}

#information_contener{
width:90%;
margin:0;
padding:10px 0 0 10%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("ie-css3.htc.htc");
background-color: transparent;
background-color: rgba(255, 249, 226, 0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9fFFF9E2,endcolorstr=#9fFFF9E2,gradienttype=0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#9fFFF9E2,endColorstr=#9fFFF9E2)";
}

#information_contener dl{
font-size:93%;
padding:0 20px 0 60px;
}

#information_contener dt{
	float : left;
	clear : left;
	width : 10em;
	padding:10px 0 0;
}

#information_contener dd{
	border-bottom:dotted 1px #999;
	padding:10px 0 10px 10em;
}


/*  MAP */

#map_box{
margin:0 0 20px 0;
padding:20px 15px 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:solid 1px #ccc;
behavior: url("ie-css3.htc.htc");
background-color:#fff;
}

#map_canvas{
width:100%;
height:380px;
margin: 0 0 20px 0;
border:solid 1px #ccc;
}

#map_box dl{font-size:93%;}
#map_box dl dt{width:100px;clear:both; float: left;padding:0;}
#map_box dl dd {margin:0;padding-left:100px;border-bottom:solid 1px #ccc;}
#map_box dl dt,
#map_box dl dd{margin-bottom:10px;}
#map_box dl dd:after{content:'';display:block;clear:both;}

#map_box dl span{font-size:84%;}

#coupon_box{
width:100%;
margin:0 0 20px;
border:solid 1px #ccc;
background-color:#fff;
}

#coupon_box_inner{
padding:15px;
text-align:center;
font-size:138.5%;
color:#AA0000;
}

#social_box{
padding:0 15px;
margin:0;
}

#facebook_box,
#twitter_box{
width:310px;
margin:0;
padding:0;
}

#facebook_box iframe,
#twitter_box iframe{background:#fff;}

#facebook_box{float:left;}
#twitter_box{float:right;}

#lean_overlay{
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}

#coupon{
	display:none;
	padding:10px 5px 10px 10px;
	background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

/* coupon */

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(http://www.e-brigade.jp/toribeer.com/common/img/js/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(http://www.e-brigade.jp/toribeer.com/common/img/js/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(http://www.e-brigade.jp/toribeer.com/common/img/js/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(http://www.e-brigade.jp/toribeer.com/common/img/js/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}
#frameless {padding:0}
#frameless .tclose {left:6px}

/* recruit */

#job dl{margin-bottom:50px;padding-top:15px;border-top:solid 1px #ccc;font-size:104%;}
#job dl dt{width:85px;clear:both; float: left;padding:0;}
#job dl dd {padding-left:95px;border-bottom:solid 1px #ccc;}
#job dl dt,
#job dl dd{margin-bottom:10px;}
#job dl dd:after{content:'';display:block;clear:both;}
#job dl span{font-size:84%;}
#job dl p{margin-bottom:10px;}

/* form */

#form_box{
	border-top: solid 1px #999999;
}
#form_box #form_text{
font-size: 93%;
padding:12px 0 10px;
border-bottom: solid 1px #999999;
}
#form_box form#mailform {
	padding: 5px;
}
#form_box table.mailform {
	width: 100%;
}
#form_box table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 93%;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
#form_box able.mailform tr th {
	width: 150px;
}
#form_box table.mailform tr th span {
	color: #CC0000;
	font-size: 84%;
}
#form_box table.mailform tr th p {
	margin: 0;
	padding: 0;
	font-size: 84%;
	color: #999999;
}
#form_box table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}


/* staff */

.staff-bg-top{
margin:0 0 50px 0;
padding:0;
background:url("http://www.e-brigade.jp/toribeer.com/common/img/staff/bg-top.png") center 0 no-repeat;
}

.staff-bg-bottom{
margin:0;
padding:0 0 15px 0;
background:url("http://www.e-brigade.jp/toribeer.com/common/img/staff/bg-bottom.png") center bottom no-repeat;
}

.staff-bg-inner{
margin:0;
padding:30px 0 0 0;
text-align:center;
}

.staff-name{
margin:0 0 15px 0;
padding:0;
}

.staff-image{
margin: 0;
padding: 0;
}

/*  */

#concept_image_01,
#concept_image_02{
width:600px;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:center;
}

#concept_image_01{margin-bottom:30px;}
#concept_image_02{margin-bottom:0;}

/**/

#menu_bg_top,
#menu_bg_bottom,
#menu_bg_middle{
width:614px;
margin:0 auto;
}

#menu_bg_top{background:url("http://www.e-brigade.jp/toribeer.com/common/img/menu/bg_top.png") center 0 no-repeat;position:relative;padding:10px 0 0 0;}
#menu_bg_middle{background:url("http://www.e-brigade.jp/toribeer.com/common/img/menu/bg_middle.png") center 0 repeat-y;}
#menu_bg_bottom{background:url("http://www.e-brigade.jp/toribeer.com/common/img/menu/bg_bottom.png") center bottom no-repeat;padding:0 0 10px 0;}

.menu_inner{
margin:0;
padding:20px 25px 0;
}

.menu_box{
margin:0 0 20px 0;
padding:0;
position:relative;
}

.menu_pickup{
position:absolute;
top:0;
left:0;
}

.menu_category{
margin:0 0 20px 0;
padding:0 0 0 51px;
background:url("http://www.e-brigade.jp/toribeer.com/common/img/menu/mark.png") 0 4px no-repeat;
}

.menu_category_pickup{
margin:0 0 20px 130px;
padding:30px 0 0 51px;
background:url("http://www.e-brigade.jp/toribeer.com/common/img/menu/mark.png") 0 34px no-repeat;
}


.menu_image{
margin:0 0 20px 0;
padding:0;
}

.menu_left,
.menu_right{width:270px;}

.menu_left{float:left;}
.menu_right{float:right;}

.menu{
width:100%;
margin:0;
padding:0;
}

.menu_name_01,
.menu_name_02,
.menu_name_03,
.menu_name_04{
width:80%;
height:36px;
line-height:36px;
margin:0 0 5px 0;
padding:0;
float:left;
color:#2D170A;
font-weight:bold;
font-size:108%;
}

.menu_name_02{background:url("http://www.e-brigade.jp/toribeer.com/common/img/menu/remited.png") 0 0 no-repeat;text-indent:3em;}
.menu_name_03{background:url("http://www.e-brigade.jp/toribeer.com/common/img/menu/boss_osusume.png") 0 0 no-repeat;text-indent:3.5em;}
.menu_name_04{background:url("http://www.e-brigade.jp/toribeer.com/common/img/menu/nakame.png") 0 0 no-repeat;text-indent:3em;}

.menu_price{
width:20%;
height:36px;
line-height:36px;
margin:0 0 5px 0;
padding:0;
text-align:right;
float:right;
font-size:93%;
}

.menu_text{
margin:0 0 20px 0;
padding:0;
clear:both;
font-size:77%;
}


.menu_name_drink{
width:75%;
margin:0 0 10px 0;
padding:0;
float:left;
color:#2D170A;
font-weight:bold;
font-size:108%;
}

.menu_name_drink span{
font-size:10px;
}

.menu_drink_price{
width:25%;
margin:0 0 10px 0;
padding:0;
text-align:right;
float:right;
font-size:93%;
}
.menu_drink_price2{
width:100%;
margin:0 0 10px 0;
padding:0;
text-align:right;
clear:both;
font-size:93%;
}

/**/

.attention{
color:#ff0000;
margin:0 auto;
padding:1em;
clear:both;
text-align:center;
font-size:104%;
font-weight:bold;
}