/* CSS Document */

.information {
  position:relative;
  float:left;
  padding-bottom:50px;
}
h3.titlemain {
  border-top:#ccc 5px solid;
  width:515px;
  font-size:1.6em;
  font-weight:bold;
  margin:0;
  padding:12px 0 30px 0;
  border-bottom:#ccc 1px solid;
}



h4.titlephoto{
	background: url(../images/topics/topics51/mt2010-01.gif) no-repeat;
	width:515px;
	height:184px;
	text-indent:-10000px;
	margin:55px 0px 0px 0px;
}


p.title01{
	background:url(../images/topics/topics51/mt2010-02.gif) no-repeat;
	width:288px;
	height:148px;
	text-indent:-10000px;
	float:left;
	margin:0px !important;
	line-height:0px;
}

p.title02 a{
	background:url(../images/topics/topics51/mt2010-03.jpg) no-repeat;
	width:227px;
	height:148px;
	text-indent:-10000px;
	float:left;
	display:block;
	margin:0px !important;
	line-height:0px;
}

p.title02 a:hover{
	background:url(../images/topics/topics51/mt2010-03_f2.jpg) no-repeat;
	width:227px;
	height:148px;
	text-indent:-10000px;
	float:left;
	display:block;
	margin:0px;
	line-height:0px;
}

.line01{
	clear:both;
	background:url(../images/topics/topics51/mt2010-04.gif) no-repeat top center;
	width:515px;
	height:51px;
	margin-bottom:1em;
}

.line02{
	clear:both;
	background:url(../images/topics/topics51/mt2010-05.gif) no-repeat top center;
	width:515px;
	height:52px;
	margin:0px 0px 52px 0px;
}

.line03{
	clear:both;
	background: url(../images/topics/topics51/mt2010-06.gif) no-repeat top center;
	width:515px;
	height:15px;
	margin:50px 0px 20px 0px;
}

.line04{
	clear:both;
	background: url(../images/topics/topics51/mt2010-07.jpg) no-repeat top center;
	width:515px;
	height:139px;
	margin:1em 0px 20px 0px;
}

.line05{
	clear:both;
	background: url(../images/topics/topics51/mt2010-08.gif) no-repeat top center;
	width:515px;
	height:19px;
	margin:50px 0px 20px 0px;
}

.line06{
	clear:both;
	background: url(../images/topics/topics51/mt2010-09.gif) no-repeat top center;
	width:515px;
	height:58px;
	margin-top:50px;
	margin-bottom:2em;
}

.line07{
	clear:both;
	background: url(../images/topics/topics51/mt2010-10.jpg) no-repeat top center;
	width:515px;
	height:134px;
	margin:2em 0;
}


#information51text h5{
	font-weight:bold;
	font-size:1.4em;
	margin-bottom:1em;
	line-height:1.8em;
}


#information51text p{
	line-height:1.8em;
	font-size:1.2em;
}

#information51text p.textbold{
	font-weight:bold;
}


#information51text dl{
	margin:2em 0px;
	line-height:1.8em;
	font-size:1.2em;
}

#information51text dt{
	float:left;
	width:50px;
	font-weight:bold;
}

#information51text dt.s{
	background:url(../images/topics/topics51/mt2010-11.gif) no-repeat 2.2em center;
}

#information51text dt.y{
	background:url(../images/topics/topics51/mt2010-12.gif) no-repeat 2.2em center;
}

#information51text dd{
	float:left;
	width:465px;
}




/*--------------------------------------------*/

.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;
}