/* Reset-----------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, code, em, font, img,  small, strong,
ol, ul, li, form, label, table,  tr, th, td, dl, dd, dt,
article, aside, footer, header, menu, nav, section, summary, textarea,main,
figure,figcaption
{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
i{font-style:normal;}
.clx:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clx { display: block; }
* html .clx { height: 1%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {-webkit-text-size-adjust:none;-webkit-touch-callout: none;}
a {outline:none;text-decoration:none;}
iframe {border:none;}
ul, ol { list-style: none;}
img { border: none; vertical-align:bottom;}
:focus { outline: 0;}
table { border-collapse: collapse;border-spacing:0;font-size:inherit;font:100%;}
h1, h2, h3, h4, h5, h6 {line-height:1.4;}

html{font-size:62.5%;}
body {
font: 10px/1.231 "Helvetica Neue","helvetica","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","Verdana",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic", sans-serif;
*font-size: small;
*font: x-small;
color:#463b15;
background:url(../img/bg_body.jpg) repeat;
height: 100%;
}


.acl
{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;
font-size: small;
}

/* common -----------------------------------------------------------*/
a {color: #463b15;}
a:hover {opacity:0.8;}
p {line-height: 1.8;}

.indent {display:block;	font-size:x-small;line-height:0;overflow:hidden;text-indent:-9999px}

.flt_l { float:left; }
.flt_r { float:right; }
.clear { clear:both; }

.txt_al { text-align:left; }
.txt_ar { text-align:right; }
.txt_ac, .center{ text-align:center; }

/* layout -------------------------------------*/
.inner{ width:1006px; margin:0 auto; position:relative;}
#nav .inner{ width:1046px; margin:0 auto; position:relative;}

#main{ font-size:14px;}
/* h~ -------------------------------------*/
#main h2{ margin:0 0 30px;}
#main h2.att{ position:relative; font-weight:normal; font-size:12px;font-size:1.2rem;}
	#main h2.att p{ position:absolute; top:25px; left:380px; color:#2e1100;}

/* #header -------------------------------------*/
#header { position:absolute; width:100%; height:110px; z-index:2;}

	#header h1{ position:absolute; top:27px; left:30px;}
		
	#nav{ background:#5b250e; height:70px; z-index:2;}
	
	#nav ul {}
	#nav ul li{ border-left: 1px dotted #7e5130; float:left;}
		#nav ul li:last-child{ border-right: 1px dotted #7e5130;}		
	#nav li span{background-repeat:no-repeat; height:70px; display:block;}
	#nav li span:hover, #nav li.on{ background-color:#753012;}

	
		
/* #footer -------------------------------------*/
#footer { text-align: center;background:url(../img/bg_footer.gif) repeat; color:#440000; font-size:12px;font-size:1.2rem;box-shadow: 0 0 3px rgba(155,155,155,0.2); padding:15px 0 30px;}
	#footer a{ color:#440000; margin:0 10px;}
	#footer p{ margin:0 0 30px;}



/*---------------------------------------------*/	
/* common -------------------------------------*/	
/*---------------------------------------------*/

main{text-align:center;}

small{font-size:12px;font-size:1.2rem;}

hr.hr{ border:none; border-bottom:2px solid #252526; width:3em; height:0;}

#path{ margin:20px auto;font-size:12px;font-size:1.2rem;position:relative;}
	#path li{ float:left;color:#2e1100; margin:0 5px 0 0;}
		#path li a:after{ content:">"; margin:0 0 0 5px;}

#path p{ position:absolute; top:0; right:0; font-size:12px;font-size:1.2rem;}

/* #slide -------------------------------------*/
#slide{ margin:0; height:615px; overflow:hidden; position:relative;}
	#slide .slider div{height:615px; background-position:center center; background-size:cover;}

/*---------------------------------------------*/	
/* all ----------------------------------------*/	
/*---------------------------------------------*/

/* #news -------------------------------------*/
#news{ margin:30px 0 0; overflow:hidden;}
	#news .colume{ width:1000px; margin:0 auto;overflow:hidden;}
	#news .colume .entry{ float:left; width:480px; color:#2e1100; margin:0 0 20px 40px; padding:0 0 20px; border-bottom:1px dotted #999; overflow:hidden;}
		#news .colume .entry:nth-child(odd){ margin:0 0 20px;}
		
		#news .colume .entry .ph{ width:196px;}
		#news .colume .entry .ph img {width:100%; height:auto;}
		#news .colume .entry .txt{ width:270px; text-align:left; line-height:1.6;}
		
/* #menu -------------------------------------*/
#menu{ margin:30px 0 0; padding:0 0 35px;}
.top #menu{background:url(../img/bg_menu.png) bottom center no-repeat; }
	#menu .colume{}
	#menu .colume .entry{ float:left; width:310px; color:#2e1100; margin:0 0 20px 14px; background:url(../img/bg_menu_col.png) top center no-repeat; padding:8px 8px 0; position:relative;}
	#menu .colume .entry:after{ content:""; position:absolute; bottom:-10px; left:0; height:10px; width:326px; background:url(../img/bg_menu_col_end.png) bottom center no-repeat; }
	
		#menu .colume .entry:nth-child(3n+1){ margin:0 0 20px 0;}
		
		#menu .colume .entry .ph{}
		#menu .colume .entry .txt{ padding:6px;text-align:left;font-size:12px;font-size:1.2rem;}
		
		#menu .colume .entry .txt h3{background:url(../img/line01.jpg) bottom left no-repeat; padding:0 0 8px; margin:0 0 7px;} 
		
		#menu .colume .entry .sct{ padding:6px 6px 2px; text-align:right; font-size: 0;}
		#menu .colume .entry .sct a{display: inline-block; margin:0 0 0 3px;}
		#menu .colume .entry .sct a:first-child { margin:0;}
		
/* #about -------------------------------------*/
#about{ margin:50px 0;}
	#about .txt{ width:550px; text-align:left;}
	#about .pf{ width:425px;}




/*---------------------------------------------*/	
/* under --------------------------------------*/	
/*---------------------------------------------*/


/* #shop -------------------------------------*/
.ebisu #shop, .yokohama #shop{ margin:30px 0;}
	.ebisu #shop .colume, .yokohama #shop .colume{ width:977px; margin:0 auto;}
	
	.ebisu #shop .colume h3, .ebisu #shop .colume h4, .yokohama #shop .colume h3, .yokohama #shop .colume h4{ margin:0 0 20px;}
	
	.ebisu #shop .colume .clx > div, .yokohama #shop .colume .clx > div{ width:460px; color:#463b15; text-align:left; font-size:12px;font-size:1.2rem;margin:0 0 30px;}
		.ebisu #shop .colume .clx > div p, .yokohama #shop .colume .clx > div p{ padding:0 0 10px;}

.ebisu #shop #map, .yokohama #shop #map{width:460px; height:500px; margin:0 0 10px;}
#map{width:460px; height:500px; margin:0 0 10px;}
#map .window{ text-align:center;font-size:12px;font-size:1.2rem;}
	#map .window img{ margin:5px 0;}

/* #news-und -------------------------------------*/
#news-und{  margin:30px 0 0; padding:0 0 120px;background:url(../img/bg_news.png) bottom center no-repeat;}
#news-und.img_none{  margin:30px 0 0; padding:0 0 100px;background:none;}
	#news-und .frame{margin:0 auto; background:url(../img/bg_menu_full.png) top center no-repeat; padding:40px;}
		#news-und .frame:after{content:""; position:absolute; bottom:-10px; left:1px; height:10px; width:1000px; background:url(../img/bg_menu_full_end.png) bottom center no-repeat; }
	
	#news-und .frame .entry{ color:#2e1100; margin:30px 0 0;}
		#news-und .frame .entry:first-child{ margin:0;}
		
		#news-und .frame .entry .ph{ width:300px;}
		#news-und .frame .entry .txt{ width:600px; text-align:left;}
			#news-und .frame .entry .txt h3{ color:#601a08; font-size:16px;font-size:1.6rem;padding:10px 0; margin:0 0 10px; border-bottom:1px dashed #f0d0bf;}
			#news-und .frame .entry .txt p{ font-size:12px;font-size:1.2rem;} 
		

/* .col3f -------------------------------------*/
.col3f{ }
#special.col3f{ margin:-50px 0 30px; background:url(../img/bg_special.png) center 120px no-repeat; }

	.col3f .colume{}
	.col3f .colume .entry{ float:left; width:310px; color:#2e1100; margin:0 0 20px 14px; background:url(../img/bg_menu_col.png) top center no-repeat; padding:8px 8px 0; position:relative;}
	.col3f .colume .entry:after{ content:""; position:absolute; bottom:-10px; left:0; height:10px; width:326px; background:url(../img/bg_menu_col_end.png) bottom center no-repeat; }
	.col3f .colume .entry:nth-child(3n+1){ margin:0 0 20px 0;}
		
		.col3f .colume .entry .ph{ padding:0 0 10px;}
		.col3f .colume .entry .txt{ padding:0 6px;text-align:left;}
		
		.col3f .colume .entry .txt h3{color:#601a08; padding:0 0 10px; font-weight:normal;}
			.col3f .colume .entry .txt h3 p{color:#601a08 !important;}
			.col3f .colume .entry .txt h3 strong{ font-size:14px; font-size:1.4rem;}
		.col3f .colume .entry .txt p{font-size:12px;font-size:1.2rem; line-height:1.5;color:#2e1100;}
		
/* .col4 -------------------------------------*/
.col4{ padding:30px 0;}

	.col4 .colume{}
	.col4 .colume .entry{ float:left; width:235px; color:#2e1100; margin:0 0 20px 20px;text-align:left; position:relative;}
	.col4 .colume .entry:nth-child(4n+1){ margin:0 0 20px 0;}
		
		.col4 .colume .entry .ph img{ margin:0 0 10px; border:3px solid #FFF;}
		.col4 .colume .entry .txt{ padding:0 6px 10px;}
		
		.col4 .colume .entry .txt h3{ color:#463b15; font-size:12px;font-size:1.2rem; line-height:1.4; padding:0 0 8px;}
			.col4 .colume .entry .txt h3 span{ color:#787260;}
		.col4 .colume .entry .txt p{font-size:12px;font-size:1.2rem; line-height:1.4;}
		.col4 .colume .entry > p{ padding:0 6px;}
		
	.col4 .colume .label:before{ content:url(../img/label01.png); right:-10px; top:-10px; position:absolute;}

	.col4 #sideorder{ padding:30px 38px;background:url(../img/bg_frm.png) top center no-repeat; width:776px; margin:10px auto; text-align:left; position:relative;}
		.col4 #sideorder:before{ content:""; position:absolute; top:-30px; right:-30px; height:69px; width:129px; background:url(../img/bg_sideorder.png) bottom center no-repeat;}
		
		.col4 #sideorder:after{ content:""; position:absolute; bottom:0; left:0; height:1px; width:852px; background:url(../img/bg_frm_end.png) bottom center repeat-x;}
		
		.col4 #sideorder h2{ margin:0;padding:0 0 25px;}
		.col4 #sideorder ul{ overflow:hidden;}
		.col4 #sideorder ul li{ float:left; width:245px; margin:0 0 15px 20px; font-size:12px;font-size:1.2rem;}
			.col4 #sideorder ul li:nth-child(3n+1){ margin:0 0 15px 0;}
			.col4 #sideorder ul li span{ float:right;}


/* .col3 -------------------------------------*/
.col3{padding:30px 0;}

	.col3 .colume{}
	.col3 .colume .entry{ float:left; width:320px; color:#2e1100; margin:0 0 20px 20px;text-align:left; position:relative;}
	.col3 .colume .entry:nth-child(3n+1){ margin:0 0 20px 0;}
		
		.col3 .colume .entry .ph img{ margin:0 0 10px; border:3px solid #FFF;}
		.col3 .colume .entry .txt{ padding:0 6px 10px;}
		
		.col3 .colume .entry .txt h3{ color:#463b15; font-size:12px;font-size:1.2rem; line-height:1.4; padding:0 0 8px; margin:0;}
			.col3 .colume .entry .txt h3 span{ color:#787260;}
		.col3 .colume .entry .txt p{font-size:12px;font-size:1.2rem; line-height:1.4;}
		.col3 .colume .entry > p{ padding:0 6px;}
		
	.col3 .colume .label:before{ content:url(../img/label01.png); right:-10px; top:-10px; position:absolute;}
	
	
	.col3 .box{ float:left; width:262px; color:#2e1100; margin:0 0 0 75px;text-align:center;}
	.col3 .box:nth-child(3n+1){ margin:0 0 0 0;}
	
		.col3 h3{ margin:0 0 20px;}
		.col3 dl{ width:262px; margin:0 0 15px; font-size:12px; font-size:1.2rem;display:table; color:#463b15; line-height:1.5}
			.col3 dl dt{ display:table-cell; text-align:left; font-weight:bold;}
				.col3 dl dt span{ display:block; font-weight:normal; color:#787260;}
			.col3 dl dd{ display:table-cell; text-align:right;}
	
	.col3 .container{ margin:0 0 40px;}
	.col3 .container li{ float:left; width:312px; color:#2e1100;text-align:center;}
	
		.col3 .container dl{ margin:20px 0; padding:0 15px;}
			.col3 .container dl dt{ display:table-cell; vertical-align:top;}
				.col3 .container dl dt span{ display:block; font-weight:normal; color:#787260;}
			.col3 .container dl dd{ display:table-cell; text-align:left; padding:15px 0 0 30px;}
				.col3 .container dl dd p{ padding:0 0 5px;}
		
/* .col2 -------------------------------------*/
.col2{padding:30px 0;}

	.col2 .colume{}
	.col2 .colume .entry{ float:left; width:482px; color:#2e1100; margin:0 0 40px 20px; font-size:12px;font-size:1.2rem; position:relative; overflow:hidden;}
	.col2 .colume .entry:nth-child(2n+1){ margin:0 0 40px 10px;}
		
		.col2 .colume .entry .ph{ float:right;}
		.col2 .colume .entry .ph img{ margin:0; border:3px solid #FFF;}
		.col2 .colume .entry .ph p{ text-align:right;}
		
		.col2 .colume .entry .txt{ float:left; padding:0 6px 10px;}
		.col2 .colume .entry .txt h3{ margin:0 0 15px;}
		
	.col2 #sideorder{ padding:30px 36px 0;background:url(../img/bg_frm02.png) top center no-repeat; width:870px; height:186px; margin:10px auto 0; text-align:left; position:relative;color:#2e1100;}
		
		
		.col2 #sideorder h2{ margin:0;padding:0 0 25px;}
		.col2 #sideorder ul{}
		.col2 #sideorder ul li{ float:left;margin:0 0 0 40px; font-size:12px;font-size:1.2rem;}
			.col2 #sideorder ul li:nth-child(3n+1){ margin:0 0 0 0;}
			.col2 #sideorder ul li img{ margin:0 0 10px;	}
			.col2 #sideorder ul li span{ display:block; line-height:1.8;}
		
.pager{ text-align:right; font-size:12px;font-size:1.2rem; color:#2e1100;}

/* #pnav -------------------------------------*/
#pnav{ margin:20px 0 25px;background:url(../img/line02.png) top right repeat-x; width:100%; overflow:hidden;}
#pnav:after{ content:"";background:url(../img/line02.png) bottom right repeat-x; position:absolute; bottom:0; left:0; width:100%; height:3px;}
#pnav li{ float:left; margin:18px 0 0px 7px;}
	#pnav li:first-child{ margin:18px 0;}
	#pnav li.accueil{width: 390px; height: 34px; text-align: left; background:url(../../img/btn04.png) bottom left no-repeat;}
		#pnav li.accueil span  {display: inline-block; padding-left: 9px; margin-top: 10px; background:url(../../img/btn-tri.png) left center no-repeat;}
		#pnav li.accueil .meguro  {margin-left: 197px;}
		#pnav li.accueil .shinjuku{margin-left: 23px;}
			#pnav li.accueil span img {display: block;}
			#pnav li.accueil a:hover img{opacity: 0.8;}
