@charset "UTF-8";
/* CSSリセット */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;}del{text-decoration:line-through}

/* base */
html {width:100%;}
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica; color:#333; background:#FFF; width:100%; text-align:center;}
img { border:none;}
a { color:#12C;}
	a:hover{color:#609;}

nav { width:100%; background:url(../images/navi-bg.jpg) no-repeat center top; background-color:#F6F6E9; text-align:center;}
	#top { display:block; width:800px; height:440px; overflow:hidden; margin:0 auto; background:url(../images/navi-bg.jpg) no-repeat center top; text-align:left;}
	#top h1 { display:block; position: absolute; width:800px; height:120px; padding:160px 0; text-align:center; overflow:hidden;}
	#top ul { display:block; position: absolute; width:220px; margin:120px 0 0 45px; padding:0; list-style:none;}
		#top li { padding:0; margin:0; font-size:14px; line-height:14px; vertical-align: top;} 

main {}
	.inner { width:740px; margin:0 auto; padding:40px 30px; text-align:left;}
	.pagetop { width:100%; padding:16px 0 0 0; text-align: center; clear:both;}
		.pagetop p { margin:0; padding:0; text-align:center;}

#intro { width:100%; text-align:center; background:#FFF;}
	#intro h2 { text-align:center; margin:0; padding:8px 0;}
	#intro p { text-align:center; font-size:14px; line-height:1.6em; margin:0; padding:8px 0;}
  .intro-image { padding:20px 0 0 0; text-align: center;}
    .intro-image img { vertical-align: bottom;}

#menu { width:100%; text-align:left; background:#F6F6E9;}
	#price { float:left; width:400px; margin:0 0 0 35px;}
		#price  h2 { text-align:left; margin:0; padding:16px 0;}
		#price hr { height: 1px; overflow:hidden; margin:0 0 24px 0; padding:0; border: none; border-top: 1px #CABFB0 solid; background:#F6F6E9;}
		#price h3 { padding:4px 0 8px 0;}
		#price table { width:400px; margin-bottom:24px;}
		#price th { text-align:left; font-size:14px; line-height:16px; vertical-align:top; font-weight: normal; padding:8px 0 8px .5em;}
			#price th .gray { font-size:12px;}
		#price td { text-align:right; font-size:16px; line-height:24px; vertical-align:top; font-weight:bold; padding:4px 0 4px 0;}
	#promotion { float:right; width:275px; padding:0 0 0 0;}
		.coupon { padding:0 0 20px 0;}
			.coupon p { margin:0; padding:0;}
		.pickup {padding:0 0 20px 0;}
			.pickup h2 { margin:0; padding:0; vertical-align:bottom;}
				.pickup h2 img { vertical-align:bottom;}
			.pickup-inner { width:242px; padding:0 12px 16px 13px; border:4px solid #FFF; border-top:none; background:#FDE9E3;}
				.pickup h3 {font-size:16px; line-height:24px; margin:0; padding:16px 0 0 0;}
					.pickup h3 img { padding:0 0 4px 0;}
				.pickup p {font-size:12px; line-height:18px; margin:0; padding:4px 0;}
		.photo {}
			.photo p {padding:0 0 20px 0; margin:0; text-align:center;}
				.photo p img { border:1px solid #CABFB0;}
		.microbubble { padding:17px; background:#EEEEE1; margin-bottom:20px;}
			.microbubble h2 {font-size:12px; line-height:18px; margin:0; padding:8px 0 0 0;}
			.microbubble p {font-size:12px; line-height:18px; margin:0; padding:8px 0;}

#owner { width:100%; text-align:left; background:#FFF;}
	#owner .inner { background:url(../images/owner-photo.jpg) no-repeat 480px 80px;}
	#owner h2 { text-align:left; margin:0; padding:8px 0;}
	#owner-message { width:450px; margin-left:35px;}
		#owner-message p { font-size:14px; line-height:1.6em; margin:0; padding:8px 0;}
	#owner-note { width:650px; border-left:2px solid #AAA; padding:0 0 0 16px; margin:16px 0 16px 35px;}
		#owner-note h3 { font-size:16px; line-height:1.6em; margin:0; padding:0 0 0 0;}
		#owner-note p { font-size:12px; line-height:1.6em; margin:0; padding:8px 0 0 0; color:#666;}

#access { width:100%; text-align:left; background:#F6F6E9;}
	#access h2 { text-align:left; margin:0; padding:8px 0;}
	#access p { text-align:center; font-size:14px; line-height:1.6em; margin:0; padding:8px 0;}

#reservation { width:100%; text-align:center; background:#FFF;}
	#reservation h2 { text-align:left; margin:0; padding:8px 0;}
	#reservation p { font-size:14px; line-height:1.6em; margin:0; padding:8px 35px;}

#news { width:100%; text-align:left; background:#F6F6E9;}
	#news h2 { text-align:left; margin:0; padding:16px 0;}

footer {width:100%; text-align:center; background:#FFF;}
	#bottom { width:800px; margin:0 auto; padding:40px 0; text-align:left;}
	footer table { width:800px;}
	footer th { padding:0; vertical-align:top; font-size:14px; line-height:1.6em; text-align:left;}
	footer td { padding:0 0 0 40px; vertical-align:top; font-size:14px; line-height:1.6em;}
	footer td .fg { color:#666; font-size:12px;}

/* common */
.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; width:100%;}
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f28 { font-size:28px;}
.blue { color:#28A5C9;}
.red {color: #EE0000;}
.orange { color:#FF9900;}
.purple { color:#6812CD;}
.green { color:#0AB600;}
.black { color:#333;}
.gray { color:#666;}
.tac { text-align:center;}
.tar { text-align:right;}
.tal { text-align:left;}
.fb { font-weight:bold;}
.fbn { font-weight: normal;}
.fr { float:right;}
.fl { float:left;}
.fg { font-family:Arial, Helvetica, sans-serif;}
.tu { text-decoration:underline;}
.iv { filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.btn {}