@charset "utf-8";

/*ツールメニューの色*/
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
/*ダイアログヘッダー*/
.ui-widget-header {
  color: #fff;
}
/*ダイアログヘッダー*/
.ui-widget-header {
  border: 1px solid #fff;
  font-weight: bold;
}
/*--------属性テーブル------------------*/
#dialogAttribute table {
  width: 100%;
  border-collapse: collapse;
}
#dialogAttribute th, #dialogAttribute td {
  padding: 3px;
  text-align: center;
  width: 20%;
}
#dialogAttribute td.gridL,
#dialogAttribute td.gridR {
  text-align: left;
  color:#000;
}
/* 関連資料欄 */
.gridSubColor {
  text-align: left;
  color: #fff;
  width: 100%;
  padding-left: 10px;
}
/*検索結果エリア*/
.searchResultTitle {
  line-height : 1.5em;
  padding: 0 5px;
  color: #fff;
}

/*検索結果エリアの吹き出し*/
.box, .round {
  height: 50px;
  margin-bottom: 20px;
  position: relative;
  width: 100px;
}
.box:before,
.box:after,
.round:before,
.round:after {
  content: "";
  display: block;
  position: absolute;
}
.box.top:after {
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  left: 5px;
  top: -9px;
}
.box.bottom:after {
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  bottom: -9px;
  left: 5px;
}
.box.left:after {
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid rgba(0, 0, 0, 0);
  left: -9px;
  top: 10px;
}
.box.right:after {
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid rgba(0, 0, 0, 0);
  right: -9px;
  top: 10px;
}
/*串刺し検索結果*/
.metaSearchResultContent table td {
  text-align: left;
  color: #34495E;
}
.metaSearchResultContent li:hover  {
  color: #FFFFFF;
}

/*凡例ボタンエリア*/
.ui-buttonset .ui-button {
  font-size: 12px;
  padding: 5px 0 5px 0;
}

/*検索結果エリアのリストホバー色変更*/
.searchArea li:hover {
  color: #FFFFFF;
}