@charset "utf-8";

/* =======================================
   base
======================================= */

body {
	color: #996600;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";
	line-height: 1.6;
	text-align: center;
	background-color: #fff;
	background-image:url(../../images/bg.gif);
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

html>/**/body {
	font-size: 14px;
}

body div {
	text-align: left;
	margin: 0 auto;
}

p {
    margin:0px 5px 20px 5px;
	clear:both;
}

p img {
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}


strong {
    font-weight:bold;
}

/* links */
a:link {
	color: #6B523A;
	text-decoration: underline;
}

a:visited {
	color: #6B523A;
	text-decoration: underline;
}

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

a:active {
	color: #6B523A;
	text-decoration: underline;
}

a img {
	border: 0;
}


/* header elements */
h1 {
    margin:0px;
	padding:0px;
}

h1.page {
    margin:15px 0px 15px 0px;
	background:url(../images/tit_bg00.gif) no-repeat left top;
	padding:0 5px 10px 20px;
	font-size:125%;
	font-weight:bold;
	color:#fff;
}

.img_c {
	margin: 0px 0px 10px 0px;
	vertical-align: middle;
	background:url(../images/tit_bg01.jpg) no-repeat left top;
	font-size:140%;
	padding: 0px 5px 5px 35px;
	font-weight:bold;
}


h2.home {
    margin:0px 0px 15px 0px;
	background: none;
	padding:0px;
	border: none;
}


h2 {
	margin:0px 0px 15px 0px;
	padding:10px 3px 10px 8px;
	border-left: 4px solid #ff9900;
	font-weight: 800;
	background-color:#f1f1f1;
	font-size:120%;
}

h2.pages {
	margin:0px 5px 15px 5px;
}

h3 {
	margin:20px 5px 10px 5px;
	font-size:110%;
	color: #960;
	font-weight: 800;
	border: 1px dotted #960;
	background:url(../images/bg_h3.gif) no-repeat 10px 5px;
	padding:5px 5px 5px 35px;
	clear:both;
}

/* font */
.small {
	font-size: 80%;
	line-height: 1.3;
}

.gray {
	color: #999;
	font-weight: 800;
}

/* table */
table {
	margin: 15px auto;
	border-right:0;
	border-bottom:0;
	font-size:100%;
    border-collapse:collapse;
	border:1px solid #666;
	width:95%;
}

table th {
	padding:5px 10px;
	background-color: #FFF0D2;
	border: 1px solid #666;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

table td {
	margin: 0;
	padding: 5px 6px;
	border: 1px solid #666;
	vertical-align: top;
	background-color:#fff;
}

table.menu {
	margin: 15px auto;
	border:0 ;
	font-size:100%;
    border-collapse:collapse;
	width:100%;
}

table.menu th {
	padding:10px 10px 10px 70px;
	border:none ;
	font-weight:bold;
	vertical-align:middle;
	border:0;
	border-bottom: solid 2px #960;
	background:url(../images/img_menubg.gif) no-repeat 0 0;
	font-size:120%;
	color:#960;
	height:65px;
}

table.menu td {
	margin: 0;
	padding: 5px 6px;
	vertical-align: top;
	background-color:#fff;
	border:0;
}

table.menu01 {
	margin: 15px auto;
	border:0;
	font-size:100%;
    border-collapse:collapse;
	width:100%;
}

table.menu01 th {
	padding:10px 10px 10px 70px;
	border:none ;
	font-weight:bold;
	vertical-align:middle;
	border:0;
	border-bottom: solid 2px #F90;
	background:url(../images/img_menubg.gif) no-repeat 0 0;
	font-size:120%;
	color:#F90;
	height:65px;
}

table.menu01 td {
	margin: 0;
	padding: 5px 6px;
	vertical-align: top;
	background-color:#fff;
	border:0;
}


table.none {
	margin:20px;
	border:none;
	font-size:100%;
	width:auto;
}

table.none th,
table.none td {
	border:none;
	padding:5px;
}

html>/**/body table.none {
	word-break: break-word !important;
}

table.none th,
table.none td {
	border: none;
	background:none;
}

*:first-child+html table.none th,
*:first-child+html table.none td {
	padding: 5px 7px;
}

.caption {
    margin:0px;
}


/* address */
address {
    margin:3px 0px 5px 10px;
}

/* =======================================
  header
======================================= */

#header {
	margin: 0 auto;
	height:145px;
	background: url(../../images/head_bg.gif) 3px 7px no-repeat;
	width:930px;
}

#header h1 {
	margin: 15px 0px 0px 12px;
	float: left;
}

#header #head_box {
	float: right;
	margin: 15px 5px 0px 0px;
	width:250px;
	text-align:right;
}

#home_menu {
	margin:-20px 10px 0px 10px;
	width:500px;
	float:left;
	text-align:left;
	clear:both;
} 


#home_menu ul {
	margin: 0px;
	padding:0px;
} 

#home_menu ul li {
	margin: 0px;
	padding: 0 5px 0 8px;
	display:inline-block;
	background: url(../../images/bg_homemenu.gif) 0px 9px no-repeat;
} 

#home_menu ul li.end {
	margin: 0px;
	padding: 0 5px;
	float:left;
	background-image:none;
} 


/* navi */

#navi {
	height: 48px;
	margin: 0px;
	padding: 0px;
	clear: both;
	width:951px;
}


#navi ul {
	display: table-row;
	margin:0px;
	padding: 0px;
}

#navi ul li {
	display: table-cell;
	line-height: 0;
	margin: 3px 1px 0px 0px;
	float:left;
	background:none;
	padding:0px;
}

#navi ul li.end {
	display: table-cell;
	line-height: 0;
	margin: 3px 0px 0px 0px;
	float:left;
	background:none;
	padding:0px;
}

/* IE 6 */
* html #navi li {
	display: inline;
	zoom: 1;
	background-image:none;
}

/* IE 7 */
*:first-child+html #navi li {
	display: inline;
	zoom: 1;
	background-image:none;
}

#navi li img {
	margin: 0px;
}

/* search */
#search {
	float: right;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	margin:15px 0px 0px 0px;
	width:230px;
}

#search_images {
	margin: 0 0 1px 5px;
	vertical-align: bottom;
}

#search_text {
	color: #666;
	width: 160px;
	height: 20px;
	border: 1px solid #FF9900;
}

.arrow {
	padding-left: 24px;
	background: url(../images/arrow.gif) 5px 8px no-repeat;
	font-size:110%;
	font-weight:bold;
}

.blank-l24px {
	padding: 5px 5px 5px 24px;
	border-bottom: dotted 1px #666;
}
/* =======================================
  パンクズ
======================================= */

/* topicpath
------------------------------------ */
#topicpath {
	margin: -10px 0px 10px 10px;
	width:940px;
	text-align: left;
}

#topicpath a {
	text-decoration: underline;
}

#topicpath a:hover {
	text-decoration: none;
}

/* =======================================
   layout
======================================= */

#container {
	width: 930px;
	padding: 0px 10px;
	margin:0px auto;
	background-color:#fff;
}
#container_egg {
	width:100%;
	margin:-20px auto 0;
	padding: 0px 10px;
	background: url(../images/bg.gif);
}

#container:after {
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
}

#container {
	zoom: 1;
}

/* content */
#home_content {
	width: 930px;
	margin: 0 0px 5px 0px;
	clear: both;
	overflow:hidden;
}
#home_content_egg {
	width: 1000px;
	margin:0 auto;
	clear: both;
	background:#fff;
	overflow:hidden;
}
@media only screen and (max-width: 1020px) {
#home_content_egg {
	width: 100%;
}
}
#content {
	width: 950px;
	margin: 20px 0px 5px 0px;
}

* html #content {
	width: 950px;
	margin: 10px 0px 5px 0px;
}


#title {
	margin: 0 0 15px 17px;
}

.read {
	margin: 0px 0px 20px 0px;
	font-size:110%;
	padding:10px;
	background-color:#F3F3F3;
}

.section {
	margin: 0px 0px 10px 0px;
	padding:5px;
	color:#333;
}


/* =======================================
   コンセプト,バナーとか
======================================= */
#concept {
	margin:0px 0px 10px 0px;
	padding-top:5px;
	
}

#concept img, .homebnr img {
	margin-bottom:10px;
}


.homebnr {
	margin:0px 0px 20px 5px;
	padding-top:5px;
	
}

/* photo
------------------------------------ */
.osusume{overflow:hidden; margin-bottom:2em;}
.photo_box {
	width: 150px;
	margin: 10px 8px 5px 8px;
	float: left;
}
.photo_box02 {
	width: 30%;
	margin: 10px;
	float: left;
}
.photo_box_item {
	width: 90px;
	margin: 10px 8px 5px 8px;
	float: left;
}


.text {
	margin: 10px 2px 0px 2px;
	padding: 1px 0 3px 12px;
	background: url(../images/arrow.gif) no-repeat 0px 8px;
}
.text_block{text-align:left;}

.catalog{margin:10px 25px;}

/* =======================================
   トップページ,各カテゴリ　リスト関係
======================================= */
/* ol style
------------------------------------ */
ol {
    margin:10px 30px 20px 30px;
}

ol li {
    margin:10px;
}

/* ul style
------------------------------------ */
ul {
	margin:0px 10px 20px 10px;
}

ul li {
	padding-left: 15px;
	margin-bottom:10px;
	line-height: 1.4;
	text-align:left;
	background: url(../images/arrow02.gif) no-repeat 3px 5px;
}

/* dl style
------------------------------------ */

dl {
	margin:0px 15px 5px 15px;
}

dl dt{
	 margin:0px;
	 padding:0px 5px 5px 5px;
	color:#006600;
	 font-weight:bold;
	 font-size:105%;
}

dl dd{
	 padding:0px 5px 10px 15px;
	 margin:0px;
}

/* date
------------------------------------ */
.date {
	margin:0px 10px 0px 10px;
	padding:0px;
	color:#999999;
	font-size:90%;
}

.listdate {
	margin:0px;
	padding:0px;
	color:#999999;
	font-size:90%;
	float:right;
}

/* font style
------------------------------------ */
.strong {
	color: #ff5798;
	font-weight: 800;
}

.red {
	color: #ff0000;
}

.bold {
	font-weight: 800;
}

.small {
	font-size: 86%;
}

.read {
	margin: 20px 0 0 !important;
	font-size: 120%;
	background-color: #F3F3F3;
	padding:15px;
}

.caption {
	clear: both;
	margin: 1em 0 5px 0 !important;
	font-weight: 800;
}

.caption span {
	font-weight: normal;
}

.bullet{
	padding-left: 1.0em;
    text-indent: -1.0em;
}

/* ニュース関係一覧 */


ul.newslist {
    margin:20px 10px 20px 10px;
}

ul.newslist li {
	padding:5px 5px 5px 10px;
	margin:5px 0px;
	border-bottom:dotted 1px #996633;
	background: url(../images/arrow.gif) no-repeat 0px 8px;
}


/* その他一覧 */

#categorylist {
    margin:0px 10px;
}

#categorylist ul.categorylist{
    margin:20px 5px;
}

#categorylist ul.categorylist li{
    margin:10px 0px;
	border: none;
	padding:10px 0px 10px 39px;
	font-weight:bold;
	background:url(../img/arrow03.jpg) no-repeat 10px 10px;
	font-size:115%;
	color:#006600;
	border:solid 1px #999;
}

#categorylist ul.categorylist li li{
    margin:0px;
	border: none;
	padding:5px 0px 5px 15px;
	font-weight:normal;
	background:url(../img/arrow02.gif) no-repeat 0px 10px;
	font-size:90%;
	border-bottom:solid 1px #ccc;
}


/* =======================================
   その他設定
======================================= */

/* top */
#top {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.txt_right {
    text-align:right;
	margin:5px 15px -10px 0px;
	padding:0px;
}

/* more */
.more {
	margin-top: 3px;
	text-align: right;
	clear: both;
}

/* link */
ul.link {
	margin:5px 15px 15px 15px;
}

ul.link li {
    padding:5px 5px 5px 15px;
    background:url(../imgs/arrow_02.gif) no-repeat 5px 12px;
	border-bottom:solid 1px #ccc;
}


/* detail　記事の日付 */
.detail_date{
   text-align: right;
   margin:10px 10px 10px 0px;
   line-height:10px;
   font-size:12px;
   clear:right;
}

/* detail　親カテゴリに戻るリンク */
.back{
   text-align: right;
   margin:0px 10px 10px 0px;
   line-height:10px;
   font-size:11px;
   clear:right;
}

/* =======================================
   リンク集
======================================= */



/* リンク */
ul#link {
    margin:15px;
}

ul#link li {
   border-bottom:dotted 1px #fff;
   padding:5px 10px 5px 35px;
   background-image:url(../images/arrow.gif);
   background-repeat:no-repeat;
   background-position:15px 8px;
   border-bottom: dotted 1px #ccc;
}


/* =======================================
  トップ、サイド他　
======================================= */

/* main */

#main {
	float: right;
	width:665px;
	margin:0px 0px 0px 0px;
} 
#main_egg {
	width:1000px;
	margin:0px 0px 0px 0px;
} 
@media only screen and (max-width: 1020px) {
#main_egg {
	width: 100%;
}
}
/* side */
#side {
	float: left;
	width:240px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}

#side:after {
	content: "　";
	clear: both;
	height: 0;
	display: block;
}

#side {
	display: inline;
	zoom: 1;
}

#side h2 {
    margin:20px 0px 5px 0px;
	text-align:center;
	padding:0px;
	background:none;
	border: none;
}

#side h3 {
    margin:10px 5px 0px 5px;
	border: none;
	padding:0px 0px 0px 0px;
}

#side h3.content {
    margin:5px 0px;
	border: none;
	padding:0px 0px 5px 29px;
	font-weight:bold;
	background:url(../img/arrow03.jpg) no-repeat 0px 0px;
	font-size:115%;
	color:#006600;
}


#side p {
    margin:0px 0px 0px 0px;
}

/* =======================================
   サイド　リスト関係
======================================= */

#side .sidelist {
	margin:0px 5px;
	padding:5px 0px;
}

#side ul.sidelist {
	margin: 3px 5px 3px 5px;
}

#side ul.sidelist li {
	border-bottom:dotted 1px #999;
	padding:0px 10px 4px 15px;
	background: url(../images/arrow.gif) no-repeat 0px 4px;
	margin: 5px;}

#side .page_link {
	background: url(../images/arrow.gif) no-repeat 0px 2px;
	margin:5px 0px 0px 0px;
	padding:0px 5px 5px 20px;
	font-size:110%;
}

#side .catalog {
	margin:0px 0 10px 0;
	border:solid 1px #439313;
	padding:10px 5px 0px 115px;
	background-image: url(../images/img_catalog.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	height:224px;
}

#side .catalog p {
	margin:0px 0 10px 0;
	color: #674738;
}

#side ul.bnr {
   margin:0px 0 15px 0;
   text-align:center;
}

#side ul.bnr li {
   margin:0px 0px 10px 0px;
   background:none;
   padding:0px;
}

#side .side_bottom {
   margin:-10px 0px 0px 0px;
   padding:0px;
}

#side ul.side-menu {
   margin:10px 0 10px 0;
}

#side ul.side-menu li {
	padding:3px 10px 4px 20px;
	background: url(../images/arrow02.gif) no-repeat 8px 10px;
	line-height:1.2;
        margin:0px;
}

#side ul.side-menu li a {
	color: #5B3E00;
}

/* =======================================
   コンテンツ
======================================= */

.special{
       margin:0px 0px 20px 0px;
}

#main .cake{text-align:center; margin-bottom:15px;}
.box {
	margin:10px;
	border:5px solid #99CC00;
	padding:10px;
	font-size:105%;
}

.red {
   color:#E00;
}

.center{text-align:center;}
/* お客様の声 */

.voice {
    background: url(../images/card.gif) no-repeat 0 0;
	width:550px;
	padding:35px 35px;
	margin:20px auto;
	height:230px;
}

.voice h3 {
    font-size:105%;
	font-weight:bold;
	color:#009900;
	border:dotted 1px #99CC00;
	border-top:none;
	border-left:none;
	border-right:none;
	background:none;
	padding:3px;
}


/* 関連リンク、ダウンロード関連 */
h4.filelink {
 	font-weight:bold;
	background:#FF9900;
	padding:5px;
	color:#FFFFFF;
	margin-bottom:0px;
}
ul.file {
    padding:0px 20px;
	margin:0px 5px 20px 5px;
	border:solid 1px #FF9900;
}
ul.file li {
    padding:5px 10px 5px 28px;
	background:url(../images/arrow05.gif) no-repeat 10px 10px;
	font-size:110%;
	font-weight:bold;
	margin:5px 0px 10px 0px;
}

h4.dllink {
 	font-weight:bold;
	background:#99CC00;
	padding:5px;
	color:#FFFFFF;
	margin-bottom:0px;
	border:none;
}
ul.dl {
    padding:0px 20px;
	margin:0px 5px 20px 5px;
	border:solid 1px #99CC00;
}
ul.dl li {
    padding:5px 10px 5px 28px;
	background:url(../images/arrow02.gif) no-repeat 10px 10px;
	font-size:110%;
	font-weight:bold;
	margin:5px 0px 10px 0px;
}


/* 商品リスト */

.item_img {
	float:left; width:40%; text-align:center;
	margin-bottom:10px;
}

.item_img img {
	padding:1px;
	border:solid 1px #ccc;
	max-width:100%;vertical-align:top;height:auto;
}
.item_txt{
	float:right; width:55%;
	font-size:103%;
	line-height:1.4;
}

.item_txt table.none {
	margin:20px 0px;
	border:none;
	font-size:110%;
	width:auto;
}

.item_txt table.none th {
	border:none;
	padding:5px;
	border-bottom:solid 1px #CB9F45;
}
.item_txt table.none td {
	border:none;
	padding:5px 0;
	width:50%;
	border-bottom:solid 1px #CB9F45;
}
.item_txt table.none td input{margin:5px;}

table.item {
	margin:20px;
	border:none;
	font-size:110%;
	width:auto;
}

table.item th,
table.item td {
	border:none;
	padding:5px;
	border-bottom:solid 1px #CB9F45;
}


#item_box {
   margin:10px 0px 10px 0px;
   padding:5px;
   width:590px;
   clear:both;
   height:390px;
}

#item_box_c {
   margin:10px 0px 10px 0px;
   padding:5px;
   width:590px;
   clear:both;
}

#item_box ul, #item_box_c ul {
    margin:0px 0px;
}

* #item_box ul, #item_box_c ul {
    margin:0px 3px;
}

#item_box ul li, #item_box_c ul li {
	padding:0px 8px 5px 8px;
	margin:5px 0px;
	background: none;
	float:left;
	 width:130px;
}

* html #item_box ul li, #item_box_c ul li{
	padding:0px 5px 5px 5px;
	margin:5px 0px;
	background: none;
	float:left;
	 width:130px;
}


#item_box dl, #item_box_c dl {
	margin:0px 0px;
	clear:both;
	padding:0px;
	height:175px;
}

#item_box dl dt, #item_box_c dl dt {
	 width:130px;
	 margin:0px 0px 0px 0px;
	 padding:1px;
	 border:solid 1px #83AE00;
}

#item_box dl dd, #item_box_c dl dd {
	 margin:0px;
	 padding:3px 0px 3px 15px;
	 background: url(../../images/arrow.gif) no-repeat 0px 7px;
}


/* pdf,word,xls style
------------------------------------ */

#main a[target^="_blank"], #side a[target^="_blank"]{ 
	padding-left: 20px;
	background: url(../images/blank_link_icon.gif) no-repeat 0% 1px;
}

/* pdf */
#main a[href$=".pdf"], #side a[href$=".pdf"]{ 
	padding: 1px 0 3px 22px;
    background: url(../images/pdf_icon.gif) no-repeat 0% 1px; 
	
}
#main .anone, #side .anone{ 
	padding: 1px 0 3px 22px;
    background: none; 
	
}

/* word */
#main a[href$=".doc"], #side a[href$=".doc"]{ 
	padding: 1px 0 3px 22px;
    background: url(../images/word_icon.gif) no-repeat 0% 1px; 
	
}

/* pdf */
#main a[href$=".xls"], #side a[href$=".xls"]{ 
	padding: 1px 0 3px 22px;
    background: url(../images/xls_icon.gif) no-repeat 0% 1px; 
	
}

/* img-l, img-r style
------------------------------------ */
.img-l {
	float: left;
	margin: 0 10px 10px 0;
}

.img-r {
	float: right;
	margin: 0 0 10px 10px;
}

.img-l,
.img-r {
	text-align: center !important;
	font-size: 86%;
}

.img-l img,
.img-r img {
	margin-bottom: 5px;
}

/*----------------- 挿入画像（説明文付き） -----------------*/

.img_float_note {
 width:150px;
 float:right;
 border:dotted 1px #336633;
 margin:0px 10px 15px 10px;
 padding:10px;
}

.img_box_note {
 margin:0;
 padding:5px;
}

.img_box_note img{border:none;}

.img_float_note p {
 text-align:left;
 font-size:10pt;
 color:#669966;
 margin:0px 0px 0px 0px;
 padding:0px 10px 0px 10px;
}

/*----------------- 挿入画像（単体：左） -----------------*/

.img_float_simple_left {
 width:310px;
 float:left;
 margin:0px 15px 15px 5px;
 padding:0px 0px 0px 0px;
}



/*----------------- 挿入画像（単体：右） -----------------*/

.img_float_simple_right {
 width:310px;
 float:right;
 margin:0px 5px 15px 15px;
 padding:0px 0px 0px 0px;
}



/*----------------- 挿入画像（単体：右　賞状） -----------------*/

.img_float_simple_right_top {
 width:450px;
 float:right;
 margin:0px 0px 15px 35px;
 padding:0px 0px 0px 0px;
}



/*----------------- 挿入画像（単体：右　クリスマス） -----------------*/

.img_float_simple_right_280 {
 width:280px;
 float:right;
 margin:0px 0px 15px 35px;
 padding:0px 0px 0px 0px;
}



/*----------------- 挿入画像（単体：右　コラム　卵） -----------------*/

.img_float_simple_right_column {
 width:410px;
 float:right;
 margin:0px 5px 15px 15px;
 padding:0px 0px 0px 0px;
}

/*----------------- 段落内のタイトル　インライン（共通） -----------------*/

.p_title {
	color:#F60;
	font-weight:bold;
	background-color:#f8f8d4;
	background-image:url(../images/bg_img_ylw_gd.gif);
	background-repeat:repeat-x;
	font-size:110%;
}

.p_title_grn {
 color:#6699cc;
 font-weight:bold;
 background-color:#f8f8d4;
 background-image:url(../images/bg_img_grn_gd.gif);
 background-repeat:repeat-x;
}

.p_title_org {
 color:#6699cc;
 font-weight:bold;
 background-color:#f8f8d4;
 background-image:url(img/bg_img_org_gd.gif);
 background-repeat:repeat-x;
}

/* color */
.fce63b19 {
 color:#e63b19
}


/*----------------- 段落内のタイトル　インライン（カート） -----------------*/

.p_title_cart {
 color:#333333;
 font-weight:bold;
 background-color:#f8f8d4;
 background-image:url(img/bg_img_org_gd.gif);
 background-repeat:repeat-x;
}



/*----------------- コンテンツ分割（コラムのレシピ） -----------------*/

.content_leftside_recipe {
 float:left;
 width:380px;
 margin:0px 0px 0px 0px;
 padding:0px 5px 0px 0px;
}

.content_rightside_recipe {
 float:left;
 width:260px;
 text-align:center;
 margin:0px 0px 30px 0px;
 padding:20px 5px 20px 5px;
}

/*----------------- コラムのレシピ（スポット） -----------------*/

.recipe_title {
 position:relative;
 top:-0.7em;
 width:9em; 
 color:#ffffff;
 font-weight:bold;
 text-align:center;
 background-color:#ff9900;
 margin:0 auto;
 padding:0.1em;
}

.recipe {
 width:15em; 
 border:dotted 2px #ff9900;
 margin:0;
 padding:0 1em 1em 1em;
}


/*----------------- テーブル（レシピ） -----------------*/

.table_recipe {
 width:15em;
 margin:0;
 padding:5px 5px 5px 5px;
}

.td_left_recipe {
 width:11em;
 color:#333333;
 text-align:left;
 background-color:#f8efd4;
 margin:0;
 padding:7px 7px 7px 7px;
}

.td_right_recipe {
 width:4em;
 text-align:right;
 background-color:#f8efd4;
 margin:0px 0px 0px 10px;
 padding:7px 7px 7px 7px;
}

.td_center {
 text-align:center;
}

/*----------------- 卵販売ページ -----------------*/

#egg {
	margin: 0;
	width: 665px;
}

#egg .title {
	margin: 0;
	background: url(../images/img_egg01.jpg) no-repeat 0 0;
	width: 665px;
	height: 498px;
    overflow:hidden;
    white-space:nowrap;
    text-indent:100%;
}

#egg dl.egg {
	margin: 0 15px 20px 0;
	background: url(../images/img_egg02.gif) no-repeat 0 0;
	font-size: 14px;
}

#egg dl.egg dt {
	margin: 0;
	padding: 10px 0px 5px 100px;
}

#egg dl.egg dd {
	margin: 0;
	padding: 5px 0px 10px 110px;
}

#egg dl.egg dd.egg01 {
	margin: 0;
	padding: 5px 180px 10px 110px;
	background: url(../images/img_egg05.jpg) no-repeat right bottom;
	height: 190px;
}

#egg dl.egg dd.egg02 {
	margin: 0;
	padding: 5px 0 10px 110px;
	background: url(../images/img_egg07.jpg) no-repeat right bottom;
}

#egg p.eggtxt {
	margin: 20px atuto 10px;
	background: url(../images/img_egg08.gif) no-repeat 0 0;
	width: 632px;
	height: 31px;
    overflow:hidden;
    white-space:nowrap;
    text-indent:100%;
}

/* =======================================
   フッタ
======================================= */

/* footer */
#footer {
	clear: both;
	margin:15px auto 0 auto;
	background:url(/common/images/footerlin.jpg) no-repeat 0px 9px;
}

* html #footer {
	clear: both;
	margin:15px auto 10px auto;
	background:url(/common/images/footerlin.jpg) no-repeat 0px 9px;
	width:930px;
}

#footer_inner {
    margin:0px auto;
	width:930px;
	padding: 5px 0px 10px 0px;
}

#footer_inner ul.foot {
    margin:0px 10px 0px 30px;
	float:left;
	width:500px;
	padding-bottom:10px;
}

#footer_inner ul.foot li {
	padding: 0px 5px;
	float:left;
	background-image:none;
}

#footer p {
	margin:20px 40px 30px 40px;
	color:#996600;
}

/* IE 7 */
*:first-child+html #footer p {
	margin:0px 0px 5px 40px;
	color:#996600;
}

#footer .pagetop {
	float:right;
	margin:0px;
	padding: 0px 50px 0px 0px;
	width:120px;
}

.next {
	margin-left:30px;
	background:../img/arrow_02.gif) 5px 5px;
	font-weight:normal;
}

#copyright {
    margin:5px 0px 5px 0px;
}

/* float */
.imgLeft {
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}

.imgRight {
	margin-left: 15px;
	margin-bottom: 15px;
	float: right;
}

.imgCenter {
    text-align:center;
	margin:10px auto;
}

/* blank */
.blank {
	margin-bottom: 25px;
}

/* pdf,word,xls style
------------------------------------ */

#main a[target^="_blank"]{ 
	padding-left: 20px;
	background: url(../../images/blank_link_icon.gif) no-repeat 0% 0%;
}

/* pdf */
#main a[href$=".pdf"]{ 
	padding: 1px 0 3px 22px;
    background: url(../../images/pdf_icon.gif) no-repeat 0% 1px; 
	
}
#main .anone{ 
	padding: 1px 0 3px 22px;
    background: none; 
	
}

/* word */
#main a[href$=".doc"]{ 
	padding: 1px 0 3px 22px;
    background: url(../../images/word_icon.gif) no-repeat 0% 1px; 
	
}

/* pdf */
#main a[href$=".xls"]{ 
	padding: 1px 0 3px 22px;
    background: url(../../images/xls_icon.gif) no-repeat 0% 1px; 
	
}
/* =======================================
   健康たまご
======================================= */
.egg_block,
.egg_block_faq{
	width:1000px;
	margin: 0 auto 50px;
	padding: 0 20px;
	box-sizing:border-box;
	font-size:18px !important;
	overflow:hidden;
	color:#000;
}
@media only screen and (max-width: 1020px) {
.egg_block,
.egg_block_faq{
	width: 100%;
}
}
.egg_block_faq{
	padding: 0 30px;
}

.top_img{
	margin:0 auto 30px;
	padding:0;
}
.egg_block h2.egg{
	margin:0 20px 15px;
	color:#392613;
	font-size:20px;
	text-align:left;
	border:0;
	background:none;
}
.egg_block h3.egg{
	margin:0 auto 30px;
	padding:0;
	color:#392613;
	background:none;
	border:none;
	font-size: 35px;
	font-weight:bold;
	line-height:55px;
	position: relative;
	text-align:center;
}
.egg_block h3.egg:after{
	background-color: currentcolor;
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 200px;
}
@media only screen and (max-width: 480px) {
.egg_block h3.egg{
	margin:0 0 30px;
	padding:0;
	color:#392613;
	background:none;
	border:none;
	font-size: 35px;
	font-weight:bold;
	line-height:50px;
	position: relative;
}
.egg_block h3.egg:after{
	background-color: currentcolor;
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	margin: 0 auto;
	position: relative;
	right: 0;
	width:100%;
}}
.egg_block h4{
	margin:0 0.5px 15px;
	font-weight:bold;
	color:#996600;
	font-size:22px;
}
.egg_block .lead{
	margin: 0 30px 30px;
}
.egg_block .tyuui{
	margin: 0 auto 50px;
	font-size:13px;
	width:85%;
}

.egg_block .plan_sec{
	width:95%;
	margin: 0 auto 30px;
}
.egg_block .plan_sec .planplan10{
	width:100%;
	display:block;
	text-align:center;
}
.egg_block .plan_sec .plan{
	width:32%;
	display:inline-block;
	text-align:center;
}

@media only screen and (max-width: 568px) {
.egg_block .plan_sec .plan{
	width:48%;
	display:inline-block;
}
}
@media only screen and (max-width: 480px) {
.egg_block .plan_sec .plan{
	width:80%;
	display:block;
	margin:20px auto;
}
}

.egg_block .plan_sec .plan02{
	width:24%;
	display:inline-block;
	text-align:center;
}
@media only screen and (max-width: 767px) {
.egg_block .plan_sec .plan02{
	width:48%;
	display:inline-block;
	text-align:center;
}
}
@media only screen and (max-width: 480px) {
.egg_block .plan_sec .plan02{
	width:80%;
	display:block;
	margin:20px auto;
}
}

.egg_block .plan_sec dl{
	margin:0;
}
.egg_block .plan_sec dl dt{
	margin:0;
	padding:0;
}
.egg_block .plan_sec dl dd{
	font-size:22px;
	font-weight:bold;
	margin:10px 0;
	padding:0;
}

.egg_block .plan_sec dl dd.plan10{
	font-size:22px;
	font-weight:bold;
	margin:10px 0;
	color:#CC3300;
}

.egg_block .plan_sec dl dd.plan20{
	color:#006000;
}
.egg_block .plan_sec dl dd.plan40{
	color:#006666;
}
.egg_block .plan_sec dl dd.plan60{
	color:#996600;
}
.egg_block .egg_box{
	margin:20px auto;
	width:80%;
	font-size:16px;
	border-radius:10px;
	background:#CCB27F url(../images/bg_eggbox.png) no-repeat top left;
	padding:20px;
	box-sizing:border-box;
}
.egg_block .oishii40{
	width:35%;
	text-align:center;
	padding:0 15px;
	display:inline-block;
	vertical-align:top;
}
.egg_block .oishii60{
	width:58%;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-bottom:30px;
}
.egg_block_faq dl{
	margin:10px;
}


.egg_block_faq dl{
	margin:10px;
}

.egg_block_faq dl dt{
	 margin:0px;
	 padding:0px 5px 5px 5px;
	 font-weight:bold;
	 font-size:18px;
}

.egg_block_faq dl dd{
	 padding:0px 5px 15px 15px;
	 margin:0px;
	 font-size:14px;
}


@media only screen and (max-width: 800px) {
.egg_block .egg_box{
	background:none;
	background-color:#CCB27F;
}
.egg_block .lead{
	width:90%;
}
}
@media only screen and (max-width: 568px) {
.egg_block .oishii40{
	width:90%;
	display:block;
}
.egg_block .oishii60{
	width:90%;
	display:block;
}
.egg_block .egg_box{
	width:100%;
}
.egg_block .lead{
	margin: 0 0 30px;
}
.egg_block h2.egg{
	margin:0 0 15px;
}

}

/* =======================================
   clear
======================================= */

.cbox {
	zoom: 100%;
}

.cbox:after {
	content: "　";
	clear: both;
	height: 0;
	display: block;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}

.clear hr {
	display: none;
}

.clear_news {
	clear: both;
	height: 1px;
	font-size: 1px;
	background:#4C5949;
}

/* =Iphone
----------------------------------------------- */
#sp,#sp_footer,#sp_header,#sp_bnr {display:none;}

@media only screen and (max-width: 800px) {

#home_menu,
#head_box,
#navi,#header,#header .inner,
#side,.pagetop{display:none;}

/* widht
----------------------------------------------- */
#footer .inner {width:100%;	margin:0px;}
#home_content,#home_content_egg {width:100%;overflow:hidden;	margin:0px;}
#container,#container_egg{width:99%;margin:0 auto; padding:0;}

#contents,
.main-visual,
#footer_inner{width:99%;margin:0 auto;}


/* =Header
----------------------------------------------- */
#topicpath {
	margin: -15px 0px 10px 10px;
	width:98%;
	text-align: left;
}

/* =Footer
----------------------------------------------- */
#footer{background:none;}
#footer_inner ul.foot {
    margin:0px auto 10px;
	float:none;
	width:96%;
	padding-bottom:10px;
}
#footer p{margin:0px auto 10px; border-top:solid 1px #963; padding:10px;width:96%;}

/* =Contents
----------------------------------------------- */
#main {float:none; width:100%;margin:0 auto;}

/* top */
.cake{text-align:center; margin-bottom:15px; padding:0 5px;}
.text_block,ul.newslist{margin:0px auto 10px;width:90%;}
.osusume{overflow:hidden; margin:0px auto 15px;width:90%;}
.special{ text-align:center !important;}


/* =iphone
----------------------------------------------- */
#sp,#sp_bnr{display:block;}
#sp_header {background: none;display:block;position:relative; }
#sp_header #sp_logo{display:block;}
#sp_header #sp_logo  {
	display: block;
	width: 80%;
	height: 60px;
	margin: 20px 0 0 10px;
	float:left;
}

.header-navi{position:relative; display:block;}

.button-toggle {
	position: absolute;
	right:10px;
	width: 45px;
	height: 45px;
	margin: 15px 0 0;
	color:  #fff !important;
	text-align: center;
	cursor:pointer;
}
/*.button-toggle {
	position: absolute;
	right:20px;
	margin: 13px 0 10px;
		display: block;
		overflow: hidden;
		float: right;
		width: 45px;
		height: 45px;
		background: url(../images/smp-navi.png) no-repeat center center;
		background-size: cover;
		text-indent: 120%;
		white-space: nowrap;
}*/
.menu {
	position: absolute;
	top:73px;
	width: 100%;
	background:#80BC36;
	color: #999;
	overflow: hidden;
	z-index:1;
	opacity:0.95;
}
.menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu li {
	position: relative;
	background:none;
}
.menu a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 15px 20px 15px 40px;
	border-bottom: 1px solid #fff;
	font-size: 20px;
	background: url(../images/icn_arrow02.png) no-repeat 20px center;
}


#acMenu dt{
    display:block;
	padding: 15px 20px 15px 40px;
	border-top: 1px solid #fff;
	background: url(../images/icn_arrow02.png) no-repeat 20px center;
    cursor:pointer;
	font-size: 20px;
	border-bottom: 1px solid #fff;
	color:#fff;
    }
#acMenu dt:first-child{
	border-top:none;
   }
	
	
#acMenu dd{
    padding:0px 5px 10px 5px;
    display:none;
	color:#fff;
    }
#acMenu dd ul{
	margin:10px 0;
    }
#acMenu dd ul li a{
	padding: 5px 20px 5px 15px;
	background:  url(../images/arrow03.png) no-repeat 0 13px;
 	font-size: 18px;
	border:none;
}

.sidemenu{margin:20px;padding:10px 10px 10px;}
.sp_side_link a{
	margin: 5px 20px 0;
	padding-left:30px;
	padding-bottom:5px;
	display: block;
	height: auto !important;
	color:#222;
	border:none !important;
	background: url(../images/icn_arrow03.gif) no-repeat 20px 50% !important;
	font-size:16px !important;
	line-height:1.4em;
	padding: 5px 10px 5px 40px;
}
#sp_bnr ul.bnr li{display: inline-block; background:none; width:30%;}

/* entry  */
h1.page {
    margin:15px;
	background:none;
	background:#439313;
	border-radius:3px;
	padding:10px 20px;
	font-size:125%;
	font-weight:bold;
	color:#fff;
}
h3 {
	margin:20px 10px 10px 15px;
}

.section {
	margin: 0px 10px 10px;
	padding:5px;
	color:#333;
}
.img_c {
	margin: 0px 15px 10px;
	vertical-align: middle;
	background:url(../images/tit_bg02.jpg) repeat-x left bottom;
	font-size:140%;
	padding: 0px 5px 5px 10px;
	font-weight:bold;
}
.catalog{margin:10px 25px;}
.catalog img{margin:5px 15px; display:inline-block;}


/* 商品リスト */

.item_img {
	float:left; width:43%; text-align:center;
	margin:0 10px;
}
.item_img img {
	max-width:100%;vertical-align:top;height:auto;
}
.item_txt{
	float:right; width:50%;
	margin:0 20px 0 0;
}

/*----------------- 卵販売ページ -----------------*/

#egg {
	margin: 0;
	width: 100%;
}

#egg .title {
	margin: 0 0;
	background-size: 100%;
	width: 100%;
	height:570px !important;
	height: auto;
    overflow:hidden;
    white-space:nowrap;
    text-indent:100%;
}

#egg dl.egg {
	margin: 0 15px 20px 0;
	background-size: 10%;
	font-size: 14px;
}

#egg dl.egg dt {
	margin: 0;
	padding: 10px 0px 5px 80px;
}

#egg dl.egg dd {
	margin: 0;
	padding: 5px 0px 10px 110px;
}

#egg dl.egg dd.egg01 {
	margin: 0;
	padding: 5px 180px 10px 110px;
	background: url(../images/img_egg05.jpg) no-repeat right bottom;
	height: 190px;
}

#egg dl.egg dd.egg02 {
	margin: 0;
	padding: 5px 0 10px 110px;
	background: url(../images/img_egg07.jpg) no-repeat right bottom;
}

#egg p.eggtxt {
	margin: 20px auto 10px;
	padding:10px;
	background-size:100%;
	width: 90%;
	height: auto;
    overflow:hidden;
    white-space:nowrap;
    text-indent:100%;
}
#egg table{width:100% !important;}
#egg table td{width:40% !important;}

.section table{width:auto !important;}
}
@media only screen and (max-width: 767px) {
.photo_box {width: 30%;}
.catalog{margin:10px 25px;}
.catalog img{margin:5px 10px; display:inline-block;}

#egg dl.egg dd {
	margin: 0;
	padding: 5px 0px 10px 70px;
}
#egg dl.egg dd.egg01 {
	margin: 0;
	padding: 5px 180px 10px 70px;
	background: url(../images/img_egg05.jpg) no-repeat right bottom;
	height: 190px;
}

#egg dl.egg dd.egg02 {
	margin: 0;
	padding: 5px 0 10px 70px;
	background: url(../images/img_egg07.jpg) no-repeat right bottom;
}
}
@media only screen and (max-width: 726px) {
.photo_box {width: 30%;}
.catalog{margin:10px 25px; text-align:center;}
.catalog img{margin:5px 0; display:inline-block;}

/* 商品リスト */

.item_img {
	float:left; width:43%; text-align:center;
	margin:0 10px;
}
.item_img img {max-width:100%;vertical-align:top;height:auto;}
.item_txt{
	float:right; width:47%;
	margin:0 20px 0 0;
}
}
@media only screen and (max-width: 680px) {
#egg .title {max-height:500px !important;}
#egg dl.egg dd {
	padding: 5px 20px 10px 50px;
}
#egg dl.egg dd.egg01 {
	padding: 5px 20px 10px 50px;
	background-size: 20%;
}

#egg dl.egg dd.egg02 {
	padding: 5px 0 10px 50px;
	background-size: 20%;
}
}
@media only screen and (max-width: 568px) {
#egg .title {max-height:450px !important;}
}
@media only screen and (max-width: 538px) {
.photo_box {width: 45%;}
.text {
	margin: 10px 1em 0px;
}
.catalog{margin:10px 20px; text-align:center;}
.catalog img{margin:5px 0; display:inline-block;}

/* 商品リスト */

.item_img {
	float:none; width:80%; text-align:center;
	margin:0 auto 10px;
}
.item_img img {
	padding:1px;
	border:solid 1px #ccc;
	max-width:100%;vertical-align:top;height:auto;
	clear:both;
}
.item_txt{
	float:none; width:80%;
	font-size:103%;
	line-height:1.4;
	margin:0 auto 10px;
}

.item_txt table.none {
	margin:20px auto;
	border:none;
	font-size:110%;
	width:auto;
	float:none; width:100%;
}
.item_txt table.none td {
	border:none;
	padding:5px 0;
	width:50%;
	border-bottom:solid 1px #CB9F45;
}
.item_txt table.none td input{margin:5px;}
}
@media only screen and (max-width: 480px) {
#egg .title {max-height:400px !important;}
#sp_bnr ul.bnr{overflow:hidden;}
#sp_bnr ul.bnr li{float:left;background:none; width:45%; vertical-align:top;}
}
@media only screen and (max-width: 414px) {
#egg .title {max-height:330px !important;}
}

@media only screen and (max-width: 400px) {
body{background:none;}
#container{width:100%;margin:0; padding:0;}
#sp_header #sp_logo  {
	width: 75%;
	height: 45px;
}
.button-toggle {
	position: absolute;
	right:10px;
	width: 40px;
	height: 40px;
	margin: 15px 0 0;
	color:  #fff !important;
	text-align: center;
	cursor:pointer;
}
.photo_box {
	width: 42%;
	margin: 10px 8px 5px 8px;
	float: left;
}
.catalog{margin:10px 25px; text-align:center;}
.catalog img{margin:5px 0; display:inline-block;}

#egg .title {max-height:300px !important;}
}