/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { cursor: pointer; }
a img { border: 0; margin: 0; padding: 0; }

/* -------------------------- LAYOUT ----------------------------- */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }

#container { width: 980px; margin: 0 auto; position: relative; overflow: hidden; background-color: #fff; }
#main { width: 100%; position: relative; }
#header { width: 100%; height: 150px; overflow: hidden; background-image: url(../images/bg/header.gif); }
#content { padding: 18px; _padding: 0; }

#breadcrumb { clear: both; background-color:#ffffff; margin: 0 0 18px; padding: 2px 7px; font-size: .8em; border: 1px solid #76797c; }

#footer { font-size: .9em; padding-top: 1em; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footernav { margin: 2em; padding: 1em; line-height: 1em; border-top: 2px solid #333; border-bottom: 2px solid #333; }

.footernav { margin: 2em 0 0 0; padding: 1em; font-size: .9em; line-height: 1em; text-align: center; border-top: 2px solid #333; border-bottom: 2px solid #333; }

#logo { margin: 10px 0; width: 100%; height: 28px; overflow: hidden; }
#logo img { float: left; }
#logo ul#sitehelp { float: right; width: 600px; top: 10px; }
#logo ul#sitehelp li { float: right; margin: 0 0 0 2em; line-height: 2em; }
#links,#footer { width: 860px; margin: 0 auto 10px; clear: both; color: #76797c; text-align: center; border-top: 1px solid #76797c; }
#links,#lower { font-size: .85em; }
#links p { text-align: center; }
#links a { padding: 0 4px; text-decoration: none; }
#links a:hover { text-decoration: underline; }
#lower { clear: both; width: 920px; margin: 0 auto; height: 50px; }
#banner { clear: both; width: 920px; margin: 0 auto; text-align: center; }
#banner img { padding-bottom: 1em; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid3col, .grid4col, .grid6col, .grid2colt, .grid2colta, grid4colt { width: 100%; }

.grid2col .column { width: 49%; overflow: hidden; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

/* MAIN IMAGE AND BANNER AREA IN TOP PAGE */
.grid2colt .column.first { width: 505px; }
.grid2colt .column.last { width: 425px; }
.grid2colt .column img  { margin-bottom: 6px; }

/* iFrame AREA IN TOP PAGE */
.grid2colta .column.first { width: 464px; height: 217px; margin-top: 6px; background: url(../images/top/news.gif) no-repeat; }
.grid2colta .column.last { width: 464px; height: 217px; margin-top: 6px; }/* background: url(../images/top/newgoods.gif) no-repeat;*/
iframe.toppage { margin: 65px 0 13px 30px; padding: 0; width: 420px; height: 138px; border: none; }
iframe.toppage p { font: .85em/1.5em "Lucida Grande", ariel, sans-serif;  }
.toppage { margin: 65px 0 13px 30px; padding: 0; width: 420px; height: 138px; border: none; font-size: .85em; }

.grid4colt .column { width: 223px; margin-right: 17px; margin-top: 18px; }
.grid4colt .column.last { width: 223px; margin-right: 0; }

.grid2cola .column.first { width: 181px; background: url(../images/bg/lnav.jpg) no-repeat; }
.grid2cola .column.last { width: 756px; padding-left: .0; }
.grid2cola .column.last .pageDescript { width: 755px; height: 90px; background: url(../images/bg/page_descript.jpg) no-repeat; border-right: 1px solid #000; border-bottom: 1px solid #000; overflow: hidden; margin-bottom: 1.5em; }
/* 共通背景 */
.grid2cola .column.last .cont { width: 755px; background: url(../images/bg/note2.jpg); border-right: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 1.5em; }
/* なんでもビーン情報　ビーンと作者 */
.grid2cola .column.last .cont2 { width: 756px; margin-bottom: 1.5em; }
/* なんでもビーン情報　キャラクター紹介 */
.grid2cola .column.last .cont.char { padding: 20px 0; }
/* まめちしき背景 */
.grid2cola .column.last .contSoy { width: 755px; height: 580px; background: url(../images/soy/hondana.png); border-right: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 1.5em; }
/* まめちしき背景　だいずかん　（replaced to inline style） */
.grid2cola .column.last .contSoy2 { width: 756px; background: url(../images/soy/bg_report.gif) no-repeat; padding: 27px 30px; margin-bottom: 1.5em; }
/* まめちしき背景　"マメ料理レシピ */
.grid2cola .column.last .contRecipe { width: 755px; height:480px; background: url(../images/soy/bg_recipe.jpg) no-repeat; padding-top: 10px; margin-bottom: 1.5em; }
/* グッズ背景 */
.grid2cola .column.last .contGoods { width: 756px; height: 870px; background: url(../images/goods/bg_goods.gif) no-repeat; margin-bottom: 1.5em; }
/* ダウンロード背景 */
.grid2cola .column.last .contDl { width: 755px; height: 580px; background: url(../images/bg/note2.jpg); border-right: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 1.5em; }
.grid2cola .column.last .contImg { width: 755px; height: 580px; border-right: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 1.5em; }
.grid2cola .column.last .pageDescript p,
.grid2cola .column.last .cont p { color: #333; padding: 1em; }
.grid2cola .column.last .pageDescript p.reci { color: #fff; font-size: 2em; font-weight: bold; }
.grid2cola .column.last .pageDescript p.reci.nanido { float: right; padding: 20px 1em; }

/* 背景画用紙 on 共通背景 */
.gayoushi { margin: 0 auto; width: 700px; height: 600px; padding: 50px 0 0; background: url(../images/download/gayoushi.gif) 0 center no-repeat; }
/* ページタイトル */
.contName { margin: 0 0 35px 25px; }
/* クラフトエリア */
.craftArea { margin: 30px auto 25px; padding: 25px; width: 640px; }
.craftArea img { float: left; margin-right: 15px; }
/* えかきうたエリア */
.ekakiArea { margin: 0 auto; padding: 25px; width: 640px; clear: both; }
.ekakiArea img { float: left; }
.ekakiArea2 { margin: 0 auto; padding: 25px; width: 640px; clear: both; }
.ekakiArea2 img { margin-bottom: 30px; }
/* グッズ */
#goods-main { margin: 86px 93px 0; padding: 0; }
#stamps { width: 712px; height: 372px; margin: 0 auto 20px; padding: 0; }
#stamps img { margin: 7px 8px 0; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

.imgLayout { width: 756px; height: 155px; }
.imgLayout2 { width: 756px; height: 160px; }

#content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid3col:after, .grid4col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.grid2cold.lead .column.last { background: url(../images/bg/lead.jpg) no-repeat; }

/* NEWS */
/*#newsyear { border-bottom: 1px solid #666; }
.newslist > h3 { border-top: 1px solid #666; }
ul.news { margin: 0 2em 2em; }
ul.news li { margin-bottom: .5em; }*/

/* -------------------------- SKINS ----------------------------- */
body { background-color: #fff; color:#333; }

/* COMMON */
/* a { color:#ccc; }
a:hover { color:#fff; } */
sup,.copyright { color:#76797c; }

/* SIDEBARS */
#main .sidebar, #main .sidebar p, #main .sidebar ul, #main .sidebar dl, #main .sidebar h4 { color:#333; }

/* CONTENT */
#content { color:#666; }
#content h2, #content h3, #content p.intro { color:#666; }

/* BREADCRUMBS */
#breadcrumb { color:#333; }

/* FOOTER */
#globalfooter { color:#333; }

/* PRINT */
@media print {
	body, #main, #content { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
}

/* -------------------------- NAVIGATION ----------------------------- */
/* GLOBAL NABIGATION */
#glnavi { overflow: hidden; }
#glnavi { width: 946px; height: 50px; position: relative; top: 3px; left: 17px; z-index: 102; }
#glnavi #glnav { margin: 0; padding: 0; width: 946px; height: 50px; overflow: hidden; }
#glnavi #glnav li { display: inline; }
#glnavi #glnav li a { float: left; width: 189px; height: 0; padding-top: 50px; overflow: hidden; }
#glnavi #glnav li a { background-image: url(../images/bg/glnav.gif); }

/* BUTTONS */
#glnavi #glnav li#gn-1 a { background-position: 0 0; }
#glnavi #glnav li#gn-2 a { background-position: -189px 0; }
#glnavi #glnav li#gn-3 a { background-position: -378px 0; }
#glnavi #glnav li#gn-4 a { background-position: -567px 0; }
#glnavi #glnav li#gn-5 a { background-position: -757px 0; }

/* OVER STATES */
#glnavi #glnav li#gn-1 a:hover { background-position: 0 -50px; }
#glnavi #glnav li#gn-2 a:hover { background-position: -189px -50px; }
#glnavi #glnav li#gn-3 a:hover { background-position: -378px -50px; }
#glnavi #glnav li#gn-4 a:hover { background-position: -567px -50px; }
#glnavi #glnav li#gn-5 a:hover { background-position: -757px -50px; }

/* ON STATES */
#glnavi.home #glnav li#gn-1 a { background-position: 0 -50px !important; cursor: default; }
#glnavi.bean #glnav li#gn-2 a { background-position: -189px -50px !important; cursor: default; }
#glnavi.daiz #glnav li#gn-3 a { background-position: -378px -50px !important; cursor: default; }
#glnavi.gooz #glnav li#gn-4 a { background-position: -567px -50px !important; cursor: default; }
#glnavi.down #glnav li#gn-5 a { background-position: -757px -50px !important; cursor: default; }

/* LOCAL NAVIGATION */
ul.lnavi { margin-left: 20px; height: 371px; }
ul.lnavi2 { margin-left: 20px; margin-bottom: 20px; height: 200px; overflow: hidden; }
ul.lnavi li { line-height: 2em; padding-left: 8px; margin-left: 0; }
/*ul.lnavi li.on { background: url(../images/misc/mame.gif) 0 13px no-repeat; }*/
ul.lnavi li.on { color: #fff; }
ul.lnavi li.on a:link, ul.lnavi li.on a:visited { color: #fff; font-weight: bold; }


.btnSoy { float: left; position: relative; width: 191px; height: 196px; margin: 50px 30px; }
.btnDl { float: left; position: relative; width: 260px; height: 158px; margin: 40px 58px 20px; }
.btnReci { width: 610px; height: 230px; margin: 0 auto; }
.btnReci a { border: none; }
.btnReci a img { margin: 0; padding: 0; border: none; }
.btnIlove { float: left; position: relative; width: 319px; height: 248px; margin-left: 30px; }
.btnIlove .ilove2 { margin-top: 20px; }
.btnIlove .ilove3 { margin-bottom: 30px; }

/* -------------------------- TYPE ----------------------------- */
/* TYPE */
body { font: .85em/1.5em "Lucida Grande", ariel, sans-serif; }

strong, b { font-weight:bold; color: #000; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size: .75em !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; }

#main p { margin-bottom: 18px; }
#main h1 { margin-bottom: 1.5em; }
#main h1.intext { font-size: 1.5em; line-height: 1.8em; margin-left: .5em; }
#main h2 { font-weight: bold; font-size: 1.3em; line-height: 1.5em; margin-bottom: 1.5em; }
#main h3 { font-weight: bold; font-size: 1em; line-height: 1.5em; margin: 1em .5em; }
#main h4 { font-weight: bold; font-size: 1em; line-height: 1.5em; }
#breadcrumb p { margin-bottom: 2px; }

#main ul { margin-bottom: 18px; list-style: none outside; }
#main ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#main ul.square,
#main ul.circle { margin-left: 2em; }
#main ul.square { list-style: square outside; }
#main ul.circle { list-style: circle outside; }
#main ul ul.circle,
#main ul ul.square { margin-top: 4px; margin-bottom: 5px; }
#main ol.copyright { margin-left: 0; padding-left: 2em; }
#main ul.arrow,#main ul.sitemap { list-style-image: url(../images/misc/arrow_list.gif); margin-left: 20px; }
#main p,#main ol,#main ul,#main table { letter-spacing: normal; }
#main p.copyright { font-size: .9em !important; margin-bottom: 1em; padding-top: 1em; text-align: center; letter-spacing: 0; }
#main ul.sitemap { float: left; clear: both; }
#main ul.sitemap li { float: left; margin: 1em 2em 1em 0; padding: 0 .6em 0 0; white-space: nowrap; }

dl.list3 { margin: 1em; padding: 0; }
dl.list3 dt { clear: left; float: left; width: 4em; text-align: right; }
dl.list3 dd { display: block; margin-left: 5em; }

/* CHARACTER */
.charlist { float: left; width: 164px; margin-right: 12px; }
.rightend { float: right; margin-right: 0; }
.character { border: 1px solid #ddd; }
.leftend { margin-left: 35px; }

/* COLORS */
.red { color: #e74131; }
.black { color: #000; }
.gray { color: #2d3037; }
.gray9 { color: #e8e8e8; }
.gray13 { color: #dedede; }
.white { color: #fff; }
.blue { color: #757d8f; }

/* STYLES */
.r { text-align: right; }
.l { text-align: left; }
.c { text-align: center; }
.txtSml { font-size: .8em; letter-spacing: normal; line-height: normal; }
p.btnWP a img { margin: 0 2em; }

/* -------------------------- TABLE ----------------------------- */
.recipeMenu { width: 280px; height: 230px; background: url(../images/soy/bg_reci_table.gif) no-repeat; float: left; }
.mgnR { margin-right: 40px; }
.reciTitle { background-color: #fc9; text-align: center; font-weight: bold; }
.reciTitle p { padding: .3em; }			/* 不要？ */
.reciDesc { background-color: #ffc; padding: .3em; }
.reciDesc p { padding: .3em; }
#menuBox { float: left; width: 620px; position: relative; top: 30px; left: 50px; }
.recipeMenuBox { width: 280px; height: 170px; background: url(../images/soy/bg_reci_table.gif) no-repeat; padding: 13px; float: left; }
.recipeMenuBox table { width: 252px; height: 136px; border: none; }
.recipeMenuBox table td.reciTTL { height: 35px; width: 122px; background-color: #f7cfc7; text-align: center; font-weight: bold; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
.recipeMenuBox table td.reciDSCR { background-color: #f5eac7; vertical-align: top; }
.recipeMenuBox table td.reciDSCR p { margin: .3em .3em 0; padding: 0; line-height: normal; letter-spacing: normal; }
.recipeMenuBox table td.reciPHOT { border-right: 2px solid #fff; height: 98px; vertical-align: top; }
#recipeMat { margin-top: 10px; margin-left: 70px; font-size: .8em; width: 600px; letter-spacing: normal; }
#recipeMat li { padding-top: 10px; }
.recipeMateri { border-bottom: 2px solid #fff; background-color: #f5eac7; }


/* -------------------------- IE ----------------------------- */
/* グッズ */
#goods-main { _position: relative; _margin: 0; _top: 86px; _left: 93px; }
#stamps { _position: relative; _top: 86px; }
.zukan1 { _position: relative; _left: 30px; }
/* TYPE */
body { _text-align: center; }
#container { _text-align: left; }
#content { _width: 944px; _margin: 18px; }
.grid2colt .column.last,.grid2colta .column.last,.grid4colt .column.last,.grid2cola .column.last { _float: right; }
.grid2colt .column img  { _margin-bottom: 8px; }
.grid2colta { _margin-top: 10px; }
.grid4colt .column { _margin-right: 17px; _margin-top: 18px; }
.grid4colt .column.last { _margin-right: 0; }
.grid2cola .column.last { _width: 694px; _padding-left: 5px; _padding-right: 0; }

/* GLOBAL NAVIGATION */
#globalnavi #globalnav li a { _padding-top: 40px; }
#links,#footer { _margin: 0 30px; }
ul.lnavi li { _line-height: 1.6em; }

/* CHARACTER */
.charlist { _width: 163px; _margin-right: 12px; }
.rightend { _float: right; _margin: 0; _padding: 0; }
.character { _width: 160px; _height: 160px; }
.leftend { _margin-left: 15px; }


/* PRINT */
@media print {
	body, #main, #content { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #regionalnav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}