@charset "UTF-8";
/*reset*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, blockquote, form, table, input {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, th, td {
  font-size: 100%;
}

th, td {
  line-height: 1.4;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  border: none;
  vertical-align: bottom;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

/*end reset*/
/*print none*/
@media print {
  #topKv, #topCm .thumbnail {
    visibility: hidden;
  }
  #cm #newbeginning, #cm #newbeginningMenu li a, #cm #throb, #cm #throbMenu li a, #cm .cmList .thImg {
    visibility: hidden;
  }
  .presetntCampaign40th {
    visibility: hidden;
  }
}
/*base*/
html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  min-width: 960px;
  height: 100%;
  /*background: url(../images/pc/bg.png) center top;*/
  color: #333;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.1em;
}

a {
  color: #6E5739;
}
a:hover {
  color: #12298C;
}

/*float
.right { float:right!important; }
.left { float:left!important; }
*/
/*layout*/
.text-right {
  text-align: right;
}

.text-block, .bn {
  margin: 0 0 20px;
}

.center {
  text-align: center;
}

.clear {
  clear: both;
}

.mixi-check-button img {
  margin: 1px 0 0;
}

/*wrap*/
#wrap {
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  text-align: left;
}

/*header*/
html > body#top #headerRim {
  position: fixed;
}

#headerRim {
  position: relative;
  z-index: 100;
  width: 100%;
}

#headerWrap {
  margin: -300px 0 0;
  position: absolute;
  z-index: 100;
  width: 100%;
}

#headerIn {
  background: url(../images/pc/header/bg.png) repeat-x;
}

#downlifestyleWrap {
  visibility: hidden;
  color: #FFF;
  background: url(../images/pc/header/header-lifestyleBg.png) repeat-x center top;
  letter-spacing: normal;
}
#downlifestyleWrap .select {
  margin: 0 0 0 -5px;
}
#downlifestyleWrap #btn-lifestyleList {
  margin: -35px 0 0;
  position: relative;
  float: right;
  width: 253px;
}
#downlifestyleWrap #btn-lifestyleList a {
  display: block;
  width: 253px;
  height: 35px;
  background: url(../images/pc/header/btn-lifestyleList.png) no-repeat;
  text-indent: -9999px;
}
#downlifestyleWrap #btn-lifestyleList a:hover {
  background-position: 0 -35px;
}

#downlifestyle {
  margin: 0 auto;
  width: 960px;
  height: 300px;
}
#downlifestyle #headerLifestyleTitle {
  padding: 20px 0 0;
  height: 80px;
}

#headLifestyle {
  float: left;
  width: 640px;
}
#headLifestyle ul {
  border-right: 1px solid #3b568a;
}
#headLifestyle li {
  margin: 0 -1px 0 0;
  padding: 5px 5px 0;
  border: 1px solid #3b568a;
  float: left;
  width: 115px;
  font-size: 10px;
}
#headLifestyle li.hover {
  background: #008fc2;
}
#headLifestyle .name a {
  display: block;
  height: 24px;
  background: url(../images/pc/header/header-lifestyleList.png) no-repeat;
  text-indent: -9999px;
}
#headLifestyle #ol-1 a {
  background-position: 0 -24px;
}
#headLifestyle #businessman-1 a {
  background-position: 0 -48px;
}
#headLifestyle #housewife-1 a {
  background-position: 0 -72px;
}
#headLifestyle #activesenior-1 a {
  background-position: 0 -96px;
}

#headScene {
  float: right;
  width: 310px;
}

#headSceneTimeNow ul {
  border-bottom: 1px solid #3b568a;
}
#headSceneTimeNow li {
  margin: 0 0 -1px;
  border: 1px solid #3b568a;
}
#headSceneTimeNow a {
  padding: 4px;
  display: block;
  color: #FFF;
  background: url(/pc/common/images/icon-v.png) no-repeat right -53px;
  text-decoration: none;
}
#headSceneTimeNow a:hover {
  color: #FFF !important;
  background-color: #008fc2;
}

#nav {
  margin: 0 120px 0 0;
  padding: 6px 0 0;
  display: inline;
  float: right;
}
#nav li {
  float: left;
  text-indent: -9999px;
}
#nav a {
  margin: 1px 0 0;
  display: block;
  height: 68px;
  background: url(../images/pc/header/navi.png) no-repeat;
}

#navSpecial a {
  width: 101px;
}
#navSpecial a:hover {
  background-position: 0 -68px;
}

#navCm a {
  width: 90px;
  background-position: -101px 0;
}
#navCm a:hover {
  background-position: -101px -68px;
}

#cm #navCm a {
  background-position: -101px -68px;
}

#navProduct a {
  width: 100px;
  background-position: -191px 0;
}
#navProduct a:hover {
  background-position: -191px -68px;
}

#product #navProduct a {
  background-position: -191px -68px;
}

#navRecipe a {
  width: 100px;
  background-position: -291px 0;
}
#navRecipe a:hover {
  background-position: -291px -68px;
}

#recipe #navRecipe a {
  background-position: -291px -68px;
}

#navAbout a {
  width: 135px;
  background-position: -391px 0;
}
#navAbout a:hover {
  background-position: -391px -68px;
}

#about #navAbout a {
  background-position: -391px -68px;
}

#btn-topLifestyle {
  margin: 6px 10px 0 0;
  position: absolute;
  right: 0;
}
#btn-topLifestyle a {
  display: block;
  width: 106px;
  height: 106px;
  background: url(../images/pc/header/btn-lifestyle.png) no-repeat;
  text-indent: -9999px;
}
#btn-topLifestyle a:hover {
  background-position: 0 -106px;
}

#btn-lifestyle {
  margin: 0 0 0 5px;
  position: absolute;
  top: -1px;
  right: 0;
}
#btn-lifestyle a {
  display: block;
  width: 106px;
  height: 60px;
  background: url(../images/pc/header/btn-lifestyle-under.png) no-repeat;
  text-indent: -9999px;
}
#btn-lifestyle a:hover {
  background-position: 0 -60px;
}

/*topicpath*/
#topicpath {
  margin: 10px 0 40px;
  position: relative;
  z-index: 15;
  height: 12px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#topicpath li {
  padding: 0 0 0 12px;
  float: left;
  background: url(/pc/common/images/icon-v.png) no-repeat -3px -26px;
  font-size: 10px;
  line-height: 1.5;
}
#topicpath a {
  text-decoration: none;
}
#topicpath li:first-child {
  padding: 0;
  background: none;
}

/*contentsWrap*/
#contentsWrap {
  padding: 0 0 72px;
  position: relative;
  clear: both;
}

/*contentsIn*/
#contentsIn {
  margin: 0 auto;
  position: relative;
  width: 960px;
}

/*mainContents*/
#mainContents {
  float: left;
  width: 700px;
}

/*aside*/
#aside {
  float: right;
  width: 230px;
}

/*contents*/
.contents {
  margin: 0 0 40px;
}

.topSection {
  margin: 0 auto;
  position: relative;
  width: 960px;
}
.topSection h2 {
  background: url(../../images/pc/line.png) no-repeat right center;
}

.linkBtn {
  position: absolute;
  width: 955px;
}
.linkBtn a {
  position: absolute;
  right: 0;
}

.btn a {
  padding: 3px 15px 3px 10px;
  border-radius: 4px;
  display: inline-block;
  color: #FFF;
  background: #504639 url(/pc/common/images/icon-v.png) no-repeat right -53px;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
.btn a:hover {
  color: #FFF !important;
  background: #7a6b58 url(/pc/common/images/icon-v.png) no-repeat right -53px;
}

#pageTop {
  margin: 0 0 5px;
  clear: both;
  height: 42px;
}
#pageTop a {
  display: block;
  float: right;
  width: 121px;
  height: 42px;
  background: url(../images/pc/pageTop.png) no-repeat;
  text-indent: -9999px;
}
#pageTop a:hover {
  background-position: 0 -42px;
}

/*footer*/
#footerWrap {
  margin: -72px 0 0;
  border-top: 2px solid #F00;
  position: relative;
  z-index: 15;
  clear: both;
  height: 70px;
  background: #FFF;
  font-size: 10px;
}

#top #headerWrap {
  margin: 0;
}

#topKvWrap {
  margin: 0 0 30px;
  padding: 75px 0 0;
  position: relative;
}

#topKv {
  position: relative;
  height: 499px;
  background: url(../../images/pc/kv-bg-20140301.png) repeat-x center top;
  text-align: center;
}
#topKv .transparent {
  position: absolute;
  width: 100%;
}
#topKv .transparent img {
  width: 100%;
}

/* #topKv img { margin: 80px 0 0; } */
#top .linkBtn a {
  display: block;
  position: relative;
  width: 249px;
  height: 41px;
  background: url(../../images/pc/topLinkBtn.png) no-repeat;
  text-indent: -9999px;
}
#top .linkBtn span {
  margin: 13px 0 0 13px;
  display: block;
  position: relative;
  width: 249px;
  width: 249px;
  height: 41px;
  height: 41px;
  background: url(../../images/pc/topLinkBtn.png) no-repeat;
  text-indent: -9999px;
}
#top .linkBtn p {
  position: absolute;
  right: 0;
  width: 271px;
  height: 67px;
  background: url(../../images/pc/topLinkBtnBg.png) no-repeat;
}
#top .topSpecial p {
  z-index: 10;
}
#top .topSpecial span {
  background-position: 0 -41px !important;
}
#top .topCm a {
  background-position: 0 -82px;
}
#top .topCm span {
  background-position: 0 -123px;
}
#top .topSceneLifestyle a {
  background-position: 0 -164px;
}
#top .topSceneLifestyle span {
  background-position: 0 -205px;
}
#top .topProduct a {
  background-position: 0 -246px;
}
#top .topProduct span {
  background-position: 0 -287px;
}
#top .topRecipe a {
  background-position: 0 -328px;
}
#top .topRecipe span {
  background-position: 0 -369px;
}
#top .topAbout p {
  width: 310px;
  background: url(../../images/pc/topLinkBtnBgWide.png) no-repeat;
}
#top .topAbout a {
  width: 284px;
  background-position: 0 -410px;
}
#top .topAbout span {
  width: 284px;
  background-position: 0 -451px;
}
#top h2.topSection {
  background: url(../../images/pc/line.png) no-repeat right center;
}

/*topSpecial*/
#topSpecial {
  margin: 0 0 130px;
  padding: 15px 0 30px;
  position: relative;
  background: url(../../images/pc/special/pen.png) no-repeat center 520px;
}
#topSpecial h2 {
  background: url(../../images/pc/line.png) no-repeat 280px center;
}

#topBnrWrap {
  position: relative;
  top: 20px;
  left: -50px;
  z-index: 1;
  width: 622px;
  height: 422px;
  background: url(../../images/pc/special/campaignBg.png) no-repeat;
}

.presetntCampaign40th {
  position: relative;
}
.presetntCampaign40th .transparent {
  position: absolute;
}

#topBnr {
  position: absolute;
  top: 35px;
  left: 65px;
  width: 504px;
  height: 344px;
  overflow: hidden;
}

#topPagenationRim {
  position: absolute;
  top: 470px;
  width: 504px;
}

#topPagenation {
  position: relative;
  left: 50%;
  float: left;
}
#topPagenation #topPagenationIn {
  position: relative;
  left: -50%;
  float: left;
}
#topPagenation p {
  float: left;
}
#topPagenation #prev {
  display: inline-block;
  float: left;
  width: 16px;
  height: 16px;
  background: url(../../images/pc/special/pagenation.png) no-repeat;
  cursor: pointer;
}
#topPagenation #next {
  display: inline-block;
  float: left;
  width: 16px;
  height: 16px;
  background: url(../../images/pc/special/pagenation.png) no-repeat;
  background: url(../../images/pc/special/pagenation.png) no-repeat 0 -20px;
  cursor: pointer;
}
#topPagenation #pager {
  padding: 0 10px;
}
#topPagenation #pager a {
  margin: 0 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../images/pc/special/pagenation.png) no-repeat 0 -70px;
}
#topPagenation #pager a.selected {
  background: url(../../images/pc/special/pagenation.png) no-repeat 0 -45px;
}
#topPagenation #pager a span {
  display: none;
}
#topPagenation #next {
  display: inline-block;
  width: 16px;
}
#topPagenation #prev span {
  display: none;
}

#topSpecial #next span {
  display: none;
}

#topFeature {
  position: absolute;
  top: 100px;
  left: 500px;
  width: 445px;
  height: 340px;
  background: url(../../images/pc/special/featureBg.png) no-repeat;
}
#topFeature dl {
  margin: 0 0 0 100px;
  padding: 20px 0 0;
}
#topFeature dd a {
  display: block;
  text-indent: -9999px;
}
#topFeature .featureNavi a {
  margin: 0 0 -13px;
  width: 341px;
  height: 89px;
  background: url(../../images/pc/special/featureNavi.png) no-repeat;
}
#topFeature .featureReport a {
  margin: 0 0 -10px -5px;
  position: relative;
  z-index: 3;
  width: 342px;
  height: 95px;
  background: url(../../images/pc/special/featureReport.png) no-repeat;
}
#topFeature .featureLesson a {
  margin: 0 0 -10px;
  position: relative;
  left: 20px;
  width: 334px;
  height: 86px;
  background: url(../../images/pc/special/featureLesson.png) no-repeat;
}
#topFeature .featureWallpaper a {
  margin: 0 0 -10px;
  position: relative;
  left: 4px;
  width: 335px;
  height: 91px;
  background: url(../../images/pc/special/featureWallpaper.png) no-repeat;
}
#topFeature .featureNavi a:hover {
  background-position: 0 -90px;
}
#topFeature .featureReport a:hover {
  background-position: 0 -95px;
}
#topFeature .featureLesson a:hover {
  background-position: 0 -90px;
}
#topFeature .featureWallpaper a:hover {
  background-position: 0 -91px;
}

#topSpecial #topPackage {
  margin: 0 0 -160px 30px;
  position: relative;
  top: 70px;
  z-index: 5;
}
#topSpecial #topInfo {
  margin: 0 0 -300px;
  position: relative;
  top: -155px;
  left: 608px;
  width: 352px;
}
#topSpecial #topInfo dt {
  height: 65px;
  background: url(../../images/pc/special/infoTopBg.png) no-repeat;
}
#topSpecial #topInfo dd {
  padding: 0 30px 40px 20px;
  background: url(../../images/pc/special/infoBg.jpg) no-repeat center bottom;
}
#topSpecial #topInfo li {
  margin: 0 0 10px;
  position: relative;
  z-index: 5;
}
#topSpecial #topInfo span {
  display: block;
  font-size: 10px;
  font-weight: bold;
}
#topSpecial #topListInfo a {
  display: block;
  position: relative;
  top: 5px;
  left: 220px;
  z-index: 10;
  width: 99px;
  height: 52px;
  background: url(../../images/pc/special/listInfo.png) no-repeat;
  text-indent: -9999px;
}
#topSpecial #topListInfo a:hover {
  background-position: 0 -52px;
}
#topSpecial .linkBtn {
  margin: 35px 0 0;
  right: 13px;
}

/*topCm*/
#topCm {
  margin: 0 0 -50px;
  position: relative;
  height: 460px;
  background: url(../../images/pc/cm/cmBg.png) no-repeat center 60px;
}
#topCm h2 {
  background: url(../../images/pc/line.png) no-repeat 70px center;
}
#topCm dl {
  position: absolute;
  top: 110px;
  left: 635px;
  width: 300px;
}
#topCm dt {
  margin: 0 0 20px;
  padding: 10px 0 0 30px;
}
#topCm dd {
  margin: 0 0 0 25px;
  width: 280px;
  background: url(/pc/common/images/icon-v.png) no-repeat right 7px;
}
#topCm dd a {
  font-weight: bold;
  text-decoration: none;
}
#topCm .thumbnail {
  position: relative;
  top: 57px;
  left: 54px;
  width: 222px;
}
#topCm .linkBtn {
  bottom: -30px;
}
#topCm .transparent {
  position: absolute;
}

/*topProduct*/
#topProduct {
  margin: 0 0 60px;
  padding: 0 0 30px;
  position: relative;
  height: 640px;
  background: url(../../images/pc/product/bg.jpg) no-repeat center 50px;
}
#topProduct h2 {
  background: url(../../images/pc/line.png) no-repeat 260px center;
}
#topProduct .new {
  position: absolute;
  top: 0;
  left: 260px;
  width: 140px;
}
#topProduct .LBactive {
  position: absolute;
  top: 60px;
  left: 300px;
  width: 140px;
}
#topProduct .package, #topProduct .package-LBactive, #topProduct .package-kokuteOishi {
  position: absolute;
  top: 170px;
  width: 442px;
  height: 460px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#topProduct .package-LBactive {
  top: 130px;
}
#topProduct .topKokuteOishi {
  position: absolute;
  top: 58px;
  left: 210px;
  z-index: 90;
  width: 129px;
}
#topProduct .package-kokuteOishi {
  top: 150px;
  left: 10px;
}
#topProduct .newRelease {
  position: absolute;
  top: 345px;
  left: 40px;
  z-index: 10;
}
#topProduct .pkgName {
  margin-top: 20px;
}
#topProduct .linkBtn {
  position: absolute;
  top: 640px;
}
#topProduct #lineupWrap {
  position: absolute;
  top: 110px;
  left: 530px;
  width: 400px;
  height: 430px;
  overflow: hidden;
  font-size: 12px;
}
#topProduct #lineup {
  display: none;
}
#topProduct #lineup li {
  position: relative;
  float: left;
  width: 130px;
  height: 103px;
  background-repeat: no-repeat;
  background-position: center -65px;
}
#topProduct #lineup li a {
  padding: 10px;
  display: block;
  position: relative;
  z-index: 2;
  height: 83px;
  visibility: hidden;
  color: #FFF;
  background: #273c95;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
  letter-spacing: normal;
}
#topProduct #lineup li a:hover {
  color: #FFF !important;
}
#topProduct .yogurt a, #topProduct .drinkyogurt a {
  margin: 0 0 7px;
  display: block;
  height: 16px;
  background: url(../../images/pc/product/yogurt.png) no-repeat;
  text-indent: -9999px;
}
#topProduct .yogurt a {
  width: 188px;
}
#topProduct .yogurt a:hover {
  background-position: 0 -16px;
}
#topProduct .drinkyogurt a {
  width: 211px;
  background-position: 0 -32px;
}
#topProduct .drinkyogurt a:hover {
  background-position: 0 -48px;
}
#topProduct #topListYogurt {
  margin: 0 0 20px;
  height: 206px;
}
#topProduct #topListDrinkYogurt li {
  height: 160px;
  background-position: center -15px;
}
#topProduct #topListDrinkYogurt li a {
  height: 140px;
}
#topProduct #detail1 {
  background: url(../../product/images/data/1_137.png);
}
#topProduct #detail2 {
  background: url(../../product/images/data/2_137.png);
}
#topProduct #detail3 {
  background: url(../../product/images/data/3_137.png);
}
#topProduct #detail4 {
  background: url(../../product/images/data/4_137.png);
}
#topProduct #detail5 {
  background: url(../../product/images/data/5_137.png);
}
#topProduct #detail6 {
  background: url(../../product/images/data/6_137.png);
}
#topProduct #detail7 {
  background: url(../../product/images/data/7_137.png);
}
#topProduct #detail8 {
  background: url(../../product/images/data/8_137.png);
}
#topProduct #detail9 {
  background: url(../../product/images/data/9_137.png);
}
#topProduct #detail10 {
  background: url(../../product/images/data/10_137.png);
}
#topProduct #detail11 {
  background: url(../../product/images/data/11_137.png);
}
#topProduct #detail12 {
  background: url(../../product/images/data/12_137.png);
}
#topProduct #detail13 {
  background: url(../../product/images/data/13_137.png);
}
#topProduct #detail14 {
  background: url(../../product/images/data/14_137.png);
}
#topProduct #detail15 {
  background: url(../../product/images/data/15_137.png);
}
#topProduct #detail16 {
  background: url(../../product/images/data/16_137.png);
}
#topProduct #detail18 {
  background: url(../../product/images/data/18_137.png);
}
#topProduct #detail20 {
  background: url(../../product/images/data/20_137.png);
}
#topProduct #detail21 {
  background: url(../../product/images/data/21_137.png);
}
#topProduct #detail22 {
  background: url(../../product/images/data/22_137.png);
}
#topProduct #detail23 {
  background: url(../../product/images/data/23_137.png);
}
#topProduct #detail24 {
  background: url(../../product/images/data/24_137.png);
}
#topProduct #detail25 {
  background: url(../../product/images/data/25_137.png);
}
#topProduct #detail26 {
  background: url(../../product/images/data/26_137.png);
}
#topProduct #detail27 {
  background: url(../../product/images/data/27_137.png);
}
#topProduct #detail28 {
  background: url(../../product/images/data/28_137.png);
}
#topProduct #detail30 {
  background: url(../../product/images/data/30_137.png);
}
#topProduct #detail31 {
  background: url(../../product/images/data/31_137.png);
}
#topProduct #detail32 {
  background: url(../../product/images/data/32_137.png);
}
#topProduct #detail33 {
  background: url(../../product/images/data/33_137.png);
}
#topProduct #detail34 {
  background: url(../../product/images/data/34_137.png);
}
#topProduct #detail35 {
  background: url(../../product/images/data/35_137.png);
}
#topProduct #detail36 {
  background: url(../../product/images/data/36_137.png);
}
#topProduct #detail37 {
  background: url(../../product/images/data/37_137.png);
}
#topProduct #detail38 {
  background: url(../../product/images/data/38_137.png);
}
#topProduct #detail39 {
  background: url(../../product/images/data/39_137.png);
}
#topProduct #detail40 {
  background: url(../../product/images/data/40_137.png);
}
#topProduct #detail41 {
  background: url(../../product/images/data/41_137.png);
}
#topProduct #detail42 {
  background: url(../../product/images/data/42_137.png);
}
#topProduct #detail43 {
  background: url(../../product/images/data/43_137.png);
}
#topProduct #detail44 {
  background: url(../../product/images/data/44_137.png);
}
#topProduct #detail45 {
  background: url(../../product/images/data/45_137.png);
}
#topProduct #detail46 {
  background: url(../../product/images/data/46_137.png);
}
#topProduct #detail48 {
  background: url(../../product/images/data/48_137.png);
}
#topProduct #detail49 {
  background: url(../../product/images/data/49_137.png);
}
#topProduct #detail50 {
  background: url(../../product/images/data/50_137.png);
}
#topProduct #detail51 {
  background: url(../../product/images/data/51_137.png);
}
#topProduct #detail52 {
  background: url(../../product/images/data/52_137.png);
}
#topProduct #detail53 {
  background: url(../../product/images/data/53_137.png);
}
#topProduct #detail54 {
  background: url(../../product/images/data/54_137.png);
}
#topProduct #detail55 {
  background: url(../../product/images/data/55_137.png);
}
#topProduct #detail56 {
  background: url(../../product/images/data/56_137.png);
}
#topProduct #detail57 {
  background: url(../../product/images/data/57_137.png);
}
#topProduct #detail58 {
  background: url(../../product/images/data/58_137.png);
}
#topProduct #detail59 {
  background: url(../../product/images/data/59_137.png);
}
#topProduct #detail60 {
  background: url(../../product/images/data/60_137.png);
}
#topProduct #detail61 {
  background: url(../../product/images/data/61_137.png);
}
#topProduct #detail62 {
  background: url(../../product/images/data/62_137.png);
}
#topProduct #detail63 {
  background: url(../../product/images/data/63_137.png);
}
#topProduct #detail64 {
  background: url(../../product/images/data/64_137.png);
}
#topProduct #detail65 {
  background: url(../../product/images/data/65_137.png);
}
#topProduct #detail66 {
  background: url(../../product/images/data/66_137.png);
}
#topProduct #detail67 {
  background: url(../../product/images/data/67_137.png);
}
#topProduct #detail68 {
  background: url(../../product/images/data/68_137.png);
}
#topProduct #detail69 {
  background: url(../../product/images/data/69_137.png);
}
#topProduct #detail70 {
  background: url(../../product/images/data/70_137.png);
}
#topProduct #detail71 {
  background: url(../../product/images/data/71_137.png);
}
#topProduct #detail72 {
  background: url(../../product/images/data/72_137.png);
}
#topProduct #detail73 {
  background: url(../../product/images/data/73_137.png);
}
#topProduct #detail74 {
  background: url(../../product/images/data/74_137.png);
}
#topProduct #detail75 {
  background: url(../../product/images/data/75_137.png);
}
#topProduct #detail76 {
  background: url(../../product/images/data/76_137.png);
}
#topProduct #detail77 {
  background: url(../../product/images/data/77_137.png);
}
#topProduct #detail78 {
  background: url(../../product/images/data/78_137.png);
}
#topProduct #detail79 {
  background: url(../../product/images/data/79_137.png);
}
#topProduct .noscript ul {
  margin: 0 0 10px;
}
#topProduct .noscript li {
  line-height: 1.1;
}
#topProduct .noscript a {
  font-size: 10px;
}

/* #topProduct #detail17 { background: url(../../product/images/data/17_137.png);} */
/* #topProduct #detail19 { background: url(../../product/images/data/19_137.png);} */
/* #topProduct #detail29 { background: url(../../product/images/data/29_137.png);} */
/*topRecipe*/
#topRecipeWrap {
  position: relative;
  height: 650px;
  overflow: hidden;
}

#topRecipeRim {
  margin: 0 auto;
  position: relative;
  width: 960px;
}
#topRecipeRim h2.topSection {
  top: 60px;
  background: url(../../images/pc/line.png) no-repeat 268px center;
}
#topRecipeRim #topRecipePhoto {
  position: absolute;
  top: 115px;
  left: -175px;
}
#topRecipeRim #topTablewarePhoto {
  position: absolute;
  top: 230px;
  right: -300px;
}
#topRecipeRim #topRaisinPhoto {
  position: absolute;
  top: 0;
  right: -70px;
}
#topRecipeRim .linkBtn {
  top: 550px;
}
#topRecipeRim .btn-flow a {
  display: block;
  position: absolute;
  left: 380px;
  width: 182px;
  height: 182px;
  text-indent: -9999px;
}
#topRecipeRim #btn-flow1 a {
  top: 130px;
  background: url(../../images/pc/recipe/btn-flow.png) no-repeat;
}
#topRecipeRim #btn-flow1 a:hover {
  background-position: 0 -182px;
}
#topRecipeRim #btn-flow2 a {
  top: 445px;
  background: url(../../images/pc/recipe/btn-flow.png) no-repeat;
  background-position: -182px 0;
}
#topRecipeRim #btn-flow2 a:hover {
  background-position: -182px -182px;
}

/*topAbout*/
#topAboutWrap {
  position: relative;
  height: 860px;
  overflow: hidden;
}

#topAboutRim {
  margin: 0 auto;
  position: relative;
  width: 960px;
}
#topAboutRim h2.topSection {
  top: 170px;
  z-index: 2;
  background: url(../../images/pc/line.png) no-repeat 490px center;
}
#topAboutRim #topAboutCloth {
  position: absolute;
  top: 170px;
  left: -330px;
  z-index: 1;
}
#topAboutRim #topAboutCup {
  position: absolute;
  top: 360px;
  right: -340px;
  z-index: 4;
}
#topAboutRim #topAboutYB {
  position: absolute;
  top: 0;
  right: -130px;
  z-index: 3;
  width: 582px;
  height: 783px;
  background: url(../../images/pc/about/yogurtbook.png) no-repeat;
}
#topAboutRim #topAboutYB a {
  display: block;
  position: absolute;
  top: 320px;
  left: 50px;
  width: 400px;
  height: 188px;
  background: url(../../images/pc/about/yogurtbookTitle.png) no-repeat;
  text-indent: -9999px;
}
#topAboutRim #topAboutYB a:hover {
  background-position: 0 -188px;
}
#topAboutRim #topAboutBB {
  position: absolute;
  top: 430px;
  left: 0;
  z-index: 3;
  width: 507px;
  height: 387px;
  background: url(../../images/pc/about/bulgariabook.png) no-repeat;
}
#topAboutRim #topAboutBB a {
  display: block;
  position: absolute;
  top: 150px;
  left: 13px;
  width: 437px;
  height: 71px;
  background: url(../../images/pc/about/bulgariabookTitle.png) no-repeat;
  text-indent: -9999px;
}
#topAboutRim #topAboutBB a:hover {
  background-position: 0 -76px;
}
#topAboutRim .linkBtn {
  top: 670px;
  z-index: 10;
}
#topAboutRim #bookmark {
  padding: 17px 0 0 105px;
  position: absolute;
  top: 280px;
  left: 60px;
  width: 353px;
  height: 135px;
  background: url(../../images/pc/about/bookmarkBg.png) no-repeat;
}
#topAboutRim #bookmark p {
  display: inline;
}

#topSocialWrap {
  margin: 0 0 15px;
  padding: 15px 0 0;
  height: auto !important;
  height: 1%;
  overflow: hidden;
  background: url(../images/pc/line-01.png) repeat-x center top;
}
#topSocialWrap #social {
  margin: 0 auto;
  width: 950px;
}
#topSocialWrap #socialIn {
  float: right;
}
#topSocialWrap #socialIn p {
  margin: 0 0 0 5px;
  display: inline;
  float: left;
}

#kv {
  padding: 140px 0 0;
  border-bottom: 1px solid #a49d92;
  height: 100px;
}
#kv #pageTitle {
  margin: 0 auto;
  width: 960px;
}
#kv.twoLines {
  padding: 130px 0 0;
  height: 110px;
}

#kvPhoto {
  position: absolute;
  top: 70px;
  right: 0;
  z-index: 10;
}

html > body #kvPhoto {
  right: auto;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
html > body #kvPhoto img {
  position: relative;
  right: -250px;
}

.headline {
  margin: 0 0 25px;
  height: 48px;
  background: url(../images/pc/title-bg.png) no-repeat;
}
.headline img {
  margin: 14px 0 0 15px;
}

/*campaign*/
#campaign #campaignIn {
  padding: 0 6px 0 4px;
  width: 950px;
  background: url(../../special/images/pc/campaign/campBg.png) repeat-y;
}
#campaign #campaignIn h3 {
  margin: 0 0 10px;
  padding: 0 0 10px;
  background: url(../images/pc/line-02.png) repeat-x center bottom;
}
#campaign #campaignIn .contents {
  margin: 0;
  padding: 20px;
  border-top: 1px solid #ada79f;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#campaign #campaignIn .photo {
  float: left;
  width: 504px;
}
#campaign #campaignIn .description {
  padding: 20px;
  float: right;
  width: 346px;
  height: 343px;
  background: url(../../special/images/pc/campaign/descriptionBg.png) no-repeat;
}
#campaign #campaignIn .description p {
  margin: 0 0 10px;
}
#campaign #campaignIn .notes {
  font-size: 10px;
}

#special .wrapTop {
  padding: 10px 0 0;
  background: url(../../special/images/pc/campaign/campBgTop.png) no-repeat center top;
}
#special .wrapBottom {
  margin: 0 0 30px;
  padding: 0 0 10px;
  background: url(../../special/images/pc/campaign/campBgBottom.png) no-repeat center bottom;
}
#special .descriptionIn {
  margin: 0 0 10px;
  border-bottom: 1px dotted #CCC;
}
#special .contents.first {
  border: none !important;
}

#newFeature #newFeatureIn {
  padding: 0 6px 0 4px;
  width: 950px;
  background: url(../../special/images/pc/campaign/campBg.png) repeat-y;
}
#newFeature #newFeatureIn h3 {
  margin: 0 0 10px;
  padding: 0 0 10px;
  background: url(../images/pc/line-02.png) repeat-x center bottom;
}
#newFeature #newFeatureIn .contents {
  margin: 0;
  padding: 20px;
  border-top: 1px solid #ada79f;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#newFeature #newFeatureIn .photo {
  float: left;
  width: 504px;
}
#newFeature #newFeatureIn .description {
  padding: 20px;
  float: right;
  width: 346px;
  height: 343px;
  background: url(../../special/images/pc/campaign/descriptionBg.png) no-repeat;
}
#newFeature #newFeatureIn .description p {
  margin: 0 0 10px;
}
#newFeature #newFeatureIn .notes {
  font-size: 10px;
}

#feature #monthly {
  margin: 20px 0 10px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#feature #monthly li {
  float: left;
  width: 315px;
  height: 380px;
}
#feature #monthly #navi {
  background: url(../../special/images/pc/feature/monthly/naviBg.png) no-repeat;
}
#feature #monthly #report {
  margin: 0 5px;
  background: url(../../special/images/pc/feature/monthly/reportBg.png) no-repeat;
}
#feature #monthly #lesson {
  background: url(../../special/images/pc/feature/monthly/lessonBg.png) no-repeat;
}
#feature #monthly dt {
  height: 240px;
}
#feature #monthly dt img {
  margin: 108px 0 0 22px;
}
#feature #monthly dd .photo {
  margin: 0 10px 0 15px;
  display: inline;
  float: left;
  width: 120px;
}
#feature #monthly dd .detail {
  padding: 30px 0 0;
  position: relative;
  float: left;
  width: 160px;
  height: 90px;
  letter-spacing: normal;
}
#feature #monthly dd .detail .more {
  position: absolute;
  right: 10px;
  bottom: 0;
  letter-spacing: 0.1em;
}
#feature #wallpaper {
  margin: 0 0 20px;
}
#feature #other {
  margin: 30px 0 0;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#feature #other li {
  padding: 4px 0 0 4px;
  float: left;
  width: 187px;
  height: 309px;
  background: url(../../special/images/pc/feature/other/otherBg.png) no-repeat;
}

/* #feature .more a { padding: 0 15px 0 0; background: url(../../../common/images/pc/icon-v.png) no-repeat right 2px; text-decoration: none; font-size: 10px; } */
.external {
  background: url(/pc/common/images/icon-v.png) no-repeat 155px -45px;
}

/*cm*/
/*
#cm .cmPlay { position: relative; width: 960px; height: 488px; background: url(../../cm/images/pc/cmBg.png) no-repeat; }
#cm .cmBlock { margin: 0 0 50px; }
#cm .cmBlock h3 { margin: 0 0 -10px; padding: 0 0 15px; background: url(../images/pc/line-02.png) repeat-x center bottom; }
#cm .cmBlock li { margin: 0 0 5px; font-weight: bold; }
#cm .cmBlock ul { float: left; margin: 52px 0 0; }
#cm .cmBlock ul a,#cm .cmBlock ul span { display: block; width: 193px; height: 108px; border: 1px solid #CCC; text-indent: -9999px; }
#cm .cmBlock .coming span{ background: url(../../cm/images/pc/thumbnail-coming.jpg) no-repeat; }
#cm .cmBox { position: relative; display: inline; float: left; width: 672px; height: 375px; margin: 55px 20px 0 41px; background: #333; }
#cm #bulgariayogurt_rich_fruitsMenu li a{ background: url(../../cm/images/pc/thumbnail-rich_fruits.jpg) no-repeat center center; text-indent: -9999px; }
#cm #bulgariayogurt_bottle_Menu li a{ background: url(../../cm/images/pc/thumbnail-bottle.jpg) no-repeat center center; text-indent: -9999px; }
#cm #bulgariayogurt_esse5Menu li a{ background: url(../../cm/images/pc/thumbnail-recipe-plain.jpg) no-repeat center center; text-indent: -9999px; }
#cm #rawmilk100Menu li a{ background: url(../../cm/images/pc/thumbnail-rawmilk100.jpg) no-repeat center center; text-indent: -9999px; }
#cm #meijiBulgariaYogurtMenu li a{ background: url(../../cm/images/pc/thumbnail-meijibulgariayogurt.jpg) no-repeat center center; text-indent: -9999px; }
#cm #tsubutsubuMenu li.main a{ background: url(../../cm/images/pc/thumbnail-tsubutsubu.jpg) no-repeat center center; }
#cm #tsubutsubuMenu li.making a{ background: url(../../cm/images/pc/thumbnail-tsubutsubu-making.jpg) no-repeat center center; }
#cm .cmBlock ul a:hover,#cm .current { width: 189px!important; height: 104px!important; border: 3px solid #05258c!important; }
#cm .noscript { display: block; position: absolute; top:0; left: 0; width: 652px; height: 358px; padding: 20px 0 0 20px; background: #000; color: #FFF; }
#cm #newbeginning{ width: 672px; height: 378px; background: url(../../cm/images/data/newbeginning.jpg) no-repeat center top; }
#cm #newbeginningMenu li a{ background: url(../../cm/images/pc/thumbnail-newbeginning.jpg) no-repeat center center; }
#cm #newbeginningMenu li.making a{ background: url(../../cm/images/pc/thumbnail-newbeginning-makingImage.jpg) no-repeat center center; }
#cm #throb{ width: 672px; height: 378px; background: url(../../cm/images/data/newbeginning.jpg) no-repeat center top; }
#cm #throbMenu li a{ background: url(../../cm/images/pc/thumbnail-throb.jpg) no-repeat center center; }
#cm #throbMenu li.making a{ background: url(../../cm/images/pc/thumbnail-making.jpg) no-repeat center center; }

#cm #cheer{ width: 672px; height: 378px; background: url(../../cm/images/data/cheer.jpg) no-repeat center top; }
#cm #cheerMenu li a{ background: url(../../cm/images/pc/thumbnail-cheer.png) no-repeat center center; }
*/
/*cm*/
#cm h3 {
  margin: 0 0 10px;
  padding: 0 0 12px;
  background: url(../images/pc/line-02.png) repeat-x center bottom;
}
#cm #cm-throb .thImg a {
  background: url(../../cm/images/pc/th-throb.jpg) no-repeat;
}
#cm #cm-newbeginning .thImg a {
  background: url(../../cm/images/pc/th-newbeginning.jpg) no-repeat;
}
#cm #cm-bottle .thImg a {
  background: url(../../cm/images/pc/th-bottle.jpg) no-repeat;
}
#cm .cmList {
  margin: 0 0 30px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#cm .cmList li {
  float: left;
  width: 320px;
  height: 235px;
}
#cm .cmList .leftCm {
  background: url(../../cm/images/pc/cmLeftBg.png) no-repeat;
}
#cm .cmList .centerCm {
  background: url(../../cm/images/pc/cmCenterBg.png) no-repeat;
}
#cm .cmList .rightCm {
  background: url(../../cm/images/pc/cmRightBg.png) no-repeat;
}
#cm .cmList .thImg, #cm .cmList .mkImg, #cm .cmList .cmgImg {
  margin: 7px 0 0 8px;
  width: 300px;
  height: 169px;
}
#cm .cmList .thImg a, #cm .cmList .mkImg a, #cm .cmList .cmgImg span {
  display: block;
  height: 169px;
}
#cm .cmList .mkImg a {
  background: url(../../cm/images/pc/th-making.png) no-repeat;
}
#cm .cmList .cmgImg span {
  background: url(../../cm/images/pc/th-coming.png) no-repeat;
}
#cm .cmList .thImg a:hover, #cm .cmList .mkImg a:hover {
  background-position: 0 -169px !important;
}
#cm .cmList .text {
  padding: 5px 0 0 10px;
}
#cm .cmList .text a {
  padding: 0 16px 0 0;
  display: inline-block;
  color: #12367a;
  background: url(/pc/common/images/icon-v.png) no-repeat right 5px;
  text-decoration: none;
}

#cmPop {
  min-width: 750px;
  background: #000;
}
#cmPop #movieAreaWrap {
  border: 10px solid #FFF;
  width: 750px;
  height: 422px;
}

/*#product*/
/* #product #productTop{ width: 960px; } */
#product #productTop ul {
  margin: 0 0 100px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#product #productTop li {
  margin: 0 3px 10px 0;
  display: inline;
  float: left;
  width: 188px;
  height: 306px;
  background: url(../../product/images/pc/itemBg.png) no-repeat;
}
#product #productTop li p {
  position: relative;
}
#product #productTop li img {
  position: relative;
  z-index: 10;
}
#product #productTop .name {
  padding: 10px;
  font-size: 12px;
  line-height: 1.2;
}
#product #productTop a {
  color: #12367a;
  text-decoration: none;
}
#product #productTop .drinkyogurt {
  clear: both;
}
#product #productTop .new, #product #productTop .renew, #product #productTop .newpack {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 90px;
  height: 78px;
}
#product #productTop .new {
  background: url(../../product/images/pc/icon-new_s.png) no-repeat;
}
#product #productTop .renew {
  background: url(../../product/images/pc/icon-renew_s.png) no-repeat;
}
#product #productTop .newpack {
  background: url(../../product/images/pc/icon-newpack_s.png) no-repeat;
}
#product #productTop .tokuho {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 58px;
  height: 58px;
  background: url(../../product/images/pc/icon-tokuho_s.png) no-repeat;
}
#product #detail-wrap {
  padding: 0 9px 0 1px;
  background: url(../../product/images/pc/detailBg.png) repeat-y;
}
#product #detail {
  padding: 24px 24px 30px 24px;
}
#product #detail h1 {
  padding: 0 0 5px;
  color: #12367a;
  background: url(../images/pc/line-02.png) repeat-x center bottom;
  font-size: 20px;
}
#product #detailBottom {
  margin: 0 0 30px;
  font-size: 0;
}
#product #package {
  margin: 0 0 20px;
  position: relative;
  width: 640px;
  height: 460px;
  background: url(../../product/images/pc/detailPhotoBg.jpg) no-repeat;
}
#product #package p {
  text-align: center;
}
#product .icon {
  position: absolute;
}
#product .tokuho {
  position: absolute;
  right: 60px;
  bottom: 20px;
}
#product #info {
  margin: 0 0 20px;
}
#product #info h2, #product #info p {
  margin: 10px 0 0;
}
#product #freeArea {
  margin: 0 0 20px;
}
#product #freeArea h3 {
  margin: 0 0 10px;
  padding: 0 0 5px;
  background: url(../images/pc/line-03.png) repeat-x center bottom;
}
#product #freeArea p {
  margin: 0 0 10px;
  clear: both;
  overflow: hidden;
}
#product #freeArea img.right {
  margin: 0 0 0 10px;
  display: inline;
  float: right;
}
#product #freeArea img.left {
  margin: 0 10px 0 0;
  display: inline;
  float: left;
}
#product #tokuho {
  margin: 0 0 20px;
  padding: 40px 10px 0 240px;
  position: relative;
  left: -7px;
  width: 410px;
  height: 138px;
  color: #312310;
  background: url(../../product/images/pc/tokuhoBg.png) no-repeat;
}
#product #tokuho dt {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
}
#product #tokuho dd img {
  margin: 10px 0 0;
}
#product #table {
  width: 657px;
  background: url(../../product/images/pc/IngredientBg.png) repeat-y;
}
#product #table table {
  margin: 0 0 0 7px;
  position: relative;
  width: 640px;
}
#product #table th, #product #table td {
  padding: 3px 5px;
  border: 1px solid #7c97b2;
  border-right: none;
  border-bottom: none;
  font-size: 10px;
}
#product #table th:first-child {
  border-left: none;
}
#product #table p {
  margin-top: -10px;
}
#product #table .item {
  width: 50px;
}
#product #table .nutrition {
  width: 250px;
}
#product #table td {
  width: 220px;
}
#product #related {
  padding: 10px 0 0;
  left: -10px;
  background: url(../../product/images/pc/shadow.png) repeat-x;
}
#product #related dt {
  margin: 0 0 0 -10px;
  padding: 15px 5px 0 30px;
  height: 29px;
  color: #FFF;
  background: url(../../product/images/pc/relatedTitleBg.png) no-repeat;
  font-weight: bold;
}
#product #related ul {
  height: 180px;
  background: url(../../product/images/pc/relatedBg.png) no-repeat center top;
}
#product #related li {
  float: left;
}
#product #recipe {
  height: 250px;
  background: url(../../product/images/pc/recipeBg.png) no-repeat;
}
#product #recipe dt {
  height: 56px;
}
#product #recipe dt img {
  margin: 32px 0 0 30px;
}
#product #recipe dd {
  padding: 15px 15px 0;
  font-size: 10px;
  font-weight: bold;
}
#product #recipe a {
  color: #333;
  text-decoration: none;
}
#product #recipe img {
  margin: 0 0 5px;
}
#product #recipe li {
  margin: 0 5px;
  display: inline;
  float: left;
  width: 120px;
  height: 160px;
  overflow: hidden;
  line-height: 1.2;
}
#product #recipe .round-px {
  display: block;
  position: absolute;
  z-index: 10;
  width: 120px;
  height: 120px;
  background: url(../../product/images/pc/recipeRim.png);
}
#product #sideMenuTitle {
  padding: 30px 0 0 5px;
  height: 40px;
  background: url(../../product/images/pc/sideMenu/top.png) no-repeat;
}
#product #sideMenu dt {
  height: 45px;
  background: url(../../product/images/pc/sideMenu/menuOpenClose.png) no-repeat;
}
#product #sideMenu dt.close {
  background-position: 0 -45px;
}
#product #sideMenu ul {
  padding: 0 7px 0 3px;
  background: url(../../product/images/pc/sideMenu/Bg.png) repeat-y;
  font-size: 11px;
  letter-spacing: normal;
}
#product #sideMenu li {
  border-top: 1px solid #d4d9dc;
}
#product #sideMenu li a {
  padding: 5px 10px;
  display: block;
  text-decoration: none;
}
#product #sideMenu li a:hover {
  color: #FFF !important;
}
#product #sideMenu li.current {
  background: #112785;
}
#product #sideMenu li.current a {
  color: #FFF;
}
#product #socialWrap {
  margin: 0 0 15px;
}
#product #social {
  float: right;
}
#product #social p {
  margin: 0 0 0 5px;
  display: inline;
  float: left;
}
#product #productIngredient {
  position: relative;
  left: -5px;
}
#product .campaignBnr {
  padding: 30px;
  background: #ecf4fb;
  text-align: center;
}

/*#recipe*/
#recipe .icondry {
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 50px;
  height: 50px;
  background: url(../../recipe/images/pc/icon-dry.png) no-repeat;
  text-indent: -9999px;
}
#recipe .info-dry {
  margin: 0 15px 30px 0;
  text-align: right;
}
#recipe .newRecipeUnder {
  margin: -50px 15px 50px 0;
}
#recipe .tmkcal {
  position: absolute;
  bottom: 8px;
  color: #5a4f40;
  font-size: 10px;
  font-weight: normal;
}
#recipe #gotoRecipehirogaru a {
  margin: 0 0 30px;
  display: block;
  width: 956px;
  height: 144px;
  background: url(../../recipe/images/pc/gotoRecipehirogaru.png) no-repeat;
  text-indent: -9999px;
}
#recipe #gotoRecipehirogaru a:hover {
  background-position: 0 -144px;
}

#recipeTop .recipeKokute-Area {
  position: relative;
}
#recipeTop .recipeKokute-Area .iconAdd {
  position: absolute;
  top: -20px;
  left: 390px;
}

/*#newRecipe*/
#newRecipe {
  padding: 0 0 0 50px;
  background: url(../../recipe/images/pc/newRecipe/bg.png) repeat-y;
}
#newRecipe a {
  text-decoration: none;
}
#newRecipe ul {
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#newRecipe li {
  padding: 13px 10px 0 13px;
  position: relative;
  float: left;
  width: 265px;
  height: 332px;
  background: url(../../recipe/images/pc/newRecipe/photoBg.png) no-repeat;
  font-weight: bold;
}
#newRecipe li img {
  margin: 0 0 5px;
}

#newRecipeWrapTop {
  padding: 40px 0 0;
  background: url(../../recipe/images/pc/newRecipe/bgTB.png) no-repeat left top;
}

#newRecipeWrapBottom {
  padding: 0 0 115px;
  background: url(../../recipe/images/pc/newRecipe/bgTB.png) no-repeat -958px bottom;
}

/*popRecipe*/
#popRecipe {
  margin: 0 0 50px;
  font-size: 12px;
}
#popRecipe a {
  text-decoration: none;
}
#popRecipe ul {
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#popRecipe li {
  margin: 0 2px 10px 0;
  padding: 10px 0 0 9px;
  display: inline;
  position: relative;
  float: left;
  width: 181px;
  height: 278px;
  background: url(../../recipe/images/pc/popRecipe/photoBg.png) no-repeat;
  font-weight: bold;
}
#popRecipe li img {
  margin: 0 0 15px;
}

/*recommendRecipe*/
#recommendRecipe {
  margin: 0 0 50px;
  font-size: 12px;
}
#recommendRecipe a {
  text-decoration: none;
}
#recommendRecipe ul {
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#recommendRecipe li {
  margin: 0 2px 10px 0;
  padding: 10px 0 0 9px;
  display: inline;
  position: relative;
  float: left;
  width: 181px;
  height: 278px;
  background: url(../../recipe/images/pc/recommendRecipe/photoBg.png) no-repeat;
  font-weight: bold;
}
#recommendRecipe li img {
  margin: 0 0 15px;
}
#recommendRecipe .allList {
  margin: 0 15px 0 0;
  padding: 20px 0 10px;
  border-top: 1px solid #a19a90;
  text-align: right;
}

/*searchResult*/
#searchResultText {
  padding: 20px 30px 5px;
  width: 900px;
  color: #FFF;
  background: url(../../recipe/images/pc/search/resultBg.png) no-repeat;
}
#searchResultText span {
  font-size: 16px;
}
#searchResultText .result {
  padding: 0 0 10px;
  border-bottom: 1px solid #14100b;
  text-indent: -0.5em;
}
#searchResultText .number {
  padding: 5px 0 0;
  border-top: 1px solid #706556;
  font-size: 12px;
  text-align: right;
}

#resultBgBottom {
  margin: 0 0 35px;
  font-size: 0;
}

#recipeResult #sort {
  margin: 0 0 15px;
  padding: 6px 0 0 465px;
  height: 40px;
  background: url(../../recipe/images/pc/search/sortBg.png) no-repeat;
}
#recipeResult #sort li {
  margin: 0 5px 0 0;
  float: left;
  width: 96px;
}
#recipeResult #sort li a {
  display: block;
  width: 96px;
  height: 26px;
  background: url(../../recipe/images/pc/search/icon-sort.png) no-repeat;
  text-indent: -9999px;
}
#recipeResult #sort .short a:hover, #recipeResult #sort .short.current a {
  background-position: 0 -26px;
}
#recipeResult #sort .long a {
  background-position: -106px 0;
}
#recipeResult #sort .long a:hover {
  background-position: -106px -26px;
}
#recipeResult #sort .long.current a {
  background-position: -106px -26px;
}
#recipeResult #sort .low {
  margin-left: 80px;
}
#recipeResult #sort .low a {
  background-position: -212px 0;
}
#recipeResult #sort .low a:hover {
  background-position: -212px -26px;
}
#recipeResult #sort .low.current a {
  background-position: -212px -26px;
}
#recipeResult #sort .high a {
  background-position: -318px 0;
}
#recipeResult #sort .high a:hover {
  background-position: -318px -26px;
}
#recipeResult #sort .high.current a {
  background-position: -318px -26px;
}

#searchResult {
  margin: 0 0 30px;
  font-size: 12px;
}
#searchResult a {
  text-decoration: none;
}
#searchResult ul {
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#searchResult li {
  margin: 0 2px 10px 0;
  padding: 10px 9px 0 9px;
  display: inline;
  position: relative;
  float: left;
  width: 172px;
  height: 278px;
  background: url(../../recipe/images/pc/popRecipe/photoBg.png) no-repeat;
  font-weight: bold;
}
#searchResult li img {
  margin: 0 0 15px;
}

/*pagenation*/
.pagenation {
  margin: 10px 0 40px;
  padding: 15px 0;
  border-top: 1px solid #a9a298;
  border-bottom: 1px solid #a9a298;
  clear: both;
  height: auto !important;
  height: 1%;
  overflow: hidden;
  font-size: 10px;
}

.pagenation-in {
  position: relative;
  left: 50%;
  float: left;
}

.pagenation ul {
  position: relative;
  left: -50%;
  float: left;
}
.pagenation li {
  margin: 5px 0 0;
  float: left;
  list-style: none;
}
.pagenation li a {
  padding: 3px 10px;
  border-right: 1px solid #000;
  height: 1.5em;
  text-align: center;
  text-decoration: none;
}
.pagenation li a:hover {
  color: #FFE !important;
  background: #549cb9;
}
.pagenation li a.current {
  color: #FFE;
  background: #549cb9;
  font-weight: bold;
}
.pagenation li.prev a {
  margin: 0 10px 0 0;
}
.pagenation li.next a {
  margin: 0 0 0 10px;
}
.pagenation .btn {
  margin: 0 2px;
}
.pagenation .btn a {
  border: none;
  color: #FFE !important;
  background-image: none;
  text-decoration: underline;
}
.pagenation .btn a:hover {
  color: #FFF !important;
  background: #7a6b58;
}
.pagenation .ellipsis {
  padding-right: 6px;
  padding-left: 6px;
  border-right: 1px solid #000;
}

#recipeDetailWrap {
  padding: 10px 8px 0 30px;
  background: url(../../recipe/images/pc/detail/bg.png) repeat-y;
}
#recipeDetailWrap #photoWrap {
  position: relative;
  z-index: 10;
}
#recipeDetailWrap #photo {
  padding: 15px 0 0 13px;
  position: absolute;
  top: -5px;
  left: -10px;
  width: 275px;
  height: 317px;
  background: url(../../recipe/images/pc/detail/photoBg.png) no-repeat;
}

#recipeDetailWrapTop {
  padding: 7px 0 0;
  background: url(../../recipe/images/pc/detail/baseTB.png) no-repeat 5px top;
}

#recipeDetailWrapBottom {
  padding: 0 0 26px;
  background: url(../../recipe/images/pc/detail/baseTB.png) no-repeat -657px bottom;
}

#recipeDetail {
  padding: 20px 50px 20px 280px;
  width: 330px;
  overflow: hidden;
  color: #4d3920;
  background: url(../../recipe/images/pc/detail/baseBg.png) repeat-y;
}
#recipeDetail h1 {
  margin: 0 0 20px;
  font-size: 20px;
  line-height: 1.2;
}
#recipeDetail #commentWrap {
  margin: 0 0 0 -40px;
  padding: 55px 0 0;
  width: 420px;
  background: url(../../recipe/images/pc/detail/commentTB.png) no-repeat 18px top;
}
#recipeDetail #commentIn {
  padding: 0 0 43px;
  background: url(../../recipe/images/pc/detail/commentTB.png) no-repeat -414px bottom;
}
#recipeDetail #comment {
  padding: 0 30px 20px 50px;
  background: url(../../recipe/images/pc/detail/commentBg.png) repeat-y right center;
  font-size: 12px;
}
#recipeDetail .nutrition {
  margin: 10px 0 20px;
  padding: 10px;
  border: 2px solid #3d2e1b;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "MS Gothic", "ＭＳ ゴシック";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
}
#recipeDetail .nutrition dt {
  float: left;
  width: 7.5em;
  text-indent: -0.5em;
}
#recipeDetail .nutrition dd {
  margin: 0 0 5px;
  padding: 0 0 0 7.5em;
}
#recipeDetail .nutrition .notes {
  font-size: 10px;
  font-weight: normal;
}

#ingredient {
  padding: 20px 0 0;
  height: auto !important;
  height: 1%;
  overflow: hidden;
  background: url(../../recipe/images/pc/detail/ingredientBg.png) no-repeat;
}

#ingredientTitle {
  padding: 5px 0 0 14px;
  position: relative;
  right: -20px;
  height: 29px;
  color: #FFF;
  background: url(../../recipe/images/pc/detail/ingredientTitle.png) no-repeat;
  font-size: 18px;
  font-weight: normal;
}
#ingredientTitle .yield {
  font-size: 12px;
}

#ingredient dl {
  margin: 0 30px 10px;
  clear: both;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#ingredient dt {
  margin: 30px 0 0;
  padding: 0 0 0 20px;
  height: 30px;
  color: #12367a;
  background: url(../../recipe/images/pc/detail/ingredientSubTitleBg.png) no-repeat left bottom;
  font-size: 14px;
  font-weight: bold;
}
#ingredient dd {
  width: 580px;
}
#ingredient .notes {
  margin: 0 30px;
  padding: 0 0 0 3em;
  font-size: 10px;
  text-indent: -3em;
}

.ingredient {
  padding: 5px 0;
  border-bottom: 1px solid #CCC;
  clear: both;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
.ingredient .name {
  display: block;
  float: left;
  width: 390px;
}
.ingredient .amount {
  display: block;
  float: right;
  width: 180px;
  text-align: right;
}

#instructions {
  margin: 10px 0 0;
  padding: 20px 0;
  clear: both;
  background: url(../../recipe/images/pc/detail/instructionsBg.png) no-repeat;
}

#instructionsTitle {
  margin: 0 0 15px;
  padding: 10px 0 0 20px;
  position: relative;
  left: -10px;
  height: 30px;
  color: #FFF;
  background: url(../../recipe/images/pc/detail/instructionsTitle.png) no-repeat;
  font-size: 18px;
  font-weight: normal;
}

#instructions dl {
  padding: 10px 30px;
  clear: both;
}
#instructions dt {
  padding: 0 0 0 20px;
  height: 30px;
  background: url(../../recipe/images/pc/detail/instructionsSubTitleBg.png) no-repeat left bottom;
  font-size: 14px;
  font-weight: bold;
}
#instructions ul {
  width: 580px;
}
#instructions li {
  padding: 10px 0;
  border-bottom: 1px solid #999;
  clear: both;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#instructions li p {
  float: left;
  width: 500px;
}
#instructions li img {
  margin: 0 0 0 10px;
  display: inline;
  float: right;
}
#instructions span {
  margin: 0 10px 0 0;
  display: inline;
  float: left;
  width: 55px;
  height: 55px;
  background: url(../../recipe/images/pc/detail/instructionsNumberBg.png) no-repeat;
  font-size: 24px;
  line-height: 55px;
  text-align: center;
}
#instructions .notes {
  margin: 0 30px;
  padding: 0 0 0 3em;
  clear: both;
  font-size: 10px;
  text-indent: -3em;
}

#supple {
  background: url(../../recipe/images/pc/detail/suppleBg.png) no-repeat;
}
#supple dt {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}
#supple .tips {
  padding: 0 10px 10px;
  width: 566px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#supple #tips1Wrap {
  padding: 20px 0 0;
  position: relative;
  left: 30px;
}
#supple #tips1 {
  background: url(../../recipe/images/pc/detail/tips1Bg.png);
}
#supple #tips2Wrap {
  position: relative;
  left: -10px;
}
#supple #tips2 {
  background: url(../../recipe/images/pc/detail/tips2Bg.png);
}
#supple #tips3Wrap {
  padding: 0 0 30px;
  position: relative;
  right: -50px;
}
#supple #tips3 {
  background: url(../../recipe/images/pc/detail/tips3Bg.png);
}
#supple .tipsPhoto {
  margin: 0 10px 10px 0;
  display: inline;
  float: left;
  width: 150px;
}
#supple .notes {
  padding: 8px 0 0 1em;
  clear: both;
  color: #7d6649;
  font-size: 10px;
}
#supple .tips .notes {
  padding: 4px 0 0 1em;
  border-top: 1px dotted #7d6649;
  clear: both;
  color: #7d6649;
  font-size: 10px;
  text-indent: -1em;
}

#recipe #socialWrap {
  position: absolute;
  top: 325px;
  left: 8px;
  z-index: 10;
  width: 270px;
}
#recipe #social p {
  margin: 0 0 0 2px;
  display: inline;
  float: left;
}

/*#searchBox*/
#searchBoxWrap {
  margin: 0 0 30px;
}

#searchBox {
  padding: 5px 0 0 26px;
  background: url(../../recipe/images/pc/searchBoxBg.png) repeat-y;
}
#searchBox p {
  padding: 0 0 0 18px;
  color: #0A1C46;
  background: url(/pc/common/images/icon-v.png) no-repeat 0 -138px;
}
#searchBox #searchBoxTitle {
  padding: 0 35px 0 0;
  position: relative;
  z-index: 10;
  height: 47px;
  background: url(../../recipe/images/pc/searchBoxTitle.png) no-repeat;
}
#searchBox #refineOpenClose {
  float: right;
  width: 200px;
  height: 36px;
  background: url(../../recipe/images/pc/search/refineOpenClose.png) no-repeat;
  text-indent: -9999px;
}
#searchBox #refineOpenClose.close {
  background-position: 0 -36px;
}
#searchBox #refineSearch {
  padding: 0 0 3px;
  width: 900px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
  background: url(../images/pc/line-04.png) repeat-x center bottom;
}
#searchBox #refineSearch dt {
  height: 50px;
  color: #31220F;
  background: url(../../recipe/images/pc/refineSearchTitleBg.png) no-repeat;
  font-size: 16px;
  line-height: 50px;
}
#searchBox #refineSearch dt img {
  margin: 15px 0 0;
}
#searchBox #refine {
  float: left;
}
#searchBox #refine img {
  margin: 0 10px 0 0;
}
#searchBox #refine div {
  padding: 10px 0;
}
#searchBox #refine input {
  margin: 0 5px 0 0;
}
#searchBox #selectCategory p {
  display: inline-block;
  width: 145px;
}
#searchBox #selectCategory span {
  margin: 0 5px 0 0;
  font-size: 12px;
  letter-spacing: normal;
}
#searchBox #selectCategory input {
  display: inline;
  vertical-align: middle;
}
#searchBox #searchFreeword p {
  display: inline-block;
  width: 145px;
}
#searchBox #searchFreeword input {
  width: 350px;
  height: 20px;
  font-size: 14px;
}
#searchBox #searchBtn {
  padding: 15px 0 5px 20px;
  border-left: 1px solid #a8a29b;
  float: right;
  width: 190px;
}
#searchBox #searchBtn input {
  margin: 0 0 10px;
  border: none;
  width: 190px;
  height: 60px;
  background: url(../../recipe/images/pc/btn-search.png) no-repeat;
}
#searchBox #searchBtn input:hover {
  cursor: pointer;
}
#searchBox #searchCategory {
  padding: 15px 0 10px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
  letter-spacing: normal;
}
#searchBox #searchCategory p {
  margin: 0 0 10px;
}
#searchBox #searchCategory li {
  margin: 0 5px 0 0;
  float: left;
}
#searchBox #searchCategory a {
  display: block;
  width: 145px;
  height: 60px;
  color: #FFF;
  background: url(../../recipe/images/pc/btn-category.png) no-repeat;
  font-size: 15px;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
}
#searchBox #searchCategory a:hover {
  color: #FFF !important;
  background-position: 0 -60px;
}
#searchBox #searchFeatured, #searchBox #searchPopword {
  margin: 0 40px 0 0;
  padding: 10px 0;
  border-top: 1px solid #a8a29b;
  clear: both;
  height: auto !important;
  height: 1%;
  overflow: hidden;
  white-space: nowrap;
}
#searchBox #searchFeatured p, #searchBox #searchPopword p {
  float: left;
  width: 145px;
}
#searchBox #searchFeatured ul, #searchBox #searchPopword ul {
  float: left;
  width: 740px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#searchBox #searchFeatured li, #searchBox #searchPopword li {
  margin: 0 5px 5px 0;
  float: left;
}
#searchBox #searchFeatured a, #searchBox #searchPopword a {
  padding: 3px 10px;
  border-radius: 3px;
  display: inline-block;
  color: #FFF;
  background: #7f776c;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
#searchBox #searchFeatured a:hover, #searchBox #searchPopword a:hover {
  color: #FFF !important;
  background: #afa596;
}
#searchBox #refineSearch.close {
  display: none;
}

#searchBoxBottom {
  font-size: 0;
  line-height: 1;
}

/*#aside #searchBox*/
#aside #searchBoxWrap {
  padding: 5px 0 0 0;
  background: url(../../recipe/images/pc/aside/searchBoxTop.png) no-repeat left top;
}
#aside #searchBox {
  padding: 5px 7px 0 3px;
  background: url(../../recipe/images/pc/aside/searchBoxBg.png) repeat-y;
}
#aside #searchBox p {
  padding: 0 0 3px 18px;
  display: block;
  float: none;
  width: auto;
}
#aside #searchBox #searchBoxTitle {
  margin: 0 0 0 10px;
  background: none;
}
#aside #searchCategoryWrapTop {
  padding: 8px 0 0;
  background: url(../../recipe/images/pc/aside/searchCategoryBgTop.png) no-repeat;
}
#aside #searchCategoryWrapBottom {
  padding: 0 0 8px;
  background: url(../../recipe/images/pc/aside/searchCategoryBgBottom.png) no-repeat left bottom;
}
#aside #searchBox #searchCategory p {
  margin: 0;
}
#aside #searchBox #searchCategory a {
  padding: 0 0 0 20px;
  display: block;
  width: auto;
  height: 50px;
  background: url(/pc/common/images/icon-v.png) no-repeat right -38px;
  line-height: 50px;
  text-align: left;
}
#aside #searchBox #searchCategory a:hover {
  text-decoration: underline;
}
#aside #searchBox #searchCategory ul {
  width: 200px;
  background: url(../../recipe/images/pc/aside/searchCategoryBg.png) no-repeat;
}
#aside #searchBox #searchCategory li {
  border-top: 1px solid #d0d8e8;
  border-bottom: 1px solid #484f61;
  float: none;
  width: 200px;
}
#aside #searchBox #searchCategory li:first-child {
  border-top: none;
}
#aside #searchBox #searchCategory li:last-child {
  border-bottom: none;
}
#aside #searchBox #searchFeatured, #aside #searchBox #searchPopword {
  margin: 0;
  background: url(../../recipe/images/pc/aside/searchBoxLine.png) no-repeat center top;
}
#aside #searchBox #selectCategory, #aside #searchBox #searchFreeword, #aside #searchBox #searchCategory, #aside #searchBox #searchFeatured, #aside #searchBox #searchPopword {
  padding-left: 10px;
  border: none;
}
#aside #searchBox #refineSearch {
  width: auto;
  background: none;
}
#aside #searchBox #searchFeatured ul, #aside #searchBox #searchPopword ul {
  float: none;
  width: auto;
  overflow: auto;
}
#aside #searchBox #refine {
  float: none;
}
#aside #searchBox #refineSearch dt {
  height: 58px;
  background: url(../../recipe/images/pc/aside/searchBoxShadow.png) no-repeat;
}
#aside #searchBox #refineSearch dt img {
  margin: 25px 0 0 10px;
}
#aside #searchBox #searchFreeword input {
  width: 190px;
}
#aside #searchBox #searchBtn {
  padding: 15px 0 0;
  border-left: none;
  float: none;
  width: auto;
  text-align: center;
}
#aside #searchBox #refineSearch dt {
  padding: 10px 0 0 10px;
  color: #31220F;
  font-size: 14px;
}

/*special*/
#special #navSpecial a {
  background-position: 0 -68px;
}
#special #year {
  padding: 10px 0 0 15px;
  height: 26px;
  color: #FFF;
}
#special #subNav {
  padding: 0 0 8px;
  background: url(../../special/images/pc/subNav/subNavBottom.png) no-repeat left bottom;
}
#special #subNav li {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: normal;
}
#special #subNav li a {
  padding: 10px 25px 10px 15px;
  display: block;
  height: auto !important;
  height: 30px;
  min-height: 30px;
  background: url(../../special/images/pc/subNav/subNavBg.png) no-repeat;
  text-decoration: none;
}
#special #subNav li.first a {
  background: url(../../special/images/pc/subNav/subNavTopBg.png) no-repeat;
}
#special #backnumber a {
  padding: 0 0 0 10px;
  display: block;
  height: 48px;
  background: url(../../special/images/pc/subNav/backnumberBottom.png) no-repeat;
  font-size: 12px;
  line-height: 48px;
  text-decoration: none;
}
#special #backnumber a:hover {
  color: #12367a !important;
}
#special .btn {
  text-align: right;
}

#footerEveryday {
  margin: 0 auto;
  padding: 100px 0;
  width: 960px;
  background: url(../images/pc/line-01.png) repeat-x center top;
  text-align: center;
}

#underMenu {
  margin: 0 auto;
  padding: 20px 0;
  width: 960px;
  background: url(../images/pc/line-01.png) repeat-x center top;
  text-align: center;
}
#underMenu ul {
  margin: 0 auto 10px;
  width: 960px;
}
#underMenu li {
  padding: 0 5px 0 15px;
  display: inline;
  background: url(/pc/common/images/icon-v.png) no-repeat 0 2px;
  font-size: 11px;
  text-decoration: none;
}
#underMenu a {
  text-decoration: none;
}
#underMenu .gnav {
  font-weight: bold;
}

#sceneWrap #detail {
  padding: 30px;
}
#sceneWrap #detail dl {
  width: 440px;
  height: auto !important;
  height: 315px;
  min-height: 325px;
}
#sceneWrap #detail dt {
  margin: 0 0 10px;
  padding: 20px 0;
  border-top: 2px solid #ada79f;
  border-bottom: 2px solid #ada79f;
  position: relative;
}
#sceneWrap #detail dt span {
  padding: 0 6px 0 0;
  display: block;
  position: absolute;
  top: -10px;
  background: #FFF;
}
#sceneWrap #detail dd p {
  padding: 10px 0 0;
}
#sceneWrap #imagePhoto {
  float: right;
  width: 190px;
}
#sceneWrap .sceneBgBottomUp {
  padding: 0 0 0 100px;
  width: 700px;
}
#sceneWrap .sceneBottom .btn {
  margin: 40px 0 0 30px;
}
#sceneWrap .sceneBottom .btn a {
  background-color: #08396A;
}
#sceneWrap .sceneBottom .btn a:hover {
  background-color: #006E94;
}
#sceneWrap #sceneBalloon {
  margin: -160px 0 0;
  right: 70px;
}
#sceneWrap #sceneBalloon p {
  background-repeat: no-repeat !important;
  background-position: 20px -35px !important;
}
#sceneWrap #scene-1-bottom div, #sceneWrap #scene-2-bottom div, #sceneWrap #scene-3-bottom div, #sceneWrap #scene-4-bottom div {
  padding: 0;
  background: none;
}
#sceneWrap .sceneBottom a {
  text-decoration: none;
}
#sceneWrap .sceneBottom dl {
  margin: 0 0 0 70px;
  border-top: 1px solid #6683a2;
  border-bottom: 1px solid #6683a2;
  position: relative;
}
#sceneWrap .sceneBottom dd {
  padding: 0 20px 0 0;
  display: inline-block;
  position: absolute;
  top: 60px;
  color: #b9c0cc;
  background: #0b396a url(/pc/common/images/icon-v.png) no-repeat right -56px;
  font-size: 10px;
  line-height: normal;
  letter-spacing: normal;
  white-space: nowrap;
}

#bookWrap {
  margin: 0 0 30px;
  padding: 12px;
  width: 932px;
  height: 694px;
  background: url(../../about/images/pc/bg.png) no-repeat;
}
#bookWrap.index {
  background: url(../../about/images/pc/indexBg.png) no-repeat;
}

#bookInWrap {
  padding: 0 60px;
  position: relative;
  float: left;
  width: 550px;
  height: 691px;
}
#bookInWrap .nav a {
  display: block;
  position: absolute;
  width: 40px;
  height: 146px;
  background: url(../../about/images/pc/arrow.png) no-repeat;
  text-indent: -9999px;
}

#bookIn {
  position: relative;
  width: 550px;
  height: 691px;
  overflow: hidden;
}
#bookIn #page {
  width: 7680px;
}
#bookIn #page li {
  padding: 30px 0 0;
  float: left;
  width: 550px;
}

#bookInWrap #prev, #bookInWrap #next {
  cursor: pointer;
}

#bookNav li {
  cursor: pointer;
}

#bookInWrap #prev a {
  top: 280px;
  left: 10px;
  background-position: left top;
}
#bookInWrap #next a {
  top: 280px;
  right: 10px;
  background-position: right top;
}
#bookInWrap #prev a:hover {
  background-position: left bottom;
}
#bookInWrap #next a:hover {
  background-position: right bottom;
}

#bookNav {
  position: relative;
  left: 25px;
  float: left;
  width: 210px;
}
#bookNav .here {
  font-weight: bold;
}

#bookWrap .noscript {
  position: absolute;
  z-index: 100;
  width: 932px;
  height: 694px;
  color: #FFF;
  background: #000;
  text-align: center;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
#bookWrap .noscript p {
  padding: 300px 0 0;
}

#bookIndex {
  padding: 40px 28px 0;
}
#bookIndex #infoText {
  padding: 0 0 30px;
}
#bookIndex #yogurtBook {
  float: left;
  width: 432px;
  height: 540px;
  background: url(../../about/images/pc/yogurtBg.jpg) no-repeat;
}
#bookIndex #bulgariaBook {
  float: left;
  width: 443px;
  height: 540px;
  background: url(../../about/images/pc/bulgariaBg.jpg) no-repeat;
}
#bookIndex #yogurtBook .over {
  display: block;
}
#bookIndex #yogurtBookOver {
  display: none;
}
#bookIndex #yogurtBookOver a {
  padding: 140px 0;
  display: block;
  height: 260px;
  background: url(../../about/images/pc/yogurtBg-over.jpg) no-repeat;
  text-align: center;
}
#bookIndex #bulgariaBookOver {
  display: none;
}
#bookIndex #bulgariaBookOver a {
  padding: 140px 0;
  display: block;
  height: 260px;
  background: url(../../about/images/pc/bulgariaBg-over.jpg) no-repeat;
  text-align: center;
}

#bookIn .pageContents {
  position: relative;
  width: 550px;
  height: 575px;
}

#bookWrap.yogurt .pageTitle {
  margin: 10px 0;
}
#bookWrap.yogurt #page1 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt1.jpg) no-repeat;
}
#bookWrap.yogurt #page1 .text {
  position: relative;
  top: 300px;
  left: 20px;
}
#bookWrap.yogurt #page2 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt2.jpg) no-repeat;
}
#bookWrap.yogurt #page2 .text {
  position: relative;
  top: 350px;
  left: 20px;
}
#bookWrap.yogurt #listPkg1, #bookWrap.yogurt #listPkg2 {
  padding: 0 0 7px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#bookWrap.yogurt #listPkg1 li, #bookWrap.yogurt #listPkg2 li {
  margin: 0 -1px -1px 0;
  padding: 0;
  border: 1px solid #CCC;
  position: relative;
  float: left;
  width: 136px;
  height: 113px;
  background: #000 url(../../about/images/pc/yogurtBook/pkg/listPackageBg.png) repeat-x center bottom;
}
#bookWrap.yogurt #listPkg1 li p, #bookWrap.yogurt #listPkg2 li p {
  position: relative;
  z-index: 10;
}
#bookWrap.yogurt #listPkg1 .pkgOn, #bookWrap.yogurt #listPkg2 .pkgOn {
  background: url(../../about/images/pc/yogurtBook/pkg/listPackageOver.png) no-repeat;
}
#bookWrap.yogurt .pkgDetail {
  position: absolute;
  width: 550px;
  height: 225px;
  background: url(../../about/images/pc/yogurtBook/pkg/pkgDetailBg.jpg) no-repeat center bottom;
}
#bookWrap.yogurt .noShadow {
  background: url(../../about/images/pc/yogurtBook/pkg/pkgDetailBgNoShadowBg.jpg) no-repeat center bottom;
}
#bookWrap.yogurt .pkgDetail dl {
  padding: 80px 50px 0 50px;
}
#bookWrap.yogurt .pkgDetail dt {
  border-bottom: 1px solid #FFF;
}
#bookWrap.yogurt .pkgDetail dt span {
  display: block;
  float: left;
  width: 17px;
  height: 32px;
  background: url(../../about/images/pc/yogurtBook/num/num.png) no-repeat;
  text-indent: -9999px;
}
#bookWrap.yogurt .pkgDetail .num1 {
  background-position: 0 -32px;
}
#bookWrap.yogurt .pkgDetail .num2 {
  background-position: 0 -64px;
}
#bookWrap.yogurt .pkgDetail .num3 {
  background-position: 0 -96px;
}
#bookWrap.yogurt .pkgDetail .num4 {
  background-position: 0 -128px;
}
#bookWrap.yogurt .pkgDetail .num5 {
  background-position: 0 -160px;
}
#bookWrap.yogurt .pkgDetail .num6 {
  background-position: 0 -192px;
}
#bookWrap.yogurt .pkgDetail .num7 {
  background-position: 0 -224px;
}
#bookWrap.yogurt .pkgDetail .num8 {
  background-position: 0 -256px;
}
#bookWrap.yogurt .pkgDetail .num9 {
  background-position: 0 -288px;
}
#bookWrap.yogurt .pkgPhoto {
  position: absolute;
  top: 0;
  right: 0;
}
#bookWrap.yogurt #pkgDetailWrap1, #bookWrap.yogurt #pkgDetailWrap2 {
  position: relative;
  height: 225px;
  overflow: hidden;
}
#bookWrap.yogurt .pkgDetail .text {
  margin: 10px 0 0;
}
#bookWrap.yogurt #page5 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt5.jpg) no-repeat;
}
#bookWrap.yogurt #page5 .text {
  position: relative;
  top: 420px;
  left: 20px;
}
#bookWrap.yogurt #page6 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt6.jpg) no-repeat;
}
#bookWrap.yogurt #page6 .text {
  position: relative;
  top: 400px;
  left: 20px;
}
#bookWrap.yogurt #page7 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt7.png) no-repeat;
}
#bookWrap.yogurt #page7 .text {
  position: relative;
  top: 30px;
  left: 20px;
}
#bookWrap.yogurt #page8 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt8.png) no-repeat;
}
#bookWrap.yogurt #page8 .text {
  position: relative;
  top: 180px;
  left: 20px;
}
#bookWrap.yogurt #page9 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt9.jpg) no-repeat;
}
#bookWrap.yogurt #page9 .text {
  position: relative;
  top: 30px;
  left: 20px;
}
#bookWrap.yogurt #page10 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt10.jpg) no-repeat;
}
#bookWrap.yogurt #page10 .text {
  position: relative;
  top: 30px;
  left: 20px;
}
#bookWrap.yogurt #page11 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt11.jpg) no-repeat;
}
#bookWrap.yogurt #page11 .text {
  position: relative;
  top: 30px;
  left: 20px;
}
#bookWrap.yogurt #page11 #yogurt11Sound {
  margin: 110px 0 0 -20px;
  position: relative;
  z-index: 5;
  font-size: 12px;
}
#bookWrap.yogurt #page11 #yogurt11Sound p {
  padding: 10px 20px;
}
#bookWrap.yogurt #page12 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt12.jpg) no-repeat;
}
#bookWrap.yogurt #page12 .text {
  position: relative;
  top: 60px;
  left: 20px;
}
#bookWrap.yogurt #page13 .pageContents {
  background: url(../../about/images/pc/yogurtBook/yogurt13.jpg) no-repeat;
}
#bookWrap.yogurt #page13 .text {
  position: relative;
  top: 123px;
  left: 29px;
}
#bookWrap.yogurt #page13 #yogurt13Text2 {
  position: relative;
  top: 375px;
  left: 10px;
}
#bookWrap.yogurt #bookNav {
  margin: 130px 0 0;
}
#bookWrap.yogurt #bookNav ul {
  margin: 0 0 43px;
}
#bookWrap.yogurt #bookNav li {
  margin: 0 0 10px;
  height: 30px;
}
#bookWrap.yogurt #bookNav li a {
  display: block;
  height: 30px;
  background: url(../../about/images/pc/yogurtBook/yogurtBookNav.png) no-repeat;
  text-indent: -9999px;
}
#bookWrap.yogurt #bookNav #nav1.here a, #bookWrap.yogurt #bookNav #nav1 a:hover {
  background-position: -210px 0;
}
#bookWrap.yogurt #bookNav #nav3 a {
  background-position: 0 -30px;
}
#bookWrap.yogurt #bookNav #nav3.here a, #bookWrap.yogurt #bookNav #nav3 a:hover {
  background-position: -210px -30px !important;
}
#bookWrap.yogurt #bookNav #nav5, #bookWrap.yogurt #bookNav #nav11 {
  height: 40px;
}
#bookWrap.yogurt #bookNav #nav5 a {
  height: 40px;
  background-position: 0 -60px;
}
#bookWrap.yogurt #bookNav #nav5.here a, #bookWrap.yogurt #bookNav #nav5 a:hover {
  background-position: -210px -60px;
}
#bookWrap.yogurt #bookNav #nav7 a {
  background-position: 0 -100px;
}
#bookWrap.yogurt #bookNav #nav7.here a, #bookWrap.yogurt #bookNav #nav7 a:hover {
  background-position: -210px -100px;
}
#bookWrap.yogurt #bookNav #nav8 a {
  background-position: 0 -130px;
}
#bookWrap.yogurt #bookNav #nav8.here a, #bookWrap.yogurt #bookNav #nav8 a:hover {
  background-position: -210px -130px;
}
#bookWrap.yogurt #bookNav #nav9 a {
  background-position: 0 -160px;
}
#bookWrap.yogurt #bookNav #nav9.here a, #bookWrap.yogurt #bookNav #nav9 a:hover {
  background-position: -210px -160px;
}
#bookWrap.yogurt #bookNav #nav11 a {
  height: 40px;
  background-position: 0 -190px;
}
#bookWrap.yogurt #bookNav #nav11.here a, #bookWrap.yogurt #bookNav #nav11 a:hover {
  background-position: -210px -190px;
}
#bookWrap.yogurt #bookNav #nav12 a {
  background-position: 0 -230px;
}
#bookWrap.yogurt #bookNav #nav12.here a, #bookWrap.yogurt #bookNav #nav12 a:hover {
  background-position: -210px -230px;
}
#bookWrap.bulgaria .pageTitle {
  margin: 10px 0;
}
#bookWrap.bulgaria #page1 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria1.png) no-repeat;
}
#bookWrap.bulgaria #page1 .text {
  position: relative;
  top: 260px;
  left: 20px;
}
#bookWrap.bulgaria #page2 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria2.jpg) no-repeat;
}
#bookWrap.bulgaria #page2 .text {
  position: relative;
  top: 0;
  left: 0;
}
#bookWrap.bulgaria #page2 #bulgaria2Text3 {
  margin: 180px 0 0;
}
#bookWrap.bulgaria #page3 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria3.jpg) no-repeat;
}
#bookWrap.bulgaria #page3 .text {
  position: relative;
  top: 165px;
  left: 230px;
}
#bookWrap.bulgaria #page4 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria4.jpg) no-repeat;
}
#bookWrap.bulgaria #page4 .text {
  position: relative;
  top: 20px;
  left: 0;
}
#bookWrap.bulgaria #page5 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria5.jpg) no-repeat;
}
#bookWrap.bulgaria #page5 .text {
  position: relative;
  top: 75px;
  left: 0;
}
#bookWrap.bulgaria #page6 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria6.png) no-repeat;
}
#bookWrap.bulgaria #page6 .text {
  position: relative;
  top: 30px;
  left: 0;
}
#bookWrap.bulgaria #page7 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria7.jpg) no-repeat;
}
#bookWrap.bulgaria #page7 .text {
  position: relative;
  top: 440px;
  left: 0;
}
#bookWrap.bulgaria #page8 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria8.png) no-repeat;
}
#bookWrap.bulgaria #page8 .text {
  position: relative;
  top: 40px;
  left: 20px;
}
#bookWrap.bulgaria #page8 #bulgaria8Text3 {
  margin: 150px 0 0;
}
#bookWrap.bulgaria #page9 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria9.jpg) no-repeat;
}
#bookWrap.bulgaria #page9 .text {
  position: relative;
  top: 30px;
  left: 30px;
}
#bookWrap.bulgaria #page10 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria10.jpg) no-repeat;
}
#bookWrap.bulgaria #page10 .text {
  position: relative;
  top: 50px;
  left: 30px;
}
#bookWrap.bulgaria #page11 .pageContents {
  background: url(../../about/images/pc/bulgariaBook/bulgaria11.png) no-repeat;
}
#bookWrap.bulgaria #page11 .text {
  position: relative;
  top: 543px;
  left: 39px;
}
#bookWrap.bulgaria #bookNav {
  margin: 160px 0 0;
}
#bookWrap.bulgaria #bookNav ul {
  margin: 0 0 63px;
}
#bookWrap.bulgaria #bookNav li {
  margin: 0 0 10px;
  height: 40px;
}
#bookWrap.bulgaria #bookNav li a {
  display: block;
  height: 40px;
  background: url(../../about/images/pc/bulgariaBook/bulgariaBookNav.png) no-repeat;
  text-indent: -9999px;
}
#bookWrap.bulgaria #bookNav #nav1.here a, #bookWrap.bulgaria #bookNav #nav1 a:hover {
  background-position: -210px 0;
}
#bookWrap.bulgaria #bookNav #nav2 a {
  background-position: 0 -40px;
}
#bookWrap.bulgaria #bookNav #nav2.here a, #bookWrap.bulgaria #bookNav #nav2 a:hover {
  background-position: -210px -40px !important;
}
#bookWrap.bulgaria #bookNav #nav4 {
  height: 30px;
}
#bookWrap.bulgaria #bookNav #nav4 a {
  height: 30px;
  background-position: 0 -80px;
}
#bookWrap.bulgaria #bookNav #nav4.here a, #bookWrap.bulgaria #bookNav #nav4 a:hover {
  background-position: -210px -80px;
}
#bookWrap.bulgaria #bookNav #nav6 a {
  background-position: 0 -110px;
}
#bookWrap.bulgaria #bookNav #nav6.here a, #bookWrap.bulgaria #bookNav #nav6 a:hover {
  background-position: -210px -110px;
}
#bookWrap.bulgaria #bookNav #nav8 a {
  background-position: 0 -150px;
}
#bookWrap.bulgaria #bookNav #nav8.here a, #bookWrap.bulgaria #bookNav #nav8 a:hover {
  background-position: -210px -150px;
}
#bookWrap.bulgaria #bookNav #nav10 a {
  background-position: 0 -190px;
}
#bookWrap.bulgaria #bookNav #nav10.here a, #bookWrap.bulgaria #bookNav #nav10 a:hover {
  background-position: -210px -190px;
}
#bookWrap .linkto-yogurt-forum {
  height: 20px;
  background: url(../../about/images/pc/yogurtforum.png) no-repeat;
  text-indent: -9999px;
}

#health .contents {
  margin: 0;
  padding: 20px;
  width: 660px;
  background: url(../../health/images/pc/bg.png) repeat-y center center;
}
#health .contents h3 {
  margin: 0 0 20px;
  padding: 0 0 5px;
  background: url(../images/pc/line-02.png) repeat-x center bottom;
}
#health .contents p {
  margin: 0 0 20px;
}
#health .contents strong {
  padding: 2px 0 2px 18px;
  color: #312310;
  background: url(../../health/images/pc/point.png) no-repeat;
}
#health .product {
  margin: 0 -15px;
  padding: 20px;
  width: 650px;
  background: url(../../health/images/pc/productBg.png) repeat-x center top;
}
#health .product ul {
  border: 1px solid #d7d7d7;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#health .product li {
  border-right: 1px dotted #CCC;
  position: relative;
  float: left;
  width: 107px;
  height: 280px;
  background-repeat: no-repeat;
  background-position: center top;
}
#health .product li a {
  display: block;
  width: 107px;
  height: 280px;
}
#health .product li span {
  padding: 5px;
  position: absolute;
  bottom: 0;
  height: 45px;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: normal;
}
#health .product1 {
  background: url(../../product/images/data/1_182.png);
}
#health .product2 {
  background: url(../../product/images/data/16_182.png);
}
#health .product3 {
  background: url(../../product/images/data/49_182.png);
}
#health .product4 {
  background: url(../../product/images/data/18_182.png);
}
#health .product5 {
  background: url(../../product/images/data/62_137.png);
  background-position: -15px 54px !important;
}
#health .product6 {
  background: url(../../product/images/data/22_182.png);
}
#health .product6.last {
  border: none;
}
#health .bgBottom {
  margin: 0 0 30px;
}
#health .bgBottom img {
  vertical-align: top;
}

/* #health .product5 { background: url(../../product/images/data/19_182.png); background-position: -30px top!important; } */
#info .contents {
  margin: 0;
  padding: 20px;
  width: 660px;
  background: url(../../health/images/pc/bg.png) repeat-y center center;
}
#info .contents dt {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #d6d3cf;
}
#info .contents li {
  margin: 0 0 10px;
}
#info .contents span {
  display: block;
  font-size: 10px;
  font-weight: bold;
}
#info #aside ul {
  padding: 0 0 10px;
  background: url(../../info/images/pc/navBg.png) repeat-y;
  text-align: center;
}
#info .bgBottom img {
  vertical-align: top;
}
#info #pen {
  margin: -70px 0 0 -15px;
  width: 243px;
}

#sitemap #kvPhoto {
  position: absolute;
  top: 65px;
  right: 0;
  z-index: 10;
}
#sitemap .contents {
  margin: 0;
  padding: 20px;
  background: url(../../sitemap/images/pc/bg.png) repeat-y center center;
}
#sitemap .contents dl {
  margin: 0 0 0 130px;
  height: auto !important;
  height: 1%;
  overflow: hidden;
}
#sitemap .contents dt {
  padding: 15px 0;
  float: left;
  clear: both;
  width: 200px;
}
#sitemap .contents dd {
  padding: 15px 0 15px 200px;
  border-bottom: 1px solid #CCC;
}
#sitemap .contents li {
  margin: 0 0 3px;
}
#sitemap .contents a {
  padding: 0 20px 0 0;
  background: url(/pc/common/images/icon-v.png) no-repeat right 3px;
  text-decoration: none;
}
#sitemap .contents .campaignTitle {
  padding: 30px 0 0;
  background: url(../../sitemap/images/pc/campaignTitle.png) no-repeat;
}
#sitemap .contents .newSpecialTitle {
  margin: 20px 0 5px;
  padding: 30px 0 0;
  background: url(../../sitemap/images/pc/newSpecialTitle.png) no-repeat;
}
#sitemap .contents .monthlyTitle {
  margin: 20px 0 5px;
  padding: 30px 0 0;
  background: url(../../sitemap/images/pc/monthlyTitle.png) no-repeat;
}
#sitemap .contents .specialTitle {
  margin: 20px 0 5px;
  padding: 30px 0 0;
  background: url(../../sitemap/images/pc/specialTitle.png) no-repeat;
}
#sitemap .contents .categoryTitle {
  padding: 30px 0 0;
  background: url(../../sitemap/images/pc/categoryTitle.png) no-repeat;
}
#sitemap .contents .noCategory {
  margin: 0 20px 0 0;
  padding: 30px 0 0;
  background: url(../../sitemap/images/pc/line.png) top repeat-x;
}
#sitemap .contents .categoryRoot {
  border-bottom: 1px solid #CCC;
}
#sitemap .contents .openWindow {
  padding: 0 16px 0 0;
  background: url(/pc/common/images/icon-v.png) no-repeat right -88px;
}
#sitemap .bgBottom {
  margin: 0 0 50px;
}
#sitemap .bgBottom img {
  vertical-align: top;
}
#sitemap .top {
  padding: 0 0 15px;
}

#notfound .contents p {
  margin: 0 0 20px;
}
#notfound .notfound {
  margin: -30px 0 -60px 0 !important;
}
#notfound .subtitle {
  margin: 0 0 35px !important;
}

/* meiji regulation*/
/* for Footer Styles */
/*====================================================================
Block Outline
====================================================================*/
#footer {
  /*
   	height:70px;
   	line-height:11px;
   	background-color:#FFF;
   */
}

#footer-inner {
  margin: 0 auto;
  position: relative;
  width: 960px;
  text-align: left;
}

#footer .copyright {
  position: absolute;
  top: 18px;
  left: 5px;
  width: 180px;
  height: 25px;
}

/* footer-link
--------------------------------------------------------------------*/
#footer-link {
  padding: 5px 10px 0;
  float: right;
}

#footer ul {
  float: left;
}
#footer a:link, #footer a:visited {
  color: #4e4e4e;
  text-decoration: none;
}
#footer a:hover, #footer a:active {
  color: #e26666;
  text-decoration: none;
}
#footer ul.company-link, #footer ul.utility-link {
  padding: 18px 10px 0;
  float: right;
}
#footer ul.company-link {
  padding-left: 0;
}
#footer ul.utility-link {
  padding-right: 0;
}
#footer ul.company-link li, #footer ul.utility-link li {
  padding-left: 12px;
  float: left;
}
#footer ul.company-link li a {
  padding-left: 14px;
  display: block;
  background: transparent url(/common/images/pc/ft_company_listitem.gif) no-repeat left;
  font-size: 10px;
}
#footer ul.utility-link li a {
  padding-left: 8px;
  display: block;
  background: transparent url(/common/images/pc/ft_utility_listitem.gif) no-repeat left;
  font-size: 10px;
}

#topPickupBnr {
  position: absolute;
  top: -55px;
  right: 0;
}

.title_box {
  padding: 54px 0 33px;
  width: 100%;
  background: rgba(66, 117, 156, 0.9);
  text-align: center;
}
.title_box h1 {
  padding-bottom: 10px;
  color: #fff;
  font-size: 2.2em;
  text-shadow: 1px 1px 1px #555;
}
.title_box img {
  margin: 0 auto;
}