@charset "utf-8";
/* CSS Document */
/**********************************************************************/
/*  メイン画面のスタイル　　           　     　　　　　　　　　　　　*/
/*                                 　　　　　　　　　　　　　　     　*/
/*   Created    : 2012-07-20　                   　    　       */
/*   Update     :             　　　　　　　　　　     　       */
/*                                                         　　     　*/
/**********************************************************************/

/**********************************************************/
/*  共通タグスタイル　　　　　　　　　　　                */
/**********************************************************/

html, body, div, span, h1, h2, h3, ul, li, p, label{
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: Meiryo, "メイリオ", Verdana,Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size:12px;
  font-style:normal;
  text-decoration:none;
}

h1 {
  font-size: 14px;
  margin:0px;
}

ul{
  list-style: none;
}

input,select, textarea {
  font-family: Meiryo, "メイリオ", Verdana,Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size:12px;
}

td {
  border-collapse:collapse;
}

img {
  vertical-align:middle;
  border:none;
}

/* リンク色　基本設定 */
a , a:visited {
  color:#2e70b9;
  text-decoration:none;
}

a:hover , a:active {
  color:#4da6f1;
  text-decoration:underline;
}

/**********************************************************/
/*  共通クラス　　　　　　　　　　　　　　                */
/**********************************************************/
/*　右寄せ */
.right{
  text-align:right;
}

/*　フォントサイズ */
.t12 {
  font-size:12px
}

/*　画像ボタン型リンク */
a.btn {
  display:inline-block;
  text-decoration:none;
  outline:none;
  text-align:center;
  vertical-align:top;
  color:#000;
  font-weight:normal;
  font-family: Meiryo, "メイリオ", Verdana,Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size:12px;
  background:transparent no-repeat left top;
}

/*　画像ボタン型リンク */
a.imgBtn {
  display:inline-block;
  text-decoration:none;
  outline:none;
  text-align:center;
  vertical-align:top;
  color:#000;
  font-weight:normal;
  font-family: Meiryo, "メイリオ", Verdana,Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size:1px;
  line-height: 0;
  text-indent:-9999px;
  *text-indent: 0; /* for IE7 */
  background:transparent no-repeat left top;
}

/* 画像ボタン型リンク　マウスオーバー　*/
a:hover {
  background-position: left bottom;
}

/* 画像ボタン型リンク　ディセイブル　*/
a.disabled {
  background-position: right top;
  color:#a6a6a6;
  cursor: default;
}


/**********************************************************/
/*  共通部品のスタイル  　　　　　　　　　　              */
/**********************************************************/

/* JDream ロゴ */
#logo{
  position: absolute;
  display:block;
  width:400px;
  height:36px;
  z-index: 3;
  left: 12px;
  top: 6px;
  background-image: url(../img/JDreamLogo.png);
  background-repeat: no-repeat;
  background-position: left top;
}
/* JDream ロゴ2 */
#logo2{
  position: absolute;
  display:block;
  width:400px;
  height:36px;
  z-index: 3;
  left: 12px;
  top: 6px;
  background-image: url(../img/JDreamLogo2.png);
  background-repeat: no-repeat;
  background-position: left top;
}

/* 仕切り線 */
.line {
  display:inline-block;
  float:left;
  width:100%;
  height:1px;
  line-height:1px;
  border-top:dotted 1px #666;
  margin:5px 0
}

/* プレイスホルダ　文字色設定 */
.placeholder {
    color: #a6a6a6;
}

/* ツールチップ */
.balloon{
  background:#fff;
  color:#333;
  padding:6px 10px;
  position:absolute;
  display:none;
  width:220px;
  border:solid 1px #999;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
  -moz-box-shadow: 0px 2px 5px #999;
  -webkit-box-shadow: 0px 2px 5px #999;
  box-shadow: 0px 2px 5px #999;
  /*Inner elements should not cover inner shadows*/
  /*Chrome renders inset shadows incorrectly with border-radius*/
  /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/

  z-index: 3;

}

/**********************************************************/
/*  レイアウト及び領域の共通スタイル 　　　               */
/**********************************************************/

html, body {
  height: 100%;
}

body{
  display:block;
  color: #000;
  width: 990px;
  margin-left:auto;
  margin-right:auto;
  background-color:#efefef;
}

/* コンテナ（固定幅） */
#container {
  display: block;
  width: 990px;
  height: auto !important;
  height:100%;
  min-height: 100%;
  margin: 0 auto 0px;
  position:relative;
  top:0px;
  left:0px;
  background-image: url(../img/back_panel.png);
  background-repeat:repeat-y;
  background-position:center;
}


body > #container {
        height: auto;
}

#contents {
  margin: 0;
  padding-bottom: 24px;
  border: 0;
}

#contents:after {
  clear: both;
  display: block;
  position: relative;
  content: "";
}

/* ------------------------------------------------------------------
　　　　　　　　　　　　　　　ページ　ヘッダー
------------------------------------------------------------------ */
/* ヘッダーエリア(Div) */
#header {
  width:100%;
  height:42px;
  line-height:46px;
  background-color:#efefef;
}

/* リスト（リンク用） */
#header ul{
  clear:both;
  margin-left:495px;
}

#header li{
  float:left;
  background-image: url(../img/pointer_header.png);
  background-repeat:no-repeat;
  background-position: left center;
  text-indent:10px;
  margin-right:35px;
}


/* リンク色　基本設定 */
#header a , #header a:visited {
  color:#000;
  text-decoration:none;
}

#header a:hover ,#header  a:active {
  text-decoration:none;
  color:#3390c6;
}

/* ログアウトボタン */
#logout{
  width:100px;
  height:24px;
  line-height:24px;
  text-indent:10px;
  letter-spacing:0em;
  background-image: url(../img/btn_logout.png);
  margin:11px 0 0 10px;
  *margin:0; /* for IE7 */
}

a#logout:hover{
  color:#000;
}

/* ------------------------------------------------------------------
　　　　　　　　　　　　　　　左メニュー
------------------------------------------------------------------ */
/* 左メニューエリア(Div) */
#menu{
  width: 240px;
  margin-left:16px;
  margin-top:0px;
  float:left;
}

/* h2（「G-Search連携コンテンツ」等） */
#menu h2{
  border-left:solid 3px #ff9f00;
  height:15px;
  line-height:15px;
  padding-left:6px;
  margin:18px 0 8px 0;
  font-size:14px;
  font-weight:bold;
  clear:both;
}

/* h3（凡例用） */
#menu h3{
  height:15px;
  line-height:15px;
  padding-left:3px;
  margin:12px 0 6px 0;
  font-weight:normal;
  clear:both;
}

#menu h4{
  margin:0 0 8px 0;
  color:#00008b
}

/* リンク背景　*/
#menu li a{
  display:block;
  width:228px;
  height:24px;
  line-height:24px;
  text-indent:30px;
  text-decoration:none;
  color:#000;
  margin-bottom:1px;
  background-image: url(../img/menu_btn.png);
}
#menu li a:hover {
  background-position: left bottom;
}
#menu li.list2 a{
  display:block;
  width:228px;
  height:24px;
  line-height:24px;
  text-indent:30px;
  text-decoration:none;
  color:#000;
  margin-bottom:1px;
  background-image: url(../img/menu_btn2.png);
}
#menu li.list2 a:hover {
  background-position: left bottom;
}
}

/* 凡例 */
#menu .example{
  line-height:28px;
}

#menu .example h3{
  line-height:22px;
}

#menu .example img{
  margin-left: -6px;
}

#menu .new_red{
  color: #ff0000;
  font-weight: bold;
}

/* ------------------------------------------------------------------
　　　　　　　　　　　　　ページ情報エリア
------------------------------------------------------------------ */
#pageHead{
  width: 100%;
  height:40px;
  background-image: url(../img/h1back.png);
  background-repeat:no-repeat;
  background-position: center top;
  padding-top:9px;
  position:relative;
  z-index: 2;
}

#pageHead h1{
  line-height:28px;
  width:507px;
  color:#FFF;
  text-indent:36px;
  float:left;
  background-image: url(../img/pointer_h1.png);
  background-repeat: no-repeat;
  background-position: 16px 7px;
}

/* ファイル選択セレクトボックス　*/
#pageHead select{
  width:220px;
  height:20px;
  border:none;
  vertical-align:middle;
}

#pageHead input {
  padding:0px 10px 0 10px;
  height:24px;
  line-height:14px;
  vertical-align:middle;
}

/* 選択ファイル変更ボタン　*/
#changeFile{
  width:50px;
  height:24px;
  line-height:24px;
  letter-spacing:0.1em;
  background-image: url(../img/btn_s.png);
}

#pageHead .textLink a, #pageHead .textLink a:visited {
  display:inline-block;
  width:119px;
  float:right;
  background-image: url(../img/h1_textLink_back.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-indent:24px;
  font-weight: bold;
  color:#2e70b9;
  line-height:26px;
  margin-right:25px;
  margin-left:-10px;
}

#pageHead .textLink a:hover , #pageHead .textLink a:active{
  color:#4da6f1;
  text-decoration:underline;
}

/* 検索対象ファイル情報　*/
#fileSearch {
  display:inline-block;
  width:172px;
  height:24px;
  line-height:24px;
  background-image: url(../img/file_search.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-indent:20px;
  margin-left:15px;
  cursor:pointer;
}

/* ------------- 検索対象ファイル　レイヤー設定 ------------- */

#fileSearchArea {
  position:absolute;
  top:34px;
  right:18px;
  background-color:#FFF;
  border:solid 1px #769cc2;
  padding:0px;
  width: 270px;
  visibility: hidden;
  z-index:2;

  -moz-box-shadow: 0px 2px 5px #999;
  -webkit-box-shadow: 0px 2px 5px #999;
  box-shadow: 0px 2px 5px #999;
  /*Inner elements should not cover inner shadows*/
  /*Chrome renders inset shadows incorrectly with border-radius*/
  /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
}

#fileSearchArea ul, #yureSetting ul{
  list-style:none;
  clear:both;
  display:block;
}

#fileSearchArea li {
  list-style:none;
  border-top:dotted 1px #999;
  padding:7px 3px 7px 7px;
  line-height:20px;
  color:#000;
  font-size: 12px;
  text-align:right;
  position:relative;
  top:0px;
  left:0px;
}

#fileSearchArea li .title{
  width:155px;
  display:inline-block;
  *display:inline; /* for IE7 */
  *zoom:1; /* for IE7 */
  text-align:left;
}

#fileSearchArea li .number{
  width:95px;
  display:inline-block;
  text-align:right;
  margin-right:7px;
}

#fileSearchArea .closeBack , #yureSetting .closeBack{
  background-image: url(../img/close_back.png);
  background-repeat: repeat-x;
  background-position: left top;
  padding:0px;
  width:100%;
  height:34px;
  border:none;
}

#fileSearchArea .close , #yureSetting .close {
  background-image: url(../img/icon_close.png);
  background-repeat: no-repeat;
  background-position: left 10px;
  text-align:right;
  width:55px;
  line-height:34px;
  display:block;
  margin:0 auto;
  cursor:pointer;
  color:#2e70b9;
}


/* ------------- 表記ゆれ設定　レイヤー設定 ------------- */
#yureSetting{
  position:absolute;
  top:3px;
  left:128px;
  background-color:#FFF;
  border:solid 1px #769cc2;
  padding:0px;
  width: 260px;
  visibility: hidden;
  z-index:2;

  -moz-box-shadow: 0px 2px 5px #999;
  -webkit-box-shadow: 0px 2px 5px #999;
  box-shadow: 0px 2px 5px #999;
  /*Inner elements should not cover inner shadows*/
  /*Chrome renders inset shadows incorrectly with border-radius*/
  /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
}

#yureSetting li {
  list-style:none;
  line-height:20px;
  color:#000;
  font-size: 12px;
  text-align:left;
  padding:5px 0 0 6px;
  width: 254px;
}



/* ------------------------------------------------------------------
　　　　　　　　　　　　　　メインエリア
------------------------------------------------------------------ */

#mainArea{
  position:relative;
  width:719px;
  height:auto;
  display:block;
  margin-bottom:10px;
  float:left;
  z-index: 1;
}

#mainArea .list{
  height:24px;
  border:solid 1px #c0c0c0;
  vertical-align:middle;
}

#mainArea .textField{
  height:20px;
  border:solid 1px #c0c0c0;
  vertical-align:middle;
  text-indent:3px;
}

/* お知らせエリア設定 */
#mainArea .nortification{
  display:block;
  width:719px;
  line-height:20px;
  font-size:12px;
  margin-bottom:20px;
}

/* フィールドコード参照 */
#mainArea .fieldCode{
  float:right;
  display:inline-block;
  margin-right:32px;
  line-height:24px;
}

/* ポインタ */
#mainArea .pointer{
  display:inline-block;
  background-image: url(../img/pointer.png);
  background-repeat:no-repeat;
  background-position: left center;
  text-indent:12px;
}

/* 検索エリア */
#mainArea .search{
  width:719px;
  height:auto;
  display:block;
  float:left;
  padding-left:15px;
  background-image: url(../img/searchback.png);
  background-repeat: repeat-y;
  background-position: left top;
  position:relative;
  top:0;
  left:0;
}

/* 検索エリア 見出し*/
#mainArea h2{
  display:block;
  width:700px;
  border-left:solid 3px #ff9f00;
  height:15px;
  line-height:15px;
  padding-left:6px;
  margin:0 0 6px 0;
  font-size:14px;
  font-weight:normal;
  color:#000;
  clear:both;
}

#mainArea .search ul{
  list-style:none;
  clear:both;
  display:block;
}

#mainArea .search li{
  float:left;
}

/* 検索エリア　角丸上部表示*/
#mainArea .searchHead{
  width:719px;
  height:13px;
  display:block;
  float:left;
  background-image: url(../img/searchback_head.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

/* 検索テキストエリア設定 */
#mainArea .search .searchFormula{
  border: 1px solid #b8b8b8;
  font: inherit;
  padding: 4px;
  font-size:14px;
  margin:-2px 0 5px 0;
  width:678px;
  height:62px;
  resize:none
}

/* 2次開発 回答表示直接入力 */
/* 検索エリア　角丸下部表示 */
#mainArea .searchFooter{
  width:719px;
  height:13px;
  display:block;
  float:left;
  background-image: url(../img/searchback_btnarea.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

/* クイックサーチ　検索テキストエリア設定 */
#mainArea .search .quickSearchTextarea{
  border: 1px solid #b8b8b8;
  font: inherit;
  padding: 2px 5px;
  font-size:14px;
  margin:0 3px 12px 0;
  width:600px;
  height:16px;
}

/* データベース選択　お名前テキストエリア設定 */
#mainArea .search .dbSelectTextarea{
  border: 1px solid #b8b8b8;
  font: inherit;
  padding: 2px 5px;
  font-size:14px;
  width:600px;
  height:16px;
}

/* クイックサーチ　検索テキストエリア設定 */
#mainArea .search .name{
  display:inline-block;
  float:left;
  width:auto;
  line-height:22px;
  margin-right:5px;
}

#mainArea .sortArea{
  width:719px;
  height:auto;
  display:block;
  float:left;
  padding-left:15px;
  background-image: url(../img/searchback.png);
  background-repeat: repeat-y;
  background-position: left top;
  position:relative;
  top:0;
  left:0;
}

#mainArea .sortArea .sortOrder{
  font-weight: bold;
}

/* クリアボタン　*/
a.btnClear {
  width:70px;
  height:24px;
  line-height:22px;
  text-indent:8px;
  letter-spacing:0.1em;
  background-image: url(../img/btn_clear.png);
}

/* 絞り込み条件ボタン　*/
#shiborikomi{
  width:100px;
  height:24px;
  line-height:22px;
  background-image: url(../img/btn_assist01.png);
}

.btnArea #shiborikomi{
  *margin-top: -12px !important;
}

/* 絞り込み条件ボタン　*/
#narrowDownLink{
  width:100px;
  height:24px;
  line-height:22px;
  background-image: url(../img/btn_assist01.png);
  margin:10px 2px 10px 2px;
}

/* （シソーラスブラウザ等）参照ボタン　*/
#sanshou{
  width:60px;
  height:24px;
  line-height:22px;
  background-image: url(../img/btn_assist02.png);
}

/*  追加条件エリア  */
#mainArea .search .tsuikaJoken{
  clear:both;
  display:block;
  float:left;
  margin-top:8px;
}

#mainArea .search .tsuikaJoken h2{
  margin-bottom: 4px;
}

#mainArea .search .tsuikaJoken .whiteBg{
  clear:both;
  display:block;
  background-color:#FFF;
  width:668px;
  /* 2次開発 プルダウンメニュー追加 */
  height:112px;
  padding:3px 10px;
  margin-bottom:6px;
}

*:first-child+html #mainArea .search .tsuikaJoken .whiteBg{
  clear:both;
  display:block;
  background-color:#FFF;
  width:674px;
  height:118px;
  padding:3px 2px 3px 10px;
  margin-bottom:6px;
}

#mainArea .search .tsuikaJoken .whiteBg .title{
  float:left;
  font-size:14px;
  background-image: url(../img/pointer_header.png);
  background-repeat:no-repeat;
  background-position: left center;
  text-indent:10px;
  line-height:24px;
  vertical-align:middle;
  margin-bottom:5px;
}

#mainArea .search .tsuikaJoken .whiteBg .item1{
  float:left;
  width:70px;
}

#mainArea .search .tsuikaJoken .whiteBg .item2{
  float:left;
  width:240px;
}

#mainArea .search .tsuikaJoken .whiteBg .item3{
  float:left;
  width:346px;
}

/* ------------------- 検索ボタンエリア ------------------- */
#mainArea .btnArea{
  display:block;
  float:left;
  background-image: url(../img/searchback_btnarea.png);
  background-repeat:no-repeat;
  background-position: left top;
  width:719px;
  height:47px;
  line-height:44px;
  vertical-align:middle;
  position:relative;
  top:0px;
  left:0px;
  margin-bottom:10px;
}

#mainArea .btnArea.btnArea2{
  background-image: url(../img/searchback_btnarea2.png);
  /*height:85px;*/
  height:85px;
}

#mainArea .btnArea.btnArea3 {
  float: none;
  width: 719px;
  height: auto;
  background-image: url(../img/searchback_btnarea3.png);
  background-position: left bottom;
}
#mainArea .btnArea.btnArea3 .inner {
  display: table;
  width: 711px;
  margin: 0 4px;
  border-top: 1px solid #b8b8b8;
}
#mainArea .btnArea.btnArea3 .inner > p {
  float: none;
  display: table-cell;
  margin: 0 11px;
  padding: 5px 11px 10px 11px;
  border-top: 1px solid #FFFFFF;
  text-align: center;
  vertical-align: middle;
}
#mainArea .btnArea.btnArea3 .inner > p #searchButton {
  margin: 0 0 0 114px;
}
#mainArea .btnArea.btnArea3 .inner > p:last-child {
  width: 99px;
}
#mainArea .btnArea.btnArea3 .inner > p .logo {
  margin: 0;
  background-position: center center;
}

#mainArea .btnArea.btnArea4 {
  height: auto;
  background-position: left bottom;
}
#mainArea .btnArea.btnArea4 .selectNumberArea {
  display: table;
  width: 689px;
  margin: 0;
  padding: 0 15px 8px 15px;
  background-image: url(../img/searchback_btnarea4.png);
  background-repeat: no-repeat;
}
#mainArea .btnArea.btnArea4 .selectNumberArea dt {
  display: table-cell;
  width: 100px;
  vertical-align: top;
}
#mainArea .btnArea.btnArea4 .selectNumberArea dd {
  display: table-cell;
}
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul:after {
  content: '';
  clear: both;
  display: block;
}
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li {
  line-height: 1;
}
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul + ul {
  margin-top: 8px;
}
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnHindoBunseki,
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnVisible2,
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnRegistSDI {
  margin: 0 6px 0 0;
}
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnMyFormulaEntry {
  pointer-events: none;
  margin: 0 0 0 6px;
}
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnTrash,
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnSaveFormura {
  margin: 0 6px;
}
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnHindoBunseki,
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnVisible2,
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnRegistSDI,
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnTrash,
#mainArea .btnArea.btnArea4 .selectNumberArea dd ul li #btnSaveFormura {
    margin-top: 2px;
}
#mainArea .btnArea.btnArea4 .inyouBottonArea {
  padding: 0 15px 8px 15px;
  background-image: url(../img/searchback_btnarea.png);
  background-repeat: no-repeat;
}
#mainArea .btnArea.btnArea4 .inyouBottonArea li {
  line-height: 44px;
}
#mainArea .btnArea.btnArea4 .inyouBottonArea li #btnCitationSearch {
  margin: 10px 0 10px 3px;
}

#mainArea .btnArea ul{
  clear:both;
  display:block;
}

#mainArea .btnArea li{
  float:left;
}

#mainArea .btnArea.btnArea2 ul{
  margin: 0px 0px 0px 15px;
}

/*#mainArea .btnArea.btnArea2 ul.inyouBottonArea li{
  line-height:32px;
}
*/
#searchInyouSelect {
  margin-top:3px;
}

/* for IE */
@media all and (-ms-high-contrast:none) {
  #searchInyouSelect {
    margin-top:9px;
  }
}

/* #mainArea .btnArea .imgBtn, #mainArea .btnArea .btn { */
/*  *margin-top: 0px; for IE7 */
/* } */

/* ------------------- 検索ボタンエリア ボタンをセンター寄せする場合のクラス ------------------- */
#mainArea .btnArea .center{
  display:block;
  float:none;
  margin:8px auto;
}

/* 上記でセンター寄せにならない場合のクラス */
#mainArea .btnArea.center {
    text-align: center;
}
#mainArea .btnArea.center ul {
    display: inline-block;
    position: relative;
}
#mainArea .btnArea.center ul::after {
    content: '';
    clear: both;
    display: block;
    overflow: hidden;
}
#mainArea .btnArea .pointer{
  display:inline-block;
  width:15px;
  background-image: url(../img/pointer.png);
  background-repeat:no-repeat;
  background-position: left 17px;
  text-indent:12px;
  margin-left:15px;
}

/*  表記ゆれ設定エリア  */
#mainArea .btnArea .yure{
  display:inline-block;
  background-image: url(../img/pointer_yure.png);
  background-repeat:no-repeat;
  background-position: right 16px;
  width:95px;
  cursor:pointer;
  color:#2e70b9;
}
#mainArea .btnArea .yure a:hover{
  color:#448ed3;
  text-decoration:underline;
}

/*  ACCELA ロゴ  */
#mainArea .btnArea .logo{
  display:inline-block;
  float:right;
  background-image: url(../img/logo.png);
  background-repeat:no-repeat;
  background-position: right 6px;
  margin-right:14px;
  cursor:pointer;
  cursor:hand;
  width:121px;
  height:32px;
}

/* インジケータ */
#indicatorSearch {
  margin-top:10px;
}

/* 検索ボタン　*/
#btnSearch {
  width:112px;
  height:28px;
  background-image: url(../img/btn_search.png);
  margin-top:8px;
  margin-left:auto;
  margin-right:auto;
}

/* 検索ボタン　*/
#searchButton {
  width:112px;
  height:28px;
  background-image: url(../img/btn_search.png);
  margin-top:8px;
  margin-left:auto;
  margin-right:auto;
}

/* タイトル表示ボタン　*/
#titleDispButton {
  width:112px;
  height:28px;
  background-image: url(../img/btn_title.png);
  margin-top:8px;
  margin-left:auto;
  margin-right:auto;
}

/* AND検索ボタン　*/
#btnAndSearch {
  width:112px;
  height:28px;
  background-image: url(../img/btn_andSearch.png);
  margin:8px 6px 0 0;
}

/* OR検索ボタン　*/
#btnOrSearch {
  width:112px;
  height:28px;
  background-image: url(../img/btn_orSearch.png);
  margin:8px 6px 0 0;
}


/* 削除ボタン　*/
#btnTrash {
  width:70px;
  height:24px;
  line-height:24px;
  text-indent:8px;
  letter-spacing:0.1em;
  background-image: url(../img/btn_trash.png);
  margin:10px 12px 0 8px;
}

/* 式の保存ボタン, SDI登録ボタン */
#btnSaveFormura, #btnRegistSDI, #btnCitationSearch, #btnCitedSearch, #btnCitationBothSearch {
  width:80px;
  height:24px;
  line-height:24px;
  letter-spacing:0.1em;
  background-image: url(../img/btn.png);
  margin:10px 2px 10px 2px;
}

/* 頻度分析ボタン　*/
#btnHindoBunseki {
  width:80px;
  height:24px;
  line-height:22px;
  background-image: url(../img/btn_assist03.png);
  margin:10px 3px 10px 14px;
}

/* 検索ボタン（引用）　*/
#btnCitationSearch {
  width:112px;
  height:28px;
  background-image: url(../img/btn_search.png);
  margin-top:2px;
  margin-left:3px;
}

/* 回答表示ボタン　*/
#btnAnswerSetting {
  width:112px;
  height:28px;
  background-image: url(../img/btn_answerSetting.png);
  margin:8px 0 0 0;
}

/* タイトル表示ボタン　*/
#btnTitle {
  width:112px;
  height:28px;
  background-image: url(../img/btn_title.png);
  margin:8px 0 0 0;
}

/* ダウンロードボタン　*/
#btnDownload{
  width:112px;
  height:28px;
  background-image: url(../img/btn_download.png);
  margin:8px 6px 0 6px;
}

/* マイブックマークボタン　*/
#btnMybookmark{
  width:150px;
  height:28px;
  background-image: url(../img/btn_myFolderSave.png);
  margin:8px 6px 0 6px;
}

/* グラフ表示ボタン　*/
#mainArea #btnVisible {
  width: 100px;
  height: 24px;
  background-image: url(../img/btn_assist01.png);
  line-height: 24px;
}
#mainArea #btnVisible2 {
  width:80px;
  height:24px;
  line-height:22px;
  background-image: url(../img/btn_assist03.png);
  margin:10px 3px 10px 14px;
}

/* 検索エリア　基本ボタン（未使用）　*/
#mainArea .btnArea .btnBasic a{
  display:inline-block;
  width:112px;
  height:28px;
  font-size:14px;
  line-height:28px;
  text-indent:0px;
  text-decoration:none;
  letter-spacing:0em;
  outline:none;
  text-align:center;
  color:#FFF;
  font-weight:bold;
  background-image: url(../img/btn_basic.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin:8px auto 0;
}
#mainArea .btnArea .btnBasic a:hover {
  background-position: left bottom;
}

/* アドバンスドサーチボタン　*/
#btnAdvancedSearch {
  width:152px;
  height:28px;
  background-image: url(../img/btn_advancedSearch.png);
  margin:8px 6px 6px 0;
}

/* クイックサーチボタン　*/
#btnQuickSearch{
  width:152px;
  height:28px;
  background-image: url(../img/btn_quickSearch.png);
  margin:8px 6px 6px 0;
}

/*  Myフォルダ登録ボタン　*/
#btnMyFormulaEntry {
  width:142px;
  height:28px;
  background-image: url(../img/btn_myFormulaEntry.png);
  margin:8px 0 0 0;
}

/* ------------------- 検索式モードレスダイアログ設定 ------------------- */
.evenTableRow {
       background-color:#FFF;
       color:#000;
}
.oddTableRow {
  background-color:#f1f6f9;
  color:#000;
}
.titleBar{
  background-image: url(../img/chart_header2.png);
  color:#FFFFFF;
}
/* ------------------- ヒット件数、キーワード等表示エリア ------------------- */
.info {
  display:block;
  float:left;
  width:100%;
  font-size:14px;
  margin:0 0 2px 0;
}

.info ul{
  list-style:none;
  clear:both;
  display:block;
}

.info li{
  float:left;
  list-style:none;
}

.info .title{
  display:block;
  padding:4px 8px;
  background-color:#e2e2e2;
  letter-spacing:0.1em;
  font-size:12px;
  font-weight:bold;
}

.info .source{
  display:block;
  padding:3px 8px 2px 8px;
  background-color:#e6e6e6;
  background-image: url(../img/line_back.png);
  background-repeat: repeat-x;
  background-position: left top;
  letter-spacing:0.1em;
  font-size:12px;
  font-weight:bold;
  margin-top:2px;
  border-left:solid 2px #ff9f00;
}

.info .number{
  display:block;
  padding:4px 0px 4px 6px;
  font-size:15px;
  font-weight:bold;
  color:#000;
  margin-right:20px;
  line-height:18px;
}

.info .keyword{
  display:block;
  width:410px;
  line-height:18px;
  padding:4px 0 6px 8px;
  font-size:14px;
  font-weight:normal;
}

.info li a{
  display:block;
  padding:4px 8px;
  font-size:14px;
  font-weight:normal;
  margin:0 0 0 25px;
  background-image: url(../img/pointer.png);
  background-repeat: no-repeat;
  background-position: left 10px;
  text-indent:5px;
}

.line {
  display:inline-block;
  float:left;
  width:100%;
  height:1px;
  line-height:1px;
  border-top:dotted 1px #666;
  margin:5px 0
}

.caution {
  display:block;
  margin:0 0 10px 0;
}
.caution2 {
  display:block;
  margin:10px 0 0 0;
}

/* ----------------- ページ送りボタン設定 ----------------- */

/*　　最初に戻るボタン　　*/
a.btnBack {
  width:40px;
  height:22px;
  background-image: url(../img/btn_back.png);
}

/*　　ひとつ前に戻るボタン　　*/
a.btnPre {
  width:40px;
  height:22px;
  background-image: url(../img/btn_pre.png);
}

/*　　次に進むボタン　　*/
a.btnNext {
  width:40px;
  height:22px;
  background-image: url(../img/btn_next.png);
}

/*　　最後に進むボタン　　*/
a.btnLast {
  width:40px;
  height:22px;
  background-image: url(../img/btn_last.png);
}


/* ------------------------------------------------------------------
　　　　　　　　　　　メインエリア  表エリア
------------------------------------------------------------------ */

/* 「履歴表示」等　機能表示エリア　*/
#mainArea .chartFunction {
  display:block;
  float:left;
  width:719px;
  margin:0px 0 2px 0;
}

/* 「すべてのL番号を選択」エリア　*/
#mainArea .chartFunction .allCheck{
  display:block;
  float:left;
  width:180px;
  margin-left:12px;
}

#mainArea .chartFunction ul{
  list-style:none;
  display:block;
  float:right;
  margin-right:10px;
  min-width:450px;
}

#mainArea .chartFunction li{
  float:left;
  list-style:none;
  background-image: url(../img/pointer.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  text-indent:14px;
  margin-left:20px;
  line-height:18px;
}

#mainArea .chartFunction ul li{
    margin-left:10px;
}
/* 「履歴表示」等　機能表示エリア　*/
#mainArea .chartControl {
  display:block;
  float:left;
  width:719px;
  margin:7px 0 4px 0;
  position:relative;
  left:0px;
  top:0px;
}

/* クイックサーチ「すべて選択」エリア　*/
#mainArea .chartControl .allCheck{
  display:inline-block;
  float:left;
  width:100px;
  margin-left:12px;
}

#mainArea .chartControl ul{
  list-style:none;
  display:block;
  width:324px;
  position:absolute;
  left:410px;
  bottom:0px;
}

#mainArea .chartControl li{
  float:left;
  list-style:none;
  margin-left:6px;
}

#mainArea .chartControl .pageNumber{
  margin:0 8px 0 6px;
}

#mainArea .chartControl li input{
  margin:0 6px;
  height:16px;
  width:60px;
}

/*　検索エリア　*/
#mainArea .chartArea , #mainArea .chartArea2{
  width:719px;
  height:auto;
  display:block;
  float:left;
  padding-left:0px;
  background-image: url(../img/searchback.png);
  background-repeat: repeat-y;
  background-position: left center;
}

#mainArea .chartArea a,#mainArea .chartArea a:visited , #mainArea .chartArea2 a,#mainArea .chartArea2 a:visited{
  color:#2e70b9;
  text-decoration:underline;
}

#mainArea .chartArea a:hover,#mainArea .chartArea a:active ,#mainArea .chartArea2 a:hover,#mainArea .chartArea2 a:active{
  color:#3f97f9;
  text-decoration:underline;
}

#mainArea .chart {
  overflow-y: scroll;
  margin:0 auto;
  border:none;
  width: 710px;
  height: 266px;
  text-align:left;
  line-height:24px;
  font-size:12px;
  background-color: #fafafa;
}

#mainArea .chartArea table {
  width:693px;
  margin:0 auto;
  border-bottom:solid 1px #c9c9c9;
}

#mainArea .chartArea2 table {
  width:712px;
  margin:0 3px 0 4px;
  border-collapse:collapse
}

#mainArea .chartArea2 td span {
  display:inline-block;
  width:130px;
  margin-right:15px;
}

#mainArea .chartArea2 td .tf {
  height:16px;
}

/*  赤文字　*/
#mainArea .chartArea2 td .red {
  display:inline-block;
  width:auto;
  color:#F33;
  margin-right:0px;
}

span.red {
  display:inline-block;
  width:auto;
  color:#F33;
  margin-right:0px;
}

/*  ポインタ付与　*/
#mainArea .chartArea2 .pointer {
  width:auto;
  background-image: url(../img/pointer.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-indent:15px;
  margin-left:8px;
}

/* 文字列の後半部を省略 */
.omit_line{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

/* ------------ 設定用テーブルスタイル ------------ */

#mainArea .chartArea2 .settingTable {
  width:711px;
}

#mainArea .chartArea2 .settingTable tr {
  border-bottom:solid 1px #d3d3d3;
}

#mainArea .chartArea2 .settingTable td {
  line-height:20px;
  border:none;
  padding:5px
}

#mainArea .chartArea2 .settingTable th {
  text-align:left;
  padding-left:10px;
  border:none;
}


/*  　表エリア　見出し  　*/

#mainArea .header {
  background-image: url(../img/chart_header.png);
  background-repeat: no-repeat;
  background-position: left top;
  height:27px;
  width:719px;
  display:block;
  float:left;
}

#mainArea .header table{
  line-height:27px;
  margin-top:1px;
  width:719px;
}

/*  　表エリア　見出し  　*/
.header th {
  font-size:14px;
  font-weight:normal;
  color:#FFF;
  text-align:center;
  letter-spacing:0.1em;
  background-image:none;
  height:27px;
  padding:0 5px 0 5px;
  border-right:solid 1px #c9c9c9;
}

/*　表エリア　テーブルの最後がボタンリアではない場合の影　*/
#mainArea .listBottom {
  background-image: url(../img/list_bottom.png);
  background-repeat: no-repeat;
  background-position: left top;
  height:5px;
  width:719px;
  display:block;
  float:left;
}

#mainArea th .none {
  border:none;
}

#mainArea th img{
  margin-left:2px;
}
#mainArea .chartArea td , #mainArea .chartArea th {
  font-size:12px;
  line-height:18px;
  padding:3px 5px 3px 5px;
  border-right:solid 1px #c9c9c9;
  word-break: break-all;
}

#mainArea .chartArea2 td , #mainArea .chartArea2 th {
  font-size:12px;
  line-height:18px;
  padding:5px;
  border-right:solid 1px #c9c9c9;
  word-break: break-all;
}

#mainArea td{padding: 0px;}
#mainArea .chartArea .odd , #mainArea .chartArea2 .odd{background: #f1f6f9 ;}
#mainArea .chartArea .even , #mainArea .chartArea2 .even{background:#FFF;}

#mainArea .chartArea .odd2 , #mainArea .chartArea2 .odd2{background: #f7f7f7 ;}
#mainArea .chartArea .even , #mainArea .chartArea2 .even{background:#FFF;}

#mainArea .chartArea .checkBox{
  text-indent:10px;
}

#mainArea .chartArea .checkBox2{
  text-indent: 0px;
  white-space: nowrap;
}

#mainArea .chartArea2 .checkBox {
  text-indent:3px;
}

#mainArea .chartArea .checkBox a {
  font-size:14px;
}

#mainArea .chartArea .checkBox2 a {
  display:inline-block;
  font-size:14px;
  vertical-align:middle;
  text-decoration:none;
  color:#FFF;
}

#mainArea .cb {
  margin:-3px 7px 0 3px;
  vertical-align:middle;
}

#mainArea .rb{
  margin-left:4px;
  margin-right:-2px;
  margin-top:-3px;
  vertical-align:middle;
}

td .noline , th .noline {
  border:hidden;
}

.goTop {
  display:block;
  width:719px;
  text-align:right;
  float:right;
  margin-bottom:10px;
}

input{
  line-height: 20px;
}

#selectField{
  width: 220px;
}

#btnlnumber{
  line-height:18px;
  height:20px;
  width:62px;
  background-image: url(../img/btn_lnumber.png);
  margin:-1px 0px -1px 0px;
}

/* 汎用ブロック */
#mainArea .frameBlock {
  width:719px;
}
#mainArea .frameBlock h2 {
  width: auto;
  height:27px;
  margin: 0;
  border-left: 0;
  padding-left: 0;
  background-image: url(../img/chart_header.png);
  background-repeat: no-repeat;
  background-position: left top;
  color: #FFFFFF;
  line-height: 27px;
  text-align: center;
}
#mainArea .frameBlock .inner {
  padding: 10px 15px;
  background-image: url(../img/searchback.png);
  background-repeat: repeat-y;
  background-position: left center;
}
#mainArea .frameBlock .btnArea {
  width: 689px;
  height: auto;
  padding: 10px 15px;
  text-align: center;
}

/* ------------------------------------------------------------------
　　　　　　　　　　　　　　　フッター
------------------------------------------------------------------ */
#footer {
  display:block;
  position: absolute;
  clear:left;
  margin:15px auto 0;
  height: 30px;
  line-height:32px;
  width: 990px;
  background-image: url(../img/footer_back.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  font-size:10px;
  text-align:center;
  color:#FFF;
  bottom: 2px;
  *bottom: -30px; /* for IE7 */
}

.deisaibleColor {
 color: gray;
}

/* ------------------------------------------------------------------
　　　　　　　タブ区切りDL用ツールチップ
------------------------------------------------------------------ */
div.tabdl_under_line, div.tabdl_connect_line {
  position:absolute;
  display:none;
  z-index: 3;
}

div.tabdl_balloon{
  background:#fff;
  color:#000;
  padding:4px 10px 4px 4px;
  position:absolute;
  display:none;
  border:solid 3px #13b5b1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 2px 5px #999;
  -webkit-box-shadow: 0px 2px 5px #999;
  box-shadow: 0px 2px 5px #999;
  z-index: 4;
}

.tabdl_balloon p{
  padding: 0;
  margin: 0;
}

.tabdl_balloon p span.aster {
  color: #e60012;
  font-weight: bold;
  font-size: 1.2em;
  padding-right: 2px;
}

.tabdl_balloon a {
  color: #00a0e9;
  text-decoration: underline;
  margin-left: 2px;
}

.tabdl_balloon img {
  margin: 2px 3px 2px 3px;
}

#mainArea .search .tsuikaJoken .whiteBg.bg2 {
  width: 668px;
  height: auto;
  margin: 10px 0;
  padding: 10px 10px 0 10px;
}

a.btnClear2 {
  width:110px;
  height:24px;
  line-height:22px;
  text-indent:8px;
  letter-spacing:0.1em;
  background-image: url(../img/btn_clear2.png);
}

/* 絞り込み条件ボタン　*/
/*
#shiborikomi{
  width:100px;
  height:24px;
  line-height:22px;
  background-image: url(../img/btn_assist01.png);
}

.btnArea #shiborikomi{
  *margin-top: -12px !important;
}
*/
/* 絞り込み条件ボタン　*/
#simpleInputLink{
  width:100px;
  height:24px;
  line-height:22px;
  background-image: url(../img/btn_assist01.png);
  margin:10px 2px 10px 2px;
}

/* 詳細検索エリア　*/
.searchDetail {
  clear: both;
  padding: 5px 15px 10px 15px;
  background-image: url(../img/searchback.png);
  background-repeat: repeat-y;
  background-position: top center;
}
#mainArea .search .tsuikaJoken .whiteBg.bg2 .searchDetail {
  padding: 10px 0;
  background-image: none;
}
/* アコーディオン */
.searchDetail > dl {
  margin: 0;
}
/* アコーディオン表示切り替えボタン */
.searchDetail dt.switch {
  display: inline-block;
}
.searchDetail dt.switch #simpleInputLink {
  width: auto;
  height: 26px;
  margin: 0;
  padding-left: 5px;
  background-image: url(../img/btn_assist04a.png);
  background-repeat: no-repeat;
  background-position: left top;
  line-height: 24px;
}
.searchDetail dt.switch #simpleInputLink > span {
  position: relative;
  display: block;
  height: 22px;
  padding: 2px 2.5em 2px 5px;
  background-image: url(../img/btn_assist04b.png);
  background-repeat: no-repeat;
  background-position: right top;
}
.searchDetail dt.switch #simpleInputLink.hover {
  background-position: left bottom!important;
}
.searchDetail dt.switch #simpleInputLink.hover > span {
  background-position: right bottom!important;
}
.searchDetail dt.switch #simpleInputLink > span:after {
  content: "▼";
  position: absolute;
  right: 1em;
  color: #2e70b9;
}
.searchDetail dt.switch.open #simpleInputLink > span:after {
  content: "▲";
}
.searchDetail dt.switch .refine .configured,
.searchDetail dt.switch .refine .notset {
  display: inline-block;
  margin: 4px 6px;
  padding: 2px 8px;
  background-color: #66b3ff;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 14px;
}
.searchDetail dt.switch .refine .notset {
  background-color: #e2e2e2;
  color: #a6a6a6;
}
.searchDetail dt.switch .refine .btnClear2 {
  margin: 2px 0;
}
.searchDetail dt.switch .refine.check .configured {
  display: inline-block;
}

/* 詳細検索コンテンツ */
.searchDetail dd.detail {
  display: none;
  margin-left: 0;
  padding: 10px 0;
}
#mainArea .search .tsuikaJoken .whiteBg.bg2 .searchDetail dd.detail {
  padding-bottom: 0;
}
.searchDetail dd.detail .dataTable {
  padding: 10px;
  background-color: #FFFFFF;
}
#mainArea .search .tsuikaJoken .whiteBg.bg2 .searchDetail dd.detail .dataTable {
  padding: 0;
}
.searchDetail dd.detail table {
  width: 671px;
  text-decoration:none;
  border-collapse:collapse
}

.searchDetail dd.detail .dataTable td,
.searchDetail dd.detail .dataTable th {
  border: 1px solid #FFF;
  line-height:22px;
  padding:4px 5px 4px 10px;
}

.searchDetail dd.detail .dataTable th {
  width:110px;
  background-color: #e5e5e5;
  color: #103060;
  font-weight:bold;
}

.searchDetail dd.detail .dataTable td {
  background-color: #f6f6f6;
}
.searchDetail dd.detail .dataTable td label {
  width:25%;
  display:block;
  float:left;
}

.searchDetail dd.detail .dataTable td .latestYear {
  width:18%;
  float: right;
}

.searchDetail dd.detail .dataTable td .line2 {
  width: 50%;
  display: block;
  float: left;
}

.searchDetail dd.detail .dataTable td .line3{
  width: 33%;
  display: block;
  float: left;
}
.searchDetail dd.detail .dataTable td .line6{
  width: 16%;
  display: block;
  float: left;
}

.searchDetail dd.detail .dataTable td div {
  display:block;
  min-width:500px;
  margin:0 0 12px 20px;
  float:left;
  clear:both;
}

.searchDetail dd.detail .dataTable td div.bottomNoSpace {
  margin:0 0 0px 20px;
}

.searchDetail dd.detaila .radioLable {
  margin: 1px 1px 1px 1px !important;
}
.searchDetail dd.detail .radioLable label {
  width:25%;
  float:none !important;
  display:inline !important;
}
.searchDetail dd.detail .dataTable td div label {
  width:120px;
  display:block;
  float:left;
}
.searchDetail dd.detail .dataTable td .setFreeWidth{
  width:auto;
  display:block;
  float:left;
  margin-right:5px;
}
#none_active_layer{
  width:100%;
  min-height: 816px;
  position: absolute;
  left: 0;
  background: #000;
  opacity: 0.6;
  margin: 0;
  z-index: 10000;
}