/* ************************************************ 
 *	共通設定
 * ************************************************ */

body {
margin: 0px;
padding: 0px 0px 15px 0px;
color: #666;
font-family: "Verdana", "ＭＳ Ｐゴシック", sans-serif;
font-size: 12px;
line-height: 1.8em;
background:#fff url(/image/custom/common/bg.gif) repeat-x top left;
text-align:center;
}

/* 見出し */
h1 {
clear:both;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 25px;
font-size:16px;
line-height: 35px;
width:560px;
height:49px;
display:block;
color:#333;
}

h2 {
font-size: 14px;
line-height:29px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#fff;
float:left;
}

h3 {
font-size:12px;
font-weight:bold;
}

h4 {
font-size:12px;
font-weight:bold;
}

p {
margin:0px 0px 15px 0px;
padding:0px 10px;
}

strong {
font-weight:bold;
}

img {
margin:0px;
padding:0px;
vertical-align: bottom;
border:none;
}

/* リンク */
a {
color: #286E92;
text-decoration:none;
}
a:hover {
color: #286E92;
text-decoration:underline;
}

/* リスト */
ol {
padding:0px;
margin:0px 0px 15px 15px;
list-style: decimal outside;
}

ol li {
margin:0px 0px 0px 15px;
padding:0px 0px 5px 0px;
background: none;
line-height:21px;
color:#333;
}


/* リスト */
ul {
padding:0px;
margin:0px 0px 20px 0px;
list-style: none;
}

ul li {
margin:0px;
padding: 0px 0px 0px 25px;
line-height:18px;
color:#333;
background:url(/image/custom/common/allow_gray.gif) no-repeat 10px 6px;
}

ul li a {
color:#333;
}
ul li a:hover {
color: #286E92;
}

/* 定義リスト */
dl {
padding: 0px;
margin: 0px 0px 0px 0px;
line-height:18px;
}

dt {
padding: 0px 0px 0px 25px;
margin: 0px 10px 0px 0px;
clear: left;
float: left;
font-weight:normal;
background:url(/image/custom/common/allow_gray.gif) no-repeat 10px 4px;
}
	
dd {
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 110px;
background:url(/image/custom/common/dotline.gif) repeat-x bottom left;
}

dd a {
color:#333;
font-size:14px;
}
dd a:hover {
color: #286E92;
}

/* テーブル */
table {
border:1px solid #ccc;
border-collapse: collapse;
background:#fff;
padding:0px;
margin:0px auto 15px auto;
}

th {
border:1px solid #ccc;
border-collapse: collapse;
padding:6px 10px;
background:#f5f5f5;
color:#333;
text-align:left;
line-height:1.8em;
font-weight:normal;
}

td {
border:1px solid #ccc;
border-collapse: collapse;
padding:6px 10px;
text-align:left;
line-height:1.8em;
}



/* フォーム */
form {
margin:0px auto;
}

textarea {
vertical-align:top;
font-size:12px;
height:15px;
}

/**************************************************/
/****メニューサブナビ****/
/**************************************************/
#subnavi{
	width:780px;
}

#subnavi1,
#subnavi2,
#subnavi3,
#subnavi4{
	display:none;
	position:absolute;
	width:192px;
	margin-top:-4px;
	z-index:10;
}

#subnavi1{
	background-color:#E26C2C;
	margin-left:3px;
}

#subnavi1 dt,
#subnavi1 dd{
	border-top:1px dashed #CA551F;
}

#subnavi1 dt a{
	background-color:#E26C2C;
	color:#FFFFFF;
	display:block;
	width:192px;
	text-indent:25px;
	background-image:url(/image/custom/common/allow_red.gif);
	background-repeat:no-repeat;
	background-position:10px 4px;
	font-size:12px;
}

#subnavi1 dd a{
	background-color:#E26C2C;
	color:#FFFFFF;
	display:block;
	width:192px;
	text-indent:35px;
	background-image:url(/image/custom/common/allow_white.gif);
	background-repeat:no-repeat;
	background-position:20px 4px;
	font-size:12px;
}

#subnavi1 dt a:hover{
	width:192px;
	display:block;
	background-color:#EA9860;
	text-indent:25px;
	background-image:url(/image/custom/common/allow_red.gif);
	background-repeat:no-repeat;
	background-position:10px 4px;
	font-size:12px;
}

#subnavi1 dd a:hover{
	width:192px;
	display:block;
	background-color:#EA9860;
	text-indent:35px;
	background-image:url(/image/custom/common/allow_white.gif);
	background-repeat:no-repeat;
	background-position:20px 4px;
	font-size:12px;
}

#subnavi2{
	background-color:#0089BF;
	margin-left:197px;
}

#subnavi2 dt,
#subnavi2 dd{
	border-top:1px dashed #026FAA;
}

#subnavi2 dt a{
	background-color:#0089BF;
	color:#FFFFFF;
	display:block;
	width:192px;
	text-indent:25px;
	background-image:url(/image/custom/common/allow_blue.gif);
	background-repeat:no-repeat;
	background-position:10px 4px;
	font-size:12px;
}

#subnavi2 dd a{
	background-color:#0089BF;
	color:#FFFFFF;
	display:block;
	width:192px;
	text-indent:35px;
	background-image:url(/image/custom/common/allow_white.gif);
	background-repeat:no-repeat;
	background-position:20px 4px;
	font-size:12px;
}

#subnavi2 dt a:hover{
	width:192px;
	display:block;
	background-color:#2DB1D8;
	text-indent:25px;
	background-image:url(/image/custom/common/allow_blue.gif);
	background-repeat:no-repeat;
	background-position:10px 4px;
	font-size:12px;
}

#subnavi2 dd a:hover{
	width:192px;
	display:block;
	background-color:#2DB1D8;
	text-indent:35px;
	background-image:url(/image/custom/common/allow_white.gif);
	background-repeat:no-repeat;
	background-position:20px 4px;
	font-size:12px;
}

#subnavi3{
	background-color:#F1A400;
	margin-left:391px;
}

#subnavi3 dt,
#subnavi3 dd{
	border-top:1px dashed #DF8A09;
}

#subnavi3 dt a{
	background-color:#F1A400;
	color:#FFFFFF;
	display:block;
	width:192px;
	text-indent:25px;
	background-image:url(/image/custom/common/allow_yellow.gif);
	background-repeat:no-repeat;
	background-position:10px 4px;
	font-size:12px;
}

#subnavi3 dd a{
	background-color:#F1A400;
	color:#FFFFFF;
	display:block;
	width:192px;
	text-indent:35px;
	background-image:url(/image/custom/common/allow_white.gif);
	background-repeat:no-repeat;
	background-position:20px 4px;
	font-size:12px;
}

#subnavi3 dt a:hover{
	width:192px;
	display:block;
	background-color:#F8C536;
	text-indent:25px;
	background-image:url(/image/custom/common/allow_yellow.gif);
	background-repeat:no-repeat;
	background-position:10px 4px;
	font-size:12px;
}

#subnavi3 dd a:hover{
	width:192px;
	display:block;
	background-color:#F8C536;
	text-indent:35px;
	background-image:url(/image/custom/common/allow_white.gif);
	background-repeat:no-repeat;
	background-position:20px 4px;
	font-size:12px;
}

#subnavi4{
	background-color:#5BA13F;
	margin-left:585px;
}

#subnavi4 dt,
#subnavi4 dd{
	border-top:1px dashed #4F9034;
}

#subnavi4 dt a{
	background-color:#5BA13F;
	color:#FFFFFF;
	display:block;
	width:192px;
	text-indent:25px;
	background-image:url(/image/custom/common/allow_green.gif);
	background-repeat:no-repeat;
	background-position:10px 4px;
	font-size:12px;
}

#subnavi4 dd a{
	background-color:#5BA13F;
	color:#FFFFFF;
	display:block;
	width:192px;
	text-indent:35px;
	background-image:url(/image/custom/common/allow_white.gif);
	background-repeat:no-repeat;
	background-position:20px4px;
	font-size:12px;
}

#subnavi4 dt a:hover{
	width:192px;
	display:block;
	background-color:#6CB24F;
	text-indent:25px;
	background-image:url(/image/custom/common/allow_green.gif);
	background-repeat:no-repeat;
	background-position:10px 4px;
	font-size:12px;
}

#subnavi4 dd a:hover{
	width:192px;
	display:block;
	background-color:#6CB24F;
	text-indent:35px;
	background-image:url(/image/custom/common/allow_white.gif);
	background-repeat:no-repeat;
	background-position:20px4px;
	font-size:12px;
}

#subnavi dl{
	margin:0;
	padding:0;
	width:192px;
	overflow:hidden;
	font-size:12px;
}

#subnavi dt{
	margin:0;
	padding:0;
	float:clear;
	clear:both;
	width:192px;
	background-image:none;
	font-size:12px;
}


#subnavi dd{
	margin:0;
	padding:0;
	float:clear;
	clear:both;
	width:192px;
	background-image:none;
	font-size:12px;
}

/* ************************************************ */
/**** 大枠ID ****/
/* ************************************************ */

/* wrap */
#wrap {
background:#fff;
width:820px;
padding:0px;
margin:0px auto;
background:url(/image/custom/common/wrap_bg.gif) repeat-y top left;
}
div#wrap:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

/* head */
#head {
width:780px;
padding:0px 20px;
margin:0px auto 15px auto;
background:#fff;
text-align:left;
background:url(/image/custom/common/head_bg.gif) no-repeat top left;
}

/* content */
#content {
clear:both;
width:780px;
margin:0px;
padding:0px 20px 0px 20px;
text-align:left;
background:url(/image/custom/common/content_bg.gif) repeat-y top center;
}
div#content:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

/* main */
#main {
float:left;
width:585px;
margin:0px 0px 0px 0px;
padding:0px 0px;
text-align:left;
margin-right: -3px; /* Explorer 6 Duplicate Characters Bug対策 */
}


/* left */
#left {
float:left;
width:180px;
margin:0px 15px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

/* foot */
#foot {
clear:both;
background: url(/image/custom/common/foot_bg.gif) no-repeat bottom left;
width:780px;
height:57px;
display:block;
padding:0px 20px;
margin:15px 0px 0px 0px ;
}



/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

.dotline {
background:url(/image/custom/common/dotline.gif) left top repeat-x;
margin:0px !important;
padding:0px 0px 0px 0px !important;
line-height:3px !important;
}

.dsp_none {
display:none;
font-size:0px;
line-height:0px;
}

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

.al_left {
text-align:left;
}
.al_right {
text-align:right;
}
.al_center {
text-align:center;
}


.flt_left {
float:left;
margin:0px 15px 15px 0px;
}

.flt_right {
float:right;
margin:0px 0px 15px 15px;
}


.f10 {
font-size:10px;
line-height:15px;
}

.f12 {
font-size:12px;
line-height:18px;
}

.f14 {
font-size:14px;
line-height:21px;
}

.f_orange {
color:#EC6A00;
}
.f_green {
color:#690;
}
.f_indigo {
color:#104970;
}
.f_blue {
color:#4887AD;
}
.f_red {
color:#ED6355;
}
.f_gray {
color:#666;
}
.f_black {
color:#333;
}

.f_normal {
font-weight:normal;
}

/* アイコン */
.ic_clear {
clear:both;
font-size:1px;
}


.ic_recipe {
background:url(/image/custom/common/ic_recipe.gif) no-repeat left center;
padding:5px 0px 5px 25px;
}
.ic_search {
background:url(/image/custom/common/ic_search.gif) no-repeat left center;
padding:5px 0px 5px 25px;
}
.ic_mobile {
background:url(/image/custom/common/ic_mobile.gif) no-repeat left center;
}
.ic_comment {
background:url(/image/custom/common/ic_comment.gif) no-repeat left top;
padding:0px 0px 0px 20px;
}


/* ************************************************ */
/**** ヘッダ関係 ****/
/* ************************************************ */

/* ロゴ */
.logo {
float:left;
padding:0px 10px;
margin: 22px 0px 6px 0px;
}

.logo a {
width:213px;
height:44px;
display:block;
background:url(/image/custom/common/logo_hoko.gif) no-repeat top left;
}

/* NHロゴ */
.nhlogo {
float:right;
padding:0px 0px 0px 0px;
margin: 22px 0px 6px 0px;
}

.nhlogo a {
width:69px;
height:44px;
display:block;
background:url(/image/custom/common/logo_nh.gif) no-repeat top left;
}

/* ヘッダメニュー */
.hmenu {
float:right;
width:196px;
padding:0px 0px 0px 0px;
margin: 22px 15px 0px 0px;
}

.hmenu ul {
list-style:none;
padding:0px;
margin:0px;
}

.hmenu ul li {
float:left;
padding:0px;
margin:0px;
background:url(none);
}

.hmenu ul li.separater {
width:30px;
background:url(/image/custom/common/hmenu_separater.gif) no-repeat center center;
padding:0px;
margin:0px;
}

.hmenu ul li a#here {
background-position: bottom left;
}

.hmenu ul li a.home {
width:31px;
height:17px;
display:block;
background:url(/image/custom/common/hmenu_home.gif) no-repeat top left;
padding:0px;
margin:0px;
}
.hmenu ul li a.home:hover{
background-position: bottom left;
}

.hmenu ul li a.sitemap {
width:61px;
height:17px;
display:block;
background:url(/image/custom/common/hmenu_sitemap.gif) no-repeat top left;
padding:0px;
margin:0px;
}
.hmenu ul li a.sitemap:hover {
background-position: bottom left;
}

.hmenu ul li a.english {
width:44px;
height:17px;
display:block;
background:url(/image/custom/common/hmenu_english.gif) no-repeat top left;
padding:0px;
margin:0px;
}
.hmenu ul li a.english:hover {
background-position: bottom left;
}

.hmenu ul li a.japanese {
width:90px;
height:17px;
display:block;
background:url(/image/custom/common/hmenu_japanese.gif) no-repeat top left;
padding:0px;
margin:0px;
}
.hmenu ul li a.japanese:hover {
background-position: bottom left;
}

/* 検索エリア */
.search {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.search form{
width:210px;
}

.textarea_search {
width:144px;
height:15px;
padding:0px;
margin:0px 5px 0px 0px;
vertical-align:top;
}

.commodity_search {
text-align:right;

}

/* mainimgエリア */
.mainimgarea {
clear:both;
margin:0px;
padding:0px 3px 3px 3px;
background:#E0E0E0;
width:774px;
}


/* グローバルメニュー */
.gmenu {
clear:both;
height:60px;
padding:3px 0px 3px 1px;
margin: 0px 0px 0px 0px;
background:#E0E0E0;
}

.gmenu ul {
list-style:none;
padding:0px;
margin:0px;
}

.gmenu ul li {
float:left;
padding:0px;
margin:0px;
background:url(none);
}

.gmenu ul li a#here {
background-position: bottom left;
}

.gmenu ul li a.consumer {
width:192px;
height:60px;
display:block;
background:url(/image/custom/common/gmenu_consumer.gif) no-repeat top left;
padding:0px;
margin:0px;
margin:0px 0px 0px 2px;
}
.gmenu ul li a.consumer:hover {
background-position: bottom left;
}

.gmenu ul li a.business {
width:192px;
height:60px;
display:block;
background:url(/image/custom/common/gmenu_business.gif) no-repeat top left;
padding:0px;
margin:0px;
margin:0px 0px 0px 2px;
}
.gmenu ul li a.business:hover {
background-position: bottom left;
}

.gmenu ul li a.learnenjoy {
width:192px;
height:60px;
display:block;
background:url(/image/custom/common/gmenu_learnenjoy.gif) no-repeat top left;
padding:0px;
margin:0px;
margin:0px 0px 0px 2px;
}
.gmenu ul li a.learnenjoy:hover {
background-position: bottom left;
}

.gmenu ul li a.corporate {
width:192px;
height:60px;
display:block;
background:url(/image/custom/common/gmenu_corporate.gif) no-repeat top left;
padding:0px;
margin:0px;
margin:0px 0px 0px 2px;
}
.gmenu ul li a.corporate:hover {
background-position: bottom left;
}

/* パンくず */
.topicpath {
background:#f5f5f5;
height:25px;
line-height:25px;
padding:0px 10px;
margin:0px;
color:#666;
}
.topicpath .allow {
color:#ccc;
}


/* ************************************************ */
/**** メイン関係 ****/
/* ************************************************ */

/**** 左カラム ****/
/* サブメニュー */
.smenu {
width:180px;
padding:0px 0px 5px 0px;
margin:0px 0px 0px 0px;
border-bottom:15px solid #fff;
}
.smenu:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

/* サブメニュータイトル */
.smenu_tit a {
width:180px;
height:85px;
display:block;
padding:0px;
margin:0px 0px 5px 0px;
}

/* サブメニューリスト */
.smenu ul {
list-style:none;
padding:0px;
margin:0px 5px;
}

.smenu ul li {
float:left;
padding:0px;
margin:0px;
}

.smenu ul li a#here {
color:#fff;
}
.smenu ul li a {
width:140px;
display:block;
line-height:15px;
padding:7px 5px 7px 25px;
margin:0px 0px 1px 0px;
color:#333;
}
.smenu ul li a:hover {
color:#fff;
text-decoration:underline;
}

.smenu ul li a#here.ssmenu {
color:#fff;
}
.smenu ul li a.ssmenu {
width:130px;
display:block;
line-height:15px;
padding:4px 5px 4px 35px;
margin:0px 0px 1px 0px;
color:#333;
}
.smenu ul li a:hover.ssmenu {
color:#fff;
text-decoration:underline;
}



/**** メインカラム ****/
/** タイトル関係 **/
.tit_h2 {
clear:both;
margin:25px 0px 10px 0px;
padding:0px 0px 0px 25px;
width:560px;
height:29px;
display:block;
}
.tit_h2 p {
font-size: 14px;
line-height:29px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#fff;
float:left;
font-weight:bold;
}

.tit_h2:hover{
text-decoration: none;
}

.tit_h2_270 {
clear:both;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 25px;
width:245px;
height:29px;
display:block;
}
.tit_h2_270 p {
font-size: 14px;
line-height:29px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#fff;
float:left;
font-weight:bold;
}

.tit_h2_335 {
clear:both;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 25px;
width:310px;
height:29px;
display:block;
}
.tit_h2_335 p {
font-size: 14px;
line-height:29px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#fff;
float:left;
font-weight:bold;
}

.font_color {
color:#696969;
}

/* 一覧へボタン */
div.tolist {
float:right;
margin:5px 5px 0px 0px;
padding:0px 0px 0px 0px;
width:53px;
height:19px;
display:inline;
background:url(/image/custom/common/btn_tolist.gif) no-repeat top left;
}
div.tolist:hover {
background:url(/image/custom/common/btn_tolist.gif) no-repeat bottom left;
}

/* CLICKボタン */
.todetail {
float:right;
margin:4px 5px 0px 0px;
padding:0px 0px 0px 0px;
width:72px;
height:21px;
display:inline;
background:url(/image/custom/common/btn_todetail.gif) no-repeat top left;
}
.todetail:hover {
background:url(/image/custom/common/btn_todetail.gif) no-repeat bottom left;
}

/* 詳細へボタン */
.todetail2 {
float:right;
margin:0px;
padding:0px 0px 0px 0px;
width:53px;
height:19px;
display:inline;
background:url(/image/custom/common/btn_todetail2.gif) no-repeat top left;
}

/* レシピ詳細へボタン */
a.torecipe {
margin:5px 5px 0px 0px;
padding:0px 0px 0px 0px;
width:83px;
height:19px;
display:block;
background:url(/image/custom/common/btn_torecipe.gif) no-repeat top left;
}
a.torecipe:hover {
background:url(/image/custom/common/btn_torecipe.gif) no-repeat bottom left;
}

/* 商品詳細へボタン */
a.tocommodity {
margin:5px 5px 0px 0px;
padding:0px 0px 0px 0px;
width:73px;
height:19px;
display:block;
background:url(/image/custom/common/btn_tocommodity.gif) no-repeat top left;
}
a.tocommodity:hover {
background:url(/image/custom/common/btn_tocommodity.gif) no-repeat bottom left;
}

/* レシピ一覧はこちらボタン */
a.recipelist {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:150px;
height:45px;
display:block;
background:url(/image/custom/common/btn_recipelist.gif) no-repeat top left;
}
a.recipelist:hover {
background:url(/image/custom/common/btn_recipelist.gif) no-repeat bottom left;
}
/* こちらの商品のご購入はこちらボタン */
a.shopping {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:150px;
height:45px;
display:block;
background:url(/image/custom/common/btn_shopping.gif) no-repeat top left;
}
a.shopping:hover {
background:url(/image/custom/common/btn_shopping.gif) no-repeat bottom left;
}


/* リード文 */
.lead {
color:#666;
font-size:14px;
line-height:21px;
margin:0px 0px 20px 0px;
padding:0px 10px 0px 10px;
}

.lead p.leadtitle {
color:#02638E;
font-weight:bold;
margin:0px 0px 5px 0px;
}


/* 商品情報 */
.item_category {
float:left;
background: url(/image/custom/common/dotline.gif) repeat-y top right;
padding:5px;
margin:0px;
width:136px;
}
.item_category ul {
padding:0px 0px 0px 0px;
margin:0px;
}
.item_category ul li {
font-size:10px;
line-height:15px;
background: url(/image/custom/common/allow_gray.gif) no-repeat 5px 4px;
padding:0px 0px 0px 20px;
margin:0px;
}


/* ボーダーブロック */
.borderblock {
border:5px solid #FBF0D6;
background:#fff;
margin:0px 0px 10px 0px;
padding:0px;
}
.borderblock:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}
.borderblock p.h3 {
background:#F8CF6B;
border-bottom:2px solid #E1B341;
color:#713500;
line-height:31px;
margin:0px;
padding:0px 0px 0px 10px;

font-size:12px;
font-weight:bold;

}
.borderblock .thmblist img {
border:1px solid #DCDCDC;
padding:4px;
margin:10px 0px 10px 10px;
background:#fff;
text-align:center;
float:left;
width:100px;
}

/* サムネイルイメージ付きリスト（検索結果など） */
.thmblist {
background:url(/image/custom/common/dotline.gif) repeat-x bottom left;
margin:0px;
padding:0px;
_height:100px;
min-height:100px;
}

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

.thmblist:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}
.thmblist .img-box{
border:1px solid #DCDCDC;
padding:4px;
margin:10px 0px 10px 10px;
background:#fff;
width:100px;
height:75px;
text-align:center;
float:left;
overflow:hidden;
}
.thmblist > a > img {
border:1px solid #DCDCDC;
padding:4px;
margin:10px 0px 10px 10px;
background:#fff;
text-align:center;
float:left;
width:100px;
}
.thmblist .text {
padding:0px;
margin:10px 0px 10px 0px;
background:#fff;
width:445px;
text-align:left;
float:left;
}
.thmblist p {
padding:0px 0px;
margin:0px 0px 5px 10px;
}

.thmblist .text2 {
padding:0px;
margin:10px 0px 10px 0px;
background:#fff;
width:585px;
text-align:left;
float:left;
}
/* 左画像右説明文（お客様相談センターなど） */
.leftimgarea {
margin:0px;
padding:0px;
display:block;
height:100%;
}
.leftimgarea:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

.leftimgarea img {
padding:0px 0px 10px 0px;
margin:10px 0px 0px 10px;
background:#fff;
text-align:center;
float:left;
}
.leftimgarea .text {
padding:0px 0px 10px 0px;
margin:10px 0px 0px 0px;
background:#fff;
text-align:left;
float:left;
width:425px;
}
.leftimgarea p {
padding:0px 0px;
margin:0px 0px 5px 10px;
}
.leftimgarea ul {
padding:0px 0px;
margin:0px 0px 0px 0px;
}

/* レシピ検索エリア */
.recipe_search {
padding:10px 0px 0px 0px;
margin:0px;
}

.recipe_search span {
white-space:nowrap;
}


.recipe_search p.h4 {
padding: 0px 10px 0px 10px;
margin: 0px 10px 10px 10px;
background:#FBF0D6;
line-height:25px;
color:#713500;
font-weight:bold;
}

.textarea_recipesearch {
width:300px;
height:15px;
padding:0px;
margin:0px 5px 0px 0px;
vertical-align:top;
}

.submit {
background:#F1F1F1;
padding:10px;
margin:10px;
text-align:center;
}

/* 他ページへのナビゲーション */
.navi {
background:url(/image/custom/common/dotline.gif) repeat-x top left;
line-height:18px; 
padding:10px 0px 0px 0px;
margin:0px 0px 15px 0px;
}
.navi:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

.navi div {
list-style:none;
padding:0px 10px 10px 10px;
margin:0px;
background:url(/image/custom/common/dotline.gif) repeat-x bottom left;
}

.navi ul li {
display:inline;
padding:0px;
margin:0px;
background:url(none);
line-height:18px; 
text-align:left;
white-space:nowrap;
}

.navi div span {
display:inline;
padding:0px;
margin:0px;
background:url(none);
line-height:18px; 
text-align:left;
white-space:nowrap;
}

.navi ul li.prev {
padding:0px 0px 0px 0px;
margin:0px auto;
text-align:center;
}
.navi ul li.next {
padding:0px 0px 0px 0px;
margin:0px auto;
}
.navi ul li.totop {
text-align:center;
padding:0px 130px;
margin:0px auto;
}

.navi div span .separater {
width:30px;
background:url(/image/custom/common/hmenu_separater.gif) no-repeat center center;
padding:0px 7px;
margin:0px;
}

.navi ul li a {
color:#286E92;
}
.navi ul li a:hover {
color:#286E92;
}


/* ページ数 */
.pages {
clear:both;
margin:0px auto;
padding:20px 0px;
text-align:center;
}
.pages a {
padding:2px 5px;
margin:10px 1px 10px 0px;
border:1px solid #DCDCDC;
color:#333;
height:22px;
line-height:22px;
}
.pages a:hover {
border:1px solid #286E92;
color:#286E92;
text-decoration:none;
}
.pages .here {
padding:2px 5px;
margin:10px 1px 10px 0px;
border:1px solid #286E92;
background:#286E92;
color:#fff;
height:22px;
line-height:22px;
}

/* おすすめレシピ 左（写真・携帯） */
.recipedetail_left {
float:left;
width:290px;
padding:0px;
margin:0px 0px 20px 0px;
}

.recipedetail_left img.pict,
.recipedetail_left img.photo {
padding:4px;
border:1px solid #DCDCDC;
background:#fff;
margin:0px 0px 10px 0px;
}

.recipedetail_left .mobile {
background:url(/image/custom/common/mobilerecipe.gif) no-repeat 75px 9px;
padding:0px;
padding-top:9px;
margin:0px 0px 0px 0px;
border:1px solid #DCDCDC;
width:290px;
}

/* おすすめレシピ 右（材料） */
.recipedetail_right {
float:right;
width:270px;
padding:0px;
margin:0px 0px 20px 0px;
}

/* おすすめレシピ 材料 */
dl.ingredients {
padding: 0px;
margin: 0px 0px 0px 0px;
line-height:18px;
}

dl.ingredients dt {
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
font-weight:normal;
background:url(none);
}
	
dl.ingredients dd {
padding: 0px 10px 5px 180px;
text-align:right;
}


/* おすすめレシピ 作り方 */
dl.howtocook {
padding: 0px;
margin: 0px 0px 0px 0px;
line-height:18px;
}

dl.howtocook dt {
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
font-weight:bold;
background:url(none);
text-align:right;
}
	
dl.howtocook dd {
padding: 0px 0px 5px 35px;
}


/* 商品詳細 左（写真・アイコン） */
.commoditydetail_left {
float:left;
width:235px;
padding:0px;
margin:0px;
}
.commoditydetail_left img.pict,
.commoditydetail_left img.photo {
padding:4px;
border:1px solid #DCDCDC;
background:#fff;
margin:0px 0px 10px 0px;
}

.commoditydetail_left p {
margin:0px 0px 10px 0px;
padding:0px 0px;
}

.commoditydetail_left ul.ic {
list-style:none;
padding:4px 0px 0px 4px;
margin:0px 0px 15px 0px;
background:#f1f1f1;
}

.commoditydetail_left div.ic {
margin:0px;
background:url(none);
line-height:18px; 
background:#f1f1f1;
margin-bottom:10px;
}

.commoditydetail_left div.ic img{
margin-top:3px;
margin-left:3px;
margin-bottom:3px;
margin-right:-3px;
border:none;
}

/* 商品詳細 右（原材料） */
.commoditydetail_right {
float:right;
width:335px;
padding:0px;
margin:0px 0px 20px 0px;
}

/* 商品詳細 原材料 */
dl.materials {
padding: 0px;
margin: 0px 0px 0px 0px;
line-height:18px;
}

dl.materials dt {
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
font-weight:bold;
background:url(none);
}
	
dl.materials dd {
padding: 0px 10px 5px 130px;
text-align:left;
}

/* 採用情報 先輩からのメッセージメニュー */
ul.message {
padding:0px;
margin:0px 0px 20px 0px;
list-style: none;
}

ul.message li {
float:left;
margin:0px 10px 10px 10px;
padding: 0px 0px 0px 0px;
font-size:14px;
line-height:50px;
font-weight:bold;
color:#333;
text-align:center;
}

ul.message li a {
width:250px;
height:50px;
display:block;
border:5px solid #B3DDA0;
background:#fff;
}

ul.message li a:hover {
background:#6BB24E;
color:#fff;
text-decoration:none;
}

/* フリーダイアルエリア */
.free_tel{
text-align:center;
}
/**** サイドカラム ****/
/* バナーエリア */
.bnrarea {
clear:both;
line-height:1.3em;
margin:10px 10px 15px 10px;
padding:0px;
}

.bnrarea p {
margin:0px 0px 10px 0px;
padding:0px;
}

/* ************************************************ */
/**** フッタ関係 ****/
/* ************************************************ */

.copyright {
float:right;
padding:0px;
margin: 22px 0px 0px 0px;
width:239px;
height:11px;
display:block;
background:url(/image/custom/common/copyright.gif) no-repeat top left;
}

.pagetop {
clear:both;
text-align:right;
padding:10px 0px 0px 704px;
margin: 0px 0px 0px 0px;
}

.pagetop a {
width:76px;
height:19px;
display:block;
background:url(/image/custom/common/btn_pagetop.gif) no-repeat top left;
}

.pagetop a:hover {
background:url(/image/custom/common/btn_pagetop.gif) no-repeat bottom left;
}


/* フッタメニュー */
.fmenu {
float:left;
width:520px;
padding:0px 0px 0px 0px;
margin: 16px 0px 0px 0px;
}

.fmenu ul {
list-style:none;
padding:0px;
margin:0px;
}

.fmenu ul li {
float:left;
padding:0px;
margin:0px;
background:url(none);
}

.fmenu ul li.separater {
width:10px;
background:url(/image/custom/common/hmenu_separater.gif) no-repeat center center;
padding:0px;
margin:0px;
}

.fmenu ul li a {
color:#333;
}
.fmenu ul li a:hover {
color:#286E92;
}

.inq_word{
margin: 0px;
}

.alertS {
color:#FF3366;
font-size:95%;
font-weight:bold;
}

.inquiryForm table{
width: 580px;
}

.inquiryForm th{
width: 140px;
}

.inquiryForm td{
width: 440px;
}