.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom:1; } body { background: #fafafa url(/user_file/s118806841-sh/etc/body_bg_201112.gif) center top repeat-x fixed !important; } #main_container { width: 800px !important; color: #333; /* background: transparent url(/user_file/s118806841-sh/etc/content_bg_middle_201112.gif) center top repeat-y; */ margin: 14px 0; position: relative; } #main_container td { color: #333; } #main_container th { color: #333; font-size: 12px; font-weight: normal; vertical-align: top; } #main_container table caption { caption-side: top; text-align: left; padding-bottom: 8px; } #main_container a { color: #060; text-decoration:none; } #main_container a:visited { color: #090; } #main_container a:hover { color: #F90; text-decoration:underline; } #main_container a img { border: none; } #main_container address { text-decoration: none; font-style: normal; font-size: 100%; } #c-wrap { background: #fff; width: 100%; margin: 0 auto; padding-top: 14px; } /* if[^ */ .g_price { font-size: 120%; color: #F60; } #c-content strong { font-weight: bold; } strong.c-item-name { font-size: 120%; } /* header */ ul.c-sub-navi, ul.c-sub-navi { list-style-type: none; margin: 0; padding: 0; } ul.c-sub-navi { text-align: right; } ul.c-sub-navi li { display: inline; border-left: 1px solid #ccc; padding: 0 0.5em; } ul.c-sub-navi li a { color:#ff9 !important; } #c-header { width: 100%; height: 78px; overflow: hidden; position: relative; background: url(/user_file/s118806841-sh/etc/content_bg_top_201112.gif) left top no-repeat !important; } #c-header-logo { position: absolute; left:22px; top:22px; } #c-header-info { position: absolute; left:0; top:0; } #c-header-tel { position: absolute; left:577px; top:22px; } #c-header-fax { position: absolute; left:453px; top:54px; } #c-header-order { position: absolute; left:613px; top:51px; } #c-header-contact { position: absolute; left:680px; top:51px; } #c-gnavi { width: 800px; margin: 0 1px; padding-bottom: 2px; background: #CBE494; border-bottom: 2px solid #008636; } #c-gnavi ul, #c-gnavi li { list-style-type: none; margin: 0; padding: 0; } #c-gnavi ul { width: 798px; height: 36px; overflow: hidden; } #c-gnavi li { float:left; padding-left:1px; } #c-gnavi li a, #c-gnavi li a img { display: block; } #c-gnavi li a:hover img { margin-top: -36px; } /* sidebar */ #c-sidebar { width: 180px; margin-left:1px; background: none !important; } #c-sidebar h3 { margin: 1px 1px 12px 1px ; /* padding: 3px 6px; */ line-height: 1; background: #090; font-size: 16px; font-weight: bold; color: #FFF; } #c-sidebar .c-short-msg { font-size: 83%; padding: 1em; } #c-sidebar .c-sidebar-module { width: 178px; border: 1px solid #ccc; padding: 0; background: #fff; margin-bottom: 10px; } #c-sidebar ul { list-style-type: none; margin: 0; padding: 0; } #c-sidebar ul li { font-size: 12px; line-height: 1; margin: 0 0 8px 8px; padding: 0 0 0 1em; background: url(/user_file/s118806841-sh/etc/marker_right_tri.gif) left top no-repeat; } #c-sidebar ul.c-sidebar-banner li { margin: 0 0 10px 0; padding: 0; background: none; } #c-sidebar ul.c-sidebar-banner li p { font-size: 11px; line-height: 1.25; color: #666; margin: 0 5px; } #c-sidebar img.c-qr { display: block; margin: 0 auto 10px auto; /text-align: center; } /* content */ #c-content { width: 580px; /* margin-left: 9px; */ background: #fff; padding: 0 11px 15px 19px; } #c-content { /* if IE */ /width: 610px; } #c-content .ph { margin: 10px auto; background: #fff; } #c-content .ph-r { display: block; float: right; margin: 0 0 10px 10px; background: #FFF; } #c-content .ph-l { display: block; float: left; margin: 0 10px 10px 0; background: #FFF; } #c-content .ph-c { display: block; margin: 0 auto 10px auto; background: #fff; /text-align: center; } #c-content em { font-style: normal; } #c-content h1 { text-align: center; font-size: 24px; font-weight: bold; line-height: 1; background: #CFF; color:#090; /* padding: 5px; border-bottom: 1px solid #09F; */ margin: 0 0 10px 0; } #c-content h2 { border-bottom: 2px solid #008737; padding-bottom: 2px; font-size: 20px; margin-bottom: 10px; } #c-content h2 em { color:#F60; } #c-content h2 a { color:#F60 !important; } #c-content h3 { font-size: 14px; font-weight: bold; line-height: 1.4; padding: 0.2em 0.8em; color: #360; background: #9F6; margin-bottom: 1em; } #c-content h4 { padding: 0; font-size: 12px; line-height: 1.6; margin: 0 0 1em 0; font-weight: bold; } #c-content p, #c-content li, #c-content dt, #c-content dd { margin: 0; padding: 0; font-size: 12px; line-height: 1.6; } #c-content p.c-subtitle { font-size: 12px; font-weight: bold; line-height: 1.5; color:#F60; maring-bottom: 1em; } #c-content p.c-comment { color: #326532; text-align: center; } #c-content dt { font-weight: bold; } #c-content .c-lead { width: 100%; margin-bottom: 20px; font-size: 16px; line-height: 1.5; clear: both; } #c-content .c-lead p { font-weight: bold; } #c-content .c-lead ul { width: 100%; } #c-content .c-lead ul li { width: 50%; float: left; } #c-content .c-section { width: 100%; margin-bottom: 20px; clear: both; } #c-content .c-subsec { width: 500px; margin: 0 auto 12px auto; /margin: 0 12px 12px 12px; clear: both; } #c-content ul.readmore { margin-top: 20px; } #c-content ul.readmore li a { display: block; background: url(/user_file/s118806841-sh/etc/bg_readmore_small.gif) left top no-repeat; width: 252px; height: 33px; overflow: visible; text-align: center; font-size: 12px; font-weight: bold; line-height: 1; padding-top: 12px; color: #333; float: right; } #c-content table { border: 0; table-layout: auto; border-spacing: 0; border-collapse: collapse; width: auto; } #c-content table td, #c-content table th { padding: 0; border: 0; font-size: 12px; line-height: 1.2; } #c-content table th { text-align: left; } /* main */ #c-mainimage { width: 800px; height: 200px; overflow: hidden; background: url(/user_file/s118806841-sh/etc/flash_alt_20120119.jpg) left top no-repeat; } #c-slide { position: absolute; /*width: 250px; height: 165px; left: 460px; top: 136px;*/ width: 272px; height: 170px; left: 445px; top: 137px; } #c-content .c-front-banner { width: 600px; } #c-content .c-front-banner li { float: left; margin-right: 20px; } #c-content .c-content-header { display: block; padding-bottom: 10px; } #c-content ul#c-whatsnew li { font-size: 13px; line-height: 1; margin: 0 0 8px 8px; padding: 0 0 0 1em; background: url(/user_file/s118806841-sh/etc/marker_right_tri.gif) left top no-repeat; } /* footer */ #c-footer { width: 800px; margin: 0 auto 20px auto; border-top: 1px solid #ccc; padding: 20px 0; background: #CBE494 url(/user_file/s118806841-sh/etc/footer_bg.gif) left bottom no-repeat; border-top: 2px solid #008636; } #c-footer address { font-size: 12px; } #c-footer ul, #c-footer li { list-style-type: none; margin: 0 0 0.5em 0; padding: 0; } #c-footer li { display: inline; border-right: 1px solid #ccc; padding: 0 0.5em; } #c-footer li.last { border-right: none; padding-right: 0; } /* kuu */ #c-content .c-koo { width: 564px; margin: 0 auto; /margin: 0 8px; } #c-content .c-koo .koo-ph { float: left; width: 166px; } #c-content .c-koo .koo-prof { float: right; width: 388px; } #c-content .c-koo .c-lead { clear: both; width: 538px; /width: 568px; background: #FFFFCB; border-left: 10px solid #CBFF65; padding: 10px; } #c-content .c-koo .c-lead p { font-weight: normal; } /* recipe */ #c-content #c-recipe { width: 524px; margin: 0 auto; /margin: 0 28px; } #c-content #c-recipe .c-lead ul { width: 500px; margin: 0 auto; /margin: 0 12px; } #c-content #c-recipe h2 { background: #3298FF; color: #fff; border: none; text-align: center; font-size: 16px; line-height: 1; padding: 0.4em 0; } #c-content #c-recipe dl dd { margin-bottom: 0.4em; } #c-content #c-recipe dl dd.last { border-bottom: 1px solid #98CB32; margin-left: 2em; } #c-content #c-recipe dl dd ol li { border-bottom: 1px solid #98CB32; margin-left: 2em; list-style-type: decimal; list-style-position: outside; }