@charset "utf-8";

a {
outline: none;
}

a:link {color: #336666;}

a:visited {color: #669999;}

a:hover {color: #669999;}

body { background: #FFFFFF; color: #444444; font-size: 100%; font-family: verdana, メイリオ, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif; margin: 0; padding: 0; }

html   {
   height:100%;
   margin-bottom:1px;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; }

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

 /* End hide from IE-mac */


/*ここから共通のスタイルシート----------------------------------------*/
div#continer{
	width:760px;
	margin:0 auto;
}
div#header{
	width:760px;
	height:122px;
	margin:0 auto 40px;
}
	.toplogo{
		float:right;
		width:217px;
		margin-top:50px;
	}
	ul.navi{
		float:right;
		width:540px;
		height:130px;
		list-style:none;
		margin:0 auto;
	}
		ul.navi li {
			float:left;
			text-indent:-9999px;
			height:122px;
			margin:0;
			list-style:none;
		}
		ul.navi li.w73 {
			width:73px;
			height:122px;
		}
		ul.navi li a{
			width:73px;
			height:122px;
			display:block;
		}
			ul.navi li#top{
				background: url(../img/navi/newnavi/top2.gif) no-repeat;
				width:63px;
				height:122px
			}
				ul.navi li#top a:hover{
				background: url(../img/navi/newnavi/gifhouver/top_h2.gif) no-repeat;
				}
			ul.navi li#concept{
				background: url(../img/navi/newnavi/concept2.gif) no-repeat;
				width:83px;
				height:122px;
				}
				ul.navi li#concept a:hover{
					background: url(../img/navi/newnavi/gifhouver/concept_h2.gif) no-repeat;
				}		
			ul.navi li#menu{
				background: url(../img/navi/newnavi/menu2.gif) no-repeat;
			}
				ul.navi li#menu a:hover{
					background: url(../img/navi/newnavi/gifhouver/menu_h2.gif) no-repeat;
				}
			ul.navi li#coffee{
				background: url(../img/navi/newnavi/secret.gif) no-repeat;
			}
				ul.navi li#coffee a:hover{
					background: url(../img/navi/newnavi/gifhouver/secret.gif) no-repeat;
				}
			ul.navi li#event{
				background: url(../img/navi/newnavi/event2.gif) no-repeat;
			}
				ul.navi li#event a:hover{
					background: url(../img/navi/newnavi/gifhouver/blog.gif) no-repeat;
				}
			ul.navi li#staff{
					background: url(../img/navi/newnavi/staff2.gif) no-repeat;
			}
				ul.navi li#staff a:hover{
					background: url(../img/navi/newnavi/gifhouver/staff_h2.gif) no-repeat;
				}
			ul.navi li#access{
				background: url(../img/navi/newnavi/access2.gif) no-repeat;
			}
				ul.navi li#access a:hover{
					background: url(../img/navi/newnavi/gifhouver/access_h2.gif) no-repeat;
				}
div#contents{
		clear:both;
		width:760px;
		margin:0 auto;
}
/*ここからトップページのスタイルシート---------------------------------------*/

div#topimage{
	width:615px;
	margin:0 auto 15px;
}
	div#topimage img{
		vertical-align:bottom;
	}
body#index img#illust{
	display:block;
	float:left;
	width:200px;
	height:140px;
	margin:0 0 0 125px;
}
div#news{
	float:left;
	width:435px;
	margin-top:10px;
}
	div#news dl#news{
		width:415px;
		height:80px;
		overflow:scroll;
		overflow-x:hidden;
		margin:10px 0 0;
		padding:0 20px 10px 0;
	}
		dl#news dt{
			height:30px;
			line-height:2.5em;
			font-size:11px;
			font-weight:bold;
			color:#70714F;
			padding-right:10px;
		}
		dl#news dd{
			font-size:11px;
			color:#666666;
			line-height:1.2em;
			margin-bottom:10px;
			padding-right:10px;
		}
img#news{
	display:block;
	width:83px;
	height:20px;
}
div#shinobi{
	display:none;
	}
/*ここからconcept.htmlのスタイルシート--------------------------*/

div#description{
	float:left;
	width:400px;
	font-size:12px;
	line-height:1.3em;
	letter-spacing:1px;
	color:#666666;
	margin:20px 0 0;
}
div#description span{
	letter-spacing:7px;
}
img#p_concept{
	float:left;
	display:block;
	width:320px;
	height:213px;
	margin:20px 0 0 10px;
}
ul#linkbanner{
	width:360px;
	list-style:none;
	margin-top:28px;
}
	ul#linkbanner li{
		float:left;
		width:180px;
		height:50px;
	}
	

/*ここからaccess.htmlのスタイルシート-------------------------*/

div#contents_a{
	clear:both;
	width:760px;
	height:285px;
	margin:0 auto;
}
body#access dl{
	float:left;
	width:400px;
	font-size:12px;
	margin:10px 0 40px 60px;
}
	body#access dt{
		float:left;
		width:70px;
	}
	body#access dd{
		float:left;
		width:325px;
	}
img#map{
	display:block;
	float:left;
	width:250px;
	height:250px;
	margin-top:22px;
}
img.access_midashi{
	margin-left:60px;
}
	
/*ここからstaff.htmlのスタイルシート-------------------------*/

div#career{
	width:760px;
	height:320px;
	font-size:12px;
	color:#FFFFFF;
	background:url(../img/staff/master.jpg) no-repeat;
	padding:7px 10px;
}
	div#career div#t18{
		line-height:15px;
		margin-bottom:10px;
	}
		div#career div#t18 span#t18{
			font-size:15px;
			font-weight:bold;
		}
	div#career div#t19{
		padding-left:10px;
		line-height:15px;
		margin-bottom:10px;
	}
		div#career div#t19 span#t19{
			font-weight:bold;
		}
	div#career div#t22{
		padding-left:20px;
		line-height:15px;
		margin-bottom:10px;
	}
		div#career div#t22 span#t22{
			font-weight:bold;
		}
	div#career div#t31{
		padding-left:30px;
		line-height:15px;
		margin-bottom:10px;
	}
		div#career div#t31 span#t31{
			font-weight:bold;
		}
	div#career div#t47{
		padding-left:40px;
		line-height:15px;
		margin-bottom:10px;
	}
		div#career div#t47 span#t47{
			font-weight:bold;
		}
	div#career div#t49{
		padding-left:50px;
		line-height:15px;
		margin-bottom:10px;
	}
		div#career div#t49 span#t49{
			font-size:17px;
			font-weight:bold;
		}

div#prof{
	width:730px;
	font-size:12px;
	color:#666666;
	padding:0 0 10px 15px;
	background:url(../img/staff/staff_back.gif) no-repeat;
}
div#prof span{
	font-size:30px;
	line-height:30px;
	padding-right:3px;
}
	div#prof span#right{
		display:block;
		font-size:15px;
		text-align:right;
		padding-right:40px;
	}

/*ここからmenu/index.htmlのスタイルシート------------------------------------------------*/
/*--
body#menu h1{
	float:right;
	width:230px;
	margin-top:150px;
}*/

body#menu h1{
	float:right;
	width:760px;
	height:80px;
	display:block;
	margin-bottom:70px;
	text-align:center;
}
div#menu2{
	clear:both;
	width:760px;
	height:300px;
}
	div#menu2 ul{
		width:770px;
		height:280px;
		margin-right:-10px;
		list-style:none;
	}
		div#menu2 li {
		  float: left;
		  width: 144px;
		  height:280px;
		  margin-right:10px;
		  text-indent:-9999px;
		}
		div#menu2 li a{
			display:block;
			width: 144px;
			height:280px;
		}
			div#menu2 ul li#lunch{
				background:url(../img/menu/navi/lunch2.jpg) no-repeat;
			}
				div#menu2 ul li#lunch a:hover{
					background:url(../img/menu/navi/houver/lunch.jpg) no-repeat;
				}
			div#menu2 ul li#espresso{
				background:url(../img/menu/navi/espresso2.jpg) no-repeat;
			}
				div#menu2 ul li#espresso a:hover{
					background:url(../img/menu/navi/houver/espresso.jpg) no-repeat;
				}
			div#menu2 ul li#drink{
				background:url(../img/menu/navi/drink2.jpg) no-repeat;
			}
				div#menu2 ul li#drink a:hover{
					background:url(../img/menu/navi/houver/drink.jpg) no-repeat;
				}
			div#menu2 ul li#dinner{
				background:url(../img/menu/navi/dinner2.jpg) no-repeat;
			}
				div#menu2 ul li#dinner a:hover{
					background:url(../img/menu/navi/houver/dinner.jpg) no-repeat;
				}
			div#menu2 ul li#coffee{
				background: url(../img/menu/navi/coffee2.jpg) no-repeat;
			}
				div#menu2 ul li#coffee a:hover{
					background:url(../img/menu/navi/houver/coffee.jpg) no-repeat;
				}
		


	ul.menu{
		float:right;
		width:500px;
		list-style:none;
	}
		ul.menu li{
			width:500px;
			height:60px;
			text-indent:-9999px;
		}
			ul.menu li a{
				width:500px;
				height:60px;
				display:block;
			}
			ul.menu li#lunch{
				background:url(../img/menu/navi/lunch.jpg) no-repeat;
			}
				ul.menu li#lunch a:hover{
					background:url(../img/menu/navi/houver/lunch_h.jpg) no-repeat;
				}
			ul.menu li#espresso{
				background:url(../img/menu/navi/espresso.jpg) no-repeat;
			}
				ul.menu li#espresso a:hover{
					background:url(../img/menu/navi/houver/espresso_h.jpg) no-repeat;
				}
			ul.menu li#drink{
				background:url(../img/menu/navi/drink.jpg) no-repeat;
			}
				ul.menu li#drink a:hover{
					background:url(../img/menu/navi/houver/drink_h.jpg) no-repeat;
				}
			ul.menu li#dinner{
				background:url(../img/menu/navi/dinner.jpg) no-repeat;
			}
				ul.menu li#dinner a:hover{
					background:url(../img/menu/navi/houver/dinner_h.jpg) no-repeat;
				}
			ul.menu li#coffee{
				background: url(../img/menu/navi/coffee.jpg) no-repeat;
			}
				ul.menu li#coffee a:hover{
					background:url(../img/menu/navi/houver/coffee_h.jpg) no-repeat;
				}

			ul.menu li#herbtea{
				background: url(../img/menu/navi/herb.jpg) no-repeat;
			}
				ul.menu li#herbtea a:hover{
					background:url(../img/menu/navi/houver/herb_h.jpg) no-repeat;
				}
/*ここから各メニュー共通のスタイルシート---------------------*/	

div#scroll{
	overflow:auto;
	overflow-x:hidden;
	width:750px;
	height:400px;
	margin:0 auto;
}
body.menudl dl{
	width:662px;
	background-color:#FFFFFF;
	margin:0 0 0 0;
	padding:40px 0;
}
	body.menudl img.bottom{
		margin-bottom:30px;
	}
	body.menudl img.top{
		vertical-align:bottom;
	}
		body.menudl dl dt{
			font-size:88%;
			font-weight:bold;
			margin:0 0 5px 30px;
		}
		body.menudl dl dd{
			font-size:78%;
			margin:0 0 5px 40px;
		}

/*ここからdinner.htmlのスタイルシート---------------------*/

	body#dinner dl{
	width:694px;
	background: url(../img/menu/dinner/bg.gif) repeat-y;
	}
		body#dinner dl dt{
			float:left;
			width:450px;
		}
			body#dinner dl dt span{
				font-weight:normal;
				font-size:85%;
				padding:0 0 0 15px;
			}
		body#dinner dl dd{
			float:left;
			width:100px;
			padding:15px 0 0 0;
		}
			body#dinner dl dd#two{
				padding:30px 0 0 0;
			}
	
	
/*ここからlunch_cafe.htmlのスタイルシート-------------------*/

body#lunch dl{
	width:694px;
	background: url(../img/menu/lunchcafe/bg_dl.gif) repeat-y;
}
body#lunch dl#setdrink{
	width:694px;
	background:none;
	margin:0;
	padding:0;
}
	body#lunch dl#setdrink dt{
		width:694px;
		background:none;
		margin:0;
		padding:0;
	}
	body#lunch dl#setdrink dd{
		width:694px;
		background: url(../img/menu/lunchcafe/bg_dl.gif) repeat-y;
		font-weight:bold;
		margin:0;
		padding:0 0 0 30px; 
	}
		body#lunch dl#setdrink dd#first{
			padding-top:40px;
	}
		body#lunch dl#setdrink dd#end{
			padding-bottom:40px;
	}

/*ここからespresso_tea.htmlのスタイルシート---------------------*/

	body#espresso dl{
	width:694px;
	background:url(../img/menu/espresso/bg.gif) repeat-y;
	}
		body#espresso dl dt{
			float:left;
			width:430px;
			margin:0 0 15px 30px;	
		}
			*html body#espresso dl dt{
				margin:0 0 15px 15px;
			}
			body#espresso dl dt span{
				font-weight:normal;
				font-size:85%;
				padding:0 0 0 15px;
			}
		body#espresso dl dd{
			float:left;
			width:160px;
			margin:0 0 15px 30px;
			padding:15px 0 0 0;
		}
			body#espresso dl dd.tea{
				padding:0;
			}
			body#espresso dl dd img.hotice{
				padding:0 0 0 5px;
			}
			
/*ここからdrink.htmlのスタイルシート---------------------*/

body#drink dl{
	width:694px;
	background:url(../img/menu/drink/bg.gif) repeat-y;
}
	body#drink dl dt{
		clear:both;
		width:450px;
		padding-top:20px;
	}
		body#drink dl dt.first{
			padding-top:0;
		}
		body#drink dl dd{
			float:left;
			width:400px;
		}
			body#drink dl dd.price{
				float:left;
				width:80px;
				padding-right:40px;
			}
			body#drink dl dd.cocktail{
				clear:both;
				width:500px;
			}

/*ここからherb_tea.htmlのスタイルシート---------------------*/

body#herb_tea dl{
	width:694px;
	background:url(../img/menu/herb_tea/bg.gif) repeat-y;
}
	body#herb_tea dl dt{
		float:left;
		width:500px;
	}
			body#herb_tea dl dt span{
				font-weight:normal;
				font-size:85%;
				margin:0 0 0 10px;
			}
		body#herb_tea dl dd{
			float:left;
			width:50px;
		}
body#herb_tea dl#chai{
	width:694px;
	background:url(../img/menu/herb_tea/bg.gif) repeat-y;
}
	body#herb_tea dl#chai dt{
		width:500px;
	}
	body#herb_tea dl#chai dd{
		width:500px;
		margin:0 0 0 50px;
	}
		
/*ここからmenu/coffee.htmlのスタイルシート---------------------*/

body#coffee dl{
	width:694px;
	background:url(../img/menu/coffee/bg.gif) repeat-y;
}
	body#herb_tea dl dt{
		float:left;
		width:500px;
	}
			body#herb_tea dl dt span{
				font-weight:normal;
				font-size:85%;
			}
		body#herb_tea dl dd{
			float:left;
			width:50px;
		}

		
/*ここからcoffee/のスタイルシート---------------------*/
div#coffeelink{
	width:730px;
	height:400px;
}
	div#coffeelink a#own{
		display:block;
		float:left;
		width:214px;
		height:205px;
		margin:0;
		padding:0;
	}
	div#coffeelink a#latte{
		display:block;
		float:left;
		width:156px;
		height:165px;
		margin:0;
		padding:0;
	}
	div#coffeelink a#mar{
		display:block;
		float:left;
		width:166px;
		height:157px;
		margin:0;
		padding:0;
	}
	div#coffeelink a#foryou{
		display:block;
		float:left;
		width:127px;
		height:220px;
		margin:0;
		padding:0;
	}
	div#coffeelink img#intro{
		display:block;
		clear:both;
		width:730px;
		height:100px;
	}

body#coffeepage dl{
	font-size:12px;
	margin-top:20px;
}
	body#coffeepage dt{
		clear:both;
		border:80px;
		margin-bottom:15px;
	}
	body#coffeepage dd{
		float:left;
		width:300px;
		margin-bottom:50px;
		line-height:20px;
		letter-spacing:1px;
		text-indent:12px;
	}
	body#coffeepage dd.photo{
		float:left;
		width:300px;
		margin:0 0 0 50px;
	}
/*ここからevent.htmlのスタイルシート---------------------*/


body#event ul.pager{
	width:705px;
	list-style:none;
	margin:0 auto;
}
	body#event ul.pager li{
		float:left;
		width:100px;
		height:20px;
	}
		body#event ul.pager li.right{
			margin-left:500px;
		}

body#event dl{
	width:700px;
	margin:0 auto;
	}
	body#event dl dt{
		width:700px;
		height:30px;
		font-size:14px;
		font-weight:bold;
		line-height:40px;
		text-indent:30px;
		color:#E19B46;
		margin:0 auto;
	}
		body#event dl dd{
			width:530px;
			font-size:12px;
			
			color:#666666;
			margin:0 auto;
			padding:30px 100px 30px 70px;
			background-color:#FFFFFF;
		}
		
body#event dl dd img{
	border:0;
}
	body#event img.tb{
		display:block;
		width:700px;
		margin:0 auto 30px;
		}