@charset "utf-8";

/*-- import css --*/

@import "common.css";
@import "pc-product.css";
@import "pc-review.css";





/* Basic Styles
-------------------------------------------------------------*/

body { font-size: 16px; }

#contener { padding: 2em 0; clear: both; }
  #contener + * { clear: both; }

.inner {
  width: 96%;
  max-width: 1100px;
  min-width:  900px;
  margin: 0 auto;
}

#main {
  width: 76.6%;
  min-width: 680px;
  float: left;
}

#nav-menu { width: 200px; float: right; }





/* Form Styles
-------------------------------------------------------------*/

input[type="checkbox"] + label:before, input[type="radio"] + label:before { width: 20px; height: 20px; }

  input[type="checkbox"]:checked + label:before { background: url(../img/common/form_check.gif) no-repeat center; background-size: 18px; }

  input[type="radio"]:checked + label:before { background: url(../img/common/form_radio.gif) no-repeat center; background-size: 18px; }





/* Contents Styles
-------------------------------------------------------------*/

#contener h1 { font-size: 26px; }

#content h1, #content h2, #content h3, #content h4 { margin-bottom: 24px; }

#content h2, #content h3, #content h4 { font-weight: bold; line-height: 1.4; }

#content h2 {
  font-size: 1.25em;
  padding-bottom: 0.25em;
  border-bottom: 3px solid #00a3d9;
}

#content h3 {
  font-size: 1.13em;
  padding: 0.5em 0 0.5em 0.5em;
  border-left: 3px solid #00a3d9;
}

#content h4 { border-bottom: 2px dotted #00a3d9; display: inline-block; }


/* #mainPost */

#mainPost h2:before {
  border-bottom: 1px dashed #c3c3c3;
  margin: 0 0 2.25em;
  content: "";
  display: block;
}
  #mainPost h2:first-child:before { display: none; }

#mainPost p, #mainPost ul, #mainPost ol, #mainPost dl, #mainPost table { margin-bottom: 2.25em;}

#mainPost p { line-height: 1.8; }

#mainPost figure { width: 500px; margin: 0 auto 2.25em; }

#mainPost figure img { width: 500px; }

#mainPost li { margin: 0 0 1.25em 1.5em; }
  #mainPost li:last-child { margin-bottom: 0; }

#mainPost ul li { list-style: disc; }

#mainPost ol li { list-style: decimal; }

#mainPost dl {
  border: 1px solid #ccc;
  padding: 1em 1em 0;
  font-size: 0.85em;
  display: inline-block;
  -webkit-border-radius: 0.6em;
     -moz-border-radius: 0.6em;
          border-radius: 0.6em;
}

#mainPost dt { font-weight: bold; margin-bottom: 0.88em; }

#mainPost dd { margin-bottom: 0.88em; line-height: 1.3; }

#mainPost table {
  border: 1px solid #ccc;
  border-bottom: none;
  font-size: 0.85em;
}

#mainPost table caption {
  text-align: left;
  font-weight: bold;
  margin-bottom: 8px;
}

#mainPost table th { background: #fafafa; text-align: left; }

#mainPost table th, #mainPost table td {
  border-bottom: 1px solid #ccc;
  padding: 8px;
  line-height: 1.6;
}



/* .caution */

#mainPost .caution {
  border: 1px dashed #a1a1a1;
  padding: 1em 1em 0;
  margin-bottom: 2.25em;
  font-size: 13px;
  display: block;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

#mainPost .caution dt { font-weight: bold; margin-bottom: 1em; }

#mainPost .caution dd {
  color: #555;
  line-height: 1.6;
  margin-bottom: 1em;
}



/* navi */

.more a, .nav-page a, .nav-relation-post a {
  line-height: 1.1;
  padding-left: 24px;
  display: inline-block;
}

.more { margin-bottom: 2.25em; }

.more a { background: url(../img/common/icon_more.gif) no-repeat 0; background-size: 15px; }

.nav-page, .nav-relation-post { margin-bottom: 2.25em; }

.nav-page li, .nav-relation-post li { margin-bottom: 1em; }
  .nav-page li:last-child, .nav-relation-post li:last-child { margin-bottom: 0; }

.nav-page:before, .nav-relation-post:before {
  font-weight: bold;
  margin-bottom: 1em;
  display: inline-block;
}

.nav-page:before { content: "このページでわかること"; }

.nav-relation-post:before { content: "あわせて読みたい"; }

.nav-page a { background: url(../img/common/icon_scroll.gif) no-repeat; background-size: 15px; }

.nav-relation-post a { background: url(../img/common/icon_more.gif) no-repeat; background-size: 15px; }



/* #characteristic */

#characteristic dt {
  color: #00a3d9;
  line-height: 1.2;
  font-weight: bold;
  border: 1px solid #00a3d9;
  padding: 10px;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
}
  #characteristic dt:after {
    background: url(../img/common/characteristic_after.gif) no-repeat bottom;
	background-size: 10px;
	width: 10px;
	height: 12px;
	display: block;
	content: "";
	position: absolute;
	  bottom: -12px;
  }

#characteristic dd {
  position: relative;
  padding-left: 1em;
  margin-bottom: 1em;
}
  #characteristic dd:before {
    content: "■";
    font-size: 0.88em;
    position: absolute;
      top: 0;
     left: 0;
  }





/* Category List Styles
-------------------------------------------------------------*/

.category-list {
  width: 100%;
  margin-bottom: 1em !important;
  overflow: hidden;
}

.category-list li {
  float: left;
  width: 31.333%;
  margin: 0 1.25em 1.25em 0;
  font-size: 15px;
  box-sizing: border-box;
}

.category-list li:nth-child(3n) { margin-right: 0; }

.category-list li a {
  background: #fff;
  color: #1a1a1a;
  display: block;
  overflow: hidden;
  border: 1px solid #ccc;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-box-shadow: 0 1px 0 0 #999;
     -moz-box-shadow: 0 1px 0 0 #999;
          box-shadow: 0 1px 0 0 #999;
}
  .category-list li a:hover {
    color: #c60;
    border-color: #c60;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }

.category-list li a span {
  float: left;
  width: 58.4%;
  padding: 10px;
  box-sizing: border-box;
}

.category-list li a img {
  float: right;
  background: #cdf4fd;
  padding: 4px;
}





/* Group List Styles
-------------------------------------------------------------*/

/* .trouble-list */

.trouble-list { margin: 0 -4% -4% 0; overflow: hidden; }

.trouble-list li {
  float: left;
  width: 29.33333%;
  margin: 0 4% 4% 0;
}

.trouble-list li a {
  padding: 1em;
  color: #333;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  border: 1px solid #ccc;
  -webkit-border-radius: 0.6em;
     -moz-border-radius: 0.6em;
          border-radius: 0.6em;
  -webkit-box-shadow: 0 1px 0 0 #999;
     -moz-box-shadow: 0 1px 0 0 #999;
          box-shadow: 0 1px 0 0 #999;
}
  .trouble-list li a:hover {
    border-color: #c60;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }

.trouble-list li .group-title { font-weight: bold; }

.trouble-list li img {
  float: right;
  margin: 0 0 10px 10px;
  -webkit-border-radius: 0.6em;
     -moz-border-radius: 0.6em;
          border-radius: 0.6em;
}

.trouble-list li p {
  clear: both;
  font-size: 13px;
  margin: 0 !important;
  line-height: 1.4 !important;
}





/* Button Styles
-------------------------------------------------------------*/

/* button.cart */

button.cart { width: 100%; }

button.cart span { line-height: 24px; font-size: 15px; }
  button.cart span:before {
    background: url(../img/common/icon_set.png) no-repeat;
    background-position: 0 -40px;
    width: 24px;
    height: 24px;
    margin-right: 6px;
  }

.first-cart button.cart { padding: 10px 0; }

.collect-cart-bottom button.cart { width: 280px; padding: 10px; margin: 0 auto; }

#pricsListTable button.cart { padding: 4px 0; }
#pricsListTable button.cart span { font-size: 14px; }



/* .steps */

button.steps { width: 100%; }

button.steps { line-height: 50px; font-size: 18px; }
  button.steps span:before {
    background: url(../img/common/icon_steps.png) no-repeat center;
	background-size: 25px;
    width:  25px;
    height: 50px;
    margin-right: 6px;
  }



/* .action-cart */

.action-cart {
  border: 1px solid #a1a1a1;
  width: 180px;
  text-align: center;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
}
  .action-cart:hover { border-color: #e03311; }

.action-cart a {
  line-height: 40px;
  color: #1a1a1a;
  text-decoration: none;
  display: block;
}

.action-cart a div {
  padding-left: 30px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
}
  .action-cart a div:before {
    background: url(../img/common/icon_set.png) no-repeat;
    background-position: 0 -40px;
    width: 24px;
    height: 24px;
    display: block;
    content: "";
    position: absolute;
      top: 7px;
      left:  0;	
  }

.action-cart div span {
  background: #e03311;
  color: #fff;
  width: 24px;
  line-height: 24px;
  margin-left: 4px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
}



/* aside */

.aside-header { margin-bottom: 30px; position: relative; }

.aside-header .aside-title { font-size: 1.25em; font-weight: bold; }

.aside-header .button {
  font-size: 14px;
  display: inline-block;
  position: absolute;
    top: -6px;
  right:    0;
}

.aside-header .button a { padding: 4px 10px; }

.aside-header p {
  font-size: 0.88em;
  line-height: 1.3;
  margin-bottom: 1.25em;
}



/* ranking */

.ranking .product-rank {
  font-size: 1.4em;
  line-height: 40px;
  width: 40px;
  position: absolute;
    top: 0;
   left: 0;
}

.ranking-bottom .button a { font-size: 14px; padding: 4px 10px; }





/* User Styles
-------------------------------------------------------------*/

/* common */

.enter-action {
  clear: both;
  text-align: center;
  margin: 0 auto 2.25em;
  overflow: hidden;
}

.enter-action .button { line-height: 40px; }



/* #loginUser */

#loginUser.enter-action { width: 600px; margin-top: -1em; }

#loginUser.enter-action .icon-user a {
  width:  70px;
  height: 70px;
  margin: 0 auto 0.88em;
  display: block;
}

#loginUser.enter-action .icon-user img {
  width: 70px;
  border: 2px solid #00a3d9;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;

}

#loginUser.enter-action b { margin: 0 auto 1.25em; display: inline-block; }

#loginUser.enter-action .action-cart { margin: 0 auto 1.25em; }

#loginUser.enter-action p {
  font-size: 0.88em;
  line-height: 1.5;
  margin-bottom: 1.25em;
}

#loginUser.enter-action p span {
  color: #e03311;
  font-weight: bold;
  padding: 0 3px;
}

#loginUser.enter-action .button {
  float: left;
  width: 280px;
  margin: 0 0.6em;
}





/* Navigation Styles
-------------------------------------------------------------*/

/* header#top */

header#top {
  height: 74px;
  padding: 16px 0;
  border-bottom: 1px solid #a1a1a1;
  box-sizing: border-box;
}

header#top #siteLogo {
  background: url(../img/common/siteLogo_pc_s.gif) no-repeat center;
  width: 210px;
  height: 40px;
  margin-right: 1em;
  text-indent: -9999px;
  display: block;
}

header#top h1,
header#top .nav-cart, header#top .nav-login,
header#top .nav-entry { float: left; }

header#top .nav-cart a { text-decoration: none; position: relative; display: block; }

header#top .nav-cart a div { text-indent: -9999px; }

header#top .search-box { float: right; }

header#top .search-box ul { display: none; }

header#top .nav-login { margin: 0 1em; }

header#top .nav-login a {
  line-height: 40px;
  padding: 0 1em;
  text-decoration: none;
  border: 1px solid #a1a1a1;
  color: #000;
  text-align: center;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;

  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e7e9ec), color-stop(0.00, #fff));
  background: -webkit-linear-gradient(#fff, #e7e9ec);
  background: -moz-linear-gradient(#fff, #e7e9ec);
  background: -o-linear-gradient(#fff, #e7e9ec);
  background: -ms-linear-gradient(#fff, #e7e9ec);
  background: linear-gradient(#fff, #e7e9ec);
}
  header#top .nav-login a:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e7e9ec), color-stop(1.00, #fff));
    background: -webkit-linear-gradient(#e7e9ec, #fff);
    background: -moz-linear-gradient(#e7e9ec, #fff);
    background: -o-linear-gradient(#e7e9ec, #fff);
    background: -ms-linear-gradient(#e7e9ec, #fff);
    background: linear-gradient(#e7e9ec, #fff);
  }

header#top .nav-entry { font-size: 13px; padding: 4px 0; }

header#top .nav-entry span {
  font-weight: bold;
  margin-bottom: 4px;
  display: block;
}

header#top .nav-cart span,
#footerMenu #nav-foot-menu .icon-cart span {
  background: #e03311;
  color: #fff;
  width: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
}

header#top .nav-cart a {
  background: url(../img/common/icon_cart.png) no-repeat 0 bottom;
  background-position: 0 -50px;
  width:  46px;
  height: 40px;
}

header#top .nav-cart a span {
  position: absolute;
    top:  0;
   right: 0;
}



/* .nav-account */

.nav-account {
  float: left;
  margin: -6px 0 0 16px;
  position: relative;
}

.account-user {
  width: 200px;
  font-size: 13px;
  padding: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -webkit-border-radius: 0.4em;
     -moz-border-radius: 0.4em;
          border-radius: 0.4em;
}
  .account-user:hover { background: #fafafa; border: 1px dashed #1a1a1a; }

.account-user .icon-user {
  float: left;
  margin-right: 10px;
  display: inline-block;
}

.account-user .icon-user img {
  width:  32px;
  height: 32px;
  border: 1px solid #00a3d9;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.account-user .account-name {
  width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 0;
}

.account-user span { color: #e03311; font-weight: bold; }

.account-point:after { content: "ご利用可能"; }

.account-menu {
  width: 200px;
  background: #fff;
  box-sizing: border-box;
  z-index: 10;
  border: 1px solid #a1a1a1;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
  position: absolute;
    top: 52px;
   left: 0;
}

.account-menu ul { width: 100%; }

.account-menu li, .account-menu span { border-bottom: 1px dashed #a1a1a1; }
  .account-menu li:last-child { border-bottom: none; }

.account-menu a, .account-menu span {
  font-size: 14px;
  padding: 10px;
  box-sizing: border-box;
  display: block;
}

.account-menu span { font-weight: bold; }

.account-menu a { text-decoration: none; }



/* search-box */

header .search-box, footer .search-box { width: 40%; max-width: 370px; }

.search-box form input {
  height: 40px;
  border: 1px solid #00a3d9;
  box-sizing: border-box;
  overflow: hidden;
}

.search-box form input[type=search] {
  float: left;
  width: 88%;
  padding-left: 8px;
  font-size: 16px;
  -webkit-border-bottom-right-radius: 0;
      -moz-border-radius-bottomright: 0;
          border-bottom-right-radius: 0;
     -webkit-border-top-right-radius: 0;
         -moz-border-radius-topright: 0;
             border-top-right-radius: 0;
}

.search-box form input[type=submit] {
  background: url(../img/common/icon_search.png) no-repeat center #00a3d9;
  background-size: 20px;
  width: 12%;
  text-indent: -9999px;
  -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-bottomleft: 0;
          border-bottom-left-radius: 0;
     -webkit-border-top-left-radius: 0;
         -moz-border-radius-topleft: 0;
             border-top-left-radius: 0;
}

#listPage .search-box .center-search { margin: 1.88em 0; }

@media screen and (max-width: 1199px){
  footer .search-box { width: 33.3%; }
}



/* .search-word */

.search-word {
  padding: 0.6em;
  border: 1px dashed #333;
  box-sizing: border-box;
  -webkit-border-radius: 0.4em;
     -moz-border-radius: 0.4em;
          border-radius: 0.4em;
}

.search-word ul { font-size: 0.94em; overflow: hidden; }
  .search-word ul:before {
    content: "よく検索されているキーワード";
    margin: 0.3em 0;
    font-weight: bold;
    display: block;
  }

.search-word li { float: left; margin: 0.3em; }

#listPage .search-word { margin-bottom: 1.88em; }



/* #nav-menu */

.sp-menu, .sp-menu-open { display: none; }

#nav-menu nav {
  font-size: 14px;
  padding: 14px;
  margin-bottom: 1.5em;
  border: 1px solid #ccc;
  -webkit-border-radius: 0.4em;
     -moz-border-radius: 0.4em;
          border-radius: 0.4em;
}

#nav-menu nav a {
  padding: 14px;
  margin: -14px;
  text-decoration: none;
  display: block;
}

#nav-menu nav h2 {
  background: url(../img/common/icon_nav_menu.png) no-repeat right center #00a3d9;
  padding: 10px;
  margin: -14px -14px 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 0.4em;
      -moz-border-radius-topright: 0.4em;
          border-top-right-radius: 0.4em;
   -webkit-border-top-left-radius: 0.4em;
       -moz-border-radius-topleft: 0.4em;
           border-top-left-radius: 0.4em;
}

#nav-menu nav h2 a { color: #fff; font-weight: bold; }
  #nav-menu nav h2 a:hover { text-decoration: underline; }

#nav-menu nav h3 { font-weight: bold; margin-bottom: 14px; }

#nav-menu nav ul {
  border-bottom: 1px solid #ccc;
  padding-bottom: 14px;
  margin-bottom:  14px;
}
  #nav-menu nav ul:last-child {
    padding-bottom: 0;
    margin-bottom:  0;
    border-bottom: none;
  }



/* #breadcrumb */

#breadcrumb {
  font-size: 0.88em;
  margin-bottom: 2.25em;
  overflow: hidden;
}

#breadcrumb li { float: left; line-height: 30px; }
  #breadcrumb li:after { content: "›"; margin: 0 8px; }
  #breadcrumb li:first-child a {
    background: url(../img/common/icon_home.gif) no-repeat center;
    background-size: 30px;
    width:  30px;
    height: 30px;
	content: "";
    text-indent: -9999px;
    display: inline-block;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
  }

#breadcrumb a { text-decoration: none; }



/* #toTop */

#toTop { background-color: #1a1a1a; text-align: center; }

#toTop a {
  color: #fff;
  text-decoration: none;
  padding: 1em 0;
  display: block;
}



/* #footerMenu */

#footerMenu {
  border-bottom: 1px solid #a1a1a1;
  padding: 1.88em 0;
  overflow: hidden;
}

#footerMenu .search-box { float: left; }

#footerMenu #nav-foot-menu li {
  float: left;
  padding: 10px 0;
  margin-left: 24px;
  font-size: 14px;
}

#footerMenu #nav-foot-menu li a {
  line-height: 24px;
  padding-left: 30px;
  color: #1a1a1a;
  text-decoration: none;
  display: block;
  position: relative;
}
  #footerMenu #nav-foot-menu li a:hover { text-decoration: underline; }
  #footerMenu #nav-foot-menu li a:before {
    background: url(../img/common/icon_set.png) no-repeat;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
       top: 0;
      left: 0;
  }

#footerMenu #nav-foot-menu li.icon-cart a:before { background-position:     0 -40px; }
#footerMenu #nav-foot-menu li.icon-cate a:before { background-position: -24px -40px; }
#footerMenu #nav-foot-menu li.icon-trbl a:before { background-position: -48px -40px; }
#footerMenu #nav-foot-menu li.icon-wtch a:before { background-position: -72px -40px; }

#footerMenu #nav-foot-menu li.icon-cart span { margin-left: 4px; }



/* #siteInfo */

#siteInfo {
  border-top: 1px solid #a1a1a1;
  padding: 1.88em 0;
  font-size: 0.8em;
  color: #666;
  text-align: center;
}

#siteInfo ul {
  margin: 0 auto 1.88em;
  display: inline-block;
  overflow: hidden;
}

#siteInfo li { float: left; margin: 0 6px; }

#siteInfo a { color: #666; }

#siteInfo address { font-size: 13px; }



/* #areaSupport */

#areaSupport {
  background: url(../img/common/bg_areaSupport_pc.gif) no-repeat right 24px;
  padding: 30px 0;
  font-size: 13px;
}

#areaSupport span {
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

#areaSupport .local-area { margin-bottom: 10px; }
  #areaSupport .local-area:last-child { margin-bottom: 0; }

#areaSupport li div { float: left; width: 130px; }

#areaSupport li ul { overflow: hidden; }

#areaSupport li li { float: left; margin-right: 10px; }



/* .nav-tag */

.nav-tag, .nav-panel { margin: 0 -10px 1.25em 0; overflow: hidden; }

.nav-tag li, .nav-panel li { margin: 0 10px 10px 0; }

.nav-tag li { float: left; }

.nav-tag li a, .nav-panel li a {
  background: #cdf4fd;
  border-bottom: 1px solid #aaa;
  text-decoration: none;
  display: inline-block;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
}

.nav-tag li a { font-size: 14px; padding: 6px 8px; }
  .nav-tag li a:hover, .nav-panel li a:hover {
    border-bottom: none;
	border-top: 1px solid #cdf4fd;
    position: relative;
    top: 1px;
  }

.nav-set { margin-bottom: 2.25em; overflow: hidden; }
  .nav-set:last-child { margin: 0; }

.nav-set b { margin-bottom: 1.15em; display: block; }



/* .nav-panel */

.nav-panel li { float: left; }

.nav-panel a span { display: none; }

.nav-panel img { width: 90px; }



/* .box-menu */

.box-menu {
  width: 480px;
  line-height: 40px;
  border: 1px solid #00a3d9;
  text-align: center;
  display: table;
  table-layout: fixed;
  cursor: pointer;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
}

.box-menu li {
  border-right: 1px solid #00a3d9;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}
  .box-menu li:last-child { border-right: none; }

.box-menu li a {
  color: #00a3d9;
  text-decoration: none;
  display: block;
}

.box-menu li.focus a { background: #00a3d9; color: #fff; }



/* .pager */

.pager { margin: 2.25em auto; display: table; }

.pager a { text-decoration: none; }

.pager .pg-box {
  width: 40px;
  line-height: 40px;
  margin: 0 4px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
}

.pager .pg-box a { border: 1px solid #039; display: block; }
.pager .pg-box a:hover { border-color: #c60; }

.pager .pg-box.active a, .pager .pg-box.active a:hover {
  border: 2px solid #1a1a1a;
  color: #1a1a1a;
  font-weight: bold;
}

.pager .arrow span {
  background: url(../img/common/arrow_pager.gif) no-repeat;
  line-height: 24px;
  display: inline-block;
}

.pager .arrow.prev span { background-position: 0 0px; padding-left: 30px; margin-right: 1em; }
  .pager .arrow.prev a span { background-position: 0 -24px; }
    .pager .arrow.prev a:hover span { background-position: 0 -48px; }

.pager .arrow.next span { background-position: right -72px; padding-right: 30px; margin-left: 1em; }
  .pager .arrow.next a span { background-position: right -96px; }
    .pager .arrow.next a:hover span { background-position: right -120px; }



/* .back-page */

.back-page { margin-bottom: 24px; }

.back-page a {
  color: #fff;
  text-decoration: none;
  line-height: 26px;
  position: relative;
  display: inline-block;
}

.back-page a span {
  background: #00a3d9;
  font-size: 15px;
  padding: 0 10px;
  display: inline-block;
  position: relative;
    left: 10px;
}
  .back-page a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 10px 13px 0;
    border-color: transparent #00a3d9 transparent transparent;
    content: "";
    position: absolute;
      top: 0;
     left: 0;
  }
  .back-page a:hover span { background: #c60; }
    .back-page a:hover:before { border-color: transparent #c60 transparent transparent; }



/* .nav-guide */

.nav-guide li {
  border-bottom: 1px dashed #a1a1a1;
  padding-bottom: 1.25em;
  margin-bottom: 1.25em;
}

.nav-guide li .guide-title { margin-bottom: 10px; }

.nav-guide li p { font-size: 0.88em; margin-bottom: 0 !important; }