@charset "UTF-8";
	
/* header
------------------------------------------------------------------- */
#header { width:960px; height:175px; margin:0 auto 15px; position:relative; background:url(../images/h_bg.jpg) left bottom no-repeat; }


/* common
------------------------------------------------------------------- */
#wrapper { width:960px; margin:0 auto 100px; }

	/* column
	------------------------------------------------------------------- */
	#contents { width:630px; float:left; }
	#sidebar { width:300px; float:right; }

	/* h2-h4
	------------------------------------------------------------------- */
	#contents h2 { width:644px; height:181px; margin:0 0 20px -5px; }
	#contents h3 { width:540px; padding-left:20px; height:30px; line-height:26px; font-size:116%; font-weight:bold; color:#330; margin-bottom:20px; 
	background:url(../images/h3.jpg) left top no-repeat; }
	#contents h4 { width:295px; padding-left:5px; height:25px; line-height:25px; font-size:93%; font-weight:bold; color:#837D69; margin-bottom:20px; 
	/*background:url(../images/h4.jpg) left top no-repeat;*/ }
	#contents p { line-height:1.8; }

	/* sidebar
	------------------------------------------------------------------- */
	#sidebar .box { width:300px; margin-bottom:40px; position:relative; }


		/* [1]facebook
		------------------------------------------------------------------- */
		#sidebar .n01 h3 { margin-bottom:10px; }
		#sidebar .n01 { overflow:hidden; height:250px;}
		
		/* [2]shop
		------------------------------------------------------------------- */
		#sidebar .n02 h3 { margin-bottom:10px; }
		#sidebar .n02 ul li { float:left; }
		#sidebar .n02 ul li a { display:block; width:93px; height:93px; margin:0 0 10px 10px; }
		/* hover */
		#sidebar .n02 ul li:nth-child(1) a { background:url(../images/box2_icon02hv.jpg) left top no-repeat; margin-left:0; }
		#sidebar .n02 ul li:nth-child(2) a { background:url(../images/box2_icon07hv.jpg) left top no-repeat; }
		#sidebar .n02 ul li:nth-child(3) a { background:url(../images/box2_icon03hv.jpg) left top no-repeat; }
		#sidebar .n02 ul li:nth-child(4) a { background:url(../images/box2_icon04hv.jpg) left top no-repeat; margin-left:0; }
		#sidebar .n02 ul li:nth-child(5) a { background:url(../images/box2_icon05hv.jpg) left top no-repeat; }
		#sidebar .n02 ul li:nth-child(6) a { background:url(../images/box2_icon06hv.jpg) left top no-repeat; }
		#sidebar .n02 ul li:nth-child(7) a { background:url(../images/box2_icon01hv.jpg) left top no-repeat; margin-left:0; margin-bottom:0; }

		/* [3]reform
		------------------------------------------------------------------- */
		#sidebar .n03 h3 { margin-bottom:15px; }
		#sidebar .n03 a img { position:absolute; right:2px; top:-4px; }
		#sidebar .n03 p { margin-top:10px; font-size:93%; }

		/* [4]cafe
		------------------------------------------------------------------- */
		#sidebar .n04 h3 { margin-bottom:15px; }
		#sidebar .n04 a img { position:absolute; right:2px; top:-4px; }
		#sidebar .n04 p { margin-top:10px; font-size:93%; }
			
		
		

/* cafe
------------------------------------------------------------------- */
/* コンセプト */
.cafe p.n01 { height:160px; padding:40px 280px 20px 20px; margin-bottom:80px; background:url(../images/cafe_ph01.jpg) right top no-repeat; }
.cafe p.n01 strong { display:block; }
.cafe p.n01 strong img { margin-bottom:30px; }
.cafe p.n01 span { color:#900; }

/* パスタメニュー */
.cafe ul.n01 { position:relative; }
.cafe ul.n01 img { position:absolute; right:20px; top:0; }
.cafe ul.n01 li { height:30px; line-height:30px; }
.cafe ul.n01 li:nth-child(2n) { background:#F9F9F9; }
.cafe p strong { color:#900; padding-left:10px; font-size:108%; }
.cafe address { font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; font-size:146.5%; color:#330; margin:10px 0 80px; border-left:1px dotted #330; padding-left:10px; }

/* パスタメニュー一覧 */
.cafe ul.n02 { margin-bottom:20px; }
.cafe ul.n02 li {
	float:left;
	margin:4px;
	font-size: 11px;
	text-align: center;
}
.cafe ul.n02 li img { border:1px solid #FFF; }
.cafe p.n02 { padding:10px; border:3px solid #EEE; background:#FAFAFA; }
			
		
		

/* about
------------------------------------------------------------------- */
/* 会社概要 */
.about table { width:100%; margin-bottom:80px; }
.about table th,.about table td { padding:10px; }
.about table th { text-align:right; padding-right:20px; border-right:1px dotted #333; border-bottom:1px dotted #333; font-weight:bold; color:#666; }
.about table td { border-bottom:1px dotted #333; }
.about table td span { color:#900; font-size:93%; }

/* アクセスマップ */
.about #map_canvas { width:100%; height:360px; background:#FFF; margin-bottom:5px; }

/* EBISU */
.about .box { position:relative; }
.about .box img { float:left; margin-right:20px; }
.about .box p { padding-top:20px; }
.about .box p img { position:absolute; right:20px; bottom:0; }
			
		
		

/* contact
------------------------------------------------------------------- */
.contact table.ex { width:300px; margin:20px 0 80px; }
.contact table.ex th,.contact table.ex td { padding:10px; border:1px dotted #333; background:#F9F9F9; }
.contact table.ex th { text-align:right; font-weight:bold; }
.contact table.ex address { font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; font-size:146.5%; color:#330; text-align:center; }
.contact .box { position:relative; width:100%; }
.contact .box img { position:absolute; right:0; top:0; }
.contact .box p { width:50%; font-size:93%; }


	/* form
	------------------------------------------------------------------- */
	.contact table { width:100%; }
	.contact td,.contact th { padding:20px; }
	.contact th { padding-left:40px; border-bottom:1px solid #EEE; }
	.contact label { font-weight:bold; color:#333; }
	.contact input[type="radio"] { margin:0 5px 20px 0; }
	.contact input[type="radio"]:last-child { margin-bottom:0; }
	.contact input[type="checkbox"] { margin:0 5px 0 25px; }
	.contact input[type="text"] { margin:0; padding:5px 5px; color:#666; font-size:100%; width:300px; border:1px solid #CCC;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); }
	.contact input:focus { border:solid 1px #EEA34A; }
	.contact select { margin:0; padding:2px 0 2px 5px; color:#666; font-size:100%; width:300px; }
	.contact textarea { margin:0 5px 0 0; padding:2px 5px; color:#666; font-size:100%; width:400px; height:200px; border:1px dotted #CCC; }
	/* btn */
	.contact td.btnarea { text-align:center; margin:0 auto; }
	.contact button[type="submit"] { width:150px; height:30px; border:1px solid #CCC; background:#4E4025; color:#FFF; cursor:pointer; font-size:100%;
	-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; margin-top:20px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
	.contact button[type="submit"]:hover { background:#330; border:1px solid #FFF; }
			
		
		

/* sm
------------------------------------------------------------------- */
.sm ul li a { display:block; height:40px; line-height:40px; padding-left:20px; color:#333; font-weight:bold; text-decoration:none;
-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
.sm ul li:nth-child(2n) a { background:#F9F9F9; }
.sm ul li.level2 a { margin-left:40px; height:30px; line-height:30px; }
.sm ul li a:hover { background:#E4E9E2; padding-left:25px; }