/**
 * === /ticket/buying_guide override styles ===
 */

/**
 * header-popup
 */
.header-popup .header-logo {
  margin-left: -280px;
}

/**
 * print-area
 */
.print-area {
  width: 560px;
  height: 26px;
  position: relative;
  z-index: 10;
  margin: 0 auto;
  padding: 0 0 19px 0;
  text-align: right;
}
.print-area a {
  width: 157px;
  height: 26px;
  display: block;
  margin: -45px 0 50px auto;
}

/**
 * bread-crumb
 */
.bread-crumb {
  width: 100%;
  min-height: 31px;
  background-color: #fff;
  color: #333;
  font-size: 100%;
  line-height: 31px;
  border-bottom: 1px solid #b6a362;
}
.bread-crumb .inner {
  width: 560px;
  margin: 0 auto;
}
.bread-crumb li {
  line-height: 31px;
}
.bread-crumb li:after {
  background-image: url(data:image/gif;base64,R0lGODlhBQAJAPABADMzM////yH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAABACwAAAAABQAJAEACCkQehqt67lBsqAAAOw==);
  background-position: 100% 50%;
}
.bread-crumb a,
.bread-crumb a:link,
.bread-crumb a:visited {
  color: #6399b8;
}

/**
 * step-area
 */
.step-area {
  width: 100%;
  height: 42px;
  background: #ffd800;
}
.step-area .inner {
  width: 560px;
  margin: 0 auto;
}
.step-area .step {
  width: 150px;
  height: 42px;
  display: block;
  margin: 0 0 0 auto;
  background: url(../images/label-steps.png) no-repeat 0 0;
  text-indent: -999em;
}
.step-area .step01 {
  background-position: 0 0;
}
.step-area .step02 {
  background-position: 0 -50px;
}
.step-area .step03 {
  background-position: 0 -100px;
}
.step-area .step04 {
  background-position: 0 -150px;
}
.step-area .step05 {
  background-position: 0 -200px;
}
.step-area .step06 {
  background-position: 0 -250px;
}
.step-area .step07 {
  background-position: 0 -300px;
}
.step-area .step08 {
  background-position: 0 -350px;
}
.step-area .step09 {
  background-position: 0 -400px;
}
.step-area .step10 {
  background-position: 0 -450px;
}


/**
 * popup
 */
.body.popup {
  background: transparent;
}
.popup .main {
  width: 560px;
  padding-top: 0;
}

/**
 * contents
 */
.contents {
  margin-top: 30px;
}
.contents h1 {
  text-align: left;
  margin: 0 0 20px;
  border-left: 5px solid #c00;
  padding: 0 0 0 13px;
  font-size: 150%;
  line-height: 125%;
  font-weight: bold;
  color: #c00;
}

/**
 * button-rect
 */
.button-rect {
  width: 390px;
  height: 70px;
  display: block;
  background: url(../images/label-buttons-rect.png) no-repeat 0 0;
  text-indent: -999em;
}
.button-rect-today_ticket {
  background-position: 0 0;
}
.button-rect-advance_ticket {
  background-position: 0 -70px;
}
.button-rect-wheelchair_ticket {
  width: 195px;
  background-position: 0 -140px;
}
.button-rect-special_ticket {
  width: 195px;
  background-position: -195px -140px;
}
.button-rect-buy_at_convenience_store {
  background-position: 0 -210px;
}
.button-rect-buy_at_stadium {
  background-position: 0 -280px;
}
.button-rect-buy_at_play_guide {
  background-position: 0 -350px;
}
.button-rect-book_via_internet {
  background-position: 0 -420px;
}
.button-rect-book_via_tel {
  background-position: 0 -490px;
}
.button-rect-book_via_store {
  background-position: 0 -560px;
}
.button-rect-mizuho {
  background-position: 0 -630px;
}
.button-rect-toyota {
  background-position: 0 -700px;
}
.button-rect-subscription_at_convenience_store {
  background-position: 0 -770px;
}
.button-rect-subscription_at_stadium {
  background-position: 0 -840px;
}
.button-rect-subscription_at_play_guide {
  background-position: 0 -910px;
}
.button-rect-today_ticket:hover {
  background-position: -390px 0;
}
.button-rect-advance_ticket:hover {
  background-position: -390px -70px;
}
.button-rect-wheelchair_ticket:hover {
  width: 195px;
  background-position: -390px -140px;
}
.button-rect-special_ticket:hover {
  width: 195px;
  background-position: -585px -140px;
}
.button-rect-buy_at_convenience_store:hover {
  background-position: -390px -210px;
}
.button-rect-buy_at_stadium:hover {
  background-position: -390px -280px;
}
.button-rect-buy_at_play_guide:hover {
  background-position: -390px -350px;
}
.button-rect-book_via_internet:hover {
  background-position: -390px -420px;
}
.button-rect-book_via_tel:hover {
  background-position: -390px -490px;
}
.button-rect-book_via_store:hover {
  background-position: -390px -560px;
}
.button-rect-mizuho:hover {
  background-position: -390px -630px;
}
.button-rect-toyota:hover {
  background-position: -390px -700px;
}
.button-rect-subscription_at_convenience_store:hover {
  background-position: -390px -770px;
}
.button-rect-subscription_at_stadium:hover {
  background-position: -390px -840px;
}
.button-rect-subscription_at_play_guide:hover {
  background-position: -390px -910px;
}

/**
 * button-square
 */
.button-square {
  width: 130px;
  height: 130px;
  display: block;
  background: url(../images/label-buttons-square.png) no-repeat 0 0;
  text-indent: -999em;
}
.button-square-family_mart {
  background-position: 0 0;
}
.button-square-circle_k_sunkus {
  background-position: 0 -130px;
}
.button-square-lawson {
  background-position: 0 -260px;
}
.button-square-mini_stop {
  background-position: 0 -390px;
}
.button-square-seven_eleven {
  background-position: 0 -520px;
}
.button-square-ampm {
  background-position: 0 -650px;
}
.button-square-pia_spot {
  background-position: 0 -780px;
}
.button-square-lawson_play_guide {
  background-position: 0 -910px;
}
.button-square-ticket_pia_tel {
  background-position: 0 -1040px;
}
.button-square-layson_tel {
  background-position: 0 -1170px;
}
.button-square-cn_play_guide_tel {
  background-position: 0 -1300px;
}
.button-square-cn_station {
  background-position: 0 -1430px;
}
.button-square-family_mart:hover {
  background-position: -130px 0;
}
.button-square-circle_k_sunkus:hover {
  background-position: -130px -130px;
}
.button-square-lawson:hover {
  background-position: -130px -260px;
}
.button-square-mini_stop:hover {
  background-position: -130px -390px;
}
.button-square-seven_eleven:hover {
  background-position: -130px -520px;
}
.button-square-ampm:hover {
  background-position: -130px -650px;
}
.button-square-pia_spot:hover {
  background-position: -130px -780px;
}
.button-square-lawson_play_guide:hover {
  background-position: -130px -910px;
}
.button-square-ticket_pia_tel:hover {
  background-position: -130px -1040px;
}
.button-square-layson_tel:hover {
  background-position: -130px -1170px;
}
.button-square-cn_play_guide_tel:hover {
  background-position: -130px -1300px;
}
.button-square-cn_station:hover {
  background-position: -130px -1430px;
}

/**
 * button-qrcode
 */
.button-qrcode {
  width: 113px;
  height: 113px;
  display: block;
  background: url(../images/label-buttons-qrcode.png) no-repeat 0 0;
  text-indent: -999em;
}
.button-qrcode-grampus_direct {
  background-position: 0 0;
}
.button-qrcode-pia {
  background-position: -113px 0;
}
.button-qrcode-lawson {
  background-position: -226px 0;
}
.button-qrcode-cn_play_guide {
  background-position: -339px 0;
}
.button-qrcode-e_plus {
  background-position: -452px 0;
}
.button-qrcode-grampus_direct:hover {
  background-position: 0 -113px;
}
.button-qrcode-pia:hover {
  background-position: -113px -113px;
}
.button-qrcode-lawson:hover {
  background-position: -226px -113px;
}
.button-qrcode-cn_play_guide:hover {
  background-position: -339px -113px;
}
.button-qrcode-e_plus:hover {
  background-position: -452px -113px;
}
.button-qrcode-grampus_direct-code {
  height: 142px;
  background-position: 0 -226px;
}
.button-qrcode-pia-code {
  height: 142px;
  background-position: -113px -226px;
}
.button-qrcode-lawson-code {
  height: 142px;
  background-position: -226px -226px;
}
.button-qrcode-cn_play_guide-code {
  height: 142px;
  background-position: -339px -226px;
}
.button-qrcode-e_plus-code {
  height: 142px;
  background-position: -452px -226px;
}

/**
 * area-button-rect
 */
.area-button-rect {
  width: 390px;
  margin: 40px auto;
}
.area-button-rect li {
  float: left;
  display: inline;
}

/**
 * area-button-square
 */
.area-button-square {
  width: 520px;
  margin: 40px auto;
}
.area-button-square-one-column {
  width: 130px;
}
.area-button-square-two-columns {
  width: 260px;
}
.area-button-square-three-columns {
  width: 390px;
}
.area-button-square-four-columns {
  width: 520px;
}
.area-button-square-five-columns,
.area-button-square-six-columns {
  width: 390px;
}
.area-button-square-five-columns li:nth-child(4) {
  margin-left: 65px;
}
.area-button-square li {
  float: left;
  display: inline;
}

/**
 * area-button-qrcode
 */
.area-button-qrcode {
  width: 452px;
  margin: 40px auto;
}
.area-button-qrcode li {
  float: left;
  display: inline;
}

/**
 * leading-block
 */
.leading-block {
  margin: 25px 0 25px 15px;
}
.leading-block p {
  font-weight: bold;
}
.leading-block ul {
  list-style: none;
}
.leading-block li {
  margin-top: 10px;
}

/**
 * ticket-block
 */
.ticket-block {
  margin: 40px 0 0 0;
}
.ticket-block h3 {
  font-weight: bold;
  font-size: 120%;
}
.ticket-block .content {
  margin: 3px 0 0 0;
  padding: 15px;
  background: #ebecde;
  border: 1px solid #d3d4c0;
}
.ticket-block .leading {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
}
.ticket-block .leading + .leading {
  margin-top: 10px;
}
.ticket-block .leading.note {
  text-indent: 0;
  margin-left: 0;
}
.ticket-block .leading.important {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  text-align: center;
}
.ticket-block .content-inner {
  margin: 15px 0 5px 0;
}
.ticket-block .howto-header {
  margin: 10px 0 0 0;
  padding: 10px 10px 7px 10px;
  background: #fff;
  font-weight: bold;
}
.ticket-block .howto-header h4 {
  width: 300px;
  float: left;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.ticket-block .howto-header h4:before {
  width: 12px;
  height: 6px;
  content: '';
  display: inline-block;
  margin-right: 8px;
  background: #c00;
  vertical-align: 2px;
}
.ticket-block .howto-header .link_a {
  float: right;
  display: inline-block;
  margin-bottom: 0;
  padding: 1px 1px 1px 12px;
  font-weight: normal;
  font-size: 85%;
}
.ticket-block .howto-content {
  margin: 1px 0 0 0;
  padding: 10px 20px 9px 20px;
  background: #fff;
  font-weight: bold;
}
.ticket-block .howto-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}
.ticket-block .howto-content li {
  margin: 5px 0 0 0;
}
.ticket-block .howto-content .link_a {
  margin-top: 15px;
  margin-bottom: 15px;
}
.ticket-block .howto-content.link .link_a {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * step-block
 */
.step-block {
}
.step-block h2 {
  margin: 0 0 10px 0;
  padding: 0 0 0 11px;
  border-left: 4px solid #333;
  text-align: left;
  font-size: 133%;
  line-height: 125%;
  font-weight: bold;
  color: #333;
}
.step-block .leading {
  margin-left: 15px;
}
.step-block ul {
  margin: 0 0 20px 0;
  padding: 0;
  border-top: 1px solid #333;
  list-style: none;
}
.step-block li {
  margin: 0;
  padding: 17px 0 23px 0;
  background: url(../images/bg-step_next.gif) no-repeat 0 100%;
}
.step-block li + li {
  paddiing-top: 9px;
}
.step-block li p {
  margin-bottom: 0;
}
.step-block li p + p {
  margin-top: 5px;
}
.step-block li .point {
  padding-left: 1em;
  text-indent: -1em;
}
.step-block li .indent {
  padding-left: 1em;
}
.step-block li img {
  float: left;
  margin: 0 30px 0 0;
}
.step-block li .large-image {
  text-align: center;
}
.step-block li .large-image img {
  float: none;
  margin: 0;
}
.step-block li .caption {
  width: 305px;
  float: right;
  margin-top: 63px;
}
.step-block li .important {
  font-weight: bold;
}
.step-block li .notes {
  margin: 4px 0 0 30px;
  padding: 0;
  border: 0;
  list-style: none;
}
.step-block li .notes li {
  margin: 4px 0 0 1em;
  padding: 0;
  background: none;
  color: #666;
  line-height: 140%;
  text-indent: -1em;
  font-size: 85%;
}

/**
 * label-type
 */
.label-type {
  margin: 25px 0 0 0;
  padding: 7px 10px;
  background: #c7c29b;
  color: #fff;
  font-weight: bold;
}

/**
 * buying_method
 */
.buying_method {
  margin: 5px 0 25px 0;
}
.buying_method .link_a {
  margin-top: 15px;
  margin-bottom: 1px;
}
.buying_method ul {
  list-style: none;
}
.buying_method .notes {
  margin-top: 20px;
}
.buying_method p + .notes {
  margin-top: 10px;
}
.buying_method .right .notes {
  margin-top: 5px;
}
.buying_method .notes .note {
  color: #666;
  font-size: 85%;
}
.buying_method dl {
  margin: 5px 0 7px 0;
  padding: 0;
}
.buying_method dt {
  width: 110px;
  display: block;
  float: left;
  background: #c00;
  margin: 0;
  padding: 6px 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.buying_method dd {
  width: 385px;
  display: block;
  float: right;
  margin: 0;
  padding: 5px 0 0 0;
  color: #c00;
  text-align: left;
}
.buying_method .left dd {
  width: 170px;
}
.buying_method dd strong {
  font-weight: bold;
  font-size: 120%;
}
.buying_method .lcode-detail {
  margin-top: 25px;
}
.buying_method .lcode-detail caption {
  margin-bottom: 1px;
  padding: 7px 10px;
  background: #666;
  color: #fff;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.buying_method .lcode-detail .j1 {
  float: left;
}
.buying_method .lcode-detail .acl {
  float: right;
}
.buying_method .lcode-detail td {
  text-align: center;
}
.buying_method .lcode-detail .sec {
  width: 44px;
}
.buying_method .lcode-detail .lcode {
  width: 80px;
}

/**
 * search-near-shops
 */
.search-near-shops {
  margin-top: 20px;
  font-weight: bold;
}

/**
 * footer-popup
 */
.footer-popup .copyright {
  right: 0;
  top: 16px;
  margin: 0 10px 0 0;
}