@charset "utf-8";


/* -----------------------------------------------
body
----------------------------------------------- */
body {
  background-color: #FFF;
  color: #545454;
  /* 81.3%=13px */
  font: 81.3%/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a:link, a:visited {
  color: #545454;
  text-decoration: none;
}
a:hover, a:active {
  color: #545454;
  text-decoration: underline;
}


/* -----------------------------------------------
header
----------------------------------------------- */
#header .wrapper {
  padding-top: 32px;
  min-height: 68px;
}
#header .logo {
  float: left;
  width: 505px;
}
#header .account {
  float: left;
  width: 269px;
}
#header .login, #header .cart {
  display: block;
  float: left;
}
#header .login {
  width: 142px;
}
#header .cart {
  width: 108px;
}
#header .tel {
  float: right;
  width: 186px;
}


/* -----------------------------------------------
shadow
----------------------------------------------- */
#shadow {
  padding-top: 17px;
  background: url(../img/common/bg_header.png) left top repeat-x;
}
#index #shadow {
  /* 例外 */
  padding-top: 0;
}


/* -----------------------------------------------
gnavi
----------------------------------------------- */
#index #gnavi {
  /* 例外 */
  padding-top: 17px;
}
#gnavi .wrapper {
  background: url(../img/common/bg_gnavi02.jpg) center bottom no-repeat;
}
#index #gnavi .wrapper {
  /* 例外 */
  background: none;
}
#gnavi li {
  float: left;
  width: 240px;
}
#gnavi li a {
  display: block;
  padding-top: 80px;
  height: 0;
  background-image: url(../img/common/bg_gnavi01.png);
  background-repeat: no-repeat;
  overflow: hidden;
  /* for IE */
  line-height: 2.0em;
}
#gnavi li.index a { background-position: 0 0; }
#gnavi li.index a:hover { background-position: 0 -80px; }
#index #gnavi li.index a { background-position: 0 -80px; }
#gnavi li.guide a { background-position: -240px 0; }
#gnavi li.guide a:hover { background-position: -240px -80px; }
#guide #gnavi li.guide a { background-position: -240px -80px; }
#gnavi li.teiki a { background-position: -480px 0; }
#gnavi li.teiki a:hover { background-position: -480px -80px; }
#teiki #gnavi li.teiki a { background-position: -480px -80px; }
#gnavi li.question a { background-position: -720px 0; }
#gnavi li.question a:hover { background-position: -720px -80px; }
#question #gnavi li.question a { background-position: -720px -80px; }


/* -----------------------------------------------
container
----------------------------------------------- */
#container .wrapper {
  padding-bottom: 80px;
  background: url(../img/common/bg_title.jpg) left top no-repeat;
}
#index #container .wrapper {
  /* 例外 */
  background: none;
}


/* -----------------------------------------------
title
----------------------------------------------- */
#title {
  padding: 10px 20px;
  height: 220px;
}
#title .bread li {
  display: inline;
}
#title .title {
  margin-top: 70px;
  text-align: center;
}


/* -----------------------------------------------
main-contents
----------------------------------------------- */
#main-contents {
  padding-right: 90px;
  padding-left: 90px;
}
#main-contents a:link, #main-contents a:visited {
  color: #EB7012;
  text-decoration: underline;
}
#main-contents a:hover, #main-contents a:active {
  color: #EB7012;
  text-decoration: none;
}


/* -----------------------------------------------
footer
----------------------------------------------- */
#footer .totop .wrapper {
  margin-bottom: 10px;
  text-align: right;
}
#footer .totop a:link, #footer .totop a:visited,
#footer .totop a:hover, #footer .totop a:active {
  color: #7A390A;
}
#footer .totop span {
  padding-left: 15px;
  background: url(../img/common/icon_page-top.png) left center no-repeat;
}
#footer .logo {
  background: url(../img/common/bg_footer01.jpg) left top repeat-x;
}
#footer .logo .wrapper {
  padding-top: 26px;
  height: 55px;
  text-align: center;
}
#footer .inner {
  background: #FFFAEA;
}
#footer .inner .wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  background: url(../img/common/bg_footer02.png) center top no-repeat;
}
#footer .left {
  float: left;
  width: 670px;
}
#footer .right {
  float: right;
  width: 290px;
}
#footer .navi .box {
  float: left;
  width: 155px;
}
#footer .navi .box li {
  margin-bottom: 5px;
  padding-left: 15px;
  background: url(../img/common/icon_arrow01.png) 0 6px no-repeat;
}
#footer .navi a:link, #footer .navi a:visited,
#footer .navi a:hover, #footer .navi a:active {
  color: #7A390A;
}
#footer .download .btn {
  padding-top: 10px;
}