@charset "UTF-8";

/* ==============================
css-archive
============================== */

/* ------------------------------
left
------------------------------ */

#archive-cont {
  width: 673px;
  margin:0 auto;
  padding:15px 0;
}

.archive-category {
  font-size: 18px;
  font-weight: bold;
  color: #016699;
  margin-bottom: 30px;
}
#season_1st {
  width:673px;
  height:32px;
  text-indent: -9999px;
  font-size: 1px;
  line-height: 1px;
  display:block;
  background: url(../img/1st.gif) no-repeat;
  padding-bottom:30px;
}
#season_1stDL {
  width:106px;
  height:16px;
  text-indent: -9999px;
  font-size: 1px;
  line-height: 1px;
  display:block;
  background: url(../img/archive/DreamLive.gif) no-repeat;
  padding-bottom:30px;
}

.playL {
  overflow: hidden;
  margin-right:-3px;
}
.play-box {
  width:166px;
  float:left;
  margin-right:3px;
  background-color: #f9f9f9;
}

.play-box a {
  text-decoration: none;
}

.play-box a:hover img {
  filter:alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.play-day {
  box-sizing: border-box;
  width:166px;
  height: 21px;
  padding: 6px 0 0 5px;
  /*background-color: #EFEFEF;*/
  border-left: 6px solid #FFCC00;
}
.play-day p {
  font-size: 12px;
  color: #336699;
  line-height: 1;
}
.play-dreamday {
  box-sizing: border-box;
  width: 166px;
  height: 21px;
  padding: 6px 0 0 5px;
  /*background-color: #EFEFEF;*/
  border-left: 6px solid #016699;
}
.play-dreamday p {
  font-size: 12px;
  color: #336699;
  /*color: #608ca5;*/
  line-height: 1;
}
.play-title {
  /*height: 50px;*/
  padding: 7px 5px;
  font-size: 11px;
  line-height: 1.4;
  color: #333333;
  margin-left: 6px;
}
a .play-title {
  color: #333333;
}
a:hover .play-title {
  text-decoration: underline !important;
  color: #333333;
}

.play-pic {
  text-align:center;
  height:177px;
  width:166px;
}
.play-disco {
  width:166px;
  height:22px;
  padding-top: 5px;
  background: url(../img/archive/play-disco_bg.gif) no-repeat;
  text-align:center;
}
.space10 {
  clear:both;
  height:10px;
  display:block;
}
.space15 {
  clear:both;
  height:15px;
  display:block;
}
.space30 {
  clear:both;
  height:30px;
  display:block;
}
.space50 {
  clear:both;
  height:50px;
  display:block;
}
/* ------------------------------
discoList
------------------------------ */
.disco-list {
  width:673px;
}
.disco-list ul {
  display:block;
  overflow:hidden;
  clear: both;
  margin-right: -3px;
}
.disco-list li {
  width: 166px;
  float:left;
  margin-right: 3px;
  display: block;
}
.disco-list li.last {
  width: 166px;
  float:left;
  margin-right: 0px;
}
.disco-list li a {
  display: block;
  width: 166px;
  font-size: 11.5px;
  font-weight: normal;
  color: #555555;
  padding: 5px 0;
  background-color: #f1f1f1;
}
.disco-list li a:hover {
  color: #1c3694;
  text-decoration: none !important;
  /*background-color: #f6f6f6;*/
}
/*.disco-list li a {
  text-indent: -9999px;
  font-size: 1px;
  line-height: 0;
  display:block;
  width:166px;
  height:30px;
  background: url(../img/archive/playDisco_bg.gif) no-repeat;
}
.disco-list li a:hover {
  background-position: 0 -30px;
}*/


/* ------------------------------
tab
------------------------------ */


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  .ui-tabs-hide {
    display: none;
  }
}

/* Hide useless elements in print layouts... */
@media print {
  .ui-tabs-nav {
    display: none;
  }
}


.ui-tabs-nav {
  font-size: 1px;
  line-height: 1px;
  /*text-indent: -9999px;*/
  list-style: none;
  margin: 0;
  padding-right:0;
}
.ui-tabs-panel {
  font-size: 12px;
  line-height: 22px;
  padding-right: 0px;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  display: block;
  clear: both;
  content: " ";
}
.ui-tabs-nav li {
  float: left;
  margin: 0;
  padding-right: 3px;
}
.ui-tabs-nav li.last {
  float: left;
  margin: 0;
  padding: 0;
}

/* �L���X�g�^�u------ */
/* ---�Šw--- */


/* ------�L���X�g�^�u */


.ui-tabs-nav a {
  margin: 0;
  color: #27537a;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap; /* required in IE 6 */
  outline: 0; /* prevent dotted border in Firefox */
}


.ui-tabs-nav a span {
  width: 64px; /* IE 6 treats width as min-width */
  min-width: 64px;
  height: 18px; /* IE 6 treats height as min-height */
  min-height: 18px;
  padding-top: 6px;
  padding-right: 0;
  line-height: 22px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
  width: auto;
  height: auto;
}


/* �}�E�X�I�[�o�[------ */
.ui-tabs-nav , .ui-tabs-nav a:hover span {
  background-position: 0 -30px;
}
/* ------�}�E�X�I�[�o�[ */

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
  background: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
  cursor: pointer;
}
/* ���e�G���A------ */
.ui-tabs-panel {
  /*background: #ffffcc;  declare background color for container to avoid distorted fonts in IE while fading */
  padding-top: 5px;
  padding-bottom: 5px;
  width: 673px;
  margin-right: 0;
  margin-left: 0;
}
/* ------���e�G���A */

.ui-tabs-loading em {
  padding: 0 0 0 20px;
  background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
  display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
  display: inline-block;
}

.naiyou {
  width: 673px;
  margin: 0;
  padding: 20px 0;
  background: #ffffcc;
}


.arrow1 {
  background: url(../img/archive/arrow1.gif) ;
  margin: -5px 0px 0px;
  width: 673px;
  height: 25px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

.arrow2 {
  background: url(../img/archive/arrow2.gif) ;
  margin: -5px 0px 0px;
  width: 673px;
  height: 25px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

.arrow3 {
  background: url(../img/archive/arrow3.gif) ;
  margin: -5px 0px 0px;
  width: 673px;
  height: 25px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

.arrow4 {
  background: url(../img/archive/arrow4.gif) ;
  margin: -5px 0px 0px;
  width: 673px;
  height: 25px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}




.hr {
  background: url(../img/play/cast/hr.gif) no-repeat;
  height: 1px;
  margin-bottom: 16px;
}
.discoList_title {
  width: 630px;
  margin: 0 auto 20px;
}
.discoList_title p {
  color:#666666;
  font-weight:bold;
  padding-bottom:10px;
  background-image: url(../img/line_01.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
#discoList_cont {
  width: 630px;
  margin: 0 auto;
  overflow: hidden;
}
.discoList {
  width:125px;
  float:left;
  padding-right: 32px;
  min-height:145px;
  padding-bottom: 20px;
}

.discoList a:hover img {
  filter:alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.discoList .tvTitle {
  background: url(../img/archive/tv.gif) ;
  width: 125px;
  height: 30px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
.discoList .dvdTitle {
  background: url(../img/archive/dvd.gif) ;
  width: 125px;
  height: 30px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
.discoList .cdTitle {
  background: url(../img/archive/cd.gif) ;
  width: 125px;
  height: 30px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
.discoList .tv-pic {
  text-align:center;
  background-color:#ffffff;
  padding-bottom: 18px;
  border-bottom: solid 1px #dcdcdc;
}
.discoList .dvd-pic {
  text-align:center;
  background-color:#ffffff;
  padding: 10px 0;
  border-bottom: solid 1px #dcdcdc;
}
.discoList .cd-pic {
  text-align:center;
  background-color:#ffffff;
  padding: 27px 0;
  border-bottom: solid 1px #dcdcdc;
}

.discoList .tv-pic .title {
  padding-top: 3px;
  text-align: center;
  line-height: 1.2;
  color: #3859D0;
}

.naiyou .bottomtxt {
  width: 630px;
  margin: 0 auto;
  color:#0066CC;
}


/* a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
} */