/****************************************************
main.css - Tyoumihin - 2009-11-2
****************************************************/
html { background:#4A6E5B}
body { background:url(../img/bg.gif) repeat-x 0 0; font-family:Verdana,sans-serif}
#wrapper { padding:0; width:965px; background:#255A40 url(../img/page.bg.gif) repeat-x 0 0}
a,a:hover { text-decoration:none}
em { font-weight:700}
.en { font-family:Verdana,sans-serif !important}
.jp { font-family:'MS Gothic',sans-serif !important}

/* =header
-------------------------*/
#header { height:53px}
h1 { position:absolute; top:15px; left:24px; z-index:20; width:304px; text-indent:-9999px; height:185px; background:url(../img/logo.png) no-repeat 0 0}
h1 a { display:block; height:143px}

/* =nav
-------------------------*/
#nav { background:#255A40; height:315px; width:190px; padding:7px 5px 3px}
	#nav ul { background:url(../img/nav.gif) no-repeat -189px 0;}
		#nav li { display:block; height:44px}
			#nav li a { display:block; height:43px; line-height:43px; text-indent:-9999px}
			#nav #n1:hover,
			#nav #n2:hover,
			#nav #n3:hover,
			#nav #n4:hover,
			#nav #n5:hover,
			#nav #n6:hover,
			#nav #n7:hover{ background-image:url(../img/nav.gif)}
			#nav #n1:hover { background-position:0 0}
			#nav #n2:hover { background-position:0 -44px}
			#nav #n3:hover { background-position:0 -88px}
			#nav #n4:hover { background-position:0 -132px}
			#nav #n5:hover { background-position:0 -176px}
			#nav #n6:hover { background-position:0 -220px}
			#nav #n7:hover { background-position:0 -264px}

/* =content
-------------------------*/
#content { background:url(../img/content.bg.jpg) no-repeat 0 0; padding-top:51px}

#main { background:#fff; width:765px; float:left; position:relative; min-height:590px; _height:590px}
	#main h2 { margin:80px 62px 8px 66px; height:40px; border-bottom:5px solid #33644A}
		#main h2 big { position:absolute; top:74px; left:37px; width:300px; height:50px; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px}
		#aboutus #main h2 big { background-image:url(../img/h2.about.gif)}
		#chef #main h2 big { background-image:url(../img/h2.chef.gif)}
		#diner #main h2 big { background-image:url(../img/h2.diner.gif)}
		#dejuner #main h2 big { background-image:url(../img/h2.dejuner.gif)}
		#vins #main h2 big { background-image:url(../img/h2.vins.gif)}
		#auberge #main h2 big { background-image:url(../img/h2.auberge.gif)}
		#material #main h2 big { background-image:url(../img/h2.material.gif)}
		#banquet #main h2 big { background-image:url(../img/h2.banquet.gif); width:600px}

		#main h2 span { float:right; text-align:right; font-size:12px}
		#main #pic-holder img { border:1px solid #476B59; width:632px; height:148px; display:block; margin:0 62px 0 68px}
		#article { margin:10px 62px 40px 66px; font-family:'MS Gothic',sans-serif; color:#444}
			#article .en { font-size:12px; font-weight:400}
			#article h3 { font:700 16px 'MS Gothic',sans-serif; margin-top:20px}
			#article h3 span { font-size:12px; font-weight:400; display:block}
			#article h4 { font-weight:700; font-size:14px; padding:20px 0 0 0}
			#article table { border:0; margin:10px 0}
			#article caption { font-size:14px; font-weight:700; text-align:left; padding:10px 0 0 0}
				
				#article th,
				#article td { line-height:24px; font:14px/20px 'MS Gothic',sans-serif}
			#article hr { display:block; margin:10px 0}
			#article p { margin:10px 0}
			#article p.price { margin:0 0 5px}

			#vins table .memo { font-size:12px; color:#888; padding:0 0 0 1em}
			#vins th { width:80%}
	
	#chef h3 { height:25px; text-indent:-9999px}
	#chef h4 { padding:0}
	#chef .pic-holder { float:left; border:1px solid #476B59; overflow:hidden; margin-right:20px}
	#chef img { display:block}
	#chef #main p { font-size:14px}
	#chef-info .pic-holder { width:170px; height:200px}
		#chef-info h3 { background:url(../img/h2.chef-info.gif) no-repeat 190px 0; *background-position:0 0}
		#staff-info h3 { background:url(../img/h2.staff.gif) no-repeat 190px 0; *background-position:0 0}


#side { background:#255A40; width:200px; float:left}
	#info { color:#fff; font-size:11px; padding:0 10px 10px 20px}
	#info h2 { font-size:14px; line-height:28px; margin-top:10px}

/* =shortcut
-------------------------*/
#shortcut { position:absolute; top:12px; right:20px}
	#shortcut li { display:inline; color:#999}
	#shortcut a { font-size:10px; color:#536861}

/* =footer
-------------------------*/
#footer { width:965px; border-top:10px solid #255A40; margin:0 auto 20px; font-size:12px; line-height:42px; text-align:center}
	#footer p { width:965px; margin:0 auto; text-align:left; color:#fff; text-indent:20px}
	#footer a { font-weight:700; color:#fff}