/* CSS Document */
/* --------------------------------------------------------
*t_nav
-------------------------------------------------------- */
#t_nav {
  width: 890px;
  margin: 0 auto;
  z-index: 2;
}

#t_nav ul {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 9px;
}

#t_nav ul li {
  float: left;
  margin-right: 4px;
  position: relative;
}

#t_nav ul li p {
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: -9px;
  display: none;
}

#t_nav ul li.x3 {
  margin-right: 0;
}

/* --------------------------------------------------------
*sec
-------------------------------------------------------- */
.sec {
  padding: 28px 0;
  background: #fff;
  behavior: url(common/js/PIE.htc);
  -webkit-box-shadow: 1px 1px 3px 2px rgba(200, 200, 200, 0.4);
  -moz-box-shadow: 1px 1px 3px 2px rgba(200, 200, 200, 0.4);
  box-shadow: 1px 1px 3px 2px rgba(200, 200, 200, 0.4);
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 890px;
  margin: 0 auto;
  margin-top: -9px;
  margin-bottom: 27px;
}

.sec .in {
  width: 830px;
  margin: 0 auto;
}

.sec .topBox {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 17px;
}

.sec .topBox h3 {
  margin-bottom: 24px;
}

.sec .topBox .rightBox {
  width: 320px;
}

.sec .topBox .rightBox .material {
  background: #FAF7F2;
  padding: 13px 0;
}

.sec .topBox .rightBox .material h4 {
  margin-left: 17px;
  margin-bottom: 10px;
}

.sec .topBox .rightBox .material dl {
  width: 240px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  font-size: 115%;
}

.sec .topBox .rightBox .material dl dt {
  float: left;
}

.sec .topBox .rightBox .material dl dd {
  float: right;
  text-align: right;
}

.sec ul li {
  padding-top: 21px;
  margin-bottom: 23px;
  overflow: hidden;
  *zoom: 1;
  width: 828px;
}

.sec ul li dl {
  margin-top: 11px;
}

.sec ul li dl dt {
  margin-bottom: 20px;
}

.sec ul li dl dd {
  margin-left: 62px;
  width: 440px;
}

.sec ul li.odd dl {
  float: left;
}

.sec ul li.odd p {
  float: right;
}

.sec ul li.even dl {
  float: right;
}

.sec ul li.even p {
  float: left;
}

#sec_01 li {
  background: url(../img/cooking/sec_01_bg_01.gif) 0 0 repeat-x;
}

#sec_02 li {
  background: url(../img/cooking/sec_02_bg_01.gif) 0 0 repeat-x;
}

#sec_03 li {
  background: url(../img/cooking/sec_03_bg_01.gif) 0 0 repeat-x;
}

/* 140928 add */
.sec ul.column3 {
  overflow: hidden;
  *zoom: 1;
}
.sec ul.column3 li {
  overflow: hidden;
  *zoom: 1;
  float: left;
  margin: 0;
  padding: 20px 0;
  width: 276px;
}
.sec ul.column3 li dl {
  margin: 0 10px 0 20px;
}
.sec ul.column3 li dl dt {
  margin: 0 0 10px;
}
.sec ul.column3 li dl dd {
  width: auto;
  margin: 0;
}
.sec ul.column1 li {
  overflow: hidden;
  *zoom: 1;
}
.sec ul.column1 li dl,
.sec ul.column1 li p {
  float: left;
  margin-right: 20px;
}
.sec ul.column1 li dl {
  width: 296px;
  padding-left: 20px;
}
.sec ul.column1 li dl dt {
  margin: 0 0 10px;
  padding: 0;
}
.sec ul.column1 li dl dd {
  width: auto;
  margin: 0;
}

#sec_04 .column3 li {
  background: url(../img/cooking/sec_04_bg_02.gif) 0 0 repeat-y;
}
#sec_04 .column3 li:first-child {
  background: none;
}

#sec_05 .column3 li {
  background: url(../img/cooking/sec_05_bg_02.gif) 0 0 repeat-y;
}
#sec_05 .column3 li:first-child {
  background: none;
}

#sec_04 .column1 li {
  background: url(../img/cooking/sec_04_bg_01.gif) 0 0 repeat-x;
}

#sec_05 .column1 li {
  background: url(../img/cooking/sec_05_bg_01.gif) 0 0 repeat-x;
}