@charset "utf-8";

/* ---------------------------------------------------------------------------
 [ context.css ]

 文脈によって変わるスタイル定義

--------------------------------------------------------------------------- */

/*======================================

  north

=======================================*/
.px-north {
  min-width: 960px;
  height: 166px;
  background: url(../images/bg_north.gif) repeat-x;
}

.px-north .px-bwrap {
  width: 960px;
  margin: 0 auto;
  min-height: 120px;
  height: auto !important;
  height: 120px;
  text-align: left;
  background: url(../images/character_img201100.jpg) no-repeat 293px 13px;
}

.px-north .site_top {
  margin: 0 0 17px;
}

.px-north .site_logo_area {
  float: left;
  width: 507px;
}

.px-north .site_txt {
  line-height: 1.1;
  padding: 26px 0 0;
  font-size: 12px;
}

.px-north .option_box {
  float: right;
  padding: 13px 0 0;
}

.px-north .option_box ul {
  float: left;
  width: 180px;
  padding: 23px 0 0;
}

.px-north .option_box ul li {
  float: left;
  padding: 4px 0 4px 23px;
  font-size: 11px;
}

.px-north .option_box ul li a {
  color: #664815;
}

.px-north .option_box ul li.home {
  margin: 0 23px 0 0;
  background: url(../images/icon_home.jpg) no-repeat left center;
}

.px-north .option_box ul li.inquiry {
  background: url(../images/icon_mail.jpg) no-repeat left center;
}

.px-north .option_box ul li.sitemap {
  width: 78px;
  margin: 0 0 0 14px;
  background: url(../images/icon_sitemap.jpg) no-repeat left center;
}

.px-north .option_box ul li.qa {
  background: url(../images/icon_qa.jpg) no-repeat left center;
}

.px-north .banner {
  float: right;
}

/* グローバルナビ */
.px-north ul.gnavi li {
  position: relative;
  z-index: 3;
  float: left;
  margin: 0 15px 0 0;
}

.px-north ul.gnavi li.last {
  margin: 0;
}

.px-north ul.gnavi li a {
  display: block;
  width: 180px;
  height: 40px;
}

.px-north ul.gnavi li a:hover {
  text-decoration: none;
}

.px-north ul.gnavi li a span {
  position: relative;
  z-index: -1;
}

.px-north ul.gnavi li a.mypage {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat 0 0;
}

.px-north ul.gnavi li a.mypage:hover {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat 0 -40px;
}

.px-north ul.gnavi li a.mypage_on {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat 0 -80px;
}

.px-north ul.gnavi li a.monitor {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -180px 0;
}

.px-north ul.gnavi li a.monitor:hover {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -180px -40px;
}

.px-north ul.gnavi li a.monitor_on {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -180px -80px;
}

.px-north ul.gnavi li a.pet_recipe {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -360px 0;
}

.px-north ul.gnavi li a.pet_recipe:hover {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -360px -40px;
}

.px-north ul.gnavi li a.pet_recipe_on {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -360px -80px;
}

.px-north ul.gnavi li a.column {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -540px 0;
}

.px-north ul.gnavi li a.column:hover {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -540px -40px;
}

.px-north ul.gnavi li a.column_on {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -540px -80px;
}

.px-north ul.gnavi li a.blog {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -720px 0;
}

.px-north ul.gnavi li a.blog:hover {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -720px -40px;
}

.px-north ul.gnavi li a.blog_on {
  background: url(../images/globalnavi/globalnavi_sprite.png) no-repeat -720px -80px;
}


/*======================================

  south

=======================================*/
.px-cnes .px-south {
  min-width: 960px;
  height: 80px;
  background: url(../images/footer_bg.jpg) repeat-x;
}

.px-cnes .px-south .px-bwrap {
  clear: both;
  width: 960px;
  margin: 0 auto 15px;
  text-align: left;
}

.px-cnes .px-south .footernavi {
  margin: 0 0 15px;
  padding: 14px 0 0;
  font-size: 13px;
  text-align: center;
}

.px-cnes .px-south .footernavi span {
  margin: 0 21px 0 0;
  padding: 0 16px 0 0;
  border-right: 1px solid #A18B74;
}

.px-cnes .px-south .footernavi span.last {
  border-right: none;
}

.px-cnes .px-south .footernavi span a {
  color: #583800;
}

.px-cnes .px-south address {
  color: #583800;
  font-size: 12px;
  text-align: center;
}


/* ------------------------------
 IE6 ハック 設定
------------------------------ */
.px-north .option_box ul li.sitemap {
  _width: 110px;
  _margin: 0 0 0 7px;
}


/* ------------------------------
 IE7 ハック 設定
------------------------------ */
*:first-child+html .px-north .option_box ul li.sitemap {
  width: 85px;
  margin: 0 0 0 14px;
}


/* ------------------------------
 IE8 ハック 設定
------------------------------ */
html>/**/body .px-north .option_box ul {
  margin: 0 8px 0 0\9;
}

html>/**/body .px-north .option_box ul li.sitemap {
  width: 87px\9;
  margin: 0 0 0 14px\9;
}


/* ------------------------------
 IE9 ハック 設定
------------------------------ */
html:not(:target) .px-north .option_box ul li.sitemap {
  width: 80px\9;
  margin: 0 0 0 14px\9;
}


/* EoS */