@charset "Shift_JIS";

/* 目次
------------------------------------------
・全体構造
・フォーム
・マージン・パディング
・レイアウト
・テキスト・フォント
・リスト
・リンク
--------------------------
・Wrapper
・ヘッダ
・ナビゲーション
・パンくずリスト
・中央部
・メイン
・サイド
・フッタ
--------------------------
・共通パーツ（組合せ）
・コンテンツ
--------------------------
・Javascript用
・メニュー
------------------------------------------ */

/* 追記 */
.information { margin-bottom: 5px; padding: 5px 10px; background: #ffeaee; font-weight: bold; color: #f00; }
.information2 { margin-bottom: 5px; padding: 5px 10px; background: #ffeaee; color: #f00; }

/* 全体構造
------------------------------------------ */
body { height: 100%; word-break: break-all;background: #fff; color: #333; line-height: 1.4; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; }
html { height: 100%; margin-bottom: 1px; }

h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

body, div, p,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img { border: 0; } 

caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset { border: 0; }
input { line-height: 100%; }

a[name] { color: #333; }
a[name]:hover { color: #333; text-decoration: none !important; outline: 0 !important; }
a img { color: #000; }

ul li { list-style-type: none; }
li li { font-size: inherit; }

em { font-weight: bold; font-style: normal; }
label { cursor: pointer; }

.navskip { height: 0; width: 0; overflow: hidden; font-size: 0; }
.hide { height: 0; width: 0; overflow: hidden; font-size: 0; }
hr { display: none; visibility: hidden; height: 0; border: 0; }


/* フォーム
------------------------------------------ */

/* 全角モード */
.imeA {ime-mode: active;}

/* IME=使用不可。ユーザー側で変更不可能 */
.imeD {ime-mode: disabled;}

input.iptTxt { padding: 1px 1px 0 1px; height: 16px; border: 1px solid #7f9db9; line-height: 1.2; vertical-align: middle; }
input.iptBtn { line-height: 1.2; }
textarea.iptTxt { padding: 1px 1px 0 1px; border: 1px solid #7f9db9; line-height: 1.2; vertical-align: middle; }
label { display: -moz-inline-box; display: inline-block; margin-left: 5px; vertical-align: middle; }


/* マージン・パディング
------------------------------------------ */
.mgt1  { margin-top: 1px!important; }
.mgt2  { margin-top: 2px!important; }
.mgt3  { margin-top: 3px!important; }
.mgt4  { margin-top: 4px!important; }
.mgt5  { margin-top: 5px!important; }
.mgt8  { margin-top: 8px!important; }
.mgt10 { margin-top: 10px!important; }
.mgt15 { margin-top: 15px!important; }
.mgt20 { margin-top: 20px!important; }
.mgt25 { margin-top: 25px!important; }
.mgt30 { margin-top: 30px!important; }
.mgt35 { margin-top: 35px!important; }
/* マージントップ60追加(2010-0811Gomez) */
.mgt60 { margin-top: 60px!important; }
.mgt80 { margin-top: 80px!important; }

.mgb5  { margin-bottom: 5px!important; }

.mgl5 { margin-left: 5px!important; }
.mgl10 { margin-left: 10px!important; }
.mgl17 { margin-left: 17px!important; }
.mgl20 { margin-left: 20px}
.mgl30 { margin-left: 30px}
.mgl2em { margin-left: 2em!important; }

.mgr5 { margin-right: 5px!important; }

.mgSide1 { margin-left: 1px!important; margin-right: 1px!important; }
.mgSide2 { margin-left: 2px!important; margin-right: 2px!important; }
.mgSide5 { margin-left: 5px!important; margin-right: 5px!important; }
.mgSide10 { margin-left: 10px!important; margin-right: 10px!important; }

.pdgt3  { padding-top: 3px!important; }
.pdgt4  { padding-top: 4px!important; }
.pdgt5  { padding-top: 5px!important; }
.pdgt8  { padding-top: 8px!important; }
.pdgt10 { padding-top: 10px!important; }
.pdgt15 { padding-top: 15px!important; }
.pdgt20 { padding-top: 20px!important; }

.pdgl3  { padding-left: 3px!important; }
.pdgl4  { padding-left: 4px!important; }
.pdgl5  { padding-left: 5px!important; }
.pdgl7  { padding-left: 7px!important; }
.pdgl8  { padding-left: 8px!important; }
.pdgl10 { padding-left: 10px!important; }
.pdgl1em { padding-left: 1em!important; }

.pdgr3  { padding-right: 3px!important; }
.pdgr4  { padding-right: 4px!important; }
.pdgr5  { padding-right: 5px!important; }
.pdgr8  { padding-right: 8px!important; }
.pdgr10 { padding-right: 10px!important; }

.pdgb5 { padding-bottom: 5px!important; }
.pdgb8 { padding-bottom: 8px!important; }
.pdgb10 { padding-bottom: 10px!important; }

.pdgSide3 { padding-left: 3px!important; padding-right: 3px!important; }
.pdgSide5 { padding-left: 5px!important; padding-right: 5px!important; }
.pdgSide10 { padding-left: 10px!important; padding-right: 10px!important; }


/* レイアウト
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.clearboth { clear: both;}
br.clear { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0; }

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }
.alC .iBlk { margin-left: auto; margin-right: auto; }
.alR .iBlk { margin-left: auto; }
.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }
.imgC { text-align: center; }
.imgC img { display: block; margin: 0 auto; }
.imgR { text-align: right; }
.imgR img { display: block; margin-left: auto; }
.imgC a,
.imgR a { display: -moz-inline-box; }
.iBlk { display: -moz-inline-box; display: inline-block; }


/* テキスト・フォント
------------------------------------------ */
.nowrap { white-space: nowrap; }
.bold   { font-weight: bold!important; }
.normal { font-weight: normal!important; }

div.indent01 p,
.indent01 { margin-left: 1em; text-indent: -1em; }
div.indent02 p,
.indent02 { margin-left: 2.2em; text-indent: -2.2em; }
div.indent01,
div.indent02 { margin-left: 0; text-indent: 0; }

.fBlk01 { color: #000; }
.fRed01 { color: #f00; }
.fAsh01 { color: #666; }
.fOrg01 { color: #ff7f00; }
.fOrg02 { color: #fd5913; }
.fOrg03 { color: #ff4d00; }
.fGrn01 { color: #1d8000; }
.fWhite { color: #fff; }

.fs01  { font-size: 10px; }
.fm01  { font-size: 12px; }
.fl01  { font-size: 14px; }
.fx01  { font-size: 16px; }
.fxl01 { font-size: 18px; }
.fxx01 { font-size: 20px; }

.lineH13 { line-height: 1.3!important; }


/* リスト・アイコン
------------------------------------------ */
.iDot01,
.liDot01 li { padding-left: 12px; background: url(../images/common/i_dot_01.gif) no-repeat 5px 0.5em; }
.iDotGrn01,
.liDotGrn01 li { padding-left: 12px; background: url(../images/common/i_dot_grn_01.gif) no-repeat 5px 0.5em; }
.iDotOrg01,
.liDotOrg01 li { padding-left: 12px; background: url(../images/common/i_dot_org_01.gif) no-repeat 5px 0.5em; }
.iDotOrg02,
.liDotOrg02 li { padding-left: 12px; background: url(../images/common/i_dot_org_02.gif) no-repeat 0 0.45em; }
.iReturn01 { padding-left: 12px; background: url(../images/common/i_return_01.gif) no-repeat 0 0.35em; }
.iPrint01 { padding-left: 14px; background: url(../images/common/i_print_01.gif) no-repeat 0 0.25em; }
.iArrUp01 { padding-left: 12px; background: url(../images/common/i_arr_up_01.gif) no-repeat 0 0.35em; }
.iArrDown01,
.liArrDown01 li { padding-left: 12px; background: url(../images/common/i_arr_down_01.gif) no-repeat 0 0.45em; }
.iArrOrg01,
.liArrOrg01 li { padding-left: 8px; background: url(../images/common/i_arr_org_01.gif) no-repeat 0 0.45em; }
.iArrCircle01 { padding-left: 14px; background: url(../images/common/i_arr_circle_01.gif) no-repeat 0 0.25em; }
.iArrCircle02 { padding-left: 14px; background: url(../images/common/i_arr_circle_02.gif) no-repeat 0 0.25em; }
.iArrCircle03,
.liArrCircle03 li { padding-left: 14px; background: url(../images/common/i_arr_circle_03.gif) no-repeat 0 0.25em; }
.iArrCircle04,
.liArrCircle04 li { padding-left: 14px; background: url(../images/common/i_arr_circle_04.gif) no-repeat 0 0.25em; }
.iArrCircle05,
.liArrCircle05 li { padding-left: 14px; background: url(../images/common/i_arr_circle_05.gif) no-repeat 0 0.25em; }
.iArrCircle06,
.liArrCircle06 li { padding-left: 14px; background: url(../images/common/i_arr_circle_06.gif) no-repeat 0 0.25em; }
.iArrCircle07,
.liArrCircle07 li { padding-left: 14px; background: url(../images/common/i_arr_circle_07.gif) no-repeat 0 0.25em; }
.iArrCircle08,
.liArrCircle08 li { padding-left: 14px; background: url(../images/common/i_arr_circle_08.gif) no-repeat 0 0.25em; }
.iAttention01 { padding-left: 19px; background: url(../images/common/i_attention_01.gif) no-repeat 0 0.1em; }
.iAttention02 { padding-left: 22px; background: url(../images/common/i_attention_02.gif) no-repeat 0 0.15em; }
.iAttention03 { padding-left: 19px; background: url(../images/common/i_attention_03.gif) no-repeat 0 0.1em; }

/* iAttention04追記(2010-07Gomez)*/
.iAttention04 { padding-left: 22px; background: url(../images/common/i_attention_04.gif) no-repeat 0 0.15em; }

.iClose01 { padding-left: 14px; background: url(../images/common/i_close_01.gif) no-repeat 0 0.25em; }

.iQuestion01,
.liQuestion01 li { min-height: 17px; padding-left: 21px; background: url(../images/common/i_question_02.gif) no-repeat; }
.iAnswer01,
.liAnswer01 li { min-height: 17px; padding-left: 21px; background: url(../images/common/i_answer_01.gif) no-repeat; }


.iPop01 { text-indent: -14px; margin-left: 14px; }
.inlineList li { display: inline; }

/* リンク
------------------------------------------ */
a:link    { color: #000000; text-decoration: underline; background: transparent; }
a:visited { color: #000000; text-decoration: underline; background: transparent; }
a:hover,
a:active  { color: #ff7f00; text-decoration: underline; background: transparent; }

a.white:link,
a.white:visited { color: #fff; text-decoration: underline; background: transparent; }
a.white:hover,
a.white:active  { color: #fff; text-decoration: underline; background: transparent; }


/* wrapper
------------------------------------------ */
#wrapper,
#popupWrap { position: relative; min-height: 100%; text-align: center; }


/* ヘッダ
------------------------------------------ */
/* ポップアップが正常に表示されないためコメント
#header { width: 100%; text-align: center; min-width:1024px; }
*/
#header { width: 100%; text-align: center; }
#header .inner { width: 950px; margin: 0 auto; text-align: left; }

#header #logo { float: left; margin-top: 10px; }
#header .hNavi { float: right; text-align: right; }
#header .hNavi li { display: inline; }
#header .hNavi li img { margin-right: 10px; vertical-align: middle; }
#header .navi01 { float: left; margin-top: 10px; }
#header .navi01 li { display: inline; }
#header .navi01 li img { margin-right: 10px; vertical-align: middle; }
#header .navi01 li.first img { margin-right: 5px; }
#header .navi02 { float: right; text-align: right; margin-top: 5px; }
#header .navi02 li { display: inline; }
#header .navi02 li img { margin-left: 5px; }
#header .navi03 { float: right; text-align: right; margin-top: 10px; }
#header .navi03 li { display: inline; }

#header .userinfo { width: 100%; border-top: 2px solid #0c6d24; background: #f5ffe6 url(../images/common/bg_userinfo_01.gif) repeat-x; text-align: center; }
#header .userinfo .inner { width: 940px; padding: 7px 0 6px 0; color: #0c6d24; }
#header .userinfo dt,
#header .userinfo dd { display: inline; color: #0c6d24; }
#header .userinfo dt { font-weight: bold; }
#header .userinfo .iBlk { margin-right: 5px; }
#header .userinfo .clearfix dl { float: left; width: 700px; }
#header .userinfo .clearfix p { float: right; width: 230px; text-align: right; }

#popupWrap #header { border-bottom: 2px solid #0c6d24; }
#popupWrap #header .inner { width: 610px; }
#popupWrap #header #logo { float: left; padding: 10px 0; }
#popupWrap #header .link { float: right; padding: 36px 0 0 0; }

/* お得なサービス紹介用ヘッダー(2010-0811Gomez) */
#wrapper #header { border-bottom: 2px solid #0c6d24; }
#wrapper #header .inner { width: 950px; }
#wrapper #header .logo { padding: 20px 0 10px 0; }

/* userInfo追加 */
#userInfo { width: 100%; text-align: center; }
#userInfo .inner { width: 950px; margin: 0 auto; text-align: left; }

/* ナビゲーション(2010-07Gomez)
------------------------------------------ */
#globalNavi { width: 950px; margin: 0 auto; text-align: left; }
#globalNavi li { float: left; }
#globalNavi li a { display: block; height: 38px; background: url(../images/common/bg_spr_global_01.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
#globalNavi #gn01 { width: 137px; }
#globalNavi #gn01 a { background-position: 0 0; }
#globalNavi #gn01 a:hover { background-position: 0 -38px; }

#globalNavi #gn02 { width: 64px; }
#globalNavi #gn02 a { background-position: -137px 0; }
#globalNavi #gn02 a:hover { background-position: -137px -38px; }

#globalNavi #gn03 { width: 64px; }
#globalNavi #gn03 a { background-position: -201px 0; }
#globalNavi #gn03 a:hover { background-position: -201px -38px; }

#globalNavi #gn04 { width: 64px; }
#globalNavi #gn04 a { background-position: -265px 0; }
#globalNavi #gn04 a:hover { background-position: -265px -38px; }

#globalNavi #gn05 { width: 111px; }
#globalNavi #gn05 a { background-position: -329px 0; }
#globalNavi #gn05 a:hover { background-position: -329px -38px; }

#globalNavi #gn06 { width: 87px; }
#globalNavi #gn06 a { background-position: -440px 0; }
#globalNavi #gn06 a:hover { background-position: -440px -38px; }

#globalNavi #gn07 { width: 84px; }
#globalNavi #gn07 a { background-position: -527px 0; }
#globalNavi #gn07 a:hover { background-position: -527px -38px; }

#globalNavi #gn08 { width: 64px; } 
#globalNavi #gn08 a { background-position: -611px 0; }
#globalNavi #gn08 a:hover { background-position: -611px -38px; }

#globalNavi #gn09 { width: 88px; }
#globalNavi #gn09 a { background-position: -675px 0; }
#globalNavi #gn09 a:hover { background-position: -675px -38px; }

#globalNavi #gn10 { width: 79px; }
#globalNavi #gn10 a { background-position: -763px 0; }
#globalNavi #gn10 a:hover { background-position: -763px -38px; }

#globalNavi #gn11 { width: 108px; }
#globalNavi #gn11 a { background-position: -842px 0; }
#globalNavi #gn11 a:hover { background-position: -842px -38px; }


/* パンくずリスト
------------------------------------------ */
#usability { width: 950px; margin: 5px auto; text-align: left; }
#usability .breadcrumbs { float: left; padding-top: 2px; }
#usability .fontsize { float: right; }
#usability .fontsize dt,
#usability .fontsize dd { display: inline; }
#usability .fontsize dt img { margin-right: 5px; vertical-align: middle; }
#usability .fontsize dd a { display: -moz-inline-box; display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(../images/common/bg_spr_fontsize_01.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
#usability .fontsize .medium a { background-position: 0 0; }
#usability .fontsize .medium a:hover { background-position: 0 -24px; }
#usability .fontsize .medium a.active { background-position: 0 -48px!important; }
#usability .fontsize .large a { background-position: -24px 0; }
#usability .fontsize .large a:hover { background-position: -24px -24px; }
#usability .fontsize .large a.active { background-position: -24px -48px!important; }
#popupWrap #usability { width: 610px; }


/* 中央部
------------------------------------------ */
#middleArea { width: 950px; margin: 0 auto; padding-bottom: 30px; text-align: left; }
#popupWrap #middleArea { width: 610px; }


/* メイン
------------------------------------------ */
#oneClm { width: 850px; margin: 0 50px; }
#mainClm { float: left; width: 715px; }
#main { float: right; width: 500px; }
body.top   #main { float: left;  width: 715px; }
body.about #main { float: right; width: 735px; }
#popupWrap #main { float: none; width: 610px; margin: 0 auto; text-align: left; }

/* ページトップへ */
.pagetop { text-align: right; padding-right: 10px; }
.pagetop span { display: inline-block; margin-left: auto; padding-left: 12px; background: url(../images/common/i_pagetop_01.gif) no-repeat 0 0.2em; }


/* サイド
------------------------------------------ */
#side01 { float: left; width: 200px; }
#side02 { float: right; width: 220px; }


/* フッタ
------------------------------------------ */
/* ポップアップが正常に表示されないためコメント
#footer { position: relative; left: 0; bottom: 0; width: 100%; min-height: 80px; border-top: 2px solid #093; background: #f5ffe6; text-align: center; min-width:1024px; }
*/
#footer { position: relative; left: 0; bottom: 0; width: 100%; min-height: 80px; border-top: 2px solid #093; background: #f5ffe6; text-align: center; }
#footer .inner { position: relative; width: 950px; margin: 0 auto; text-align: center; }
#footer .link { padding: 10px 150px 10px 0; border-bottom: 1px solid #e0ffbb;  }
#footer .link li { display: inline; }
#footer .link li a { display: -moz-inline-box; display: inline-block; padding: 1px 5px 1px 5px; border-right: 1px solid #d5d5d5; line-height: 1; }
#footer .link li.last a { border: 0; }

/* 相互リンク追加2010-09-20 */
#footer .mutuallink { padding: 10px 150px 10px 0; border-bottom: text-align: center; border-top: 1px solid #fff; }
#footer .mutuallink li { display: inline; }
#footer .mutuallink li a { display: -moz-inline-box; display: inline-block; padding: 1px 5px 1px 5px; margin: 5px 0px; border-right: 1px solid #d5d5d5; line-height: 1; }
#footer .mutuallink li.last a { border: 0; }

#footer .basket { position: absolute; top: 5px; right: 20px; text-align: right; }
#footer .copyright { padding-top: 10px;}

#popupWrap #footer .inner { width: 610px; }
#popupWrap #footer .copyright { margin: 0; padding-top: 10px; }


/* 共通パーツ（組合せ）
------------------------------------------ */
/* common */

/* background */
.bgNone { background: none!important; }

/* border */
.dotBrdTop01 { padding-top: 6px; background: url(../images/common/bg_line_dot_03.gif) repeat-x; }
.dotBrdTop02 { padding-top: 11px; background: url(../images/common/bg_line_dot_07.gif) repeat-x; }
.dotBrdTop03 { padding-top: 2px; background: url(../images/common/bg_line_dot_11.gif) repeat-x; }
.dotBrdTop04 { padding-top: 11px; background: url(../images/common/bg_line_dot_04.gif) repeat-x; }
.dotBrdTop05 { padding-top: 21px; background: url(../images/common/bg_line_dot_07.gif) repeat-x; }

.dotBrdBtm01 { padding-bottom: 6px; background: url(../images/common/bg_line_dot_11.gif) repeat-x left bottom; }
.dotBrdBtm02 { padding-bottom: 11px; background: url(../images/common/bg_line_dot_03.gif) repeat-x left bottom; }
.dotBrdBtm03 { padding-bottom: 6px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }
.dotBrdBtm04 { padding-bottom: 11px; background: url(../images/common/bg_line_dot_07.gif) repeat-x left bottom; }

/* box */
.module01 { margin: 0 10px; }
.module01 .txt01 { float: left; width: 350px; }
.module01 .txt02 { float: left; width: 515px; }
.module01 .txt03 { float: left; width: 530px; }
.module01 .img01 { float: right; }
.module01 .img02 { float: right; width: 164px; }

.module02 .txt01 { float: left; width: 515px; }
.module02 .txt02 { float: left; width: 505px; }
.module02 .txt03 { float: left; width: 340px; }
.module02 .txt04 { float: left; width: 460px; }
.module02 .img01 { float: right; }

.chainBox01 { padding: 2px; background: url(../images/common/bg_chain_03.gif); }
.chainBox01 .bgM { background: #fff; }
.chainBox01 .boxM { padding: 10px; }
.chainBox02 { padding-top: 2px; background: url(../images/common/bg_chain_04.gif); }
.chainBox02 .bgM { background: #fff; }
.chainBox02 .boxM { padding: 10px; }
.chainBox03 { padding: 2px; background: url(../images/common/bg_chain_07.gif); }
.chainBox03 .bgM { padding: 10px; background: #fff; }
.chainBox04 { padding: 2px; background: url(../images/common/bg_chain_06.gif); }
.chainBox04 .bgM { padding: 10px; background: #fff; }
.chainBox05 { padding: 2px; background: url(../images/common/bg_chain_09.gif); }
.chainBox05 .bgM { padding: 10px; background: #fff; }
.chainBox05 .boxM { padding: 10px; background: #fff9ea; }

.clmBox01 .clmL01 { float: left; width: 420px; }
.clmBox01 .clmR01 { float: right; width: 420px; }

.rBoxDot01 { background: url(../images/common/bg_rbox_dot_top_01.gif) no-repeat; }
.rBoxDot01 .bgB { padding: 4px 0; background: url(../images/common/bg_rbox_dot_btm_01.gif) no-repeat left bottom; }
.rBoxDot01 .bgM { padding: 5px 10px;background: url(../images/common/bg_rbox_dot_mdl_01.gif) repeat-y; }

.cautionBox01 { padding: 5px 0 5px 20px; background: url(../images/common/bg_chain_01.gif) repeat-y; }
.cautionBox01 .ttl { color: #7e4b27; }

/* title 2009-10-29 武藤修正*/
.ttlMod01 { padding: 1px 0 2px 0; border-top: 2px solid #a07716; background: url(../images/common/bg_line_dot_01.gif) repeat-x left bottom; }
.ttlMod01 .ttlM { padding: 1px 10px 1px 5px; background: #fff2d5; }
.ttlMod01 .ttl { width:350px;float: left; padding-left: 10px;background: url(../images/common/i_ttl_01.gif) no-repeat 0 0.15em; color: #622B09; }
.ttlMod01 .subtxt { float: right; padding-top: 3px; text-align: right; }
.ttlMod01 .subtxt span { display: inline-block; margin-left: auto;}

.grnTtl01 { border-top: 2px solid #56c712; background-image: url(../images/common/bg_line_dot_04.gif); }
.grnTtl01 .ttlM { background: #d8ffbf; }
.grnTtl01 .ttl { background-image: url(../images/common/i_ttl_01_grn.gif); color: #333; }

.ttlMod02 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_01.gif) repeat-x left bottom; }
.ttlMod02 .ttlML { background: #ffe6aa url(../images/common/bg_ttl_curve_l_01.gif) no-repeat;}
.ttlMod02 .ttlMR { padding: 5px 10px 4px 10px; background: url(../images/common/bg_ttl_curve_r_01.gif) no-repeat 100% 0;}
.ttlMod02 .ttl { float: left; padding-left: 20px; background: url(../images/common/i_ttl_02.gif) no-repeat 0 0.2em; color: #ff7f00; }
.ttlMod02 .subtxt { float: right; padding-top: 3px; text-align: right; color: #622b09; }
.ttlMod02 .subtxt span { display: inline-block; margin-left: auto; }

.ttlMod03 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }
.ttlMod03 .bgT { background: url(../images/common/bg_bar_top_01.gif) no-repeat; }
.ttlMod03 .bgM { background: url(../images/common/bg_bar_mdl_01.gif) repeat-y; }
.ttlMod03 .ttl { padding: 5px 10px 3px 10px; color: #fff; }
.ttlMod03 .clearfix .ttl { float: left; }
.ttlMod03 .subtxt { float: right; display: inline; margin-right: 10px; padding-top: 4px; color: #fff; }
.ttlMod03 .sublink { float: left; margin: 7px 0 0 10px; display: inline; border-left: 1px solid #fff; }
.ttlMod03 .sublink .linkM { padding: 0 0 0 15px; }

.ttlMod04 .ttl { float: left; display: inline; margin-right: 10px; }
.ttlMod04 .subimg { float: left; display: inline; margin-right: 10px; padding-top: 2px; }
.ttlMod04 .subtxt { float: left; padding-top: 3px; }

.ttlMod05 .ttl { float: left; }
.ttlMod05 .sub { float: right; }

.ttlMod06 { background: url(../images/common/bg_chain_04.gif) repeat-x; }
.ttlMod06 .ttl { padding: 5px 10px; background: url(../images/common/bg_chain_04.gif) repeat-x left bottom; }

.ttlMod07 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }
.ttlMod07 .bgT { background: url(../images/common/bg_bar_top_02.gif) no-repeat; }
.ttlMod07 .bgM { background: url(../images/common/bg_bar_mdl_02.gif) repeat-y; }
.ttlMod07 .ttl { padding: 5px 10px 3px 10px; color: #fff; }
.ttlMod07 .clearfix .ttl { float: left; }
.ttlMod07 .subtxt { float: right; display: inline; margin-right: 10px; padding-top: 4px; color: #fff; }
.ttlMod07 .sublink { float: left; margin: 7px 0 0 10px; display: inline; border-left: 1px solid #fff; }
.ttlMod07 .sublink .linkM { padding: 0 0 0 15px; }

.ttlMod08 { padding: 3px; border-top: 2px solid #2fac0b; background: url(../images/common/bg_line_dot_14.gif) repeat-x left bottom; color: #1d8000; }

.ttl02Grn { padding-left: 20px; background: url(../images/common/i_ttl_02_grn.gif) no-repeat 0 0.15em; }
.ttl03Grn { padding-left: 15px; background: url(../images/common/i_ttl_03_grn.gif) no-repeat 5px 0.1em; }
.ttl04Grn { padding-left: 17px; background: url(../images/common/i_ttl_04_grn.gif) no-repeat 5px 0.05em; }
.ttl05Grn { padding-left: 12px; background: url(../images/common/i_ttl_04_grn.gif) no-repeat 0 0.05em; }

.ttlBrd01 { padding: 5px 10px 3px 10px; border-top: 2px solid #68df20; border-bottom: 1px solid #68df20; }

/* table */
.basicTbl01 { width: 100% }
.basicTbl01 table { width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc;  }
.basicTbl01 table thead th,
.basicTbl01 table tbody th { border-right: 1px solid #c5c5ba; border-bottom: 1px solid #c5c5ba; background: #f2f1ea; font-weight: normal; text-align: center; }
.basicTbl01 table tbody td { border-right: 1px solid #c5c5ba; border-bottom: 1px solid #c5c5ba; background: #fff; }
.basicTbl01 table thead th .thM,
.basicTbl01 table tbody th .thM,
.basicTbl01 table tbody td .tdM { padding: 5px 10px 4px 10px; }
.basicTbl01 table .bg01 { background: #e8fcdc; }
.basicTbl01 table .bg02 { background: #f3feed; }



/* コンテンツ
------------------------------------------ */
/* レシピ詳細 */
.recipeBox01 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_01.gif) repeat-x left bottom; }
.recipeBox01 .ttl { padding: 7px 0 0 10px; background: url(../images/common/i_chain_01.gif) repeat-x; color: #ff7f00; }
.recipeBox01 .detail { padding: 10px; background: #fff9ea; }
.recipeBox01 .detail .text01 { float: right; width: 290px; }
.recipeBox01 .detail .text01 .box01 { padding: 5px 3px 4px 3px; border-top: 1px solid #ffd980; }
.recipeBox01 .detail .text01 .last { border-bottom: 1px solid #ffd980; }
.recipeBox01 .detail .text01 .box01 .dlL { float: left; width: 135px; border-right: 1px solid #ffd980; }
.recipeBox01 .detail .text01 .box01 .dlR { float: right; width: 135px; }
.recipeBox01 .detail .text01 dt { display: inline; }
.recipeBox01 .detail .text01 dd { display: inline; font-weight: bold; }
.recipeBox01 .detail .text01 dt .iBlk { width: 80px; }
.recipeBox01 .detail .image01 { float: left; }

.recipeBox02 { padding-bottom: 2px; background: #fff9ea url(../images/common/bg_line_dot_08.gif) repeat-x left bottom; }
.recipeBox02 .bgM { padding: 10px; background: url(../images/common/bg_corner_01.gif) no-repeat right top; }
.recipeBox02 .text01 { float: right; width: 320px; }
.recipeBox02 .text01 .box01 { padding: 5px 3px 4px 3px; border-top: 1px solid #ffd980; }
.recipeBox02 .text01 .last { border-bottom: 1px solid #ffd980; }
.recipeBox02 .text01 .box01 .dlL { float: left; width: 150px; border-right: 1px solid #ffd980; }
.recipeBox02 .text01 .box01 .dlR { float: right; width: 150px; }
.recipeBox02 .text01 dt { display: inline; }
.recipeBox02 .text01 dd { display: inline; font-weight: bold; }
.recipeBox02 .text01 dt .iBlk { width: 7em; }
.recipeBox02 .image01 { float: left; }

.recipeTbl01 { width: 100% }
.recipeTbl01 table { width: 100%; }
/*武藤追加 2009-11-04*/
.recipeTbl01 table .pict { width: 70px; }
/*武藤追加 2009-11-04*/
.recipeTbl01 table .name { width: 263px; }
.recipeTbl01 table .price { width: 78px; }
.recipeTbl01 table .number { width: 157px; }
.recipeTbl01 table thead th { border-right: 1px solid #fff; background: #fff2d5; text-align: center; font-weight: normal; }
.recipeTbl01 table tbody th { border-right: 1px solid #e7e7e7; background: url(../images/common/bg_line_dot_02.gif) repeat-x left bottom; font-weight: normal; }
.recipeTbl01 table tbody td { border-right: 1px solid #e7e7e7; background: url(../images/common/bg_line_dot_02.gif) repeat-x left bottom; }
/*武藤追加 2009-11-04*/
.recipeTbl01 table thead th .thS { padding: 0px 0px; }
.recipeTbl01 table tbody th .thS { padding: 0px 0px; }
/*武藤追加 2009-11-04*/
.recipeTbl01 table thead th .thM { padding: 5px 10px; }
.recipeTbl01 table tbody th .thM { padding: 5px 10px; }
.recipeTbl01 table tbody td .tdM { padding: 5px 5px; }
.recipeTbl01 table tbody .more th,
.recipeTbl01 table tbody .more td { background-color: #fff9ea; }
.recipeTbl01 table .nobrd { border: 0!important; }
.recipeTbl01 .bgGrnTh th { background: #c5f5a7; }

.recipeClm01 .clmL { float: left; width: 220px; }
.recipeClm01 .clmL dl { padding: 5px 3px; border-bottom: 1px solid #ffd980; }
.recipeClm01 .clmL dl.categorize { background: #fff9ea; }
.recipeClm01 .clmL dt { float: left; }
.recipeClm01 .clmL dd { float: right; }

.recipeClm01 .clmR { float: right; width: 270px; }
.recipeClm01 .clmR dl { padding: 5px; border-bottom: 1px solid #ffd980; }
.recipeClm01 .clmR dt { float: left; width: 1em; font-weight: bold; color: #f60; }
.recipeClm01 .clmR dd { margin-left: 1.3em; }

/* 検索ボックス */
.searchBox01 { background: url(../images/common/bg_searchbox_mdl_01.gif) repeat-y; }
.searchBox01 .bgT { background: url(../images/common/bg_searchbox_top_01.gif) no-repeat; }
.searchBox01 .bgB { padding: 15px; background: url(../images/common/bg_searchbox_btm_01.gif) no-repeat left bottom; }
.searchBox01 .parameter01 dt,
.searchBox01 .parameter01 dd { display: inline; }
.searchBox01 .parameter01 dt span { margin-right: 5px; vertical-align: middle; }
.searchBox01 .parameter01 dd select { width: 170px; margin-right: 20px; vertical-align: middle; }
.searchBox01 .parameter01 dd input.iptTxt { width: 130px; vertical-align: middle; }
.searchBox01 .parameter02 { padding-top: 6px; border-top: 1px solid #ffd980; }
.searchBox01 .parameter02 dt,
.searchBox01 .parameter02 dd { display: inline; }
.searchBox01 .parameter02 dt span { vertical-align: middle; }
.searchBox01 .parameter02 dd span { margin-right: 5px; margin-left: 5px; vertical-align: middle; }
.searchBox01 .parameter02 dd input.iptTxt { width: 50px; vertical-align: middle; }
.searchBox01 .parameter02 .dt01 span,
.searchBox01 .parameter02 .dt02 span { width: 55px; }
.searchBox01 .parameter02 .dd01 { border-right: 1px solid #ffd980; }
.searchBox01 .parameter02 .dd01,
.searchBox01 .parameter02 .dd02  { width: 160px; margin-right: 10px; }
.searchBox01 .link { position: relative; padding-top: 11px; border-top: 1px solid #ffd980; }
.searchBox01 .link .toggle { position: absolute; top: 11px; left: 0; }

.searchBox02 { background: url(../images/common/bg_searchbox_mdl_02.gif) repeat-y; }
.searchBox02 .bgT { background: url(../images/common/bg_searchbox_top_02.gif) no-repeat; }
.searchBox02 .bgB { padding: 15px; background: url(../images/common/bg_searchbox_btm_02.gif) no-repeat left bottom; }
.searchBox02 dt { float: left; width: 9em; padding-top: 2px; }
.searchBox02 dd { float: left; }
.searchBox02 dt.dt01 { display: inline; width: auto; margin-left: 20px; }
.searchBox02 dd.dd01 { float: left;}
.searchBox02 .link { padding-top: 10px; border-top: 1px solid #fea985; }

/* レシピの予備情報 */
.recipeBox03 { padding: 5px 0 5px 20px; background: url(../images/common/bg_chain_01.gif) repeat-y; }
.recipeBox03 .ttl { color: #7e4b27; }

/* 選択中の配送便 */
.deliveryTbl01 .name { width: 62px; }
.deliveryTbl01 .limit { width: 69px; }
.deliveryTbl01 .time { width: 85px; }

/* 右サイド サイドボックス１ */
.sideBox01 { padding-bottom: 6px; background: url(../images/common/bg_sidebox_btm_01.gif) no-repeat left bottom; }
.sideBox01 .bgM { padding: 3px 4px 0px 4px; border-left: 1px solid #ff8013; border-right: 1px solid #ff8013; background: #fff; }

.sideBox01 .addBasket,
.sideBox01 .editHuman { padding-bottom: 6px; background: url(../images/common/bg_line_dot_03.gif) repeat-x left bottom; }
.sideBox01 .addBasket .iBlk,
.sideBox01 .addBasket input,
.sideBox01 .addBasket img { vertical-align: middle; }
.sideBox01 .addBasket input { width: 90px; }
.sideBox01 .addBasket .iBlk { margin: 0 5px; }

.sideBox01 .editHuman .iBlk,
.sideBox01 .editHuman select { vertical-align: middle; }
.sideBox01 .editHuman .iBlk { margin-right: 15px; }
.sideBox01 .editHuman select { width: 100px; }

.sideBox01 .inner01 { padding: 3px; background: #fff2ea; }
.sideBox01 .brdTop01 { border-top: 1px solid #fa5; }
.sideBox01 .nobg { background: none!important; }

.sideBox01 .totalMoney01 { padding: 0 5px; background: #fff2ea; }
.sideBox01 .totalMoney01 dt { float: left; padding-top: 5px; }
.sideBox01 .totalMoney01 dd { float: right; line-height: 1.5; }
.sideBox01 .totalMoney01 dd span { display: inline-block; padding-left: 3px; color: #1d8000; }

.sideBox01 .username { padding: 1px 5px; background: #fa5; font-weight: bold; color: #fff; line-height: 1.5; }
.sideBox01 .username .txt01 { float: left; }
.sideBox01 .username .txt02 { float: right; padding-top: 2px; }
.sideBox01 .username span { vertical-align: middle; }

.sideBox01 .order01 { margin-top: 5px; padding-top: 6px; background: url(../images/common/bg_line_dot_03.gif) repeat-x left top; }
.sideBox01 .order01 dt { font-weight: normal; }
.sideBox01 .order01 .price { float: left; padding-top: 3px; font-weight: bold; color: #1d8000; }
.sideBox01 .order01 .number { float: right; }
.sideBox01 .order01 .number .iBlk,
.sideBox01 .order01 .number select,
.sideBox01 .order01 .number img { vertical-align: middle; }
.sideBox01 .inner01 .first { margin-top: 0; padding-top: 2px; background: none; }

.sideBox01 .pricedown01 .price01 { padding-bottom: 4px; background: url(../images/common/bg_line_dot_02.gif) repeat-x left bottom; }
.sideBox01 .pricedown01 .price01 dt { float: left; }
.sideBox01 .pricedown01 .price01 dd { float: right; }
.sideBox01 .pricedown01 .nobg { background: none!important; }
.sideBox01 .pricedown01 .brdTop01 { border-top: 2px solid #fa5; }

.sideCatalog01 { margin-bottom: 10px; padding: 0 4px 5px 4px; border: 1px solid #fff2d5; border-top: 0; background: #fff9ea; }
.sideCatalog01 .boxM { padding: 5px; border: 1px solid #fff2d5; border-top: 0; background: #fff; }
.sideCatalog01 .txt01 { color: #555; }
.sideCatalog01 .inputArea { padding: 5px 10px 0 10px; border-top: 1px solid #ffd980; background: url(../images/common/bg_hyphen_01.gif) no-repeat 48% 70%; }
.sideCatalog01 .inputArea .catalog { float: left; width: 70px; }
.sideCatalog01 .inputArea .items { float: right; width: 70px; }


/* 左サイド */
.sideSearchBox01 { background: url(../images/common/bg_side_searchbox_mdl_01.gif) repeat-y; }
.sideSearchBox01 .bgB { padding: 5px 10px 6px 10px; background: url(../images/common/bg_side_searchbox_btm_01.gif) no-repeat left bottom; }
.sideSearchBox01 .word { float: left; padding-top: 2px; }
.sideSearchBox01 .word input { width: 130px; }
.sideSearchBox01 .btn { float: right; }


/* 品目リスト */
.itemList01 { padding-right: 10px; }
.itemList01 li { display: inline; }
.itemList01 li a { display: -moz-inline-box; display: inline-block; margin: 10px 0 0 10px; }

/* ランキング */
.rankingBox01 { margin: 0 10px; padding-bottom: 11px; background: url(../images/common/bg_line_dot_07.gif) repeat-x left bottom; }
.rankingBox01 .text01 { float: right; margin-top: 11px; width: 400px; }
.rankingBox01 .image01 { float: left; margin-top: 15px; }
.rankingBox01 dt img { margin-right: 10px; vertical-align: middle; }
.rankingBox01 dt .iBlk { font-weight: bold; vertical-align: middle; }
.rankingBox01 dd .iBlk { margin-right: 10px; font-weight: bold; color: #1d8000; }
.rankingBox01 .favorite { float: left; display: inline; margin-right: 50px; }
.rankingBox01 .stock { float: left; width: 93px; padding-top: 8px; }
.rankingBox01 .basket { float: right; }
.rankingBox01 .basket select { width: 40px; margin-right: 5px; vertical-align: middle; }
.rankingBox01 .basket img { vertical-align: middle; }

/* 並び替え・ページ切り替え */
.editBox01 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_02.gif) repeat-x left bottom; }
.editBox01 .bgM { padding: 5px 10px; background: #f2f2f2; }
.editBox01 dl { float: left; width: 270px; }
.editBox01 ul { float: right; width: 200px; padding-top: 2px; text-align: right; }
.editBox01 dt,
.editBox01 dd { display: inline; }
.editBox01 dt .iBlk { margin-right: 5px; vertical-align: middle; }
.editBox01 dd select { width: 150px; vertical-align: middle; }
.editBox01 li { display: inline; }
.editBox01 li em,
.editBox01 li a { display: -moz-inline-box; display: inline-block; margin-left: 10px; vertical-align: middle; }

.editBoxBgOrg { background-image: url(../images/common/bg_line_dot_05.gif); }
.editBoxBgOrg .bgM { background: #ffe6aa; }

/* サムネイル付きアイテム一覧 */
.thumbsList01 { margin: 0 10px; padding-bottom: 12px; background: url(../images/common/bg_slash_01.gif) repeat-x left bottom; }
.thumbsList01 .text01 { float: right; width: 400px; }
.thumbsList01 .image01 { float: left; }
.thumbsList01 .point li { float: left; display: inline; padding: 0 5px 5px 0; }
.thumbsList01 .point li img { display: block; }
.thumbsList01 .detail01 dt { font-weight: bold; }
.thumbsList01 .detail01 dd .iBlk { margin: 0 5px; }
.thumbsList01 .detail02 dt { float: left; width: 8em; clear: both; }
.thumbsList01 .detail02 dd { margin-left: 8.2em; }
.thumbsList01 .product { text-align: right; }
.thumbsList01 .product select { width: 200px; }
.thumbsList01 .finish { text-align: right; color: #fd5913; font-weight: bold; }
.thumbsList01 .favorite { float: left; display: inline; margin-right: 50px; }
.thumbsList01 .stock { float: left; width: 93px; padding-top: 8px; }
.thumbsList01 .basket { float: right; }
.thumbsList01 .basket select { width: 40px; margin-right: 5px; vertical-align: middle; }
.thumbsList01 .basket img { vertical-align: middle; }

/* サムネイル付きアイテム一覧Ver2.0 t_mutoh 2009/12/10 */
.thumbsList02 { margin: 0 10px; padding-bottom: 12px; background: url(../images/common/bg_slash_01.gif) repeat-x left bottom; }
.thumbsList02 .text01 { float: right; width: 320px; }
.thumbsList02 .text02 { text-align: right; }
.thumbsList02 .image01 { float: left; }
.thumbsList02 .point li { float: left; display: inline; padding: 0 5px 5px 0; }
.thumbsList02 .point li img { display: block; }
.thumbsList02 .detail01 dt { font-weight: bold; }
.thumbsList02 .detail01 dd .iBlk { margin: 0 5px; }
.thumbsList02 .detail02 dt { float: left; width: 8em; clear: both; }
.thumbsList02 .detail02 dd { margin-left: 8.2em; }
.thumbsList02 .product { text-align: right; }
.thumbsList02 .product select { width: 200px; }
.thumbsList02 .finish { text-align: right; color: #fd5913; font-weight: bold; }
.thumbsList02 .favorite { float: left; display: inline; margin-right: 0px; }
.thumbsList02 .stock { float: left; width: 40px; padding-top: 8px; }
.thumbsList02 .basket { float: right; }
.thumbsList02 .basket select { width: 40px; margin-right: 5px; vertical-align: middle; }
.thumbsList02 .basket img { vertical-align: middle; }
.thumbsList02 .comment { float: left; width:310px;padding:3px; margin-left:3px; border-top:1px dotted #56c712; }

/* アイコンガイド */
.guideBox01 { background: url(../images/common/bg_guidebox_mdl_01.gif) repeat-y; }
.guideBox01 .bgT { background: url(../images/common/bg_guidebox_01.gif) repeat-x; }
.guideBox01 .bgB { padding: 10px 15px; background: url(../images/common/bg_guidebox_01.gif) repeat-x left bottom; }
.guideBox01 .text01 { padding-bottom: 5px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }

/* アイテム詳細 */
.itemDetail01 .text01 { float: right; width: 340px; }
.itemDetail01 .text02 { float: right; width: 660px; }
.itemDetail01 .image01 { float: left; }
.itemDetail01 .image01 .liIcon01 li { display: inline; }
.itemDetail01 .point li { float: left; display: inline; padding: 0 5px 5px 0; }
.itemDetail01 .point li img { display: block; }
.itemDetail01 .detail01 .iBlk { margin-right: 5px; }
.itemDetail01 .detail02 dt { float: left; width: 8em; clear: both; }
.itemDetail01 .detail02 dd { margin-left: 8.2em; }

.itemDetail01 .finish { text-align: right; color: #fd5913; font-weight: bold; }
.itemDetail01 .favorite { float: left; }
.itemDetail01 .basket { float: right; }
.itemDetail01 .basket select { width: 40px; margin-right: 5px; vertical-align: middle; }
.itemDetail01 .basket img { vertical-align: middle; }

/* レシピリンク */
.recipeLink01 { background: url(../images/common/bg_recipe_link_mdl_01.gif) repeat-y; }
.recipeLink01 .bgT { background: url(../images/common/bg_line_dot_04.gif) repeat-x; }
.recipeLink01 .bgB { padding: 7px 10px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }
.recipeLink01 .icon { height: 24px; padding: 6px 0 0 35px; background: url(../images/common/i_recipe_01.gif) no-repeat; }

/* サムネイル切り替え */
.imgChanger li { float: left; margin-top: 10px; }
.imgChanger li img { display: block; margin-left: 15px; margin-right: 15px; }

/* 商品の特徴 */
.itemFeature01 { padding: 5px 10px; border: 1px solid #faf2ea; background: #fcf7f1; }
.itemFeature01 .txt01 { color: #684720; }

/* カスタマーレビュー */
.reviewBox01 { padding: 10px; background: #fefaf5 url(../images/common/bg_chain_02.gif) repeat-x; }
.reviewBox01 .ttl { float: left; color: #622b09; }
.reviewBox01 .sub { float: right; padding-top: 4px; text-align: right; }
.reviewBox01 .ranking { padding-top: 10px; background: url(../images/common/bg_line_dot_09.gif) repeat-x; }
.reviewBox01 .ranking .grade .starRank { float: left; width: 88px; }
.reviewBox01 .ranking .grade .rankTxt { float: left; display: inline; margin-left: 5px; padding-top: 1px; }
.bgPosting01 { padding: 5px; background: #fcecd8; }

/* エラーボックス */
.errorBox01 { padding: 7px 10px; border: 2px solid #ffd0d0; background: #ffecec; color: #f33; }
.errorBox01 ul { margin-left: 22px; }

/* カタログ注文 */
.catalog01 { padding: 10px; }
.catalog01 dt { float: left; display: inline; margin-right: 5px; }
.catalog01 dd { float: left; }
.catalog01 .brdTop { padding-top: 11px; background: url(../images/common/bg_line_dot_01.gif) repeat-x; }

/* カテゴリートップ */
.categoryList .lClm { float: left; width: 240px; }
.categoryList .rClm { float: right; width: 240px; }
.categoryList .ttl { padding: 3px 5px; border: 1px solid #dff5d1; border-top: 2px solid #c1eea6; background: #f6fef1; }
.categoryList ul { float: left; width: 120px; }
.categoryList li { margin: 3px 5px 0 5px; }

/* キャンペーン */
.items4Clm01 { padding-bottom: 13px; background: url(../images/areashop/bg_line_4column.gif) no-repeat left bottom; }
.items4Clm01 li { display: inline; }
.items4Clm01 li img { margin-left: 8px; vertical-align: bottom; }
.items4Clm01 li.first img { margin-left: 0; }
.items4Clm02 li { display: inline; }
.items4Clm02 li img { margin-left: 10px; vertical-align: bottom; }
.items4Clm02 li.first img { margin-left: 0; }
.campaignBox01 { padding-top: 2px; background: url(../images/common/bg_line_dot_11.gif) repeat-x; }
.campaignBox01 .box01 { padding: 5px; background: url(../images/common/bg_chain_05.gif); }
.campaignBox01 .bgT { background: url(../images/areashop/bg_service_top_01.gif) no-repeat; }
.campaignBox01 .bgB { padding: 4px 0; background: url(../images/areashop/bg_service_btm_01.gif) no-repeat left bottom; }
.campaignBox01 .bgM { padding: 5px 10px; background: #fff; }

.weekTtl01  { padding: 1px 0 0 30px; min-height: 22px; background: url(../images/common/i_hukidashi_01.gif) no-repeat; }
.monthTtl01 { padding: 3px 0 0 30px; min-height: 22px; background: url(../images/common/i_spark_01.gif) no-repeat; }

.brdBtm01 { padding-bottom: 11px; background: url(../images/common/bg_line_dot_07.gif) repeat-x left bottom; }

.bbTtl01 { padding: 4px 10px 4px 5px; border-top: 2px solid #6bcdfd; background: url(../images/common/bg_line_dot_12.gif) repeat-x left bottom; }
.bbTtl01 .ttl { float: left; }
.bbTtl01 .ttlM { padding-left: 27px; background: url(../images/common/i_bluebasket_01.gif) no-repeat; }
.bbTtl01 .sub { float: right; padding-top: 2px; }

.recipeGuideTtl { padding: 3px 10px; background: #ffe6aa; }
.recipeGuideTtl .ttl { float: left; }
.recipeGuideTtl .sub { float: right; padding-top: 3px; }

.recipeBox04 { padding-bottom: 2px; background: #fff9ea url(../images/common/bg_line_dot_08.gif) repeat-x left bottom; }
.recipeBox04 .bgM { padding: 10px; }
.recipeBox04 .ttl { margin-bottom: 10px; padding-top: 4px; border-bottom: 1px solid #ffd980; background: url(../images/common/bg_tab_top_01.gif) no-repeat; }
.recipeBox04 .ttlM { margin-right: 330px; padding: 0px 10px 2px 10px; background: #ffd980; text-align: center; }
.recipeBox04 .text01 { float: right; width: 320px; }
.recipeBox04 .text01 .box01 { padding: 5px 3px 4px 3px; border-top: 1px solid #ffd980; }
.recipeBox04 .text01 .last { border-bottom: 1px solid #ffd980; }
.recipeBox04 .text01 .box01 .dlL { float: left; width: 150px; border-right: 1px solid #ffd980; }
.recipeBox04 .text01 .box01 .dlR { float: right; width: 150px; }
.recipeBox04 .text01 dt { display: inline; }
.recipeBox04 .text01 dd { display: inline; font-weight: bold; }
.recipeBox04 .text01 dt .iBlk { width: 7em; }
.recipeBox04 .image01 { float: left; }
.recipeBox04 dl.categorySrch { border-top: 1px solid #ffd980; }
.recipeBox04 dl.categorySrch dt { float: left; padding-top: 10px; }
.recipeBox04 dl.categorySrch dt img { display: block; }
.recipeBox04 dl.categorySrch dd { margin-left: 90px; padding-top: 5px; }
.recipeBox04 dl.categorySrch dd span { margin: 4px 5px 0 0; }

.categoryListSrch { padding: 5px 10px 10px 15px; background: #e9fcdd; }
.categoryListSrch span { margin: 5px 5px 0 0; }

/* 見学 ぶら下がり */
.tourBox01 { padding: 6px 2px 0 2px; background: url(../images/common/bg_tour_top_01.gif) no-repeat; }
.tourBox01 .bgM { padding: 10px 13px; background: url(../images/common/bg_slash_06.gif); }
#oneClm .tourBox01 { margin: 0 57px 0 58px; }

/* お問い合わせ ぶら下がり */
.contact2Clm { background: url(../images/common/bg_contact_mdl_02.gif); }
.contact2Clm .bgB { padding-bottom: 4px; background: url(../images/common/bg_contact_btm_02.gif) no-repeat left bottom; }
.contact2Clm .lClm { float: left; width: 485px; }
.contact2Clm .rClm { float: right; width: 240px; }
.contact2Clm .boxM { padding: 10px 10px 5px 10px; }
#oneClm .contact2Clm { margin: 0 57px 0 58px; }


/* Javascript用
------------------------------------------ */
/* レシピ詳細 商品表示用 */
.recipe_itemname{ width: 263px }
.recipe_itemprice{ width: 78px }
.recipe_itemcount{ width: 158px }

/* 商品詳細 グループ商品 */
.itemDetail01 .product { text-align: right; }

/* エラーメッセージタグ*/
.errorMsg_paddingleft { padding-left: 22px; }

/* 商品カテゴリランキング カート追加メッセージ用*/
.rankingBox01 .finish { text-align: right; color: #fd5913; font-weight: bold; }

/* カタログ エラーメッセージ表示用 */
.block_display {display: none;}

/* EMアンケート ラジオ・チェックボックス表示 */
.questionnaire_border0 { border:#FFFFFF solid 0px; }
input.questionnaire_confirm{ width:164px; height:44px; }
input.btn_cancelkeep_01{ width:224px; height:44px; }
input.btn_keep_01{ width:224px; height:44px; }

/* カタログからの注文 右サイド*/
.sideCatalog01 .errmsg { color: #f33; }

/* 商品・レシピ関連商品 プロモーションスタイル*/
.recipeTbl01 .point li { float: left; display: inline; padding: 0 5px 5px 0; }
.recipeTbl01 .point li img { display: block; }

/*
既存分を追記
*/

span.itemname { FONT-SIZE: 9pt; FONT-WEIGHT: BOLD; WIDTH: 300px}

span.itemprc { FONT-SIZE: 9pt; FONT-WEIGHT: BOLD; WIDTH: 300px}

div.pan_navi { FONT-SIZE: 10pt;}

a.top_category { COLOR: #FFFFEE }


/* Width 
------------------------------------------ */
.w535Tbl { width: 535px; }
.wAuto { width: auto; }
.w663 { width: 663px; }
.w404 { width: 404px; }
.w400 { width: 400px; }
.w304 { width: 304px; }
.w284 { width: 284px; }
.w249 { width: 249px; }
.w239 { width: 239px; }
.w199 { width: 199px; }
.w179 { width: 179px; }
.w169 { width: 169px; }
.w159 { width: 159px; }
.w149 { width: 149px; }
.w139 { width: 139px; }
.w134 { width: 129px; }
.w129 { width: 129px; }
.w119 { width: 119px; }
.w109 { width: 109px; }
.w104 { width: 104px; }
.w99 { width: 99px; }
.w89 { width: 89px; }
.w84 { width: 84px; }
.w79 { width: 79px; }
.w78 { width: 78px; }
.w69 { width: 69px; }
.w68 { width: 68px; }


/* メニュー 
------------------------------------------ */
/* ALL ブラウザ */
#left_menu .categoryarea,
#left_menu .recipecategoryarea {
	color:#804000;
	cursor: pointer;
	border: #dde4da 1px solid;
}

/* IE7用 */
*+html #left_menu .categoryarea,
*+html #left_menu .recipecategoryarea {
	padding-top: 3px;
	padding-bottom: 3px;
}
/* IE6用 */
* html #left_menu .categoryarea,
* html #left_menu .recipecategoryarea {
	padding-top: 3px;
	padding-bottom: 3px;
}

#left_menu .categoryarea img,
#left_menu .recipecategoryarea img,
#left_menu .categoryarea .cate_tree1 a,
#left_menu .recipecategoryarea .recipecate_tree0 a {
	display:none;
}
#left_menu .categoryarea a,
#left_menu .recipecategoryarea a {
	color:#804000;
}

#left_menu .cate_tree1,
#left_menu .recipecate_tree0 {
	margin:3px;
	height:30px;
	width:192px;
}

#left_menu .cate_tree2,
#left_menu .recipecate_tree1 {
	font-size:small;
	margin:3px;
	padding-left:16px;
	background-image:url(../images/common/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#left_menu .cate_tree2.opened,
#left_menu .recipecate_tree1.opened {
	background-image:url(../images/common/arrow_down.gif);
}

#left_menu .cate_tree3,
#left_menu .recipecate_tree2 {
	font-size:small;
	margin:0 3px;
	padding:3px 0 3px 20px;
	background-color:#f8ffea;
	background-image:url(../images/common/marker_tri.gif);
	background-repeat:no-repeat;
	background-position:12px center;
}

#left_menu .cate_tree4,
#left_menu .recipecate_tree3 {
	font-size:small;
	margin:0 3px;
	padding:3px 0 3px 24px;
	background-color:#f8ffea;
	background-image:none;
}

#left_menu .current,
#left_menu .current a {
	color:#404040;
	text-decoration:none;
}@charset "Shift_JIS";

/* 目次
------------------------------------------
・全体構造
・フォーム
・マージン・パディング
・レイアウト
・テキスト・フォント
・リスト
・リンク
--------------------------
・Wrapper
・ヘッダ
・ナビゲーション
・パンくずリスト
・中央部
・メイン
・サイド
・フッタ
--------------------------
・共通パーツ（組合せ）
・コンテンツ
--------------------------
・Javascript用
・メニュー
------------------------------------------ */

/* 追記 */
.information { margin-bottom: 5px; padding: 5px 10px; background: #ffeaee; font-weight: bold; color: #f00; }

/* 全体構造
------------------------------------------ */
body { height: 100%; background: #fff; color: #333; line-height: 1.4; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; }
html { height: 100%; margin-bottom: 1px; }

h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

body, div, p,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img { border: 0; } 

caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset { border: 0; }
input { line-height: 100%; }

a[name] { color: #333; }
a[name]:hover { color: #333; text-decoration: none !important; outline: 0 !important; }
a img { color: #000; }

ul li { list-style-type: none; }
li li { font-size: inherit; }

em { font-weight: bold; font-style: normal; }
label { cursor: pointer; }

.navskip { height: 0; width: 0; overflow: hidden; font-size: 0; }
.hide { height: 0; width: 0; overflow: hidden; font-size: 0; }
hr { display: none; visibility: hidden; height: 0; border: 0; }


/* フォーム
------------------------------------------ */

/* 全角モード */
.imeA {ime-mode: active;}

/* IME=使用不可。ユーザー側で変更不可能 */
.imeD {ime-mode: disabled;}

input.iptTxt { padding: 1px 1px 0 1px; height: 16px; border: 1px solid #7f9db9; line-height: 1.2; vertical-align: middle; }
input.iptBtn { line-height: 1.2; }
textarea.iptTxt { padding: 1px 1px 0 1px; border: 1px solid #7f9db9; line-height: 1.2; vertical-align: middle; }
label { display: -moz-inline-box; display: inline-block; margin-left: 5px; vertical-align: middle; }


/* マージン・パディング
------------------------------------------ */
.mgt1  { margin-top: 1px!important; }
.mgt2  { margin-top: 2px!important; }
.mgt3  { margin-top: 3px!important; }
.mgt4  { margin-top: 4px!important; }
.mgt5  { margin-top: 5px!important; }
.mgt8  { margin-top: 8px!important; }
.mgt10 { margin-top: 10px!important; }
.mgt15 { margin-top: 15px!important; }
.mgt20 { margin-top: 20px!important; }
.mgt25 { margin-top: 25px!important; }
.mgt30 { margin-top: 30px!important; }
.mgt35 { margin-top: 35px!important; }
/* マージントップ60追加(2010-0811Gomez) */
.mgt60 { margin-top: 60px!important; }
.mgt80 { margin-top: 80px!important; }

.mgb5  { margin-bottom: 5px!important; }

.mgl5 { margin-left: 5px!important; }
.mgl10 { margin-left: 10px!important; }
.mgl17 { margin-left: 17px!important; }
.mgl20 { margin-left: 20px}
.mgl2em { margin-left: 2em!important; }

.mgr5 { margin-right: 5px!important; }

.mgSide1 { margin-left: 1px!important; margin-right: 1px!important; }
.mgSide2 { margin-left: 2px!important; margin-right: 2px!important; }
.mgSide5 { margin-left: 5px!important; margin-right: 5px!important; }
.mgSide10 { margin-left: 10px!important; margin-right: 10px!important; }

.pdgt3  { padding-top: 3px!important; }
.pdgt4  { padding-top: 4px!important; }
.pdgt5  { padding-top: 5px!important; }
.pdgt8  { padding-top: 8px!important; }
.pdgt10 { padding-top: 10px!important; }
.pdgt15 { padding-top: 15px!important; }
.pdgt20 { padding-top: 20px!important; }

.pdgl3  { padding-left: 3px!important; }
.pdgl4  { padding-left: 4px!important; }
.pdgl5  { padding-left: 5px!important; }
.pdgl7  { padding-left: 7px!important; }
.pdgl8  { padding-left: 8px!important; }
.pdgl10 { padding-left: 10px!important; }
.pdgl1em { padding-left: 1em!important; }

.pdgr3  { padding-right: 3px!important; }
.pdgr4  { padding-right: 4px!important; }
.pdgr5  { padding-right: 5px!important; }
.pdgr8  { padding-right: 8px!important; }
.pdgr10 { padding-right: 10px!important; }

.pdgb5 { padding-bottom: 5px!important; }
.pdgb8 { padding-bottom: 8px!important; }
.pdgb10 { padding-bottom: 10px!important; }

.pdgSide3 { padding-left: 3px!important; padding-right: 3px!important; }
.pdgSide5 { padding-left: 5px!important; padding-right: 5px!important; }
.pdgSide10 { padding-left: 10px!important; padding-right: 10px!important; }


/* レイアウト
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.clearboth { clear: both;}
br.clear { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0; }

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }
.alC .iBlk { margin-left: auto; margin-right: auto; }
.alR .iBlk { margin-left: auto; }
.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }
.imgC { text-align: center; }
.imgC img { display: block; margin: 0 auto; }
.imgR { text-align: right; }
.imgR img { display: block; margin-left: auto; }
.imgC a,
.imgR a { display: -moz-inline-box; }
.iBlk { display: -moz-inline-box; display: inline-block; }


/* テキスト・フォント
------------------------------------------ */
.nowrap { white-space: nowrap; }
.bold   { font-weight: bold!important; }
.normal { font-weight: normal!important; }

div.indent01 p,
.indent01 { margin-left: 1em; text-indent: -1em; }
div.indent02 p,
.indent02 { margin-left: 2.2em; text-indent: -2.2em; }
div.indent01,
div.indent02 { margin-left: 0; text-indent: 0; }

.fBlk01 { color: #000; }
.fRed01 { color: #f00; }
.fAsh01 { color: #666; }
.fOrg01 { color: #ff7f00; }
.fOrg02 { color: #fd5913; }
.fOrg03 { color: #ff4d00; }
.fGrn01 { color: #1d8000; }
.fWhite { color: #fff; }

.fs01  { font-size: 10px; }
.fm01  { font-size: 12px; }
.fl01  { font-size: 14px; }
.fx01  { font-size: 16px; }
.fxl01 { font-size: 18px; }
.fxx01 { font-size: 20px; }

.lineH13 { line-height: 1.3!important; }


/* リスト・アイコン
------------------------------------------ */
.iDot01,
.liDot01 li { padding-left: 12px; background: url(../images/common/i_dot_01.gif) no-repeat 5px 0.5em; }
.iDotGrn01,
.liDotGrn01 li { padding-left: 12px; background: url(../images/common/i_dot_grn_01.gif) no-repeat 5px 0.5em; }
.iDotOrg01,
.liDotOrg01 li { padding-left: 12px; background: url(../images/common/i_dot_org_01.gif) no-repeat 5px 0.5em; }
.iDotOrg02,
.liDotOrg02 li { padding-left: 12px; background: url(../images/common/i_dot_org_02.gif) no-repeat 0 0.45em; }
.iReturn01 { padding-left: 12px; background: url(../images/common/i_return_01.gif) no-repeat 0 0.35em; }
.iPrint01 { padding-left: 14px; background: url(../images/common/i_print_01.gif) no-repeat 0 0.25em; }
.iArrUp01 { padding-left: 12px; background: url(../images/common/i_arr_up_01.gif) no-repeat 0 0.35em; }
.iArrDown01,
.liArrDown01 li { padding-left: 12px; background: url(../images/common/i_arr_down_01.gif) no-repeat 0 0.45em; }
.iArrOrg01,
.liArrOrg01 li { padding-left: 8px; background: url(../images/common/i_arr_org_01.gif) no-repeat 0 0.45em; }
.iArrCircle01 { padding-left: 14px; background: url(../images/common/i_arr_circle_01.gif) no-repeat 0 0.25em; }
.iArrCircle02 { padding-left: 14px; background: url(../images/common/i_arr_circle_02.gif) no-repeat 0 0.25em; }
.iArrCircle03,
.liArrCircle03 li { padding-left: 14px; background: url(../images/common/i_arr_circle_03.gif) no-repeat 0 0.25em; }
.iArrCircle04,
.liArrCircle04 li { padding-left: 14px; background: url(../images/common/i_arr_circle_04.gif) no-repeat 0 0.25em; }
.iArrCircle05,
.liArrCircle05 li { padding-left: 14px; background: url(../images/common/i_arr_circle_05.gif) no-repeat 0 0.25em; }
.iArrCircle06,
.liArrCircle06 li { padding-left: 14px; background: url(../images/common/i_arr_circle_06.gif) no-repeat 0 0.25em; }
.iArrCircle07,
.liArrCircle07 li { padding-left: 14px; background: url(../images/common/i_arr_circle_07.gif) no-repeat 0 0.25em; }
.iArrCircle08,
.liArrCircle08 li { padding-left: 14px; background: url(../images/common/i_arr_circle_08.gif) no-repeat 0 0.25em; }
.iAttention01 { padding-left: 19px; background: url(../images/common/i_attention_01.gif) no-repeat 0 0.1em; }
.iAttention02 { padding-left: 22px; background: url(../images/common/i_attention_02.gif) no-repeat 0 0.15em; }
.iAttention03 { padding-left: 19px; background: url(../images/common/i_attention_03.gif) no-repeat 0 0.1em; }

/* iAttention04追記(2010-07Gomez)*/
.iAttention04 { padding-left: 22px; background: url(../images/common/i_attention_04.gif) no-repeat 0 0.15em; }

.iClose01 { padding-left: 14px; background: url(../images/common/i_close_01.gif) no-repeat 0 0.25em; }

.iQuestion01,
.liQuestion01 li { min-height: 17px; padding-left: 21px; background: url(../images/common/i_question_02.gif) no-repeat; }
.iAnswer01,
.liAnswer01 li { min-height: 17px; padding-left: 21px; background: url(../images/common/i_answer_01.gif) no-repeat; }


.iPop01 { text-indent: -14px; margin-left: 14px; }
.inlineList li { display: inline; }

/* リンク
------------------------------------------ */
a:link    { color: #804000; text-decoration: underline; background: transparent; }
a:visited { color: #95863e; text-decoration: underline; background: transparent; }
a:hover,
a:active  { color: #ff7f00; text-decoration: underline; background: transparent; }

a.white:link,
a.white:visited { color: #fff; text-decoration: underline; background: transparent; }
a.white:hover,
a.white:active  { color: #fff; text-decoration: underline; background: transparent; }


/* wrapper
------------------------------------------ */
#wrapper,
#popupWrap { position: relative; min-height: 100%; text-align: center; }


/* ヘッダ
------------------------------------------ */
/* ポップアップが正常に表示されないためコメント
#header { width: 100%; text-align: center; min-width:1024px; }
*/
#header { width: 100%; text-align: center; }
#header .inner { width: 950px; margin: 0 auto; text-align: left; }

#header #logo { float: left; margin-top: 10px; }
#header .hNavi { float: right; text-align: right; }
#header .hNavi li { display: inline; }
#header .hNavi li img { margin-right: 10px; vertical-align: middle; }
#header .navi01 { float: left; margin-top: 10px; }
#header .navi01 li { display: inline; }
#header .navi01 li img { margin-right: 10px; vertical-align: middle; }
#header .navi01 li.first img { margin-right: 5px; }
#header .navi02 { float: right; text-align: right; margin-top: 5px; }
#header .navi02 li { display: inline; }
#header .navi02 li img { margin-left: 5px; }
#header .navi03 { float: right; text-align: right; margin-top: 10px; }
#header .navi03 li { display: inline; }

#header .userinfo { width: 100%; border-top: 2px solid #0c6d24; background: #f5ffe6 url(../images/common/bg_userinfo_01.gif) repeat-x; text-align: center; }
#header .userinfo .inner { width: 940px; padding: 7px 0 6px 0; color: #0c6d24; }
#header .userinfo dt,
#header .userinfo dd { display: inline; color: #0c6d24; }
#header .userinfo dt { font-weight: bold; }
#header .userinfo .iBlk { margin-right: 5px; }
#header .userinfo .clearfix dl { float: left; width: 700px; }
#header .userinfo .clearfix p { float: right; width: 230px; text-align: right; }

#popupWrap #header { border-bottom: 2px solid #0c6d24; }
#popupWrap #header .inner { width: 610px; }
#popupWrap #header #logo { float: left; padding: 10px 0; }
#popupWrap #header .link { float: right; padding: 36px 0 0 0; }

/* お得なサービス紹介用ヘッダー(2010-0811Gomez) */
#wrapper #header { border-bottom: 2px solid #0c6d24; }
#wrapper #header .inner { width: 950px; }
#wrapper #header .logo { padding: 20px 0 10px 0; }

/* userInfo追加 */
#userInfo { width: 100%; text-align: center; }
#userInfo .inner { width: 950px; margin: 0 auto; text-align: left; }

/* ナビゲーション(2010-07Gomez)
------------------------------------------ */
#globalNavi { width: 950px; margin: 0 auto; text-align: left; }
#globalNavi li { float: left; }
#globalNavi li a { display: block; height: 38px; background: url(../images/common/bg_spr_global_01.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
#globalNavi #gn01 { width: 137px; }
#globalNavi #gn01 a { background-position: 0 0; }
#globalNavi #gn01 a:hover { background-position: 0 -38px; }

#globalNavi #gn02 { width: 64px; }
#globalNavi #gn02 a { background-position: -137px 0; }
#globalNavi #gn02 a:hover { background-position: -137px -38px; }

#globalNavi #gn03 { width: 64px; }
#globalNavi #gn03 a { background-position: -201px 0; }
#globalNavi #gn03 a:hover { background-position: -201px -38px; }

#globalNavi #gn04 { width: 64px; }
#globalNavi #gn04 a { background-position: -265px 0; }
#globalNavi #gn04 a:hover { background-position: -265px -38px; }

#globalNavi #gn05 { width: 111px; }
#globalNavi #gn05 a { background-position: -329px 0; }
#globalNavi #gn05 a:hover { background-position: -329px -38px; }

#globalNavi #gn06 { width: 87px; }
#globalNavi #gn06 a { background-position: -440px 0; }
#globalNavi #gn06 a:hover { background-position: -440px -38px; }

#globalNavi #gn07 { width: 84px; }
#globalNavi #gn07 a { background-position: -527px 0; }
#globalNavi #gn07 a:hover { background-position: -527px -38px; }

#globalNavi #gn08 { width: 64px; } 
#globalNavi #gn08 a { background-position: -611px 0; }
#globalNavi #gn08 a:hover { background-position: -611px -38px; }

#globalNavi #gn09 { width: 88px; }
#globalNavi #gn09 a { background-position: -675px 0; }
#globalNavi #gn09 a:hover { background-position: -675px -38px; }

#globalNavi #gn10 { width: 79px; }
#globalNavi #gn10 a { background-position: -763px 0; }
#globalNavi #gn10 a:hover { background-position: -763px -38px; }

#globalNavi #gn11 { width: 108px; }
#globalNavi #gn11 a { background-position: -842px 0; }
#globalNavi #gn11 a:hover { background-position: -842px -38px; }


/* パンくずリスト
------------------------------------------ */
#usability { width: 950px; margin: 5px auto; text-align: left; }
#usability .breadcrumbs { float: left; padding-top: 2px; }
#usability .fontsize { float: right; }
#usability .fontsize dt,
#usability .fontsize dd { display: inline; }
#usability .fontsize dt img { margin-right: 5px; vertical-align: middle; }
#usability .fontsize dd a { display: -moz-inline-box; display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(../images/common/bg_spr_fontsize_01.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
#usability .fontsize .medium a { background-position: 0 0; }
#usability .fontsize .medium a:hover { background-position: 0 -24px; }
#usability .fontsize .medium a.active { background-position: 0 -48px!important; }
#usability .fontsize .large a { background-position: -24px 0; }
#usability .fontsize .large a:hover { background-position: -24px -24px; }
#usability .fontsize .large a.active { background-position: -24px -48px!important; }
#popupWrap #usability { width: 610px; }


/* 中央部
------------------------------------------ */
#middleArea { width: 950px; margin: 0 auto; padding-bottom: 30px; text-align: left; }
#popupWrap #middleArea { width: 610px; }


/* メイン
------------------------------------------ */
#oneClm { width: 850px; margin: 0 50px; }
#mainClm { float: left; width: 715px; }
#main { float: right; width: 500px; }
body.top   #main { float: left;  width: 715px; }
body.about #main { float: right; width: 735px; }
#popupWrap #main { float: none; width: 610px; margin: 0 auto; text-align: left; }

/* ページトップへ */
.pagetop { text-align: right; padding-right: 10px; }
.pagetop span { display: inline-block; margin-left: auto; padding-left: 12px; background: url(../images/common/i_pagetop_01.gif) no-repeat 0 0.2em; }


/* サイド
------------------------------------------ */
#side01 { float: left; width: 200px; }
#side02 { float: right; width: 220px; }


/* フッタ
------------------------------------------ */
/* ポップアップが正常に表示されないためコメント
#footer { position: relative; left: 0; bottom: 0; width: 100%; min-height: 80px; border-top: 2px solid #093; background: #f5ffe6; text-align: center; min-width:1024px; }
*/
#footer { position: relative; left: 0; bottom: 0; width: 100%; min-height: 80px; border-top: 2px solid #093; background: #f5ffe6; text-align: center; }
#footer .inner { position: relative; width: 950px; margin: 0 auto; text-align: center; }
#footer .link { padding: 10px 150px 10px 0; border-bottom: 1px solid #e0ffbb;  }
#footer .link li { display: inline; }
#footer .link li a { display: -moz-inline-box; display: inline-block; padding: 1px 5px 1px 5px; border-right: 1px solid #d5d5d5; line-height: 1; }
#footer .link li.last a { border: 0; }
#footer .basket { position: absolute; top: 5px; right: 20px; text-align: right; }
#footer .copyright { padding-top: 10px; border-top: 1px solid #fff; }
#popupWrap #footer .inner { width: 610px; }
#popupWrap #footer .copyright { margin: 0; padding-top: 10px; }


/* 共通パーツ（組合せ）
------------------------------------------ */
/* common */

/* background */
.bgNone { background: none!important; }

/* border */
.dotBrdTop01 { padding-top: 6px; background: url(../images/common/bg_line_dot_03.gif) repeat-x; }
.dotBrdTop02 { padding-top: 11px; background: url(../images/common/bg_line_dot_07.gif) repeat-x; }
.dotBrdTop03 { padding-top: 2px; background: url(../images/common/bg_line_dot_11.gif) repeat-x; }
.dotBrdTop04 { padding-top: 11px; background: url(../images/common/bg_line_dot_04.gif) repeat-x; }
.dotBrdTop05 { padding-top: 21px; background: url(../images/common/bg_line_dot_07.gif) repeat-x; }

.dotBrdBtm01 { padding-bottom: 6px; background: url(../images/common/bg_line_dot_11.gif) repeat-x left bottom; }
.dotBrdBtm02 { padding-bottom: 11px; background: url(../images/common/bg_line_dot_03.gif) repeat-x left bottom; }
.dotBrdBtm03 { padding-bottom: 6px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }
.dotBrdBtm04 { padding-bottom: 11px; background: url(../images/common/bg_line_dot_07.gif) repeat-x left bottom; }

/* box */
.module01 { margin: 0 10px; }
.module01 .txt01 { float: left; width: 350px; }
.module01 .txt02 { float: left; width: 515px; }
.module01 .txt03 { float: left; width: 530px; }
.module01 .img01 { float: right; }
.module01 .img02 { float: right; width: 164px; }

.module02 .txt01 { float: left; width: 515px; }
.module02 .txt02 { float: left; width: 505px; }
.module02 .txt03 { float: left; width: 340px; }
.module02 .txt04 { float: left; width: 460px; }
.module02 .img01 { float: right; }

.chainBox01 { padding: 2px; background: url(../images/common/bg_chain_03.gif); }
.chainBox01 .bgM { background: #fff; }
.chainBox01 .boxM { padding: 10px; }
.chainBox02 { padding-top: 2px; background: url(../images/common/bg_chain_04.gif); }
.chainBox02 .bgM { background: #fff; }
.chainBox02 .boxM { padding: 10px; }
.chainBox03 { padding: 2px; background: url(../images/common/bg_chain_07.gif); }
.chainBox03 .bgM { padding: 10px; background: #fff; }
.chainBox04 { padding: 2px; background: url(../images/common/bg_chain_06.gif); }
.chainBox04 .bgM { padding: 10px; background: #fff; }
.chainBox05 { padding: 2px; background: url(../images/common/bg_chain_09.gif); }
.chainBox05 .bgM { padding: 10px; background: #fff; }
.chainBox05 .boxM { padding: 10px; background: #fff9ea; }

.clmBox01 .clmL01 { float: left; width: 420px; }
.clmBox01 .clmR01 { float: right; width: 420px; }

.rBoxDot01 { background: url(../images/common/bg_rbox_dot_top_01.gif) no-repeat; }
.rBoxDot01 .bgB { padding: 4px 0; background: url(../images/common/bg_rbox_dot_btm_01.gif) no-repeat left bottom; }
.rBoxDot01 .bgM { padding: 5px 10px;background: url(../images/common/bg_rbox_dot_mdl_01.gif) repeat-y; }

.cautionBox01 { padding: 5px 0 5px 20px; background: url(../images/common/bg_chain_01.gif) repeat-y; }
.cautionBox01 .ttl { color: #7e4b27; }

/* title 2009-10-29 武藤修正*/
.ttlMod01 { padding: 1px 0 2px 0; border-top: 2px solid #a07716; background: url(../images/common/bg_line_dot_01.gif) repeat-x left bottom; }
.ttlMod01 .ttlM { padding: 1px 10px 1px 5px; background: #fff2d5; }
.ttlMod01 .ttl { width:350px;float: left; padding-left: 10px;background: url(../images/common/i_ttl_01.gif) no-repeat 0 0.15em; color: #622B09; }
.ttlMod01 .subtxt { float: right; padding-top: 3px; text-align: right; }
.ttlMod01 .subtxt span { display: inline-block; margin-left: auto;}

.grnTtl01 { border-top: 2px solid #56c712; background-image: url(../images/common/bg_line_dot_04.gif); }
.grnTtl01 .ttlM { background: #d8ffbf; }
.grnTtl01 .ttl { background-image: url(../images/common/i_ttl_01_grn.gif); color: #333; }

.ttlMod02 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_01.gif) repeat-x left bottom; }
.ttlMod02 .ttlML { background: #ffe6aa url(../images/common/bg_ttl_curve_l_01.gif) no-repeat;}
.ttlMod02 .ttlMR { padding: 5px 10px 4px 10px; background: url(../images/common/bg_ttl_curve_r_01.gif) no-repeat 100% 0;}
.ttlMod02 .ttl { float: left; padding-left: 20px; background: url(../images/common/i_ttl_02.gif) no-repeat 0 0.2em; color: #ff7f00; }
.ttlMod02 .subtxt { float: right; padding-top: 3px; text-align: right; color: #622b09; }
.ttlMod02 .subtxt span { display: inline-block; margin-left: auto; }

.ttlMod03 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }
.ttlMod03 .bgT { background: url(../images/common/bg_bar_top_01.gif) no-repeat; }
.ttlMod03 .bgM { background: url(../images/common/bg_bar_mdl_01.gif) repeat-y; }
.ttlMod03 .ttl { padding: 5px 10px 3px 10px; color: #fff; }
.ttlMod03 .clearfix .ttl { float: left; }
.ttlMod03 .subtxt { float: right; display: inline; margin-right: 10px; padding-top: 4px; color: #fff; }
.ttlMod03 .sublink { float: left; margin: 7px 0 0 10px; display: inline; border-left: 1px solid #fff; }
.ttlMod03 .sublink .linkM { padding: 0 0 0 15px; }

.ttlMod04 .ttl { float: left; display: inline; margin-right: 10px; }
.ttlMod04 .subimg { float: left; display: inline; margin-right: 10px; padding-top: 2px; }
.ttlMod04 .subtxt { float: left; padding-top: 3px; }

.ttlMod05 .ttl { float: left; }
.ttlMod05 .sub { float: right; }

.ttlMod06 { background: url(../images/common/bg_chain_04.gif) repeat-x; }
.ttlMod06 .ttl { padding: 5px 10px; background: url(../images/common/bg_chain_04.gif) repeat-x left bottom; }

.ttlMod07 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }
.ttlMod07 .bgT { background: url(../images/common/bg_bar_top_02.gif) no-repeat; }
.ttlMod07 .bgM { background: url(../images/common/bg_bar_mdl_02.gif) repeat-y; }
.ttlMod07 .ttl { padding: 5px 10px 3px 10px; color: #fff; }
.ttlMod07 .clearfix .ttl { float: left; }
.ttlMod07 .subtxt { float: right; display: inline; margin-right: 10px; padding-top: 4px; color: #fff; }
.ttlMod07 .sublink { float: left; margin: 7px 0 0 10px; display: inline; border-left: 1px solid #fff; }
.ttlMod07 .sublink .linkM { padding: 0 0 0 15px; }

.ttlMod08 { padding: 3px; border-top: 2px solid #2fac0b; background: url(../images/common/bg_line_dot_14.gif) repeat-x left bottom; color: #1d8000; }

.ttl02Grn { padding-left: 20px; background: url(../images/common/i_ttl_02_grn.gif) no-repeat 0 0.15em; }
.ttl03Grn { padding-left: 15px; background: url(../images/common/i_ttl_03_grn.gif) no-repeat 5px 0.1em; }
.ttl04Grn { padding-left: 17px; background: url(../images/common/i_ttl_04_grn.gif) no-repeat 5px 0.05em; }
.ttl05Grn { padding-left: 12px; background: url(../images/common/i_ttl_04_grn.gif) no-repeat 0 0.05em; }

.ttlBrd01 { padding: 5px 10px 3px 10px; border-top: 2px solid #68df20; border-bottom: 1px solid #68df20; }

/* table */
.basicTbl01 { width: 100% }
.basicTbl01 table { width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc;  }
.basicTbl01 table thead th,
.basicTbl01 table tbody th { border-right: 1px solid #c5c5ba; border-bottom: 1px solid #c5c5ba; background: #f2f1ea; font-weight: normal; text-align: center; }
.basicTbl01 table tbody td { border-right: 1px solid #c5c5ba; border-bottom: 1px solid #c5c5ba; background: #fff; }
.basicTbl01 table thead th .thM,
.basicTbl01 table tbody th .thM,
.basicTbl01 table tbody td .tdM { padding: 5px 10px 4px 10px; }
.basicTbl01 table .bg01 { background: #e8fcdc; }
.basicTbl01 table .bg02 { background: #f3feed; }



/* コンテンツ
------------------------------------------ */
/* レシピ詳細 */
.recipeBox01 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_01.gif) repeat-x left bottom; }
.recipeBox01 .ttl { padding: 7px 0 0 10px; background: url(../images/common/i_chain_01.gif) repeat-x; color: #ff7f00; }
.recipeBox01 .detail { padding: 10px; background: #fff9ea; }
.recipeBox01 .detail .text01 { float: right; width: 290px; }
.recipeBox01 .detail .text01 .box01 { padding: 5px 3px 4px 3px; border-top: 1px solid #ffd980; }
.recipeBox01 .detail .text01 .last { border-bottom: 1px solid #ffd980; }
.recipeBox01 .detail .text01 .box01 .dlL { float: left; width: 135px; border-right: 1px solid #ffd980; }
.recipeBox01 .detail .text01 .box01 .dlR { float: right; width: 135px; }
.recipeBox01 .detail .text01 dt { display: inline; }
.recipeBox01 .detail .text01 dd { display: inline; font-weight: bold; }
.recipeBox01 .detail .text01 dt .iBlk { width: 80px; }
.recipeBox01 .detail .image01 { float: left; }

.recipeBox02 { padding-bottom: 2px; background: #fff9ea url(../images/common/bg_line_dot_08.gif) repeat-x left bottom; }
.recipeBox02 .bgM { padding: 10px; background: url(../images/common/bg_corner_01.gif) no-repeat right top; }
.recipeBox02 .text01 { float: right; width: 320px; }
.recipeBox02 .text01 .box01 { padding: 5px 3px 4px 3px; border-top: 1px solid #ffd980; }
.recipeBox02 .text01 .last { border-bottom: 1px solid #ffd980; }
.recipeBox02 .text01 .box01 .dlL { float: left; width: 150px; border-right: 1px solid #ffd980; }
.recipeBox02 .text01 .box01 .dlR { float: right; width: 150px; }
.recipeBox02 .text01 dt { display: inline; }
.recipeBox02 .text01 dd { display: inline; font-weight: bold; }
.recipeBox02 .text01 dt .iBlk { width: 7em; }
.recipeBox02 .image01 { float: left; }

.recipeTbl01 { width: 100% }
.recipeTbl01 table { width: 100%; }
/*武藤追加 2009-11-04*/
.recipeTbl01 table .pict { width: 70px; }
/*武藤追加 2009-11-04*/
.recipeTbl01 table .name { width: 263px; }
.recipeTbl01 table .price { width: 78px; }
.recipeTbl01 table .number { width: 157px; }
.recipeTbl01 table thead th { border-right: 1px solid #fff; background: #fff2d5; text-align: center; font-weight: normal; }
.recipeTbl01 table tbody th { border-right: 1px solid #e7e7e7; background: url(../images/common/bg_line_dot_02.gif) repeat-x left bottom; font-weight: normal; }
.recipeTbl01 table tbody td { border-right: 1px solid #e7e7e7; background: url(../images/common/bg_line_dot_02.gif) repeat-x left bottom; }
/*武藤追加 2009-11-04*/
.recipeTbl01 table thead th .thS { padding: 0px 0px; }
.recipeTbl01 table tbody th .thS { padding: 0px 0px; }
/*武藤追加 2009-11-04*/
.recipeTbl01 table thead th .thM { padding: 5px 10px; }
.recipeTbl01 table tbody th .thM { padding: 5px 10px; }
.recipeTbl01 table tbody td .tdM { padding: 5px 5px; }
.recipeTbl01 table tbody .more th,
.recipeTbl01 table tbody .more td { background-color: #fff9ea; }
.recipeTbl01 table .nobrd { border: 0!important; }
.recipeTbl01 .bgGrnTh th { background: #c5f5a7; }

.recipeClm01 .clmL { float: left; width: 220px; }
.recipeClm01 .clmL dl { padding: 5px 3px; border-bottom: 1px solid #ffd980; }
.recipeClm01 .clmL dl.categorize { background: #fff9ea; }
.recipeClm01 .clmL dt { float: left; }
.recipeClm01 .clmL dd { float: right; }

.recipeClm01 .clmR { float: right; width: 270px; }
.recipeClm01 .clmR dl { padding: 5px; border-bottom: 1px solid #ffd980; }
.recipeClm01 .clmR dt { float: left; width: 1em; font-weight: bold; color: #f60; }
.recipeClm01 .clmR dd { margin-left: 1.3em; }

/* 検索ボックス */
.searchBox01 { background: url(../images/common/bg_searchbox_mdl_01.gif) repeat-y; }
.searchBox01 .bgT { background: url(../images/common/bg_searchbox_top_01.gif) no-repeat; }
.searchBox01 .bgB { padding: 15px; background: url(../images/common/bg_searchbox_btm_01.gif) no-repeat left bottom; }
.searchBox01 .parameter01 dt,
.searchBox01 .parameter01 dd { display: inline; }
.searchBox01 .parameter01 dt span { margin-right: 5px; vertical-align: middle; }
.searchBox01 .parameter01 dd select { width: 170px; margin-right: 20px; vertical-align: middle; }
.searchBox01 .parameter01 dd input.iptTxt { width: 130px; vertical-align: middle; }
.searchBox01 .parameter02 { padding-top: 6px; border-top: 1px solid #ffd980; }
.searchBox01 .parameter02 dt,
.searchBox01 .parameter02 dd { display: inline; }
.searchBox01 .parameter02 dt span { vertical-align: middle; }
.searchBox01 .parameter02 dd span { margin-right: 5px; margin-left: 5px; vertical-align: middle; }
.searchBox01 .parameter02 dd input.iptTxt { width: 50px; vertical-align: middle; }
.searchBox01 .parameter02 .dt01 span,
.searchBox01 .parameter02 .dt02 span { width: 55px; }
.searchBox01 .parameter02 .dd01 { border-right: 1px solid #ffd980; }
.searchBox01 .parameter02 .dd01,
.searchBox01 .parameter02 .dd02  { width: 160px; margin-right: 10px; }
.searchBox01 .link { position: relative; padding-top: 11px; border-top: 1px solid #ffd980; }
.searchBox01 .link .toggle { position: absolute; top: 11px; left: 0; }

.searchBox02 { background: url(../images/common/bg_searchbox_mdl_02.gif) repeat-y; }
.searchBox02 .bgT { background: url(../images/common/bg_searchbox_top_02.gif) no-repeat; }
.searchBox02 .bgB { padding: 15px; background: url(../images/common/bg_searchbox_btm_02.gif) no-repeat left bottom; }
.searchBox02 dt { float: left; width: 9em; padding-top: 2px; }
.searchBox02 dd { float: left; }
.searchBox02 dt.dt01 { display: inline; width: auto; margin-left: 20px; }
.searchBox02 dd.dd01 { float: left;}
.searchBox02 .link { padding-top: 10px; border-top: 1px solid #fea985; }

/* レシピの予備情報 */
.recipeBox03 { padding: 5px 0 5px 20px; background: url(../images/common/bg_chain_01.gif) repeat-y; }
.recipeBox03 .ttl { color: #7e4b27; }

/* 選択中の配送便 */
.deliveryTbl01 .name { width: 62px; }
.deliveryTbl01 .limit { width: 69px; }
.deliveryTbl01 .time { width: 85px; }

/* 右サイド サイドボックス１ */
.sideBox01 { padding-bottom: 6px; background: url(../images/common/bg_sidebox_btm_01.gif) no-repeat left bottom; }
.sideBox01 .bgM { padding: 3px 4px 0px 4px; border-left: 1px solid #ff8013; border-right: 1px solid #ff8013; background: #fff; }

.sideBox01 .addBasket,
.sideBox01 .editHuman { padding-bottom: 6px; background: url(../images/common/bg_line_dot_03.gif) repeat-x left bottom; }
.sideBox01 .addBasket .iBlk,
.sideBox01 .addBasket input,
.sideBox01 .addBasket img { vertical-align: middle; }
.sideBox01 .addBasket input { width: 90px; }
.sideBox01 .addBasket .iBlk { margin: 0 5px; }

.sideBox01 .editHuman .iBlk,
.sideBox01 .editHuman select { vertical-align: middle; }
.sideBox01 .editHuman .iBlk { margin-right: 15px; }
.sideBox01 .editHuman select { width: 100px; }

.sideBox01 .inner01 { padding: 3px; background: #fff2ea; }
.sideBox01 .brdTop01 { border-top: 1px solid #fa5; }
.sideBox01 .nobg { background: none!important; }

.sideBox01 .totalMoney01 { padding: 0 5px; background: #fff2ea; }
.sideBox01 .totalMoney01 dt { float: left; padding-top: 5px; }
.sideBox01 .totalMoney01 dd { float: right; line-height: 1.5; }
.sideBox01 .totalMoney01 dd span { display: inline-block; padding-left: 3px; color: #1d8000; }

.sideBox01 .username { padding: 1px 5px; background: #fa5; font-weight: bold; color: #fff; line-height: 1.5; }
.sideBox01 .username .txt01 { float: left; }
.sideBox01 .username .txt02 { float: right; padding-top: 2px; }
.sideBox01 .username span { vertical-align: middle; }

.sideBox01 .order01 { margin-top: 5px; padding-top: 6px; background: url(../images/common/bg_line_dot_03.gif) repeat-x left top; }
.sideBox01 .order01 dt { font-weight: normal; }
.sideBox01 .order01 .price { float: left; padding-top: 3px; font-weight: bold; color: #1d8000; }
.sideBox01 .order01 .number { float: right; }
.sideBox01 .order01 .number .iBlk,
.sideBox01 .order01 .number select,
.sideBox01 .order01 .number img { vertical-align: middle; }
.sideBox01 .inner01 .first { margin-top: 0; padding-top: 2px; background: none; }

.sideBox01 .pricedown01 .price01 { padding-bottom: 4px; background: url(../images/common/bg_line_dot_02.gif) repeat-x left bottom; }
.sideBox01 .pricedown01 .price01 dt { float: left; }
.sideBox01 .pricedown01 .price01 dd { float: right; }
.sideBox01 .pricedown01 .nobg { background: none!important; }
.sideBox01 .pricedown01 .brdTop01 { border-top: 2px solid #fa5; }

.sideCatalog01 { margin-bottom: 10px; padding: 0 4px 5px 4px; border: 1px solid #fff2d5; border-top: 0; background: #fff9ea; }
.sideCatalog01 .boxM { padding: 5px; border: 1px solid #fff2d5; border-top: 0; background: #fff; }
.sideCatalog01 .txt01 { color: #555; }
.sideCatalog01 .inputArea { padding: 5px 10px 0 10px; border-top: 1px solid #ffd980; background: url(../images/common/bg_hyphen_01.gif) no-repeat 48% 70%; }
.sideCatalog01 .inputArea .catalog { float: left; width: 70px; }
.sideCatalog01 .inputArea .items { float: right; width: 70px; }


/* 左サイド */
.sideSearchBox01 { background: url(../images/common/bg_side_searchbox_mdl_01.gif) repeat-y; }
.sideSearchBox01 .bgB { padding: 5px 10px 6px 10px; background: url(../images/common/bg_side_searchbox_btm_01.gif) no-repeat left bottom; }
.sideSearchBox01 .word { float: left; padding-top: 2px; }
.sideSearchBox01 .word input { width: 130px; }
.sideSearchBox01 .btn { float: right; }


/* 品目リスト */
.itemList01 { padding-right: 10px; }
.itemList01 li { display: inline; }
.itemList01 li a { display: -moz-inline-box; display: inline-block; margin: 10px 0 0 10px; }

/* ランキング */
.rankingBox01 { margin: 0 10px; padding-bottom: 11px; background: url(../images/common/bg_line_dot_07.gif) repeat-x left bottom; }
.rankingBox01 .text01 { float: right; margin-top: 11px; width: 400px; }
.rankingBox01 .image01 { float: left; margin-top: 15px; }
.rankingBox01 dt img { margin-right: 10px; vertical-align: middle; }
.rankingBox01 dt .iBlk { font-weight: bold; vertical-align: middle; }
.rankingBox01 dd .iBlk { margin-right: 10px; font-weight: bold; color: #1d8000; }
.rankingBox01 .favorite { float: left; display: inline; margin-right: 50px; }
.rankingBox01 .stock { float: left; width: 93px; padding-top: 8px; }
.rankingBox01 .basket { float: right; }
.rankingBox01 .basket select { width: 40px; margin-right: 5px; vertical-align: middle; }
.rankingBox01 .basket img { vertical-align: middle; }

/* 並び替え・ページ切り替え */
.editBox01 { padding-bottom: 2px; background: url(../images/common/bg_line_dot_02.gif) repeat-x left bottom; }
.editBox01 .bgM { padding: 5px 10px; background: #f2f2f2; }
.editBox01 dl { float: left; width: 270px; }
.editBox01 ul { float: right; width: 200px; padding-top: 2px; text-align: right; }
.editBox01 dt,
.editBox01 dd { display: inline; }
.editBox01 dt .iBlk { margin-right: 5px; vertical-align: middle; }
.editBox01 dd select { width: 150px; vertical-align: middle; }
.editBox01 li { display: inline; }
.editBox01 li em,
.editBox01 li a { display: -moz-inline-box; display: inline-block; margin-left: 10px; vertical-align: middle; }

.editBoxBgOrg { background-image: url(../images/common/bg_line_dot_05.gif); }
.editBoxBgOrg .bgM { background: #ffe6aa; }

/* サムネイル付きアイテム一覧 */
.thumbsList01 { margin: 0 10px; padding-bottom: 12px; background: url(../images/common/bg_slash_01.gif) repeat-x left bottom; }
.thumbsList01 .text01 { float: right; width: 400px; }
.thumbsList01 .image01 { float: left; }
.thumbsList01 .point li { float: left; display: inline; padding: 0 5px 5px 0; }
.thumbsList01 .point li img { display: block; }
.thumbsList01 .detail01 dt { font-weight: bold; }
.thumbsList01 .detail01 dd .iBlk { margin: 0 5px; }
.thumbsList01 .detail02 dt { float: left; width: 8em; clear: both; }
.thumbsList01 .detail02 dd { margin-left: 8.2em; }
.thumbsList01 .product { text-align: right; }
.thumbsList01 .product select { width: 200px; }
.thumbsList01 .finish { text-align: right; color: #fd5913; font-weight: bold; }
.thumbsList01 .favorite { float: left; display: inline; margin-right: 50px; }
.thumbsList01 .stock { float: left; width: 93px; padding-top: 8px; }
.thumbsList01 .basket { float: right; }
.thumbsList01 .basket select { width: 40px; margin-right: 5px; vertical-align: middle; }
.thumbsList01 .basket img { vertical-align: middle; }

/* サムネイル付きアイテム一覧Ver2.0 t_mutoh 2009/12/10 */
.thumbsList02 { margin: 0 10px; padding-bottom: 12px; background: url(../images/common/bg_slash_01.gif) repeat-x left bottom; }
.thumbsList02 .text01 { float: right; width: 320px; }
.thumbsList02 .text02 { text-align: right; }
.thumbsList02 .image01 { float: left; }
.thumbsList02 .point li { float: left; display: inline; padding: 0 5px 5px 0; }
.thumbsList02 .point li img { display: block; }
.thumbsList02 .detail01 dt { font-weight: bold; }
.thumbsList02 .detail01 dd .iBlk { margin: 0 5px; }
.thumbsList02 .detail02 dt { float: left; width: 8em; clear: both; }
.thumbsList02 .detail02 dd { margin-left: 8.2em; }
.thumbsList02 .product { text-align: right; }
.thumbsList02 .product select { width: 200px; }
.thumbsList02 .finish { text-align: right; color: #fd5913; font-weight: bold; }
.thumbsList02 .favorite { float: left; display: inline; margin-right: 0px; }
.thumbsList02 .stock { float: left; width: 40px; padding-top: 8px; }
.thumbsList02 .basket { float: right; }
.thumbsList02 .basket select { width: 40px; margin-right: 5px; vertical-align: middle; }
.thumbsList02 .basket img { vertical-align: middle; }
.thumbsList02 .comment { float: left; width:310px;padding:3px; margin-left:3px; border-top:1px dotted #56c712; }

/* アイコンガイド */
.guideBox01 { background: url(../images/common/bg_guidebox_mdl_01.gif) repeat-y; }
.guideBox01 .bgT { background: url(../images/common/bg_guidebox_01.gif) repeat-x; }
.guideBox01 .bgB { padding: 10px 15px; background: url(../images/common/bg_guidebox_01.gif) repeat-x left bottom; }
.guideBox01 .text01 { padding-bottom: 5px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }

/* アイテム詳細 */
.itemDetail01 .text01 { float: right; width: 340px; }
.itemDetail01 .text02 { float: right; width: 660px; }
.itemDetail01 .image01 { float: left; }
.itemDetail01 .image01 .liIcon01 li { display: inline; }
.itemDetail01 .point li { float: left; display: inline; padding: 0 5px 5px 0; }
.itemDetail01 .point li img { display: block; }
.itemDetail01 .detail01 .iBlk { margin-right: 5px; }
.itemDetail01 .detail02 dt { float: left; width: 8em; clear: both; }
.itemDetail01 .detail02 dd { margin-left: 8.2em; }

.itemDetail01 .finish { text-align: right; color: #fd5913; font-weight: bold; }
.itemDetail01 .favorite { float: left; }
.itemDetail01 .basket { float: right; }
.itemDetail01 .basket select { width: 40px; margin-right: 5px; vertical-align: middle; }
.itemDetail01 .basket img { vertical-align: middle; }

/* レシピリンク */
.recipeLink01 { background: url(../images/common/bg_recipe_link_mdl_01.gif) repeat-y; }
.recipeLink01 .bgT { background: url(../images/common/bg_line_dot_04.gif) repeat-x; }
.recipeLink01 .bgB { padding: 7px 10px; background: url(../images/common/bg_line_dot_04.gif) repeat-x left bottom; }
.recipeLink01 .icon { height: 24px; padding: 6px 0 0 35px; background: url(../images/common/i_recipe_01.gif) no-repeat; }

/* サムネイル切り替え */
.imgChanger li { float: left; margin-top: 10px; }
.imgChanger li img { display: block; margin-left: 15px; margin-right: 15px; }

/* 商品の特徴 */
.itemFeature01 { padding: 5px 10px; border: 1px solid #faf2ea; background: #fcf7f1; }
.itemFeature01 .txt01 { color: #684720; }

/* カスタマーレビュー */
.reviewBox01 { padding: 10px; background: #fefaf5 url(../images/common/bg_chain_02.gif) repeat-x; }
.reviewBox01 .ttl { float: left; color: #622b09; }
.reviewBox01 .sub { float: right; padding-top: 4px; text-align: right; }
.reviewBox01 .ranking { padding-top: 10px; background: url(../images/common/bg_line_dot_09.gif) repeat-x; }
.reviewBox01 .ranking .grade .starRank { float: left; width: 88px; }
.reviewBox01 .ranking .grade .rankTxt { float: left; display: inline; margin-left: 5px; padding-top: 1px; }
.bgPosting01 { padding: 5px; background: #fcecd8; }

/* エラーボックス */
.errorBox01 { padding: 7px 10px; border: 2px solid #ffd0d0; background: #ffecec; color: #f33; }
.errorBox01 ul { margin-left: 22px; }

/* カタログ注文 */
.catalog01 { padding: 10px; }
.catalog01 dt { float: left; display: inline; margin-right: 5px; }
.catalog01 dd { float: left; }
.catalog01 .brdTop { padding-top: 11px; background: url(../images/common/bg_line_dot_01.gif) repeat-x; }

/* カテゴリートップ */
.categoryList .lClm { float: left; width: 240px; }
.categoryList .rClm { float: right; width: 240px; }
.categoryList .ttl { padding: 3px 5px; border: 1px solid #dff5d1; border-top: 2px solid #c1eea6; background: #f6fef1; }
.categoryList ul { float: left; width: 120px; }
.categoryList li { margin: 3px 5px 0 5px; }

/* キャンペーン */
.items4Clm01 { padding-bottom: 13px; background: url(../images/areashop/bg_line_4column.gif) no-repeat left bottom; }
.items4Clm01 li { display: inline; }
.items4Clm01 li img { margin-left: 8px; vertical-align: bottom; }
.items4Clm01 li.first img { margin-left: 0; }
.items4Clm02 li { display: inline; }
.items4Clm02 li img { margin-left: 10px; vertical-align: bottom; }
.items4Clm02 li.first img { margin-left: 0; }
.campaignBox01 { padding-top: 2px; background: url(../images/common/bg_line_dot_11.gif) repeat-x; }
.campaignBox01 .box01 { padding: 5px; background: url(../images/common/bg_chain_05.gif); }
.campaignBox01 .bgT { background: url(../images/areashop/bg_service_top_01.gif) no-repeat; }
.campaignBox01 .bgB { padding: 4px 0; background: url(../images/areashop/bg_service_btm_01.gif) no-repeat left bottom; }
.campaignBox01 .bgM { padding: 5px 10px; background: #fff; }

.weekTtl01  { padding: 1px 0 0 30px; min-height: 22px; background: url(../images/common/i_hukidashi_01.gif) no-repeat; }
.monthTtl01 { padding: 3px 0 0 30px; min-height: 22px; background: url(../images/common/i_spark_01.gif) no-repeat; }

.brdBtm01 { padding-bottom: 11px; background: url(../images/common/bg_line_dot_07.gif) repeat-x left bottom; }

.bbTtl01 { padding: 4px 10px 4px 5px; border-top: 2px solid #6bcdfd; background: url(../images/common/bg_line_dot_12.gif) repeat-x left bottom; }
.bbTtl01 .ttl { float: left; }
.bbTtl01 .ttlM { padding-left: 27px; background: url(../images/common/i_bluebasket_01.gif) no-repeat; }
.bbTtl01 .sub { float: right; padding-top: 2px; }

.recipeGuideTtl { padding: 3px 10px; background: #ffe6aa; }
.recipeGuideTtl .ttl { float: left; }
.recipeGuideTtl .sub { float: right; padding-top: 3px; }

.recipeBox04 { padding-bottom: 2px; background: #fff9ea url(../images/common/bg_line_dot_08.gif) repeat-x left bottom; }
.recipeBox04 .bgM { padding: 10px; }
.recipeBox04 .ttl { margin-bottom: 10px; padding-top: 4px; border-bottom: 1px solid #ffd980; background: url(../images/common/bg_tab_top_01.gif) no-repeat; }
.recipeBox04 .ttlM { margin-right: 330px; padding: 0px 10px 2px 10px; background: #ffd980; text-align: center; }
.recipeBox04 .text01 { float: right; width: 320px; }
.recipeBox04 .text01 .box01 { padding: 5px 3px 4px 3px; border-top: 1px solid #ffd980; }
.recipeBox04 .text01 .last { border-bottom: 1px solid #ffd980; }
.recipeBox04 .text01 .box01 .dlL { float: left; width: 150px; border-right: 1px solid #ffd980; }
.recipeBox04 .text01 .box01 .dlR { float: right; width: 150px; }
.recipeBox04 .text01 dt { display: inline; }
.recipeBox04 .text01 dd { display: inline; font-weight: bold; }
.recipeBox04 .text01 dt .iBlk { width: 7em; }
.recipeBox04 .image01 { float: left; }
.recipeBox04 dl.categorySrch { border-top: 1px solid #ffd980; }
.recipeBox04 dl.categorySrch dt { float: left; padding-top: 10px; }
.recipeBox04 dl.categorySrch dt img { display: block; }
.recipeBox04 dl.categorySrch dd { margin-left: 90px; padding-top: 5px; }
.recipeBox04 dl.categorySrch dd span { margin: 4px 5px 0 0; }

.categoryListSrch { padding: 5px 10px 10px 15px; background: #e9fcdd; }
.categoryListSrch span { margin: 5px 5px 0 0; }

/* 見学 ぶら下がり */
.tourBox01 { padding: 6px 2px 0 2px; background: url(../images/common/bg_tour_top_01.gif) no-repeat; }
.tourBox01 .bgM { padding: 10px 13px; background: url(../images/common/bg_slash_06.gif); }
#oneClm .tourBox01 { margin: 0 57px 0 58px; }

/* お問い合わせ ぶら下がり */
.contact2Clm { background: url(../images/common/bg_contact_mdl_02.gif); }
.contact2Clm .bgB { padding-bottom: 4px; background: url(../images/common/bg_contact_btm_02.gif) no-repeat left bottom; }
.contact2Clm .lClm { float: left; width: 485px; }
.contact2Clm .rClm { float: right; width: 240px; }
.contact2Clm .boxM { padding: 10px 10px 5px 10px; }
#oneClm .contact2Clm { margin: 0 57px 0 58px; }


/* Javascript用
------------------------------------------ */
/* レシピ詳細 商品表示用 */
.recipe_itemname{ width: 263px }
.recipe_itemprice{ width: 78px }
.recipe_itemcount{ width: 158px }

/* 商品詳細 グループ商品 */
.itemDetail01 .product { text-align: right; }

/* エラーメッセージタグ*/
.errorMsg_paddingleft { padding-left: 22px; }

/* 商品カテゴリランキング カート追加メッセージ用*/
.rankingBox01 .finish { text-align: right; color: #fd5913; font-weight: bold; }

/* カタログ エラーメッセージ表示用 */
.block_display {display: none;}

/* EMアンケート ラジオ・チェックボックス表示 */
.questionnaire_border0 { border:#FFFFFF solid 0px; }
input.questionnaire_confirm{ width:164px; height:44px; }
input.btn_cancelkeep_01{ width:224px; height:44px; }
input.btn_keep_01{ width:224px; height:44px; }

/* カタログからの注文 右サイド*/
.sideCatalog01 .errmsg { color: #f33; }

/* 商品・レシピ関連商品 プロモーションスタイル*/
.recipeTbl01 .point li { float: left; display: inline; padding: 0 5px 5px 0; }
.recipeTbl01 .point li img { display: block; }

/*
既存分を追記
*/

span.itemname { FONT-SIZE: 9pt; FONT-WEIGHT: BOLD; WIDTH: 300px}

span.itemprc { FONT-SIZE: 9pt; FONT-WEIGHT: BOLD; WIDTH: 300px}

div.pan_navi { FONT-SIZE: 10pt;}

a.top_category { COLOR: #FFFFEE }


/* Width 
------------------------------------------ */
.w535Tbl { width: 535px; }
.wAuto { width: auto; }
.w663 { width: 663px; }
.w404 { width: 404px; }
.w400 { width: 400px; }
.w304 { width: 304px; }
.w284 { width: 284px; }
.w249 { width: 249px; }
.w239 { width: 239px; }
.w199 { width: 199px; }
.w179 { width: 179px; }
.w169 { width: 169px; }
.w159 { width: 159px; }
.w149 { width: 149px; }
.w139 { width: 139px; }
.w134 { width: 129px; }
.w129 { width: 129px; }
.w119 { width: 119px; }
.w109 { width: 109px; }
.w104 { width: 104px; }
.w99 { width: 99px; }
.w89 { width: 89px; }
.w84 { width: 84px; }
.w79 { width: 79px; }
.w78 { width: 78px; }
.w69 { width: 69px; }
.w68 { width: 68px; }


/* メニュー 
------------------------------------------ */
/* ALL ブラウザ */
#left_menu .categoryarea,
#left_menu .recipecategoryarea {
	color:#804000;
	cursor: pointer;
	border: #dde4da 1px solid;
}

/* IE7用 */
*+html #left_menu .categoryarea,
*+html #left_menu .recipecategoryarea {
	padding-top: 3px;
	padding-bottom: 3px;
}
/* IE6用 */
* html #left_menu .categoryarea,
* html #left_menu .recipecategoryarea {
	padding-top: 3px;
	padding-bottom: 3px;
}

#left_menu .categoryarea img,
#left_menu .recipecategoryarea img,
#left_menu .categoryarea .cate_tree1 a,
#left_menu .recipecategoryarea .recipecate_tree0 a {
	display:none;
}
#left_menu .categoryarea a,
#left_menu .recipecategoryarea a {
	color:#804000;
}

#left_menu .cate_tree1,
#left_menu .recipecate_tree0 {
	margin:3px;
	height:30px;
	width:192px;
}

#left_menu .cate_tree2,
#left_menu .recipecate_tree1 {
	font-size:small;
	margin:3px;
	padding-left:16px;
	background-image:url(../images/common/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#left_menu .cate_tree2.opened,
#left_menu .recipecate_tree1.opened {
	background-image:url(../images/common/arrow_down.gif);
}

#left_menu .cate_tree3,
#left_menu .recipecate_tree2 {
	font-size:small;
	margin:0 3px;
	padding:3px 0 3px 20px;
	background-color:#f8ffea;
	background-image:url(../images/common/marker_tri.gif);
	background-repeat:no-repeat;
	background-position:12px center;
}

#left_menu .cate_tree4,
#left_menu .recipecate_tree3 {
	font-size:small;
	margin:0 3px;
	padding:3px 0 3px 24px;
	background-color:#f8ffea;
	background-image:none;
}

#left_menu .current,
#left_menu .current a {
	color:#404040;
	text-decoration:none;
}