@charset "utf-8";

/* CSS Document */

* { margin:0; padding:0;}

a:link { text-decoration: underline;}

a:visited {	text-decoration: underline;}

a:active { text-decoration: none;}

a:hover { text-decoration: none; color:#f00;}

body {
	margin: 0;
	padding: 0;
	background:#dcffb9;
	text-align:center;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

.red { color:#f00;}

.b { font-weight:bold;}

.clear { clear:both;}

.ctr { margin:0 auto; text-align:center;}

.fl { float:left;}

.fr { float:right;}

.fs13 { font-size:13px;}
.fs18 { font-size:18px;}

.mlr20 { margin:0 20px;}

.lh150 { line-height:150%;}

.m5 { margin:5px;}


address { font-style:normal; font-size:13px; color:#666;}

img { border:0;}

hr { width:783px; color:#666; height:1px; margin: 10px auto;}

p { margin:0; padding:0;}

h1 { font-size:15px; font-weight:normal; color:#333; text-align:right; padding-right:20px;}
h2 { left:30px; position:absolute; top:30px; }
h3 { margin:0; padding:0; width:520px;}

/* 全体 */

#wrap {
	margin: 0px auto;
	width:812px;
	background: #fff url(img/bg.gif);
}

#header {
	margin: 0px auto;
    width: 800px;
    background: url(img/head.jpg) top no-repeat;
	position: relative;
	height: 188px;
}

#navi { width:800px; height:31px; margin: 0 auto; padding:5px 0;}

#navi img { margin:0px 10px;}
#navi li { display:inline;}

/* 本体 */

#main {
	margin: 0px auto;
    width:800px;
    background:#FFFFFF;
	text-align:left;
}

/* 左側 */

#left {
	float:left;
	width:255px;
	font-size:13px;
}

.pad-left {
	padding-top:23px;
	padding-right:46px;
	padding-bottom:0px;
	padding-left:27px;
}

#chumon,#towa,#recipe,#diary,#column { width:182px;}

#towa,#recipe,#diary,#column,.mt16 { margin-top:16px; }

#chumon { height:267px; background:url(img/order.gif) top no-repeat; }

.chumon { line-height:140%; padding-left:14px; padding-right:14px; padding-top:35px;}

#towa { height:262px; background:url(img/go-ya-.gif) top no-repeat; }

.towa,.diary,.recipe,.column { line-height:150%; padding:35px 2px 5px 8px; letter-spacing:-1px;}

.li_gy {
	background:url(img/li_gy.gif) left center no-repeat;
	padding-left:22px;
	height:30px;
	margin-left:3px;
	padding-top:8px;
}

#diary { height:202px; background:url(img/seicho.gif) top no-repeat; }

#recipe { height:252px; background:url(img/recipe.gif) top no-repeat; }

#column { height:212px; background:url(img/column.gif) top no-repeat; }

.kojin { margin-top:7px;}


#w3c { margin-top:50px; color:#999; font-size:10px; line-height:140%; }




/* 右側 */

#right {
	float: right;
	width:545px;
	padding-top:23px;
}

#hd_photo { background: url(img/main_photo.jpg); width:494px; height:390px; text-indent:-3000px;}

#kakomi { width:470px; height:175px; background:url(img/kakomi.gif) no-repeat; margin:5px 0 22px 26px;}
.k-title { padding-top:16px; padding-left:36px; margin-bottom:14px;}

.chk li {
	list-style:none;
	background:url(img/chk.gif) left center no-repeat;
	padding-left:25px;
	margin-left:36px;
	font-weight:bold;
	line-height:180%;
	font-size:14px;
}

#okoe,.customer,.chori,.seichou { width:508px; border:#030 1px solid; margin-bottom:20px; position:relative;}
.okoe { background:#fff0c6; height:25px; font-size:13px; color:#333; padding-left:15px; line-height:180%;}
.okoe2,#eiyo p ,#doko p ,#yurai p { font-size:14px; line-height:150%; color:#333; padding:5px;}

#koe1,#koe2,#koe3,#koe4 { background:#fff0c6; font-size:13px; color:#333; padding-left:15px; line-height:180%;}
#koe1 { background:#fff0c6 url(img/voice1.gif) bottom no-repeat; height:108px;}
#koe2 { background:#fff0c6 url(img/voice2.gif) bottom no-repeat; height:125px;}
#koe3 { background:#fff0c6 url(img/voice3.gif) bottom no-repeat; height:91px;}
#koe4 { background:#fff0c6 url(img/voice4.gif) bottom no-repeat; height:125px;}

#tv,#sinsen,#shukaku,#izakaya,#eiyo,#doko,#yurai { background:#ffd; width:520px; }

#tv { height:530px; position:relative; background:#ffd url(img/tv.gif) top no-repeat; }

#simura-l { padding-top:58px; float:left; padding-bottom:36px;}
#simura-r { float:right; padding-top:148px; padding-right:50px; font-size:14px; line-height:150%;}

#ly1 { position:absolute; left:11px; top:255px; clear:both;}
#ly2 { position:absolute; left:230px; top:330px;}


#sinsen,#shukaku,#izakaya,#eiyo,#doko,#yurai { margin-top:20px;}

#sinsen { height:202px; margin-top:20px; background:#ffd url(img/otodoke.gif) top no-repeat; padding:53px 0 10px 0;}
.sinsen { font-size:15px; line-height:120%; padding:5px 20px 0 10px;}
.mb10 { margin-bottom:10px;}
.big22b { font-size:22px; font-weight:bold;}


#shukaku { background: #ffd url(img/shukaku.gif) top no-repeat; padding:53px 0 20px 0; height:243px;}
.shukaku { float:right; width:325px; font-size:14px; line-height:150%; padding:3px 5px 0 0;}


#izakaya { clear:both; height:272px; background: #ffd url(img/izakaya.gif) top no-repeat; padding-top:53px; }
#tencho {
	float:left;
 	background:url(img/tenchou.jpg) top right no-repeat;
	width:260px;
	padding-top:225px;
	font-size:13px;
	color:#333;
}

#tencho p { padding-left:50px;}

.shousai { margin:13px 0 0 26px;}


/* お客様の声のページ */
.tencho { width:240px; margin:5px auto;}
#tnc { left:5px; top:30px; position:absolute; float:left;}
.shuzai { width:350px; margin:5px auto;}


/* 商品一覧のページ */

#kg2,#kg3,#kg5 { width:520px; height:410px; margin:8px 0 20px 0;}
.kg2,.kg3,.kg5 { font-size:15px; line-height:200%; font-weight:bold;}

#kg2 { background:url(img/bg_2kg.jpg) no-repeat;}
.kg2 { padding:290px 0 0 270px;}

#kg3 { background:url(img/bg_3kg.jpg) no-repeat;}
.kg3,.kg5 { padding:300px 0 0 45px;}

#kg5 { background:url(img/bg_5kg.jpg) no-repeat;}

.ml52 { margin-left:52px;}


/* 調理実習の部分 */

#jisshu1,#jisshu2,#jisshu3,#jisshu4,#jisshu5,#jisshu6 {
	width:252px;
	font-size:13px;
	text-align:center;
	height:195px;
	margin-top:10px;
}
#jisshu1,#jisshu3,#jisshu5 { float:left; }
#jisshu2,#jisshu4,#jisshu6 { float:right; }
#jisshu1 { background:url(img/jisshu1.jpg) bottom no-repeat;}
#jisshu2 { background:url(img/jisshu2.jpg) bottom no-repeat;}
#jisshu3 { background:url(img/jisshu3.jpg) bottom no-repeat;}
#jisshu4 { background:url(img/jisshu4.jpg) bottom no-repeat;}
#jisshu5 { background:url(img/jisshu5.jpg) bottom no-repeat;}
#jisshu6 { background:url(img/jisshu6.jpg) bottom no-repeat;}


/* 作り方のページ */

.p520 { width:520px; line-height:150%; padding:5px; color:#333; font-size:14px; margin-top:10px;}
.cook,.seicho { padding:8px; font-size:13px; line-height:150%;}
.li_gy2 {
	background:url(img/li_gy2.gif) left center no-repeat;
	padding-left:52px;
	height:30px;
	margin-left:3px;
	padding-top:8px;
}

/* よくある質問のページ */

.faq1 {
	background:url(img/faq_01.gif) left top no-repeat;
	padding-left:28px;
	padding-right:10px;
	line-height:150%;
	height:24px;
	margin-left:20px;
	padding-top:2px;
	font-size:14px;
	margin-top:16px;
	height:130px;
}

.faq2 li {
	list-style:none;
	background:url(img/faq_02.gif) left center no-repeat;
	padding-left:28px;
	padding-top:2px;
	margin-left:30px;
	line-height:250%;
	font-size:14px;
}

#faq { background:url(img/faq_bg.gif) bottom no-repeat; width:520px; height:180px; margin-bottom:25px;}

.ans { font-size:13px; color:#f00; margin-top:15px; padding-left:20px;}
.waku { border:#030 1px solid; width:500px; margin:0 0 20px 10px; padding-bottom:10px;}


/* コラムのページ */

.mag_top { background:url(img/mag_top.gif) no-repeat; width:520px; height:45px;}
.mag_bdy { background:url(img/mag_bdy.gif) repeat-y; width:520px;}
.mag_btm { background:url(img/mag_btm.gif) bottom no-repeat; width:520px;}

.mag_top h3 { margin:5px 0 0 20px;}
.mag_btm p { padding:15px; font-size:13px; line-height:140%;}

/* 特定商取引法テーブル */

table.tsth {
	border-top: 1px solid #030;
	border-left: 1px solid #030;
	background:#fff;
	padding:5px;
	border-collapse:collapse;
	border-spacing: 0;
	empty-cells:show;
	font-size:13px;
	line-height:125%;
	margin-bottom:100px;
	margin-top:5px;
}


th.tsth {
	border-right: 1px solid #030;
	border-bottom: 1px solid #030;
	background:#e8ffe8;
	color: #333;
	font-weight:normal;
	padding:4px 8px;
	text-align:left;
	width:120px;
}

td.tsth {
	border-right: 1px solid #030;
	border-bottom: 1px solid #030;
	padding:4px 10px;
	text-align:left;
	width:360px;
	color: #333;
}


/* フッター */

#footer {
	clear:both;
	width:800px;
	margin: 0px auto;
	text-align:center;
	padding-top:10px;
	font-size:15px;
	line-height:150%;
}

.pb { font-size:11px; line-height:100%;}
.pb a:active { text-decoration:none; color:#ccc;}
.pb a:link { text-decoration:none; color:#ccc;}
.pb a:hover { text-decoration:none; color:#ccc;}
.pb a:visited { text-decoration:none; color:#ccc;}