/*****************************************************
    brand set
*****************************************************/
@charset "utf-8";

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

.ui-tabs-nav {
    padding: 15px 0 0 0px;
}


.main_content .right {
	float: right;
    padding-right: 8px;
    margin-top: -6px;
}
.main_content .left {
	float: left;
}


/*left nav [side nav only brand]*/
.brand li a{
	display:block;
	border-bottom:#CCC dashed 1px;
	padding:3px 0;
	padding-left:9px;
	line-height:1.1;
}
.brand li.last a{
	border:none;
}
.brand li.on{
	background:#FBF8EE;
	font-weight:bold;
}	
.brand li.on a{
	color:#574614!important;
}


/*----------------------
brand_list [index.html]
------------------------*/


.brand_list_box{
	width:100%;
}
.brand_list_box div.brand_list{
	width:331px;
	height:100%;
}

.brand_list_box div.last{
	border-bottom:none;
}
.brand_list_box div.brand_list div.clearfix,
.brand_list_box div.brand_list div.mono_logo{
	border:#eee solid 1px;
}
.brand_list_box div.brand_list div.clearfix img{
	margin:5px;
	margin-left:0px
}
.brand_list_box div.brand_list div.clearfix a img{
	margin-right:0;
	margin-left:5px;
}
.brand_list {
	background:url(../images/index/box_tb.jpg) no-repeat;
	margin-bottom:0;
}
.brand_list a{
	display:block;
	height: 215px;
	background:url(../images/index/box_bb.jpg) no-repeat;
	background-position: bottom left;
	padding: 10px;
	padding-bottom: 40px;
}
.brand_list a img{
	width:327px;
}
.container2_3 .brand_list {
	background:url(../images/index/box_ts.jpg) no-repeat;
}
.container2_3 .brand_list a{
	height: 210px;
	background:url(../images/index/box_bs.jpg) no-repeat;
	background-position: bottom left;
}
.container2_3 .brand_list a img{
	width:207px;
}

.brand_list a p{
    padding-left:5px;
}
/*div height eq*/
.container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
/*	background:#ffa7a7;  column 2 background colour */
	/*border-bottom:#CCC dashed 1px;*/
	position:relative;
	margin-bottom: 5px;
}
.container2.last{
	border-bottom:none;
}

.container1 {
	float:left;
	width: 726px;
	position:relative;
	right: 363px;
/*	background:#fff689;  column 1 background colour */
	/*border-right:#CCC dashed 1px;*/
}
.col1 {
	float:left;
/*	width:46%;*/
	width: 347px;
	position:relative;
/*	left:52%;*/
	left: 363px;
	overflow:hidden;
}
.col2 {
	float:left;
/*	width:46%;*/
	width: 347px;
	position:relative;
/*	left:56%;*/
	left: 368px;
	overflow:hidden;
}
/*#col1, #col2{
	margin-bottom:40px;
}
*/
.col3 { /*-------20120426---------*/
/*	float:left;*/
/*	width:46%;*/
/*	width: 347px;*/
	position:relative;
/*	left:56%;*/
/*	left: 312px;*/
	overflow:hidden;
}


/***************************************/
/* Start of Column CSS */
.container3_3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	/*background:#89ffa2;  column 3 background colour */
	/*border-bottom:#CCC dashed 1px;*/
	position:relative;
	margin-bottom: 6px;
}
.container3_3.last{
	border-bottom:none;
}

.container2_3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right: 234px;
	/*background:#ffa7a7;  column 2 background colour */
	/*border-right:#CCC dashed 1px;*/
}
.container1_3 {
	float:left;
	width:100%;
	position:relative;
	right: 242px;
	/*background:#fff689;  column 1 background colour */
	/*border-right:#CCC dashed 1px;*/
}
.col1_3 {
	float:left;
	width: 227px;
	position:relative;
	left: 476px;
	overflow:hidden;
}
.col2_3 {
	float:left;
	width: 227px;
	position:relative;
	left: 485px;
	overflow:hidden;
}
.col3_3 {
	float:left;
	width: 227px;
	position:relative;
	left: 493px;
	overflow:hidden;
}
.col1_3 .mono_logo, #col2_3 .mono_logo, #col3_3 .mono_logo{
	text-align:center;
}
/*#col1_3, #col2_3, #col3_3{
	margin-bottom:40px;
}*/

/****************************************/


.container1 .btn_more, .container2 .btn_more,
.container1_3 .btn_more, .container2_3 .btn_more, .container3_3 .btn_more {
	position:absolute;
	bottom:0;
	right:0;
	padding-bottom: 15px;
	padding-right: 10px;
}





.shop_images img.fll{
	margin-right:15px;
}

/*----------------------
osusume menu box in tab
------------------------*/
.menu_wrap{
	width: 98%;
	margin:auto;
}
.menu_wrap h3{
	margin-top:5px;
}
img.shadow{
	box-shadow:1px 1px 2px #eee;
}
.menu_wrap .menu_box{
	position:relative;
	float: left;
    margin-right: 2%;
    margin-bottom: 10px;
}
.menu_wrap img{
	width: 100%;
}
.menu_wrap.column1 div.menu_box{
	float: none;
	width: 98%;
    margin-right: 0%;
}
.menu_wrap.column2 div.menu_box{
	width:49%;
}
.menu_wrap.column2 .menu_box:nth-child(2n){
    margin-right: 0%;
}
.menu_wrap.column3 .menu_box{
	width: 32%;
}
.menu_wrap.column3 .menu_box:nth-child(3n){
    margin-right: 0%;
}

@media (max-width: 580px) {

.menu_wrap.column3 .menu_box{
	width:49%;
}
.menu_wrap.column3 .menu_box:nth-child(3n){
    margin-right: 2%;
}
.menu_wrap.column3 .menu_box:nth-child(2n){
    margin-right: 0%;
}

}




.menu_wrap.column2 div.full{
	width:100%;
	margin-right: 28px;
}

.menu_box .new{/*badge*/
	position:absolute;
	top:-10px;
	right:-15px;
	z-index:50;
}

.price{
	display:block;
	text-align:right;
}

/*----------------------
party box in tab
------------------------*/


.att{
	margin-top:10px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:5px;
	border:#9F8C7F dashed 1px;
	padding:10px;
}
.att p{
	text-indent:-1.5em;
	padding-left:1.5em;
	margin-bottom:5px;
}

@media (max-width: 640px) {
.att {
    margin-top: 5px;
    margin-left: 0%;
    margin-right: 0%;
}
}



.party{
	max-width: 700px;
	margin:auto;
}
.paty_box{
	max-width:530px;
	width: 72%;
	float: left;
}


.price_boxwp {
	width: 25%;
	float: right;
}
.price_boxwp .price_box{
	float: right;
	width: 100%;
	margin-bottom:10px;
	border:#CCC solid 1px;
	box-sizing:border-box;
}

div.section725 .lunchboxwp .typelunch{
	float: left;
	width: 48%;
	margin-right: 2%;
	padding-bottom:20px;
}
div.section725 .lunchboxwp .typelunch:nth-child(2n){
	margin-right: 0%;
}

div.section725 .lunchboxwp .typelunch .lunchboximg {
	float: left;
	width: 40%;
}
div.section725 .lunchboxwp .typelunch .price_boxwp{
	float: right;
	width: 55%;
}
div.section725 .lunchboxwp .typelunch .price_boxwp h6{
	line-height: 1.4;
	background: none!important;
	padding-bottom: 0px;
}

@media (max-width: 580px) {
div.section725 .lunchboxwp .typelunch{
	float: none;
	width: 100%;
	margin-right: 0%;
	padding-bottom:10px;
}
div.section725 .lunchboxwp .typelunch .lunchboximg {
	width: 30%;
}
div.section725 .lunchboxwp .typelunch .price_boxwp{
	width: 68%;
}
}
@media (max-width: 480px) {
div.section725 .lunchboxwp .typelunch{
	float: none;
	width: 100%;
	margin-right: 0%;
	padding-bottom:10px;
}
div.section725 .lunchboxwp .typelunch .lunchboximg {
	width: 40%;
}
div.section725 .lunchboxwp .typelunch .price_boxwp{
	width: 57%;
}
}

.type2 .paty_box{
	width: 42%;
	float: left;
}
.type2 .price_boxwp {
	width: 55%;
	float: right;
}




.party_content{
	margin-left:10px;
}
.party h3 {
	background: none;
}



div.section725 .price_box h4,
div.section950 .price_box h4 {
	width: 95%;
	padding-left: 5%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
}
.price_box p{
	padding:0 5px;
	margin:5px 0px;
}
.price_box p.nomiho{
	font-weight:bold;
	font-size:105%;
}
.price_box.listStyle p {
  padding: 0 5px;
  margin: 5px 0px 5px 10px;
  padding-left: 13px;
  background: url(../../../common/images/icon/mark.jpg) no-repeat;
  color: #401900;
  background-position: 0px 5px;
}

/*  */
div.section725 .price_box h4 {
}


dl.shopLink dt {
  float: left;
  display: inline-block;
  width: 5em;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  background-color: #947823;
  padding: 1px 7px;
  letter-spacing: 0.2em;
  line-height: 1 !important;
}

dl.shopLink dd {
	display: block;
	margin-left: 6em;
	font-weight: normal;
}
ul.paty_list, div.paty_list{
	width:260px;
}
ul.paty_list_full, div.paty_list_full{
	width:340px;
}
ul.paty_list2{
	width:530px;
}
ul.paty_list li{
	margin-bottom:5px;
}


/*----------------------
shop_list in tab
------------------------*/
ul.shop_list{
	width:100%;
	margin:auto;
}

/*----------------------
注釈
------------------------*/
.note dt {
	position: relative;
	color:#401900;
}
.note dt span {
	position: absolute;
}
.note dd {
	padding-left: 1em;
	color:#401900;
}




.brandbox{ width:100%; max-width: 920px; margin-top:10px;}

/* border-radius */
.brandbox.white,
.brandbox.black{
	padding:5px; 
	padding-bottom:5px; 
	box-shadow:0px 0px 2px 2px #ccc;
	-moz-box-shadow:0px 0px 2px 2px #ccc;
	-webkit-box-shadow:0px 0px 2px 2px #ccc;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.brandbox.white {background: #fff;}
.brandbox.black {background: #000;}
.brandbox.white h3{ background:url(../images/brandbox/w/brandbox_h3bg.jpg); }
.brandbox.black h3{ background:url(../images/brandbox/b/brandbox_h3bg.jpg); color: #fff !important;}

.brandbox h3{ margin-bottom: 7px; margin-top: 10px; width: 99%; padding-left: 1%; }
.brandbox p{ padding-left:5px; }
.brandbox.black p{ padding-left:5px; color: #fff !important;}

.bx-wrapper .bx-pager {
	display: none;
}









/*same map*/
	.map_wrapper{
		position:absolute;
		left:-5000px;
	}
	#map_canvas,.mapClass {
		width: 550px;
		height: 400px;
	}
	.mapLink{
		/*border:#CCC 1px solid;*/
		display:inline-block!important;
		line-height:20px;
		padding-left:20px;
		background:url(../images/map_icon_l.gif) no-repeat;
		margin-left:10px;
	}
	.mapLink span{
		display:block;
		padding-right:8px;
		background:url(../images/map_icon_r.gif) no-repeat right;
	}
	.shopLinkList{
		float:right;
		width :268px;
		height:378px;
		border:1px #ccc solid;
		overflow-y:scroll; 

	}
	.largeMap{
		float:left;
	}
	.shopLinkList li{
		border-bottom:1px #ccc dashed;
		padding-left: 38px;
		margin:4px;
		padding-bottom:14px;
	}
	.shopLinkList li a{
		display:block;
		padding:3px 0;
	}
	li.icon1{ background: url(../../../images/icons/1.png) no-repeat; }
	li.icon2{ background: url(../../../images/icons/2.png) no-repeat; }
	li.icon3{ background: url(../../../images/icons/3.png) no-repeat; }
	li.icon4{ background: url(../../../images/icons/4.png) no-repeat; }
	li.icon5{ background: url(../../../images/icons/5.png) no-repeat; }
	li.icon6{ background: url(../../../images/icons/6.png) no-repeat; }
	li.icon7{ background: url(../../../images/icons/7.png) no-repeat; }
	li.icon8{ background: url(../../../images/icons/8.png) no-repeat; }
	li.icon9{ background: url(../../../images/icons/9.png) no-repeat; }
	li.icon10{ background: url(../../../images/icons/10.png) no-repeat; }
	li.icon11{ background: url(../../../images/icons/11.png) no-repeat; }
	li.icon12{ background: url(../../../images/icons/12.png) no-repeat; }
	li.icon13{ background: url(../../../images/icons/13.png) no-repeat; }
	li.icon14{ background: url(../../../images/icons/14.png) no-repeat; }
	li.icon15{ background: url(../../../images/icons/15.png) no-repeat; }
	li.icon16{ background: url(../../../images/icons/16.png) no-repeat; }
	
	
	
/*120516 [push]*/
ul.alone_shop{
	width:auto;
	padding-bottom:10px;
}
ul.alone_shop li{
	border:double #E3C877!important;
	border-bottom:double #E3C877!important;
}
span.h7{
	padding-left:10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 8px;
}
.btn_more{
	padding-right:4px;
}

.menu_box{ position:relative; overflow:hidden;}
.menu_box a{display:block;}
.menu_box .caption{position:absolute;/*background:#000;*/width:100%;
bottom:0px;left:0px;
background: url(../images/cap_bg.png);
/*filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;*/
}
.menu_box .caption span{color:#FFF;display:block;padding:5px 10px; position:relative;}

.point{
	padding: 2px 5px!important;
	background:#76471B!important;
/*	border:#CCC 1px solid!important;*/
	color:#fff!important;
	margin-bottom:5px;
	margin-left:10px;
	letter-spacing:0.1em;
	font-size:74%;
}

.term {
	margin-top:3px;
	color:#947823;
	font-weight:bold;
}
.term span {
	margin-right:5px;
	padding:1px 7px;
	letter-spacing:0.2em;
	line-height:1 !important;
	font-size:11px;
	color:#fff;
	background-color:#947823;
}

p.topread {
font-weight: bold;
}

.shopLink a {
	text-decoration: underline;
	font-size: 13px;
	display: inline;
}











@media (max-width: 768px) {

.paty_box .shadow { width: 100%; }

.brandbox {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}
div.section200, div.section343, div.section725, div.section950 {
    box-shadow: none;
}
.main_content .right {
    width: 100%;
    padding-right: 2%;
    padding-left: 2%;
    margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

div.section725{
	padding-bottom: 15px;
	background-color: #fff;
}
div.section725 .section_content_boder_no{
	padding-left: 3%;
	padding-right: 3%;
}

}


@media (max-width: 580px) {

.paty_box,
.type2 .paty_box{
	width: 100%;
	float: left;
}

.type2 .price_boxwp,
.price_boxwp {
	width: 100%;
	float: left;
}
.price_boxwp .price_box{
	width: 98%;
	margin-bottom:5px;
}
div.section725 .price_box h4, div.section950 .price_box h4 {
    width: 98%;
    padding-left: 2%;
}
.price_boxwp .price_box:first-child {
}

}