@charset "utf-8";
/* CSS Document */

.information {
  position:relative;
  float:left;
  padding-bottom:50px;
}
.information #title {
  position:relative;
  float:left;
  border-top:#ccc 5px solid;
  width:515px;
  font-size:1.6em;
  font-weight:bold;
  margin:0;
  padding:12px 0 30px 0;
}
.information #title-photo {
  position:relative;
  float:left;
  width:515px;
  margin:0 0 10px 0;
  padding:0 0 20px 0;
}
.information .subtitle {
  position:relative;
  float:left;
  width:515px;
  font-size:1.3em;
  color:#002253;
  line-height:180%;
  font-weight:bold;
  margin:0;
  padding:4px 0 12px 0;
  border-top:#ccc 1px solid;
}
.information .text {
  position:relative;
  float:left;
  width:515px;
  font-size:1.2em;
  color:#666666;
  line-height:180%;
  margin:0;
  padding:0 0 20px 0;
}
/*--------------------------------------------*/

.information #concerts {
  position:relative;
  float:left;
  background-color:#E4E9F5;
  width:495px;
  _width:515px;
  margin:20px 0 30px 0;
  padding:10px;
}
.information #concerts .title {
  float:left;
  font-size:1.4em;
  font-weight:bold;
  margin:0;
  padding:0 0 8px 0;
}
.information #concerts .schedule {
  position:relative;
  float:left;
  width:475px;
  margin:0;
  padding:0;
}
.information #concerts .schedule .date {
  position:relative;
  float:left;
  font-size:1.2em;
  margin:0;
  padding:2px 0 4px 0;
}
.information #concerts .schedule .date span {
  font-weight:bold;
}
.information #concerts .schedule a.button-detail {
  position:relative;
  float:left;
  background-image:url(../images/share/icon_a_detail.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
  width:72px;
  height:16px;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0;
  text-indent:-9999px;
  font-size:5px;
  vertical-align:text-top;
}
.information #concerts .schedule a:hover.button-detail {
  background-image:url(../images/share/icon_a_detail.jpg);
  background-repeat:no-repeat;
  background-position:0 -16px;
}
.information #concerts .hall {
  font-size:1.2em;
  margin:0;
  padding:2px 0 5px 0;
  clear:both;
}
.information #concerts .program {
  background-image:url(../images/topics/odaka/txt_program.gif);
  background-position:top left;
  background-repeat:no-repeat;
  font-size:1.2em;
  line-height:140%;
  margin:23px 0 0 0;
  padding:20px 0 5px 0;
}
.information #concerts .player {
  background-image:url(../images/topics/odaka/dot_line.gif);
  background-position:top left;
  background-repeat:repeat-x;
  font-size:1.2em;
  line-height:140%;
  margin:0;
  padding:5px 0 0 0;
}
/*--------------------------------------------*/

.page-top {
  float:right;
}
.bottom-margin {
  position:relative;
  float:left;
  display:block;
  width:5px;
  height:5px;
  color:#FFFFFF;
  clear:both;
}
/* B-C プログラム ジャンプボタン
--------------------------------------------*/
#navi-program {
	float:left;
	width: 515px;
  margin:0;
  padding:0 0 5px 0;
}

#navi-program .program-b,
#navi-program .program-c
{
	float:left;
	width: 90px;
}

#navi-program .program-b a {
	background-image:url(../images/topics/topics16/b_prog.gif);
  background-position: 0 0;
	width:80px;
  height:13px;
  display:block;
  overflow:hidden;
  font-size:5px;
  text-indent:-9999px;
}
#navi-program .program-b a:hover {
	background-image:url(../images/topics/topics16/b_prog_on.gif);
}
#navi-program .program-c a {
	background-image:url(../images/topics/topics16/c_prog.gif);
  background-position: 0 0;
	width:81px;
  height:13px;
  display:block;
  overflow:hidden;
  font-size:5px;
  text-indent:-9999px;
}
#navi-program .program-c a:hover {
	background-image:url(../images/topics/topics16/c_prog_on.gif);
}

#program-b,
#program-c {
	float:left;
	width:515px;
}

#program-b {
	margin-bottom:50px;
  border-bottom:#ccc 1px solid;
}