@charset "UTF-8";

/****************************************
          General Setting
*****************************************/

html, body {
	margin: 0;
	padding: 0;
}

body {
    color: #502400;
	font-size: 14px;
/*    font-family:
    	'ヒラギノ明朝 Pro W3',
    	'Hiragino Mincho Pro',
    	Times New Roman, Century,
    	Osaka,
    	'ＭＳ Ｐ明朝',
    	'HGP明朝B',
    	serif;*/
	font-family: Verdana, Arial, 'メイリオ', 'Meiryo UI', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',' ＭＳ Ｐゴシック', sans-serif;
    line-height: 160%;
    background: url('../images/bgstripe.gif') center top repeat;
}

/****************************************
          Typography
*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1 {
	margin-bottom: 10px;
	font-size: 160%;
}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

/****************************************
          List
*****************************************/
ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}

/****************************************
          Link
*****************************************/

a { color: #660; text-decoration: underline; }
a:hover { color: #cc0; text-decoration: underline; }

/****************************************
          Layout
*****************************************/

#ceiling {
	position: relative;
	width: 100%;
	height: 20px;
	top: 0;
	margin: 0;
	padding: 0;
	background: url('../images/stripe.gif') top center repeat-x;
}

#header { position: relative; margin: 0 auto; width: 900px; height: 30px; background: none; }

#container {
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 900px;
	background-color: white;
}

#footer { position: relative; margin: 0 auto; width: 900px; height: 180px; border-top: 3px double #502400; background: #fff; }

/****************************************
          header - navigation
*****************************************/
#header p.update { margin: 0; padding-top: 8px; padding-right: 5px; line-height: 20px; font-size: 90%; font-weight: bold; float: right; }

#gnavi { margin: 0; padding: 0; height: 30px; }
#gnavi ul.menu { margin-top: 5px; }
#gnavi ul.menu li { margin: 0; padding: 0 10px; width: 100px; height: 30px; float: left; background: url('../images/menutab.png') no-repeat; }
#gnavi ul.menu li.thisp { line-height: 30px; text-align: center; font-size: 12px; background: url('../images/menutab-w.png') no-repeat; }
#gnavi ul.menu li a { display: block; width: 100px; line-height: 30px; text-align: center; font-size: 12px; text-decoration: none; }
#gnavi ul.menu li a:hover { color: #fe0; text-shadow: #660 1px 1px;}


/****************************************
          toppage
*****************************************/
#container p.update { position: absolute; margin-top: 8px; margin-left: 600px; width: 280px; text-align: right; line-height: 20px; font-size: 90%; font-weight: bold; }

#panel { margin: 0 auto; padding: 50px 0 30px; width: 240px; }
#panel img { width: 240px; height: 400px; border: none; }

#announce {
	margin: 10px auto;
	width: 80%;
}
#announce p.head {
	margin-bottom: 30px;
	padding: 0 70px;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;
	color: #96514d;
/*	border-left: 3px solid #fedc5e;*/
}
#announce #phead {	/*border-right: 3px solid #fedc5e;*/ }
#announce p.indent { margin: 40px auto 0 auto; width: 85%; padding: 6px 24px; font-size: 1.0em; font-weight: normal; text-align: justify; }

#announce #showcase { position: relative; margin: 0 auto; width: 574px; height: 140px; }

/****************************************
          Menu
*****************************************/
#menucover {
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	width: 96%;
}

#menucover #logo1 { margin: 0; padding-top: 20px; padding-left: 28px; float: left; width: 200px; }
#menucover #logo1 img { width: 180px; height: 300px; border: none; }
#menucover #logo2 { margin: 0; padding-left: 16px; float: left; width: 240px; }
#menucover #logo2 img { width: 224px; height: 224px; border: none; }

#menucover #head { margin: 30px 30px 0 0; float: right; width: 560px; min-height: 198px; }
#menucover #head h1.headline {
	margin: 0;
	padding: 0;
	font-size: 2em;
	line-height: 68px;
	text-align: right;
/*	background: url('../images/mark00.png') 100% 50% no-repeat;*/
}
#menucover #head h1.headline .smfont { font-size: 70%; line-height: 70%; vertical-align: 0%; }
#menucover #head p.lead { margin: 20px 30px 20px 30px; min-height: 6.4em; font-size: 1.0em; line-height: 1.6em; text-align: justify; }

#menucover #head #cover1 { margin: 0 30px 0px 0; padding: 4px 8px; width: 544px; background: #ffdb4f; border-top: 3px double #502400;}
#cover1 p#cover-txt { margin: 0; padding-left: 30px; height: 24px; font-size: 0.9em; line-height: 22px; }
/*#cover1 p#cover-txt img { padding: 10px 0; width: 100px; height: 50px; border: none; }*/
#cover1 #contact1 { margin-left: 120px; text-align: left; }
#contact1 p { margin: 0; padding: 0; height: 24px; font-size: 1.2em; line-height: 22px; }
#contact1 .msg1 { font-size: 0.9em; }
#contact1 p.email { font-size: 1.1em; line-height: 16px; }
#contact1 p img { vertical-align: middle; }


#cover { margin: 0 auto 30px 292px; padding: 4px 8px; width: 544px; border-top: 3px double #502400;
	background: #ffdb4f url('../images/mark00w.png') 2% 50% no-repeat; }
#cover p#cover-txt { margin: 0; padding-left: 60px; line-height: 50px; float: left; }
#cover p#cover-txt img { padding: 10px 0; width: 100px; height: 50px; border: none; }
#cover p#cover-txt .alpha { line-height: 14px; font-size: 0.8em; color: #6f3f01; vertical-align: 120%; }
#cover #contact { width: 260px; float: right; text-align: left; }
#contact p { margin: 0; padding: 0; height: 24px; font-size: 1.2em; line-height: 22px; }
#contact p.msg1 { font-size: 0.9em; }
#contact p.email { font-size: 1.1em; line-height: 16px; }
#contact p img { vertical-align: middle; }

p.mn-top { margin: 0 auto -10px auto; width: 90%; line-height: 2em; font-size: 1.0em; text-align: center; background: #93b69c; color: #ffd; }

#m-main { position: relative; margin: 0 auto; width: 90%; }
#m-main .fd-group { position: relative; margin: 20px auto; width: 100%; min-height: 180px; padding-bottom: 20px; border-right: 1px solid #ccc; border-bottom: 2px solid #ddd; }
#m-main .fd-group .desc { margin: 0; float: left; width: 60%; }
#m-main .fd-group .desc h2 {
	margin-bottom: 20px;
	font-size: 1.4em;
	line-height: 2em;
	padding-left: 50px;
	background: url('../images/mark00.png') 0% 50% no-repeat;
}
#m-main .fd-group .desc h2 span.atten {
	font-size: small;
	padding: 0.2em;
	line-height: 1.4em;
	background: #752100; /*赤銅色*/
	color: white;
}
#m-main .fd-group .desc h2 a { text-decoration: none; }
#m-main .fd-group .desc p.comm {
	margin: 0;
	padding-left: 60px;
	max-width: 420px;
	font-size: 1.0em;
	line-height: 1.6em;
	color: #96514d;
}
#m-main .fd-group .desc p.openmnu { position: absolute; left: 360px; top: 150px; }

#m-main .fd-group .fd-img { margin: 0; float: right; width: 38%; padding-top: 20px; }
#m-main .fd-group .fd-img img { width: 240px; border: none; box-shadow: 5px 5px 5px #9f6f6f; }

/****************************************
          Order
*****************************************/
#o-main { position: relative; margin: 0 auto; width: 80%; }

#o-main h2 { margin: 50px 0 30px 0; padding-left: 40px; line-height: 32px; font-size: 1.3em; background: url('../images/mark00s.png') 0% 50% no-repeat; }
#o-main p { margin: 20px 50px; padding: 0; line-height: 1.8em; text-align: justify; font-size: 1.1em; color: #96514d;/*あずき色*/ }
#o-main p.accent { font-size: 1em; margin: 5px 60px; line-height: 1.6em; text-align: right; }
#o-main p.accent span.bk { padding: 3px 10px; color: #fffff0; background: #752100; }
#o-main p.tele { margin-left: 140px; padding: 0 0 0 50px; width: 460px; font-size: 1.4em; color: #360; background: #e6dcc8 url('../images/tel-02.gif') 0% 50% no-repeat; border-right: 1px solid #ccc; border-bottom: 1px solid #aaa; }
#o-main p.fax { margin-left: 100px; padding: 0 0 0 60px; width: 500px; font-size: 1.4em; color: #360; background: #e6dcc8 url('../images/fax-02.gif') 0% 50% no-repeat; border-right: 1px solid #ccc; border-bottom: 1px solid #aaa; }
#o-main p.eml { margin-left: 100px; padding: 0 0 0 30px; width: 530px; font-size: 1.4em; color: #360; background: #e6dcc8 url('../images/email-02.gif') 0% 50% no-repeat; border-right: 1px solid #ccc; border-bottom: 1px solid #aaa; }
#o-main ol.orderitem { margin: 0 120px; }
#o-main ol.orderitem li { list-style: decimal; padding-bottom: 5px; font-size: 1.2em; color: #b22222; }
.smblock { display: block; float: right; font-size: 70%; padding: 6px 20px; text-align: right; line-height: 1.6em; }

/****************************************
          Aboutus
*****************************************/
#a-main { position: relative; margin: 0 auto; width: 80%; }

#a-main .bs_info { margin: 50px auto; width: 690px; padding-left: 10px; }
.bs_info table { margin: 0 auto; font-size: 0.9em; width: 680px; border: 3px ridge #999; border-collapse: collapse; }
.bs_info table td { padding: 4px 15px; line-height: 1.6em; border: 1px ridge silver; }
.bs_info table td.td01 { width: 180px; background: #e6dcc8; }
.bs_info table td.td02 { background: white; }

/****************************************
          Inquiry
*****************************************/
#q-main { position: relative; margin: 0 auto; width: 90%; }
#formmail { margin:20px auto; width: 720px; border: none; }

#formmail table {
	margin: 10px auto;
	width: 720px;
	border-collapse: collapse;
}
#formmail table td {
	padding: 5px;
	line-height: 1.8em;
	border-top: 1px solid #ffd700;
	border-bottom: 1px solid #ffd700;
}
#formmail table td.item { width: 180px; background: #dfe; vertical-align: top;}
#formmail table td.sheet { font-size: 0.9em; background: white; }

#formmail input.broad {
	max-width: 80%;
	padding: 2px;
	font-size: 1.0em;
	border-top: 1px solid gray;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 1px solid gray;
}
#formmail input:focus,#formmail textarea:focus { background-color: #dee; }
#formmail .buttons { text-align: center; }
#formmail p.attn { margin: 5px 0 0 0; font-size: 90%; line-height: 1.5em; }
#formmail p.attn01 { padding-left: 10px; font-size: 90%; line-height: 1.5em; }
#formmail span.error { color: red; }


/* ======　Thanks Message　====== */

#thx_top { margin: 30px auto 50px auto; padding: 30px; width: 600px; background-color: #fafae8; border: 3px double #87cefa; }
#thx_top p.p1 { margin: 20px auto; font-size: 1.2em; line-height: 2em; text-align: center; }
#thx_top p.p2 { margin: 20px auto; font-size: 1.0em; line-height: 2em; text-align: center; }
#separator { margin: 30px auto; width: 560px; height: 100px; }
#separator img { border: none; }


/****************************************
          Menu - Sub Pages
*****************************************/

#header2 { position: relative; margin: 0 auto; padding: 0; width: 800px; height: 180px; border-bottom: 3px double #502400; background: white; }
#header2 .hdr-left { margin: 0; padding: 0 0 0 36px; float: left; }
#header2 .hdr-left img { height: 180px; border: none; }
#header2 .hdr-right { margin: 0 auto; padding: 5px; width: 590px; height: 167px; float: right; }
#header2 .hdr-right p.title { margin: 0; font-size: 1.1em; line-height: 24px; border-bottom: 3px double #502400; }
#header2 .hdr-right p.subt { margin: 0; font-size: 0.9em; line-height: 1.1 em; }
#header2 .hdr-right table.smenu { margin: 2px auto; border: none; border-collapse: collapse; }
#header2 .hdr-right table.smenu td { font-size: 0.9em; text-align: left; padding: 0px 5px; width: 130px; height: 16px; }
#header2 .hdr-right table.smenu td.this { font-size: 0.92em; color: #ee7800; /*橙色*/ }
#header2 .hdr-right table.smenu td a { text-decoration: none; }
#header2 .hdr-right p.closem {
	margin: 0 10px 0 435px;
	padding: 0px 5px;
	width: 11em;
	text-align: center;
	font-size: 0.8em;
	background: #fedc5e; /*#96514d;*/
}
#header2 .hdr-right p.closem a { color: #6f3f01; text-decoration: none; }
#header2 .hdr-right p.closem a:hover { color: #fff; }

#container2 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 800px;
}

#menuhead { margin: 0 auto; padding-top: 30px; width: 740px; }
#menuhead #head1 { position: relative; margin: 0; height: 50px; }
#menuhead #head1 h1 { text-align: center; line-height: 50px; background: url('../images/mark00.png') 50% 50% no-repeat; }
#menuhead #head1 p.attn { position: absolute; top: 0; left: 600px; width: 11em; font-size: small; line-height: 1.8em; text-align: center; background: #752100; color: white; }
#comm { margin: 20px auto; width: 720px; }
#comm p { margin: 0.4em auto; padding: 0; text-align: justify; }
#comm p.catch { font-size: 1.1em; line-height: 2em; }
#comm p.remark { font-size: 1.0em; line-height: 1.4em; color: #b22222; }
#comm .rice-option { margin: 0 auto 20px auto; padding: 10px 0; width: 720px; background-color: white;}
#comm .rice-option img { width: 720px; border: none; }

#mcontent { margin: 40px auto; width: 740px; }
#mcontent table.mnu { margin: 0 auto; width: 690px; border: none; border-collapse: collapse; }
#mcontent table.mnu td { padding: 5px 10px; }
#mcontent table.mnu td.txt { padding-bottom: 20px; vertical-align: top; font-size: 1.0em; line-height: 1.4em;}
#mcontent table.mnu td.txt-narw { padding-bottom: 0px; vertical-align: top; font-size: 1.0em; line-height: 1.4em;}
#mcontent table.mnu td.txt-vb { vertical-align: bottom; font-size: 0.9em; line-height: 1.4em;}
#mcontent table.mnu td.txt p.atn { margin: 0; padding-top: 2px; line-height: 1.0em; font-size: 0.8em; color: #b22222; }
#mcontent table.mnu td img { border: none; box-shadow: 5px 5px 5px #9f6f6f; }
#mcontent table.mnu td p.atn2 { margin: 0.5em 2em; line-height: 1.4em; font-size: 0.9em; color: #b22222; }
#mcontent table.mnu td.wmark { position: relative; }
#mcontent table.mnu td.wmark img.amark { position: absolute; left: 0%; top: 0%; width: 60px; box-shadow: none; z-index: 2; }
#mcontent table.mnu td.wmark p.acom { position: absolute; right: 7%; bottom: -2%; font-size: 0.9em; color: #400; text-shadow: 1px 1px white; z-index: 2; }
#mcontent table.mnu td h3.head2 { margin: 0; font-size: 1.2em; line-height: 50px; background: url('../images/mark00.png') 50% 50% no-repeat; background-size: contain; }

#mcontent table.mnu td .price-lft { display: block; float: left; text-align: left;}
#mcontent table.mnu td .price-rit { display: block; margin-right: 30px; float: right; text-align: right; }
#mcontent table.mnu td .p-lft { display: block; float: left; text-align: left;}
#mcontent table.mnu td .p-rit { display: block; float: right; text-align: right; }

#mcontent table.mnu td .ctr300 { margin: 0 auto; width: 300px; }
#mcontent table.mnu td .ctr330 { margin: 0 auto; width: 330px; }
#mcontent table.mnu td .lft300 { margin: 0; width: 300px; }

p.clswin { margin: 0 auto 40px auto; padding: 0; width: 83px; line-height: 18px; text-align: center; font-size: 0.8em; font-weight: bold; font-family: Verdana, Arial, sans-serif; }
p.clswin a { display: block; width: 83px; height: 20px; color: #000; text-decoration: none; background: url('../images/button.gif') no-repeat; }
p.clswin a:hover { color: #daa520; text-decoration: none; }

#footer2 { position: relative; margin: 0 auto; width: 800px; height: 180px; border-top: 3px double #502400; background: #fff; }

#foot-logo2 { margin: 0; width: 180px; height: 180px; float: left; }
#foot-logo2 img.flogo2 { margin: 0; padding: 10px; width: 160px; height: 160px; border: none; }
#footer2 #cont2 { margin: 0; width: 590px; padding-right: 20px; float: right; }

#cont2 .time { margin-left: 0px; width: 480px; }
#cont2 .time img { width: 480px; border: none; }
#cont2 .shop { margin-left: 0px; width: 440px; }
#cont2 .shop img { width: 440px; border: none; }
#cont2 p.copyright { margin: 5px 0px; padding: 0; font-size: 0.7em; text-align: right; }


/****************************************
          Common
*****************************************/
p.backtop { margin-right: 60px; text-align: right; }
p.backtop2 { margin: 0 50px; padding: 0; height: 20px; text-align: right; }

p.back { margin: 10px auto; width: 80px; line-height: 24px; text-align: center; }
p.back a { display: block; width: 80px; height: 24px; background: url('../images/btn2.png') repeat-x; color: #330; text-decoration: none; }
p.back a:hover, p.back a:active { color: #990; background: url('../images/btn2_on.png') repeat-x; }

.flt-l { float: left; }
.flt-r { float: right; }
.txt-r { text-align: right !important; }
.txt-c { text-align: center !important; }

.bld { font-weight: bold; }
.c-red { color: red; }
.c-fb { color: #b22222; }
.c-blue { color: blue; }
.c-dred { color: #8b0000; }

img.imark { box-shadow: none !important; border: none; }

.mgn-r50 { margin-right: 50px; }
.mgn-t30 { margin-top: 30px !important; }
.mgn-b10 { margin-bottom: 10px !important; }
.mgn-b20 { margin-bottom: 20px !important; }

.pdg-l1em { padding-left: 1em; }
.pdg-l2em { padding-left: 2em; }

.font100 { font-size: 100%; }
.font110 { font-size: 110%; }
.font120 { font-size: 120%; }
.smfont { font-size: 70%; }
.smfont80 { font-size: 80%; }
.smfont90 { font-size: 90%; }

.lines { margin: 5px auto; width: 420px; padding: 0; }


/****************************************
          Footer
	#footer {		position: relative;
						margin: 0 auto;
						width: 900px;
						height: 180px;
						border-top: 3px double #502400;
						background: #fff;	}
*****************************************/
#foot-logo { margin: 0; width: 220px; height: 180px; float: left; }
#foot-logo img.flogo { margin: 0; padding-left: 30px; width: 180px; height: 180px; border: none; }
#cont { margin: 0; width: 640px; padding-right: 20px; float: right; }

/*#cont { margin: 0 auto; width: 860px; }*/
#cont p.eml, #cont2 p.eml {
	margin: 5px 0px; padding: 0;
	text-align: right;
	font-family: Verdana, Arial, 'Meiryo UI', sans-serif;
	font-size: 0.9em; line-height: 1.2em;
}

#cont .time { margin: 0; padding-left: 20px; width: 500px; }
#cont .time img { width: 500px; border: none; }
#cont .shop { margin: 0; padding-left: 20px; width: 440px; }
#cont .shop img { width: 440px; border: none; }
#cont p.copyright { margin: 5px 0px; padding: 0; font-size: 0.7em; text-align: right; }

/****************************************
          Form
*****************************************/


/****************************************
          Misc
*****************************************/


/****************************************
          Clearfix
*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
#toppage:after,
.art_window:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
#toppage,
.art_window,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
#toppage,
.art_window,
.clearfix {
	display: block;
}