@charset "utf-8";



/*********** font setup ***********/
* { font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka,sans-serif; }
.f10,
#hseo,
#credit {font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;}


/*********** defult setup ***********/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,span,img,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}



/*********** tag setup ***********/

/* body */
body { font-size:12px; color:#333; background:#fff; }

/* heading */
h1 {
	width:900px;
	height:30px;
	margin:0 auto;
	padding:10px 0 0;
	color:#fff;
	font-size:13px;
	font-weight:normal;
	text-align:left;
}
h2 { }
h3 { }
h4 { }
h5 { }
small { font-size:14px;}

/* ie用 images */
body img { vertical-align:top; font-size:0; }

/* link */
a { color:#852324; }
a:link { text-decoration:underline; }
a:hover { text-decoration:none; color:#ed5e60; }
a:visited { }
a:active { }



/*********** id setup ***********/

/* wrapper */
/*#wrapper { background:url(../images/bg.png) repeat-x; }*/

/* logo */
body.top div#header h2,
div#header #logo { }

/*  header  */
#header {background:#88734B;}
#h_add { position:absolute; top:0; right:0;}
#h_buy { position:absolute; top:40px; right:150px; z-index:99;}
#h_contact { position:absolute; top:40px; right:25px;  z-index:99;}

/* main */
/*#main { width:900px; margin:0 auto; line-height:1.7; text-align:center; }*/
.inner {width:900px; margin-left:auto; margin-right:auto; position:relative;}
.bg-88734B {background:#88734B;}
.bg-EFEAE0 {background:#EFEAE0;}
.bg-887E73 {background:#887E73;}

/* footer */
#footer { width:900px; margin:15px auto; padding:10px 0px; background:#88734B; color:#fff;  }
#footer p#f_logo{ padding:0 20px; float:left;}
#footer p#copy{ padding:0 20px; float:right;}

#f_nav {margin-top:25px; float:left; padding:0 0 0 20px;}
#f_nav a { text-decoration:none; color:#000;}
#f_nav a:hover { color:#000; text-decoration:underline; }

.pageup { float:right; margin:25px 20px 0 0;}

/* global class */
.clear { clear:both; }
.clearfix {zoom:1;}
.clearfix:after{ content:""; display: block; clear: both;}

.no_wrap{ overflow:hidden;zoom:1; }
.hover80 a:hover img,a.hover80:hover img,a:hover img.hover80 {filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.hover60 a:hover img,a.hover60:hover img,a:hover img.hover60 {filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}


/* main_img */
#mainimg {background:#EFEAE0; height:560px; margin-bottom:80px;}
#mainimg .inner {width:1222px;}

/* otameshi */
#otameshi { position:relative; margin:30px 0 50px;}
#otameshi .bt { position:absolute; top:220px; right:45px;}
#otameshi .bt2 { position:absolute; top:520px; left:20px;}
#otameshi .bt3 { position:absolute; top:520px; right:20px;}

/* voice */
ul#voice { margin:15px -20px 43px 0;}
ul#voice li { float:left; width:440px; background:#EFEAE0; border-bottom:solid 1px #CEBF9F; margin:0 20px 15px 0; height:190px;}
ul#voice li img.photo { float:left; padding:18px 10px 0 18px;}
ul#voice li p { width:260px; float:right;}
ul#voice li p.title {padding: 18px 18px 8px 0;}
ul#voice li p.txt {padding: 0px 18px 18px 0; text-align:left;}

#voice1 { background:url(../images/img4.png) no-repeat; height:327px; }
#voice1 p{ text-align:left; width:437px; padding:100px 0 0 20px; line-height:1.8;}
#voice2 { background:url(../images/img5.png) no-repeat; height:265px; }
#voice2 p{ text-align:left; width:437px; padding:100px 20px 0 0px; float:right; line-height:1.8;}
#voice3 { background:url(../images/img6.png) no-repeat; height:255px; }
#voice3 p{ text-align:left; width:437px; padding:90px 0 0 20px; line-height:1.8;}
#voice4 { background:url(../images/img_voice4.png) no-repeat; height:265px; }
#voice4 p{ text-align:left; width:437px; padding:85px 20px 0 0px; float:right; line-height:1.8;}

/* resipe */
p#recipe { font-size:14px; text-align:left; padidng:10px 0;}
ul#recipe2 { margin:35px -20px 0 0;}
ul#recipe2 li { width:210px; height:310px; float:left; background:#fff;margin:0 20px 15px 0;}
ul#recipe2 li img{ padding:15px 0 0 0;}
ul#recipe2 li p{ padding:10px 18px; text-align:left;line-height:1.5;}

/* bnr */
#bnr {margin:25px 0 0 0;}
#bnr1 { position:relative; float:left; margin:0 10px 0 0;}
#bnr1 .bt1{ position:absolute; bottom:22px; left:20px;}
#bnr2 { position:relative; float:left; margin:0 0px 0 0;}
#bnr2 .bt1{ position:absolute; bottom:22px; left:20px;}

/* mainichi */
#mainichi { margin:40px 0 0 0; position:relative;}
#mainichi .bt { position:absolute; bottom:36px; right:20px;}

/* question */
.inner3 { width:900px; margin:20pt auto 40pt auto; }
.question { position:relative; float:left; margin:0 10px 0 0;}
.question2 { position:relative; float:right; margin-top:10px;}
.question_q { padding: 0 0 20px 0;border-bottom:solid 1px #CEBF9F;margin-bottom:20px;}