@charset "utf-8";

/*+-----+*/
/* INITIALIZE
/*+-------------------------------------------------------------*/
div#odekakeContents p,
div#odekakeContents li,
div#odekakeContents dt,
div#odekakeContents dd,
div#odekakeContents th,
div#odekakeContents td{
  line-height:1.2;
}
div#odekakeContents dt,
div#odekakeContents dd {
  font-size: 100%;
}
div#odekakeContents h1,
div#odekakeContents h2,
div#odekakeContents h3,
div#odekakeContents h4,
div#odekakeContents h5 {
  font-weight: bold;
}
#main {
  float: left;
  width: 708px;
}
#nav {
  float: right;
  width: 242px;
}
#main a,
#main a:visited,
#nav a,
#nav a:visited {
  color: #0072bc;
}
.font10 {font-size: 77%;}
.font11 {font-size: 85%;}
.font12 {font-size: 93%;}
.font13 {font-size: 100%;}
.font14 {font-size: 108%;}
.font15 {font-size: 116%;}
.font16 {font-size: 123.1%;}
.font18 {font-size: 138.5%;}

/*+-----+*/
/* SIDE
/*+-------------------------------------------------------------*/
#nav .navBox {
  margin-bottom: 20px;
  padding-bottom: 8px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/navbox_bg_bottom.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  overflow: hidden;
}
#nav .navBoxTop {
  padding-top: 8px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/navbox_bg_top.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#nav .navBoxCont {
  padding: 0 3px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/navbox_bg.png);
  background-repeat: repeat-y;
  background-position: left top;
}

/* ticketSearch
/*+---------------------------------*/
#nav .navBox .ticketSearch {
  margin: 0 auto;
  width: 212px;
}
#nav .navBox .ticketSearch .ttl {
  margin-bottom: 14px;
}
#nav .navBox .ticketSearch .ttl p {
  margin-top: 5px;
  font-size: 93%;
}
#nav .navBox .ticketSearch dt {
  margin-bottom: 5px;
  padding-left: 10px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/nav_subttl_icon.png);
  background-repeat: no-repeat;
  background-position: left top;
  font-weight: bold;
  line-height: 1.4;
}
#nav .navBox .ticketSearch dt .iconRequire {
  margin-left: 10px;
  position: relative;
  top: -2px;
}
#nav .navBox .ticketSearch dd {
  margin-bottom: 15px;
}
#nav .navBox .ticketSearch dd .linkOption {
  margin-top: 5px;
}
#nav .navBox .ticketSearch dd .linkOption a {
  padding-left: 10px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/arrow.png);
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  font-size: 85%;
}

/* btnMoreSearch
/*+---------------------------------*/
#nav .navBox .btnMoreSearch {
  margin-bottom: 10px;
}
#nav .navBox .btnMoreSearch a {
  margin: 0 auto;
  display: block;
  width: 212px;
  height: 32px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/nav_btn_more.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#nav .navBox .btnMoreSearch a:hover {
  background-position: 0 -33px;
}
#nav .navBox .btnMoreSearch a.open {
  background-position: 0 -66px;
}
#nav .navBox .btnMoreSearch a.open:hover {
  background-position: 0 -99px;
}

/* ticketMoreSearch
/*+---------------------------------*/
#nav .navBox .ticketMoreSearch {
  display: none;
  margin-bottom: 15px;
  padding-top: 24px;
  background-color: #f1f5f9;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/nav_more_bg.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#nav .navBox .ticketMoreSearch dl {
  margin: 0 auto;
  width: 212px;
}
#nav .navBox .ticketMoreSearch dt {
  margin-bottom: 5px;
}
#nav .navBox .ticketMoreSearch dd {
  padding-bottom: 10px;
}

/* btnSearch
/*+---------------------------------*/
#nav .navBox .btnSearch {
  padding-bottom: 8px;
}
#nav .navBox .btnSearch input {
  margin: 0 auto;
  display: block;
  width: 214px;
  height: 43px;
  border: none;
  background-color: #fff;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/nav_btn_search.png);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}
#nav .navBox .btnSearch input:hover {
  background-position: left bottom;
}

/* formparts
/*+---------------------------------*/
/*- pulldown ---------*/
.pulldown01,
.pulldown02,
.pulldown03 {
  padding: 1px 0;
  font-size: 12px;
  height: 20px;
}
.pulldown01 {
  width: 212px;
}
.pulldown02 {
  width: 43px;
}
.pulldown03 {
  width: 60px;
}
/*- labelText ---------*/
.labelText {
  font-size: 85%;
}
/*- textbox ---------*/
.textbox01 {
  padding: 3px;
  width: 206px;
  font-size: 12px;
}
/*- checkbox ---------*/
.listCheckbox {
  overflow: hidden;
}
.listCheckbox li {
  float: left;
  margin-bottom: 5px;
}
.listCheckbox input {
  margin-right: 5px;
}
.listCheckbox li.check01 {
  margin-right: 5px;
  width: 100px;
}
.listCheckbox li.check02 {
  width: 95px;
}
.listCheckbox li.check03 {
  width: 200px;
}

/* ticketComparison
/*+---------------------------------*/
#nav .navBox .ticketComparison {
  margin: 0 auto;
  padding-bottom: 10px;
  width: 212px;
}
#nav .navBox .ticketComparison .ttl {
  margin-bottom: 14px;
  padding-top: 7px;
  position: relative;
  left: -5px;
}
#nav .navBox .ticketComparison ul {
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px dotted #ccc;
}
#nav .navBox .ticketComparison ul.last {
  margin-bottom: 14px;
  padding-bottom: 0;
  border-bottom: none;
}
#nav .navBox .ticketComparison li + li {
  margin-top: 4px;
}
#nav .navBox .ticketComparison .text {
  font-size: 85%;
}

/* navBtnBox
/*+---------------------------------*/
#nav .navBtnBox {
  margin-bottom: 20px;
}
#nav .navBtnBox li + li {
  margin-top: 10px;
}
#nav .navBtnBox + .navBox {
  margin-top: -5px;
}
/* navBannerBox
/*+---------------------------------*/
#nav .navBannerBox {
  margin-bottom: 20px;
  padding: 20px 0;
  background-color: #f3f3f3;
  border-radius: 4px;
}
#nav .navBannerBox ul {
  margin: 0 auto;
  width: 200px;
}
#nav .navBannerBox li + li {
  margin-top: 20px;
}

/*+-----+*/
/* MODULE
/*+-------------------------------------------------------------*/
/* hdg
/*+---------------------------------*/
/*- hdgLv1 ---------*/
#hdgLv1 {
  margin-bottom: 15px;
}
/*- hdgLv2 ---------*/
.hdgLv2 {
  margin-bottom: 15px;
  padding: 14px 20px;
  border: 1px solid #ccc;
  border-bottom: 3px solid #0072bc;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/hdglv2_bg.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  font-size: 138.5%;
  font-weight: bold;
  overflow: hidden;
}
.hdgLv2 .cont {
  width: 100%;
  overflow: hidden;
}
.hdgLv2 .icon {
  float: left;
  padding-right: 5px;
  width: 58px;
}
.hdgLv2 .icon + .text {
  float: left;
  width: 603px;
  line-height: 1.4;
  vertical-align: middle;
}
.hdgLv2 .optiontext {
  display: inline-block;
  white-space: nowrap;
}
.hdgLv2 .subtext01 {
  display: inline-block;
  font-size: 84%;
}
.hdgLv2 .subtext02 {
  display: block;
  margin-top: 5px;
  font-size: 64%;
  color: #5f5f5f;
}
/*- hdgLv3 ---------*/
.hdgLv3 {
  margin-bottom: 15px;
  padding: 10px 0 10px 12px;
  border: 1px solid #ccc;
  border-left: 5px solid #2a8ac9;
  background-color: #fff;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/hdglv3_bg.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  font-size: 108%;
  font-weight: bold;
}
/*- hdgLv4 ---------*/
.hdgLv4 {
  margin-bottom: 10px;
  padding: 4px 2px 8px 15px;
  border-bottom: 1px dotted #ccc;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/hdglv4_icon.png);
  background-repeat: no-repeat;
  background-position: 2px 0.4em;
  font-weight: bold;
  overflow: hidden;
}
.hdgLv4 .text {
  float: left;
  width: 487px;
}
.hdgLv4 a {
  float: left; 
  display: block;
  width: 82px;
}
.hdgLv4 .linkArea {
  float: right; 
}
/*- hdgLv5 ---------*/
.hdgLv5 {
  margin-bottom: 10px;
  padding-left: 20px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/hdglv5_icon.png);
  background-repeat: no-repeat;
  background-position: 2px 0.2em;
  font-weight: bold;
  line-height: 1.2;
}
/*- noneMessage ---------*/
.noneMessage {
  margin-bottom: 15px;
  padding: 7px 20px;
  border-radius: 4px;
  background-color: #f1f5f9;
  font-size: 108%;
}

/* pageNationBlock
/*+---------------------------------*/
.pageNationBlock {
  margin-bottom: 20px;
  padding: 5px 5px 5px 20px;
  border-radius: 4px;
  background-color: #f1f5f9;
  overflow: hidden;
}
.pageNationBlock .text {
  float: left;
  width: 330px;
  font-size: 108%;
}
.pageNationBlock .pageNation {
  float: right;
  width: 340px;
  text-align: right;
}
.pageNationBlock .text span {
  padding: 0 3px;
  font-weight: bold;
  color: #0072bc;
  font-size: 128%;
}
.pageNationBlock .pageNation span {
  display: inline-block;
  font-size: 85%;
}
.pageNationBlock .pageNation .current {
  padding: 0 8px;
  line-height: 25px;
  background-color: #0072bc;
  color: #fff;
  font-weight: bold;
}
.pageNationBlock .pageNation a {
  display: block;
  padding: 0 7px;
  line-height: 25px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-decoration: none;
}
.pageNationBlock .pageNation a:hover {
  border: 1px solid #0072bc;
}

/* sectionBlock
/*+---------------------------------*/
.sectionBlock {
  margin: 0 20px 30px;
}
.sectionBlock02 {
  margin-bottom: 30px;
}

/* itemIconGroup
/*+---------------------------------*/
.itemIconGroup {
  margin-bottom: 15px;
}
.itemIconGroup .itemIcon {
  display: inline-block;
  margin-right: 10px;
  padding: 4px 4px 3px;
  border: 2px solid #d4e1ed;
  color: #0072bc;
}

/* boxInfo
/*+---------------------------------*/
.boxInfo01 {
  margin-bottom: 10px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/boxinfo01_bg.png);
  background-repeat: repeat;
  padding: 2px;
}
.boxInfo01 p {
  padding: 12px 12px 12px 42px;
  background-color: #faf2f2;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/boxinfo01_icon.png);
  background-repeat: no-repeat;
  background-position: 20px 12px;
  color: #cc0000;
  font-weight: bold;
}
.boxInfo02 {
  margin-bottom: 10px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/boxinfo02_bg.png);
  background-repeat: repeat;
  padding: 2px;
}
.boxInfo02 .cont {
  padding: 12px 12px 12px 42px;
  background-color: #fffbf0;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/boxinfo02_icon.png);
  background-repeat: no-repeat;
  background-position: 20px 12px;
  color: #ff6600;
  font-weight: bold;
}
.boxInfo02 p.list {
  margin-top: 5px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/icon_list_orange.png);
  background-position: 1px 0.4em;
}
.boxInfo02 p.list:first-child {
  margin-top: 0;
}

/* boxLeadText
/*+---------------------------------*/
.boxLeadText {
  margin-bottom: 10px;
  overflow: hidden;
}
.boxLeadText .pamph {
  float: right;
  margin-left: 10px;
  width: 94px;
}
.boxLeadText .pamph img {
  margin-bottom: 5px;
  border: 1px solid #ccc;
}
.boxLeadText .pamph p {
  padding-left: 10px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/arrow.png);
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  font-size: 77%;
}

/* boxText
/*+---------------------------------*/
.boxText {
  margin-bottom: 15px;
  overflow: hidden;
}

/* boxCont
/*+---------------------------------*/
.boxCont {
  margin-bottom: 20px;
}
.boxCont .text {
  margin-bottom: 10px;
}

/* boxTerm
/*+---------------------------------*/
.boxTerm {
  margin-bottom: 15px;
  padding: 20px;
  border-radius: 8px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/boxterm_bg.png);
  background-repeat: repeat;
}
.boxTerm dl {
  overflow: hidden;
}
.boxTerm dl + dl {
  margin-top: 20px;
}
.boxTerm dt {
  float: left;
  margin-right: 20px;
  width: 114px;
}
.boxTerm dd {
  float: left;
  padding-left: 20px;
  border-left: 1px dotted #1e5b97;
  width: 470px;
}
.boxTerm dd .date {
  margin-bottom: 10px;
  font-weight: bold;
}
.boxTerm dd .notUse {
  margin: 10px 0;
}
div#odekakeContents .boxTerm dd .notUse h4 {
  font-weight: normal;
}
.boxTerm dd .notUse .list span {
  display: inline-block;
  white-space: nowrap;
}

/* boxPageLink
/*+---------------------------------*/
.boxPageLink {
  margin: 15px 0;
  border-top: 1px solid #d1dfec;
  border-bottom: 1px solid #d1dfec;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/boxpagelink_bg.png);
}
.boxPageLink ul {
  padding: 10px 20px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  overflow: hidden;
}
.boxPageLink li {
  float: left;
  margin-right: 18px;
  padding: 2px 0 12px 20px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/boxpagelink_arrow.png);
  background-repeat: no-repeat;
  background-position: 0 0.4em;
}
.boxPageLink li a {
  white-space: nowrap;
}

/* boxLinkList
/*+---------------------------------*/
.boxLinkList ul {
  margin-bottom: 10px;
  overflow: hidden;
}
.boxLinkList li {
  float: left;
  margin: 0 20px 5px 0;
  padding-left: 12px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/arrow.png);
  background-repeat: no-repeat;
  background-position: 0 0.5em;
  white-space: nowrap;
}

/* boxPamphList
/*+---------------------------------*/
.boxPamphList {
  margin-bottom: 5px;
  overflow: hidden;
}
.boxPamphList li {
  float: left;
  margin: 0 14px 15px 0;
  padding: 5px 15px 10px 0;
  width: 144px;
  border-right: 1px dotted #ccc;
}
.boxPamphList li.right {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.boxPamphList li .linktext {
  margin-bottom: 10px;
  height: 1.2em;
}
.boxPamphList li .linktext a {
  padding: 2px 0 2px 20px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/arrow02.png);
  background-repeat: no-repeat;
  background-position: 0 0.3em;
}
.boxPamphList li .image {
  margin-bottom: 15px;
  text-align: center;
}

/* boxNote
/*+---------------------------------*/
.boxNote {
  font-size: 85%;
}

/* boxRelationalLink
/*+---------------------------------*/
.boxRelationalLink {
  margin-bottom: 20px;
}
.boxRelationalLink .ttl {
  margin-bottom: 10px;
  padding-left: 20px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/boxrelationallink_icon.png);
  background-repeat: no-repeat;
  background-position: 0 0.2em;
  font-weight: bold;
}
.boxRelationalLink li {
  margin-bottom: 5px;
  padding-left: 12px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/arrow.png);
  background-repeat: no-repeat;
  background-position: 0 0.4em;
}
.boxRelationalLink ul + ul {
  margin-top: 10px;
}

/* boxSale
/*+---------------------------------*/
.boxSale .cont {
  margin-bottom: 24px;
}
.boxSale .banner {
  margin-bottom: 10px;
}

/* boxSeatExplain
/*+---------------------------------*/
.boxSeatExplain {
  margin-bottom: 15px;
  padding: 20px 30px;
  border-radius: 8px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/boxseatexplain_bg.png);
  background-repeat: repeat;
}

.boxSeatExplain .cont01 {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.boxSeatExplain dl {
  padding: 2px 0;
}
.boxSeatExplain .cont01 .mark01 {
  float: left;
  width: 260px;
}
.boxSeatExplain .cont01 .mark02 {
  float: left;
  width: 320px;
}
.boxSeatExplain .cont01 .mark03 {
  clear: both;
  width: 600px;
}
.boxSeatExplain .cont01 dt {
  float: left;
  width: 1.2em;
}

.boxSeatExplain .cont02 {
  padding-top: 15px;
  border-top: 1px solid #fff;
  overflow: hidden;
}
.boxSeatExplain .cont02 dl {
  float: left;
  width: 200px;
}
.boxSeatExplain .cont02 dt {
  float: left;
  width: 3.2em;
}

/* btnArea
/*+---------------------------------*/
.btnArea {
  margin-bottom: 15px;
  text-align: center;
}
.btnArea a {
  display: inline-block;
  margin: 0 2px;
}

/* iconImage
/*+---------------------------------*/
.iconImage {
  margin-left: 5px;
}
.iconBlank {
  vertical-align: middle;
  margin-left: 5px;
}

/* line
/*+---------------------------------*/
hr.line {
  margin: 10px 0;
  border: none;
  border-top: 1px dotted #ccc;
  height: 1px;
}

/* pagetop
/*+---------------------------------*/
.pagetop {
  text-align: right;
}

/* table
/*+---------------------------------*/
/*- tbl01 ---------*/
.tbl01 {
  margin-bottom: 15px;
}
.tbl01 thead {
  border-bottom: 2px solid #c3dded;
}
.tbl01 thead th {
  background-color: #e4f1f9;
}
.tbl01 th,
.tbl01 td {
  padding: 10px 3px;
  border: 1px solid #c3dded;
  text-align: center;
}
.tbl01 th.from,
.tbl01 th.to {
  width: 10em;
}
.tbl01 th.type01,
.tbl01 th.type02 {
  width: 6em;
}
.tbl01 th.category {
  width: 4em;
  white-space: nowrap;
}
.tbl01 th.price {
  width: 4em;
  white-space: nowrap;
}
.tbl01 th.limit {
  width: 4.5em;
  white-space: nowrap;
}
.tbl01 th.number {
  width: 4em;
  white-space: nowrap;
}
.tbl01 tr.line td {
  background-color: #f5f9fd;
}

/*- tbl02 ---------*/
.tbl02 {
  margin-bottom: 15px;
}
.tbl02 thead {
  border-bottom: 2px solid #c3dded;
}
.tbl02 thead th {
  background-color: #e4f1f9;
}
.tbl02 thead .head th {
  background-color: #d6eaf6;
}
.tbl02 th,
.tbl02 td {
  padding: 5px;
  border: 1px solid #c3dded;
  text-align: center;
}
.tbl02 td {
  width: 46px;
  height: 40px;
}
.tbl02 th.type {
  width: 100px;
}
.tbl02 td.notSeat {
  background-color: #f8f8f8;
}
.tbl02 td span {
  display: block;
  font-size: 85%;
}

/* textRed
/*+---------------------------------*/
.textRed {
  color: #cc0000;
}

/* btnToSmartphone
/*+---------------------------------*/
.btnToSmartphone {
  margin-bottom: 20px;
}
.btnToSmartphone a {
  display: block;
  width: 970px;
  height: 80px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/btn_go_smt.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
  overflow: hidden;
}

/* paragraph
/*+---------------------------------*/
.boxLeadText .text p,
.boxText p,
.boxTerm dd p,
.boxCont p,
.boxSale p {
  margin-top: 3px;
}
.boxLeadText .text p:first-child,
.boxText p:first-child,
.boxTerm dd p:first-child,
.boxCont p:first-child,
.boxSale p:first-child {
  margin-top: 0;
}
p.note {
  margin-left: 1em;
  text-indent: -1em;
}
p.list {
  padding-left: 10px;
  background-image: url(/shohindb/view/consumer/tokutoku/common/img/icon_list.png);
  background-repeat: no-repeat;
  background-position: 1px 0.3em;
}

.navArea01 + .navArea02 {
  margin-top: -10px;
}