/*******************************
    全般
*******************************/
body {
  background-color: #fff;
}

a {
  color: #00f;
}
a:hover {
  color: #f00;
}
img.instIcon {
  vertical-align: middle;
  border: solid 1px #ccc;
  width: 15px;
  height: 15px;
  background-color: #fff;
}

/*** ボックス ***/
.box {
  margin: 1px;
  border-style: solid;
  border-width: 2px;
}
.box h2 {
  margin: 0em;
  padding: 0.1em 0.5em;
  font-size: 0.8em;
  color: #fff;
}
.box div.content {
  margin: 1em;
}
.box p {
  margin: 0em;
}
.box p.submit {
  margin-top: 1em;
  text-align: center;
}
.box p.submit input {
  width: 10em;
}
div.box.hovering {
  border-color: #900 !important;
  background-color: #fee !important;
}
.box.hovering h2 {
  background-color: #900 !important;
}


/*******************************
    お知らせ
*******************************/
#info {
  border-color: #900;
  background-color: #fee;
}
#info h2 {
  background-color: #900;
}


/*******************************
    現在の情報
*******************************/
#current {
  border-color: #996;
  background-color: #ffe;
}
#current h2 {
  background-color: #996;
}

#thread_input {
  width: 40em;
}

/*** ツリー ***/
#tree {
  margin: 1em;
}

div.nodes {
  white-space: nowrap;
}
div.nodes span.node_path {
/*  font-size: 1.8em; */
}
div.nodes span.node_player {
  background-color: #ffe;
}
div.nodes span.node_player.hovering {
  background-color: #fcc;
}
div.nodes span.node_player a {
  color: #009;
}
div.nodes span.node_player a.video {
  color: #090;
}
div.nodes span.node_player a:hover,
div.nodes span.node_player a.video:hover {
  color: #f00;
}
div.nodes img {
  vertical-align: middle;
}
#independenceSpot {
  width: 10em;
  height: 1em;
  border: dotted 1px #fff;
  text-align: center;
  color: #fff;
}
#independenceSpot.visible {
  color: #999;
  border-color: #999;
}
#independenceSpot.visible.hovering {
  background-color: #fcc;
}
#controllPanel {
  margin: 1em 0em 0em;
}


/*** 奏者履歴フォーム ***/
#recents {
  border-color: #030;
  width: 20em;
  background-color: #efe;
}
#recents h2 {
  background-color: #030;
}
#recents p {
  text-align: center;
}
#recents_list {
  width: 20em;
}


/*** 奏者編集フォーム ***/
#edit {
  border-color: #009;
  width: 27em;
  background-color: #eef;
}
#edit h2 {
  background-color: #009;
}
#edit p {
  position: relative;
  margin-bottom: 0.5em;
  white-space: nowrap;
}
#edit p span.label {
  display: block;
  width: 8em;
  text-align: right;
}
#edit .input {
  position: absolute;
  top: 0em;
  left: 8.5em;
}
#edit input#edit_name,
#edit input#edit_alias,
#edit input#edit_instrument,
#edit input#edit_url {
  width: 19em;
}
#edit input.positionLeft_forMSIE {
  position: relative;
  left: -1em;
}
#edit #edit_st {}
#edit .submit {
  margin-top: 2em;
}


/*******************************
    以下開発用
*******************************/

/* *
div.nodes {
  border: solid 1px #900;
  margin: 1px;
  background-color: #999;
  padding-left: 1em;
}
div.nodes span.path {
  background-color: #9c9;
}
div.nodes span.player {
  background-color: #ffc;
}
div.nodes span.icons {
  background-color: #ccf;
}
/* */