@charset "UTF-8";
/*------------------------------
reset
------------------------------*/
h1, h2, h3, h4, p, ul, li, dl, dt, dd {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

/*------------------------------
font
------------------------------*/
html {
  font-size: 62.5%; }

body {
  color: #333333;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo, 'ＭＳ Ｐゴシック',sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.231; }

body#recipe,
body#recipeDetail {
  background: #FFFFFF url(../_img/recipe/body_bg.jpg) no-repeat bottom center; }

/*------------------------------
link
------------------------------*/
a {
  color: #99824A;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

/*------------------------------
lightbox
------------------------------*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../_img/lightbox/overlay.png) repeat 0 0; }

#colorbox {
  outline: 0; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../_img/lightbox/controls.png) no-repeat -101px 0; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../_img/lightbox/controls.png) no-repeat -130px 0; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../_img/lightbox/controls.png) no-repeat -101px -29px; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../_img/lightbox/controls.png) no-repeat -130px -29px; }

#cboxMiddleLeft {
  width: 21px;
  background: url(../_img/lightbox/controls.png) left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url(../_img/lightbox/controls.png) right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url(../_img/lightbox/border.png) 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url(../_img/lightbox/border.png) 0 -29px repeat-x; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 28px; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxLoadingOverlay {
  background: url(../_img/lightbox/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic {
  background: url(../_img/lightbox/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../_img/lightbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../_img/lightbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../_img/lightbox/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/*------------------------------
common
------------------------------*/
.clearfix, #gnav .gnav-inner ul, #content-index .row,
#content-indexNew .row,
#content-prof .row,
#content-news .row,
#content-productIndex .row,
#content-products .row,
#content-productList .row,
#content-inq .row,
#content-recipe .row, #content-prof .content-inner .col-center .history .outline-inner, #content-cm .content-inner, #content-cm .content-inner .col-left .cm .cm-inner, #content-productIndex .content-inner .col-left .list ul, #content-productList .content-inner .col-left .items, #content-productList .content-inner .col-left .items .item-col, #content-recipe .content-inner .col-center .list .items, #content-recipe .content-inner .col-center .index ul, #content-recipe .content-inner .col-center .detail .items, #maesato .maesato-inner, #footer .footer-inner ul {
  *zoom: 1; }
  .clearfix:after, #gnav .gnav-inner ul:after, #content-index .row:after,
  #content-indexNew .row:after,
  #content-prof .row:after,
  #content-news .row:after,
  #content-productIndex .row:after,
  #content-products .row:after,
  #content-productList .row:after,
  #content-inq .row:after,
  #content-recipe .row:after, #content-prof .content-inner .col-center .history .outline-inner:after, #content-cm .content-inner:after, #content-cm .content-inner .col-left .cm .cm-inner:after, #content-productIndex .content-inner .col-left .list ul:after, #content-productList .content-inner .col-left .items:after, #content-productList .content-inner .col-left .items .item-col:after, #content-recipe .content-inner .col-center .list .items:after, #content-recipe .content-inner .col-center .index ul:after, #content-recipe .content-inner .col-center .detail .items:after, #maesato .maesato-inner:after, #footer .footer-inner ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden; }

.fade:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

.mb00 {
  margin-bottom: 0px !important; }

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

.mb10 {
  margin-bottom: 10px !important; }

.mb13 {
  margin-bottom: 13px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml05 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

/*------------------------------
container
------------------------------*/
#container {
  background: url(../_img/common/container_bg.jpg) repeat-x top center; }

/*------------------------------
header
------------------------------*/
#header {
  margin: 0 auto;
  position: relative;
  width: 959px; }
  #header .logo {
    padding: 22px 0 0 0;
    text-align: center; }

/*------------------------------
gnav
------------------------------*/
#gnav {
  margin: 0 auto;
  position: relative;
  width: 959px; }
  #gnav .gnav-inner {
    margin: 0 0 21px 166px;
    position: relative; }
    #gnav .gnav-inner li {
      display: block;
      float: left;
      width: 98px; }
      #gnav .gnav-inner li a {
        display: block; }
    #gnav .gnav-inner .li1 {
      margin: 0 79px 0 0; }
    #gnav .gnav-inner .li2,
    #gnav .gnav-inner .li3 {
      margin: 0 78px 0 0; }

/*------------------------------
visual
------------------------------*/
#visual {
  margin: 0 auto;
  position: relative;
  width: 959px; }

#recipe #visual,
#recipeDetail #visual {
  background: url(../_img/recipe/visual_bg.png) repeat-x top center;
  margin: 0;
  width: auto; }
  #recipe #visual .about,
  #recipeDetail #visual .about {
    text-align: center; }
  #recipe #visual .visual-inner,
  #recipeDetail #visual .visual-inner {
    background: url(../_img/recipe/visual-inner_bg.jpg) no-repeat top left;
    height: 616px;
    margin: 0 auto;
    position: relative;
    width: 959px; }
    #recipe #visual .visual-inner h1,
    #recipeDetail #visual .visual-inner h1 {
      position: absolute;
      top: 168px;
      right: 0;
      width: 340px; }
    #recipe #visual .visual-inner .rok,
    #recipeDetail #visual .visual-inner .rok {
      position: absolute;
      left: 35px;
      top: 111px;
      width: 204px; }
    #recipe #visual .visual-inner .profile,
    #recipeDetail #visual .visual-inner .profile {
      position: absolute;
      left: 26px;
      top: 492px;
      width: 217px; }

/*------------------------------
common
------------------------------*/
.line {
  border-top: 3px solid #E7C370; }

/*------------------------------
index
------------------------------*/
#content-index {
  margin: 0 auto;
  position: relative;
  width: 959px; }
  #content-index .content-inner .col-left {
    float: left;
    width: 623px; }
    #content-index .content-inner .col-left h1 {
      margin: 0 0 39px 11px; }
    #content-index .content-inner .col-left .news {
      border: 1px solid #C9CACA;
      padding: 40px 0 65px 0; }
      #content-index .content-inner .col-left .news h2 {
        margin: 0 0 10px 43px; }
      #content-index .content-inner .col-left .news .tbl {
        margin: 0 98px 0 43px; }
        #content-index .content-inner .col-left .news .tbl th {
          font-size: 14px;
          font-size: 1.4rem;
          text-align: left;
          padding: 0 0 10px 0;
          width: 170px; }
        #content-index .content-inner .col-left .news .tbl td {
          font-size: 14px;
          font-size: 1.4rem;
          padding: 0 0 10px 0;
          width: 310px; }
      #content-index .content-inner .col-left .news .more {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0 24px 0 0;
        text-align: right; }
      #content-index .content-inner .col-left .news .date {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        margin: 0 0 5px 0 !important; }
      #content-index .content-inner .col-left .news .tlt {
        font-size: 14px;
        font-size: 1.4rem;
        color: #99824A;
        font-weight: bold;
        margin: 0 0 10px 0; }
      #content-index .content-inner .col-left .news .detail {
        margin: 0 98px 0 43px; }
        #content-index .content-inner .col-left .news .detail p {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6;
          margin: 0 0 30px 0; }
        #content-index .content-inner .col-left .news .detail li {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6; }
    #content-index .content-inner .col-left .products h2 {
      margin: 0 0 10px 44px; }
    #content-index .content-inner .col-left .products ul {
      margin: 0 0 0 26px;
      width: 597px; }
    #content-index .content-inner .col-left .products li {
      display: inline-block; }
    #content-index .content-inner .col-left .about {
      margin: 0 0 0 44px; }
      #content-index .content-inner .col-left .about dt {
        margin: 0 0 10px 0; }
      #content-index .content-inner .col-left .about dd {
        margin: 0 0 10px 0; }
  #content-index .content-inner .col-right {
    float: right;
    position: relative;
    width: 286px; }
    #content-index .content-inner .col-right .banner li {
      margin: 0 0 10px 0; }

/*------------------------------
indexNew
------------------------------*/
#content-indexNew {
  margin: 0 auto;
  position: relative;
  width: 960px; }
  #content-indexNew .pickup ul {
    width: 960px; }
  #content-indexNew .pickup li {
    display: inline-block; }
  #content-indexNew .pickup .li1 {
    margin: 0 14px 0 0; }
  #content-indexNew .pickup .li2,
  #content-indexNew .pickup .li3 {
    margin: 0 15px 0 0; }
  #content-indexNew .products {
    position: relative;
    width: 960px; }
    #content-indexNew .products h2 {
      left: 43px;
      position: absolute;
      top: 0;
      width: 120px; }
    #content-indexNew .products ul {
      margin: 0 0 0 203px;
      width: 726px; }
    #content-indexNew .products li {
      display: inline-block; }
    #content-indexNew .products .li1 {
      margin: 0 43px 0 0; }
    #content-indexNew .products .li2 {
      margin: 0 28px 0 0; }
  #content-indexNew .content-inner .col-left {
    float: left;
    width: 454px; }
    #content-indexNew .content-inner .col-left h1 {
      margin: 0 0 39px 11px; }
    #content-indexNew .content-inner .col-left .news {
      border: 1px solid #C9CACA;
      padding: 40px 0 65px 0; }
      #content-indexNew .content-inner .col-left .news h2 {
        margin: 0 0 10px 43px; }
      #content-indexNew .content-inner .col-left .news .tbl {
        margin: 0 175px 0 29px; }
        #content-indexNew .content-inner .col-left .news .tbl dt {
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          text-align: left;
          padding: 0 0 10px 0; }
        #content-indexNew .content-inner .col-left .news .tbl dd {
          font-size: 14px;
          font-size: 1.4rem;
          margin: 0 0 0 15px;
          padding: 0 0 10px 0; }
      #content-indexNew .content-inner .col-left .news .more {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0 24px 0 0;
        text-align: right; }
      #content-indexNew .content-inner .col-left .news .date {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        margin: 0 0 5px 0 !important; }
      #content-indexNew .content-inner .col-left .news .tlt {
        font-size: 14px;
        font-size: 1.4rem;
        color: #99824A;
        font-weight: bold;
        margin: 0 0 10px 0; }
      #content-indexNew .content-inner .col-left .news .detail {
        margin: 0 98px 0 43px; }
        #content-indexNew .content-inner .col-left .news .detail p {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6;
          margin: 0 0 30px 0; }
        #content-indexNew .content-inner .col-left .news .detail li {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6; }
    #content-indexNew .content-inner .col-left .about {
      margin: 0 0 0 44px; }
      #content-indexNew .content-inner .col-left .about dt {
        margin: 0 0 10px 0; }
      #content-indexNew .content-inner .col-left .about dd {
        margin: 0 0 10px 0; }
  #content-indexNew .content-inner .col-right {
    float: right;
    position: relative;
    width: 450px; }

/*------------------------------
news
------------------------------*/
#content-news {
  margin: 0 auto;
  padding: 40px 0 0 0;
  position: relative;
  width: 959px; }
  #content-news .content-inner .col-left {
    float: left;
    width: 623px; }
    #content-news .content-inner .col-left h1 {
      margin: 0 0 39px 11px; }
    #content-news .content-inner .col-left .news {
      border: 1px solid #C9CACA;
      padding: 40px 0 65px 0; }
      #content-news .content-inner .col-left .news h2 {
        margin: 0 0 10px 43px; }
      #content-news .content-inner .col-left .news .tbl {
        margin: 0 98px 0 43px; }
        #content-news .content-inner .col-left .news .tbl th {
          font-size: 14px;
          font-size: 1.4rem;
          text-align: left;
          padding: 0 0 10px 0;
          width: 170px; }
        #content-news .content-inner .col-left .news .tbl td {
          font-size: 14px;
          font-size: 1.4rem;
          padding: 0 0 10px 0;
          width: 310px; }
      #content-news .content-inner .col-left .news .more {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0 24px 0 0;
        text-align: right; }
      #content-news .content-inner .col-left .news .date {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        margin: 0 0 5px 0 !important; }
      #content-news .content-inner .col-left .news .tlt {
        font-size: 14px;
        font-size: 1.4rem;
        color: #99824A;
        font-weight: bold;
        margin: 0 0 10px 0; }
      #content-news .content-inner .col-left .news .detail {
        margin: 0 98px 0 43px; }
        #content-news .content-inner .col-left .news .detail p {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6;
          margin: 0 0 30px 0; }
        #content-news .content-inner .col-left .news .detail li {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6; }
    #content-news .content-inner .col-left .products h2 {
      margin: 0 0 10px 44px; }
    #content-news .content-inner .col-left .products ul {
      margin: 0 0 0 26px;
      width: 597px; }
    #content-news .content-inner .col-left .products li {
      display: inline-block; }
    #content-news .content-inner .col-left .about {
      margin: 0 0 0 44px; }
      #content-news .content-inner .col-left .about dt {
        margin: 0 0 10px 0; }
      #content-news .content-inner .col-left .about dd {
        margin: 0 0 10px 0; }
  #content-news .content-inner .col-right {
    float: right;
    position: relative;
    width: 286px; }
    #content-news .content-inner .col-right .banner li {
      margin: 0 0 10px 0; }

/*------------------------------
prof
------------------------------*/
#content-prof .content-inner {
  padding: 42px 0 0 0; }
  #content-prof .content-inner .col-center {
    margin: 0 auto;
    width: 959px;
    position: relative; }
    #content-prof .content-inner .col-center .office,
    #content-prof .content-inner .col-center .history,
    #content-prof .content-inner .col-center .outline {
      position: relative; }
      #content-prof .content-inner .col-center .office h2,
      #content-prof .content-inner .col-center .history h2,
      #content-prof .content-inner .col-center .outline h2 {
        margin: 0 0 34px 10px; }
      #content-prof .content-inner .col-center .office .tbl,
      #content-prof .content-inner .col-center .history .tbl,
      #content-prof .content-inner .col-center .outline .tbl {
        margin: 0 0 0 123px; }
        #content-prof .content-inner .col-center .office .tbl dt {
          font-weight: bold;
          line-height: 1.6;
          padding: 0 0 10px 0; }
        #content-prof .content-inner .col-center .office .tbl dd {
          line-height: 1.6;
          padding: 0 0 30px 0; }
        #content-prof .content-inner .col-center .office .tbl th,
        #content-prof .content-inner .col-center .history .tbl th,
        #content-prof .content-inner .col-center .outline .tbl th {
          font-weight: bold;
          line-height: 1.6;
          padding: 0 0 30px 0;
          text-align: left;
          vertical-align: top;
          width: 72px; }
        #content-prof .content-inner .col-center .office .tbl td,
        #content-prof .content-inner .col-center .history .tbl td,
        #content-prof .content-inner .col-center .outline .tbl td {
          line-height: 1.6;
          padding: 0 0 30px 0;
          width: 240px; }
      #content-prof .content-inner .col-center .office .gmap,
      #content-prof .content-inner .col-center .outline .gmap {
        position: absolute;
        top: 0;
        right: 0;
        height: 300px;
        width: 360px; }
    #content-prof .content-inner .col-center .history .tbl th {
      padding: 0 0 10px 0;
      width: 100px; }
    #content-prof .content-inner .col-center .history .tbl td {
      padding: 0 0 10px 0;
      width: auto; }
    #content-prof .content-inner .col-center .outline .tbl th {
      padding: 0 0 10px 0; }
    #content-prof .content-inner .col-center .outline .tbl td {
      padding: 0 0 10px 0;
      width: 730px; }
    #content-prof .content-inner .col-center .history .outline-inner {
      margin: 0 0 0 40px;
      width: 873px; }
      #content-prof .content-inner .col-center .history .outline-inner .figure {
        float: left;
        width: 490px; }
      #content-prof .content-inner .col-center .history .outline-inner .desc {
        float: right;
        width: 360px; }
        #content-prof .content-inner .col-center .history .outline-inner .desc p {
          line-height: 1.6; }
    #content-prof .content-inner .col-center .safety {
      background: url(../_img/prof/safety_bg.jpg) no-repeat right top;
      width: 923px; }
      #content-prof .content-inner .col-center .safety h2 {
        margin: 0 0 39px 10px; }
      #content-prof .content-inner .col-center .safety div {
        margin: 0 0 0 50px;
        width: 492px; }
      #content-prof .content-inner .col-center .safety h3 {
        font-size: 15px;
        font-size: 1.5rem;
        color: #99824A;
        font-weight: bold;
        margin: 0 0 10px 0; }
      #content-prof .content-inner .col-center .safety h4 {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
        margin: 0 0 8px 0; }
      #content-prof .content-inner .col-center .safety p {
        line-height: 1.6; }

/*------------------------------
cm
------------------------------*/
#content-cm {
  padding: 40px 0 0 0; }
  #content-cm .content-inner {
    margin: 0 auto;
    position: relative;
    width: 959px; }
    #content-cm .content-inner .col-left {
      float: left;
      width: 623px; }
      #content-cm .content-inner .col-left .cm h2 {
        margin: 0 0 43px 12px; }
      #content-cm .content-inner .col-left .cm .cm-inner {
        margin: 0 0 0 50px;
        width: 580px; }
      #content-cm .content-inner .col-left .cm .col {
        float: left;
        margin: 0 50px 0 0;
        width: 240px; }
      #content-cm .content-inner .col-left .cm .figure {
        margin: 0 0 5px 0; }
      #content-cm .content-inner .col-left .cm .tbl th {
        padding: 0;
        vertical-align: top; }
      #content-cm .content-inner .col-left .cm .tbl td {
        padding: 0;
        vertical-align: top; }
      #content-cm .content-inner .col-left .cm .more {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0 24px 0 0;
        text-align: right; }
      #content-cm .content-inner .col-left .cm .inline-content {
        display: none; }
      #content-cm .content-inner .col-left .products h2 {
        margin: 0 0 10px 44px; }
      #content-cm .content-inner .col-left .products ul {
        margin: 0 0 0 26px;
        width: 597px; }
      #content-cm .content-inner .col-left .products li {
        display: inline-block; }
      #content-cm .content-inner .col-left .about {
        margin: 0 0 0 44px; }
        #content-cm .content-inner .col-left .about dt {
          margin: 0 0 10px 0; }
        #content-cm .content-inner .col-left .about dd {
          margin: 0 0 10px 0; }
    #content-cm .content-inner .col-right {
      float: right;
      position: relative;
      width: 286px; }
      #content-cm .content-inner .col-right .banner li {
        margin: 0 0 10px 0; }

/*------------------------------
products
------------------------------*/
#content-productIndex {
  padding: 40px 0 0 0; }
  #content-productIndex .content-inner {
    margin: 0 auto;
    position: relative;
    width: 959px; }
    #content-productIndex .content-inner .col-left {
      float: left;
      width: 645px; }
      #content-productIndex .content-inner .col-left h1 {
        margin: 0 0 33px 46px; }
      #content-productIndex .content-inner .col-left .list {
        margin: 0 0 0 46px; }
        #content-productIndex .content-inner .col-left .list ul {
          width: 599px; }
        #content-productIndex .content-inner .col-left .list li {
          float: left; }
        #content-productIndex .content-inner .col-left .list .li1,
        #content-productIndex .content-inner .col-left .list .li2 {
          margin: 0 0 40px 0; }
    #content-productIndex .content-inner .col-right {
      float: right;
      position: relative;
      width: 286px; }
      #content-productIndex .content-inner .col-right .banner li {
        margin: 0 0 10px 0; }

#content-products {
  padding: 19px 0 0 0; }
  #content-products .content-inner {
    margin: 0 auto;
    position: relative;
    width: 921px; }
    #content-products .content-inner .col-left {
      float: left;
      position: relative;
      width: 694px; }
      #content-products .content-inner .col-left h1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 414px; }
      #content-products .content-inner .col-left .w670 {
        width: 670px; }
      #content-products .content-inner .col-left .list {
        margin: 0 0 0 414px;
        padding: 24px 0 0 0; }
        #content-products .content-inner .col-left .list ul {
          margin: 0 0 20px 0; }
        #content-products .content-inner .col-left .list li {
          margin: 0 0 9px 0; }
        #content-products .content-inner .col-left .list p {
          line-height: 1.6;
          margin: 0 0 0 10px; }
    #content-products .content-inner .col-right {
      float: right;
      position: relative;
      width: 205px; }
      #content-products .content-inner .col-right .banner li {
        margin: 0 0 10px 0; }

#content-productList {
  margin: 0 auto;
  position: relative;
  width: 959px; }
  #content-productList .content-inner .col-left {
    float: left;
    width: 623px; }
    #content-productList .content-inner .col-left h2 {
      margin: 0 0 18px 7px; }
    #content-productList .content-inner .col-left .outline {
      margin: 0 0 20px 22px;
      line-height: 1.6; }
    #content-productList .content-inner .col-left .items {
      border-left: 1px solid #BDBEBE;
      border-top: 1px solid #BDBEBE;
      margin: 0 0 45px 3px;
      width: 621px; }
      #content-productList .content-inner .col-left .items .item {
        border-bottom: 1px solid #BDBEBE;
        border-right: 1px solid #BDBEBE;
        float: left;
        padding: 0 0 30px 0;
        width: 206px; }
        #content-productList .content-inner .col-left .items .item h3 {
          margin: 0 0 20px 0; }
        #content-productList .content-inner .col-left .items .item p {
          font-size: 10px;
          font-size: 1rem;
          line-height: 1.6;
          margin: 0 9px; }
        #content-productList .content-inner .col-left .items .item .desc {
          margin: 0 9px 25px 9px; }
        #content-productList .content-inner .col-left .items .item li {
          font-size: 10px;
          font-size: 1rem;
          line-height: 1.6;
          margin: 0 9px 5px 9px; }
      #content-productList .content-inner .col-left .items .item-col {
        border-bottom: 1px solid #BDBEBE;
        border-right: 1px solid #BDBEBE;
        width: 413px; }
        #content-productList .content-inner .col-left .items .item-col .txt {
          float: right;
          width: 197px; }
          #content-productList .content-inner .col-left .items .item-col .txt h3 {
            margin: 0 0 15px 0;
            padding: 15px 0 0 0; }
          #content-productList .content-inner .col-left .items .item-col .txt p {
            font-size: 10px;
            font-size: 1rem;
            line-height: 1.6;
            margin: 0 10px 0 0; }
          #content-productList .content-inner .col-left .items .item-col .txt .desc {
            margin: 0 10px 25px 0; }
          #content-productList .content-inner .col-left .items .item-col .txt li {
            font-size: 10px;
            font-size: 1rem;
            line-height: 1.6;
            margin: 0 10px 5px 0; }
        #content-productList .content-inner .col-left .items .item-col .pic {
          float: left;
          width: 197px; }
    #content-productList .content-inner .col-left .w414 {
      width: 414px !important; }
  #content-productList .content-inner .col-right {
    float: right;
    position: relative;
    width: 286px; }
    #content-productList .content-inner .col-right .banner li {
      margin: 0 0 10px 0; }

/*------------------------------
inq
------------------------------*/
#content-inq .content-inner {
  padding: 40px 0 0 0; }
  #content-inq .content-inner .col-center {
    margin: 0 auto;
    width: 959px;
    position: relative; }
    #content-inq .content-inner .col-center .inquiry {
      position: relative; }
      #content-inq .content-inner .col-center .inquiry h2 {
        margin: 0 0 38px 11px; }
      #content-inq .content-inner .col-center .inquiry .outline {
        line-height: 1.6;
        margin: 0 0 54px 49px; }
      #content-inq .content-inner .col-center .inquiry .tbl {
        margin: 0 0 0 49px; }
        #content-inq .content-inner .col-center .inquiry .tbl th {
          padding: 10px 0 20px 0;
          text-align: left;
          vertical-align: top;
          width: 188px; }
        #content-inq .content-inner .col-center .inquiry .tbl td {
          padding: 0 0 20px 0;
          width: 490px; }
      #content-inq .content-inner .col-center .inquiry input::-webkit-input-placeholder,
      #content-inq .content-inner .col-center .inquiry textarea::-webkit-input-placeholder {
        color: #666666; }
      #content-inq .content-inner .col-center .inquiry input[type="text"] {
        background: #FCF6CF;
        border: 1px solid #000000;
        padding: 5px;
        width: 470px; }
      #content-inq .content-inner .col-center .inquiry select {
        background: #FCF6CF; }
      #content-inq .content-inner .col-center .inquiry textarea {
        background: #FCF6CF;
        border: 1px solid #000000;
        padding: 5px;
        width: 470px; }
      #content-inq .content-inner .col-center .inquiry .btn {
        margin: 0 0 20px 188px; }
        #content-inq .content-inner .col-center .inquiry .btn input {
          background: #FFFFFF;
          border: 1px solid #000000;
          font-size: 14px;
          font-size: 1.4rem;
          color: #000000;
          padding: 10px 20px; }

/*------------------------------
recipe
------------------------------*/
#content-recipe .content-inner .col-center {
  margin: 0 auto;
  width: 959px;
  position: relative; }
  #content-recipe .content-inner .col-center .list {
    margin: 0 0 0 25px; }
    #content-recipe .content-inner .col-center .list h2 {
      margin: 0 0 30px 0; }
    #content-recipe .content-inner .col-center .list .items {
      width: 918px; }
      #content-recipe .content-inner .col-center .list .items .item {
        float: left;
        margin: 0 12px 30px 0;
        width: 294px; }
        #content-recipe .content-inner .col-center .list .items .item h3 {
          margin: 0 0 10px 0; }
  #content-recipe .content-inner .col-center .index {
    height: 195px;
    position: relative; }
    #content-recipe .content-inner .col-center .index .pic {
      position: absolute;
      left: 0;
      top: 0; }
    #content-recipe .content-inner .col-center .index .links {
      font-size: 13px;
      font-size: 1.3rem;
      position: absolute;
      right: 45px;
      bottom: 0;
      text-align: right; }
      #content-recipe .content-inner .col-center .index .links a {
        color: #000000; }
    #content-recipe .content-inner .col-center .index .links2 {
      font-size: 13px;
      font-size: 1.3rem;
      position: absolute;
      right: 45px;
      bottom: 32px;
      text-align: right; }
      #content-recipe .content-inner .col-center .index .links2 a {
        color: #000000; }
    #content-recipe .content-inner .col-center .index h1 {
      margin: 0 0 21px 233px;
      padding: 21px 0 0 0; }
    #content-recipe .content-inner .col-center .index ul {
      margin: 0 0 0 233px; }
      #content-recipe .content-inner .col-center .index ul li {
        display: inline-block; }
      #content-recipe .content-inner .col-center .index ul .li1 {
        margin: 0 28px 13px 0; }
      #content-recipe .content-inner .col-center .index ul .li2 {
        margin: 0 0 13px 0; }
      #content-recipe .content-inner .col-center .index ul .li3 {
        margin: 0 15px 13px 0; }
      #content-recipe .content-inner .col-center .index ul .li4 {
        margin: 0 0 13px 0; }
      #content-recipe .content-inner .col-center .index ul .li5 {
        margin: 0 26px 0 0; }
      #content-recipe .content-inner .col-center .index ul .li7 {
        margin: 0 36px 10px 0; }
      #content-recipe .content-inner .col-center .index ul .li8 {
        margin: 0 0 10px 0; }
  #content-recipe .content-inner .col-center .detail h2 {
    margin: 0 0 18px 0; }
  #content-recipe .content-inner .col-center .detail .items {
    width: 959px; }
    #content-recipe .content-inner .col-center .detail .items .figure {
      float: left;
      margin: 0 21px 0 0;
      width: 453px; }
    #content-recipe .content-inner .col-center .detail .items .make {
      float: left;
      width: 221px; }
      #content-recipe .content-inner .col-center .detail .items .make dt {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4;
        margin: 0 0 5px 0; }
        #content-recipe .content-inner .col-center .detail .items .make dt span {
          color: #F6921E; }
      #content-recipe .content-inner .col-center .detail .items .make dd {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4;
        margin: 0 0 5px 0; }
    #content-recipe .content-inner .col-center .detail .items .point {
      float: right;
      width: 249px; }
      #content-recipe .content-inner .col-center .detail .items .point .category {
        margin: 0 0 27px 0;
        text-align: right; }
      #content-recipe .content-inner .col-center .detail .items .point .view {
        background: url(../_img/recipe/p1/view_bg.png) no-repeat left top;
        padding: 14px 0 0 0; }
        #content-recipe .content-inner .col-center .detail .items .point .view .view-inner {
          background: url(../_img/recipe/p1/view-inner_bg.png) repeat-y left top; }
          #content-recipe .content-inner .col-center .detail .items .point .view .view-inner p {
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.4;
            margin: 0 41px 0 15px; }
    #content-recipe .content-inner .col-center .detail .items .point2 {
      float: right;
      width: 427px; }
      #content-recipe .content-inner .col-center .detail .items .point2 .category {
        margin: 0 0 27px 0;
        text-align: right; }
      #content-recipe .content-inner .col-center .detail .items .point2 .view {
        background: url(../_img/recipe/p3/view_bg_2.png) no-repeat left top;
        padding: 14px 0 0 0; }
        #content-recipe .content-inner .col-center .detail .items .point2 .view .view-inner {
          background: url(../_img/recipe/p3/view-inner_bg_2.png) repeat-y left top; }
          #content-recipe .content-inner .col-center .detail .items .point2 .view .view-inner p {
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.4;
            margin: 0 41px 0 15px; }

/*------------------------------
maesato
------------------------------*/
#maesato .maesato-inner {
  margin: 0 auto;
  position: relative;
  width: 959px; }
  #maesato .maesato-inner .col-left {
    float: left;
    width: 623px; }
    #maesato .maesato-inner .col-left dl {
      margin: 0 0 0 44px; }
      #maesato .maesato-inner .col-left dl dt,
      #maesato .maesato-inner .col-left dl dd {
        margin: 0 0 10px 0; }
  #maesato .maesato-inner .col-right {
    float: right;
    position: relative;
    width: 286px; }

#prof #maesato .maesato-inner .col-left,
#products #maesato .maesato-inner .col-left,
#inq #maesato .maesato-inner .col-left {
  padding: 74px 0 0 0; }

#cm #maesato {
  padding: 50px 0 0 0; }

/*------------------------------
footer
------------------------------*/
#footer {
  border-bottom: 25px solid #E7C370;
  padding: 0 0 25px 0; }
  #footer .footer-inner {
    margin: 0 auto;
    text-align: center;
    width: 959px; }
    #footer .footer-inner li {
      font-size: 14px;
      font-size: 1.4rem;
      border-right: 1px solid #000000;
      display: inline-block;
      padding: 0 6px; }
      #footer .footer-inner li a {
        color: #000000; }
    #footer .footer-inner .last {
      border: none; }