/*-----------------------------------------------------
body
-------------------------------------------------------*/
/*-----------------------------------------------------
Ccontainer
-------------------------------------------------------*/
#Container {
  min-width: 1000px;
  overflow: hidden;
  margin: 0 auto 0 auto;
}

/*-------------------------------------
Foreign banner
---------------------------------------*/
div.foreign_bnr {
  position: relative;
  z-index: 100;
  background: url("../images/header_bnr_bg.jpg") center center repeat;
}

div.foreign_bnr a {
  display: block;
}

div.foreign_bnr p {
  width: 1000px;
  height: 69px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  background-position: center center;
  background-repeat: no-repeat;
}

div.foreign_bnr.chinese p {
  background-image: url("../images/header_bnr_ch_pc.png");
}

div.foreign_bnr.english p {
  background-image: url("../images/header_bnr_en_pc.png");
}

/*-------------------------------------
line banner
---------------------------------------*/
.header_line_bnr {
  display: none;
}

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Header {
  width: 100%;
  height: 174px;
  position: relative;
  background: url(../images/header_pc_bg.png) repeat-x 0 0 #fff;
}

#Header div.header_inline {
  width: 926px;
  position: absolute;
  padding: 0;
  top: 0;
  left: 50%;
  margin: 0 0 0 -463px;
}

/*-----------------------------------------------------
Header - minimal
-------------------------------------------------------*/
#Header.mod-minimal {
  height: 70px;
}

/*-------------------------------------
head-topnavi_allb
---------------------------------------*/
#Header #head-topnavi_allb {
  width: 926px !important;
  height: 70px;
  position: relative;
  border-bottom: none;
  z-index: 0;
}

#Header #head-topnavi_allb ul.nave_allb {
  top: 25px;
}

/*-------------------------------------
logo
---------------------------------------*/
#Header p.logo {
  width: 130px;
  height: 49px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -460px;
}

#Header p.logo a {
  width: 130px;
  height: 49px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url("../images/header_pc_logo.gif") no-repeat 0 0;
}

/*-------------------------------------
navi_btn
---------------------------------------*/
#Header p.navi_btn {
  display: none;
}

/*-------------------------------------
pankuzu
---------------------------------------*/
#Header dl.pankuzu {
  margin: 12px 0 0 3px;
}

#Header dl.pankuzu ul li {
  height: 20px;
  line-height: 20px;
  color: #663300;
}

#Header dl.pankuzu ul li a {
  text-decoration: none;
}

#Header dl.pankuzu ul li a:hover {
  color: #FF6600;
  text-decoration: underline;
}

/*-------------------------------------
GlobalNavi
---------------------------------------*/
#Header #GlobalNavi {
  width: 922px;
  height: 70px;
  display: block !important;
  margin: 0 auto 0 auto;
  padding: 40px 0 0 0;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

#Header #GlobalNavi.bg01 {
  background-image: url("../images/globalnavi_bg_anime01.gif");
}

#Header #GlobalNavi.bg02 {
  background-image: url("../images/globalnavi_bg_anime02.gif");
}

#Header #GlobalNavi.bg03 {
  background-image: url("../images/globalnavi_bg_anime03.gif");
}

/* ul
---------------------*/
#Header #GlobalNavi ul {
  width: 900px;
  height: 71px;
  padding: 0 11px 0 11px;
  background: url("../images/globalnavi_bg.png") no-repeat 0 -91px;
}

#Header #GlobalNavi ul li {
  width: 172px;
  height: 50px;
  float: left;
  display: inline;
  margin: 3px 4px 0 4px;
}

#Header #GlobalNavi ul li a {
  width: 172px;
  height: 50px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background-image: url("../images/globalnavi_btn.png");
  background-repeat: no-repeat;
}

#Header #GlobalNavi ul li a#NaviG01 {
  background-position: -4px -4px;
}

#Header #GlobalNavi ul li a#NaviG01:hover,
#Header #GlobalNavi ul li a#NaviG01.on {
  background-position: -4px -62px;
}

#Header #GlobalNavi ul li a#NaviG02 {
  background-position: -4px -120px;
}

#Header #GlobalNavi ul li a#NaviG02:hover,
#Header #GlobalNavi ul li a#NaviG02.on {
  background-position: -4px -178px;
}

#Header #GlobalNavi ul li a#NaviG03 {
  background-position: -4px -236px;
}

#Header #GlobalNavi ul li a#NaviG03:hover,
#Header #GlobalNavi ul li a#NaviG03.on {
  background-position: -4px -294px;
}

#Header #GlobalNavi ul li a#NaviG04 {
  background-position: -4px -352px;
}

#Header #GlobalNavi ul li a#NaviG04:hover,
#Header #GlobalNavi ul li a#NaviG04.on {
  background-position: -4px -410px;
}

#Header #GlobalNavi ul li a#NaviG05 {
  background-position: -4px -468px;
}

#Header #GlobalNavi ul li a#NaviG05:hover,
#Header #GlobalNavi ul li a#NaviG05.on {
  background-position: -4px -526px;
}

/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content {
  padding: 60px 0 0;
}

#Content .ico.category01, #Content .ico.category02, #Content .ico.category03, #Content .ico.category04, #Content .ico.category05, #Content .ico.category06 {
  width: 22px;
  height: 22px;
}

#Content .ico.category01 {
  background: url(/common/images/ico_pc_blog.png) no-repeat 0 0;
}

#Content .ico.category02 {
  background: url(/common/images/ico_pc_blog.png) no-repeat -22px 0;
}

#Content .ico.category03 {
  background: url(/common/images/ico_pc_blog.png) no-repeat -44px 0;
}

#Content .ico.category04 {
  background: url(/common/images/ico_pc_blog.png) no-repeat -66px 0;
}

#Content .ico.category05 {
  background: url(/common/images/ico_pc_blog.png) no-repeat -88px 0;
}

#Content .ico.category06 {
  background: url(/common/images/ico_pc_blog.png) no-repeat -110px 0;
}

#Content .label.category01, #Content .label.category02, #Content .label.category03, #Content .label.category04, #Content .label.category05, #Content .label.category06 {
  width: 135px;
  height: 21px;
  padding: 0 0 0 25px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  line-height: 22px\9;
  letter-spacing: 0;
}

@-moz-document url-prefix() {
  #Content .label.category01, #Content .label.category02, #Content .label.category03, #Content .label.category04, #Content .label.category05, #Content .label.category06 {
    line-height: 22px;
  }
}

#Content .label.category01 {
  background: url(/common/images/label_pc_blog.png) no-repeat 0 0;
}

#Content .label.category02 {
  background: url(/common/images/label_pc_blog.png) no-repeat 0 0;
}

#Content .label.category03 {
  background: url(/common/images/label_pc_blog.png) no-repeat 0 -22px;
}

#Content .label.category04 {
  background: url(/common/images/label_pc_blog.png) no-repeat 0 -44px;
}

#Content .label.category05 {
  background: url(/common/images/label_pc_blog.png) no-repeat 0 -66px;
}

#Content .label.category06 {
  background: url(/common/images/label_pc_blog.png) no-repeat 0 -88px;
}

/*-------------------------------------
Main
---------------------------------------*/
/* section
---------------------*/
/*-----------------------------------------------------
Footer
-------------------------------------------------------*/
#Footer {
  clear: both;
  background: url("../images/footer_pc_bg.gif") repeat-x 0 102%;
}

#Footer div.footer_inline {
  position: relative;
  margin: 0 auto 0 auto;
  padding: 50px 0 0 0;
}

/*-----------------------------------------------------
Footer - minimal
-------------------------------------------------------*/
#Footer.mod-minimal {
  background: none;
}

#Footer.mod-minimal div.footer_inline {
  padding: 0;
}

#Footer.mod-minimal div#footer {
  background: url("../images/footer_pc_bg.gif") repeat-x;
}

/*-------------------------------------
bg_anime
---------------------------------------*/
#Footer div.bg_anime {
  width: 920px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: -460px;
}

#Footer div.bg_anime.bg01 {
  background-image: url("../images/footer_pc_anime01.gif");
}

#Footer div.bg_anime.bg02 {
  background-image: url("../images/footer_pc_anime02.gif");
}

#Footer div.bg_anime.bg03 {
  background-image: url("../images/footer_pc_anime03.gif");
}

/*-------------------------------------
widget
---------------------------------------*/
#Footer div.widget {
  width: 920px;
  margin: 0 auto 38px;
  background: url("../images/footer_pc_widget_bg.png") no-repeat 0 0;
}

#Footer .widget_pc {
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 80px 0 66px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Footer .widget_pc hr {
  width: 2px;
  height: 126px;
  position: absolute;
  left: 446px;
  top: 23px;
  border: 0;
  background: url("../images/footer_pc_widget_separator.png") no-repeat 0 0;
}

#Footer .widget_pc ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#Footer .widget_pc ul li a {
  -webkit-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
}

#Footer .widget_pc ul li a:hover {
  opacity: 0.8;
}

#Footer .widget_pc ul li:nth-child(n+2) {
  margin-left: 14px;
}

#Footer div.widget_sp {
  display: none;
}

/*-------------------------------------
navi
---------------------------------------*/
#Footer nav.navi {
  display: none;
}

/*-------------------------------------
pagetop
---------------------------------------*/
#Footer p.pagetop {
  width: 142px;
  position: absolute;
  bottom: 127px;
  left: 50%;
  margin-left: 324px;
  background: url("../images/footer_pc_pagetop.gif") no-repeat 0 0;
}

#Footer p.pagetop a {
  width: 142px;
  height: 70px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

/*-------------------------------------
social
---------------------------------------*/
#Footer ul.social {
  width: 920px;
  height: 50px;
  margin: 0 auto;
}

#Footer ul.social li {
  float: left;
  display: inline;
  margin: 0 10px 0 0;
}

/*-------------------------------------
desc
---------------------------------------*/
#Footer .desc2 {
  font-size: 84%;
  color: #A4947F;
  line-height: 140%;
  padding: 6px 0 0 0;
  text-align: center;
  width: 100%;
  height: 17px;
  background: url("../images/footer_pc_bg2.gif") repeat-x 0 0;
}

#Footer .desc2 span {
  position: relative;
  z-index: 2;
}

/*-------------------------------------
inside
---------------------------------------*/
#Footer div#footer {
  width: 100%;
  height: 95px;
  padding: 14px 0 0 0;
}

#Footer div#footer p.logo {
  padding: 15px 0 15px 0;
}
