@charset "UTF-8";

/*
##################################################
  共通エリア
##################################################
*/
html, body {
	font-family: "メイリオ";
	font-size: 13px;
	min-width: 100%;
	height: 100%;
	margin: 0px;
}

select, option, button, input{
    font-family: "メイリオ";
}

input[type="file"] {
	font-family: "メイリオ";
}

#container {
	position: relative;
	min-width: 100%;

	/* コンテンツ部分の高さが画面に収まらない場合はコンテンツの高さに合わせる */
	height: auto !important;

	/* コンテンツ部分の高さが画面より低い場合は画面の高さに合わせる */
	height: 100%;
	min-height: 100%;
	background-image: url(../img/Hex_BG.gif);
}

#body-area {
	width: auto;
	min-width: 100%;
	min-height: 100%;
	margin: 0px auto;
	padding: auto;
}

#content-area {
	font-size: 100%;
	width: 960px;
	min-width: 960px;
	min-height: 100%;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

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

/* タイトル */
.content-title {
	font-size: 120%;
	text-align: left;
	padding: 8px 0 8px 30px;
	position: relative;
	background-image: url(../img/title-bg1.jpg);
	background-repeat: no-repeat;
	margin-bottom: 12px;
}

/* 情報源名強調表示 */
.src-name-text {
	font-size: 120%;
	font-weight: bold;
}

/* 一致部強調表示 */
.matchpart-text {
	color: red;
	font-weight: bold;
}

/* エラー表示 */
.error-text {
	color: red;
	font-weight: bold;
}

/* 注意表示 */
.caution-text {
	color: red;
	font-weight: bold;
}

/* 検索実行ボタン */
.search-button {
	vertical-align: bottom;
}

/* CHRIPへのリンク */
.chripsite-link {
	float: right;
	margin: 0px 10px 0 0;
	font-size: 85%;
}

/* 検索結果エリア */
.result-area {
	margin-top: 10px;
	border: 1px solid #BBBBBB;
}

/* 検索条件入力エリア */
.search-area {
	clear: both;
	min-width: 100%;
	border: 1px solid #BBBBBB;
}

/* サブタイトルラベル 例：<キーワード検索> */
.subtitle-label {
	padding: 5px;
	font-weight: bold;
}

/* 番号で検索入力ボックス */
.num-text-box {
	width: 300px;
}

/* 名称で検索入力ボックス */
.key-text-box-wide {
	width: 456px;
}

/* 名称で検索入力ボックス */
.key-text-box {
	width: 300px;
}

/* 分子式で検索入力ボックス */
.formula-text-box {
	width: 300px;
}

/* SMILES部分一致検索入力ボックス */
.smiles-Partial-text-box {
	width: 300px;
}

/* SMILES検索入力ボックス */
.smiles-text-box {
	width: 300px;
}

/* ファイル参照入力ボックス */
.file-text-box {
	width: 300px;
}

/* 分子量検索入力ボックス */
.weight-text-box {
	width: 140px;
}

/* ％検索入力ボックス */
.percent-text-box {
	width: 30px;
}

/* 構造画像ファイル */
.structure-img {
	border: 1px solid #BBBBBB;
	width: 200px;
	height: 200px;
	float: right;
	margin-top: 0px;
	margin-right: 125px;
}

.category-filter-select-box {
	max-width: 500px;
}


/* 構造画像ファイル（中間検索結果CHRIP_IDベース） */
.structure-img2 {
	vertical-align: middle;
	text-align: center;
	max-width: 200px;
}

/* アコーディオン全て操作ボタンボックス */
.ac-button-box {
	min-width: 99%;
	margin: 2px auto;
}

/* アイテムボックス */
.item-box {
	display: table;
	min-width: 100%;
	margin-top: 5px;
}

.left-item {
	display: table-cell;
	text-align: left;
	padding-left: 5px;
}

.center-item {
	display: table-cell;
	text-align: center;
}

.right-item {
	display: table-cell;
	text-align: right;
	padding-right: 5px;
}

.block {
	display: block;
	margin: 5px;
}

/* マージンセンター */
.margin-c {
	margin-left: auto;
	margin-right: auto;
}

/* 区切り */
.separator {
	height: 15px;
}

/* 区切り */
.separator-harf {
	height: 5px;
}

.top-link {
	float: right;
}

.select-link {
	float: center;
}

.t-row { display: table-row; }

/* アンケート */
.Questionnaire {
	color: #FF0000;
	font-size: 150%;
	font-weight : bold;
}

a.Questionnaire:link { color : #FF0000; }
a.Questionnaire:visited { color : #FF0000; }

.Questionnaire a:link { color : #FF0000; }
.Questionnaire a:visited { color : #FF0000; }

/*
##################################################
  検索一覧テーブル用
##################################################
*/
.list-table {
	border-collapse: collapse;
	min-width: 99%;
	margin: 3px;
}

.list-table .t-header {
	border: 1px solid #BBBBBB;
	font-size: 95%;
	color: #FFFFFF;
	background-color: #646464;
	text-align: center;
	padding: 3px;
	vertical-align: middle;
	line-height: 1.0;
}

.list-table .t-cell {
	border: 1px solid #BBBBBB;
	font-size: 95%;
	background-color: #FFFFFF;
	text-align: left;
	padding: 3px 0px 3px 5px;
	line-height: 1.0;
}

.list-table .t-column1 {
	min-width: 50px;
	text-align: center;
}

.list-table .t-column2 {
	min-width: 150px;
	text-align: center;
}

.list-table .t-column3 {
	min-width: 150px;
	text-align: center;
}

.list-table .t-column4 {
	min-width: 310px;
	text-align: left;
}

.list-table .t-column5 {
	min-width: 120px;
	text-align: center;
}

.highlight {
	color: red;
}


/* ダウンロード */
.download {
	white-space: nowrap;
}

/*
##################################################
  注釈コメント領域用
##################################################
*/
/*aタグのデフォルトCSS無効化*/
.btCom{
	text-decoration:none;
}

/*「+」「-」ボタンの位置調整*/
.btCom img{
	margin-bottom: -4px;
}

/*
##################################################
  アコーディオン用
##################################################
*/

.accordion {
	display: table;
	width: 100%;
	margin: 0 auto;
 	border-bottom-style: solid;
}

.accordion, .accordion * {
	border-width: 1px;
	border-color: #666666;
}

.ac-row-table {
	display: table;
	min-width: 100%;
}

.ac-row-table-height {
	line-height: 1.0;
	vertical-align: middle;
}

/* ツリー表示　大分類項目設定 */
.ac-node1, .ac-node1-spacer, .ac-node1-affiliated {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 150%;
}

	/* 背景色 */
.Lcat_1 {background-color:#083763;}
.Lcat_2 {background-color:#0b5395;}
.Lcat_3 {background-color:#0a739b;}
.Lcat_4 {background-color:#089ca3;}
.Lcat_5 {background-color:#0c9b74;}

/* ツリー表示　大分類項目 関連省庁等設定 */
.ac-node1-affiliated {
	width: 140px;
	text-align: center;
}

/* ツリー表示　中分類項目設定 */
.ac-node2, .ac-node2-spacer, .ac-node2-affiliated {
	color: #000000;
	font-weight: bold;
	font-size: 110%;
	padding-bottom : 4px;
}

	/* 背景色 */
.Mcat_1 {background-color:#91c6f7;}
.Mcat_2 {background-color:#bdcced;}
.Mcat_3 {background-color:#9ae2f8;}
.Mcat_4 {background-color:#94f5fa;}
.Mcat_5 {background-color:#94f7dc;}

/* ツリー表示　中分類項目 関連省庁等設定 */
.ac-node2-affiliated {
	width: 140px;
	text-align: center;
	/* 半角文字が固定幅で折り返す */
	word-break: break-all;
	white-space: normal;
}

/* ツリー表示　小分類項目設定 */
.ac-node3, .ac-node3-spacer {
	color: #000000;
	font-weight: bold;
	font-size: 110%;
	padding-bottom : 4px;
}

	/* 背景色 */
.Scat_1 {background-color:#d7eafd;}
.Scat_2 {background-color:#e2ecf6;}
.Scat_3 {background-color:#e3f7fd;}
.Scat_4 {background-color:#e3fcfd;}
.Scat_5 {background-color:#e0fcf5;}

/* ツリー表示　情報源項目設定 */
.ac-node4, .ac-node4-spacer {
	color: #000000;
	padding-bottom : 4px;
}

/* ツリー表示　情報源項目設定 */
.ac-node4-bold {
	font-weight: bold;
}

.ac-node5, .ac-node5-spacer {
	color: #000000;
	background-color: #FFFFFF;
}

/* 総合情報表示画面の情報源表の余白設定*/
.cmpInfDsp .ac-node5 {
	padding-bottom: 1em;
}


.ac-node1, .ac-node2, .ac-node3, .ac-node4, .ac-node5,
.ac-t-header, .ac-t-header1, .ac-t-header2,
.ac-t-column, .ac-t-column1, .ac-t-column2 {
	display: table-cell;
	border-style: solid solid none solid;
}

.ac-node1-spacer, .ac-node2-spacer, .ac-node3-spacer, .ac-node4-spacer, .ac-node5-spacer {
	display: table-cell;
	width:25px;
	border-left-style: solid;
}


/* ツリーの分類の行間調整 */
.ac-node1, .ac-node2, .ac-node3, .ac-node4, .ac-node5 {
	line-height: 1.5em;
}

/* 個別リスト選択画面の情報源名の行間調整 */
.ac-t-column, .ac-t-column1, .ac-t-column2 {
	line-height: 1.5em;
}

/* ツリーのインデント設定 */
/*
.ac-node1-indent {text-indent: 0px;}
.ac-node2-indent {text-indent: 20px;}
.ac-node3-indent {text-indent: 40px;}
.ac-node4-indent {text-indent: 60px;}
.ac-node5-indent {text-indent: 110px;}
*/

/* 検索条件入力画面用 */
/* ツリーのインデント設定(改行を考慮する場合の設定例) */
.srhInput .accordion .ac-node1-indent, .srhChripIdLst .accordion .ac-node1-indent {
	text-indent:-52px;
	padding-left:52px;
}
.srhInput .accordion .ac-node2-indent, .srhChripIdLst .accordion .ac-node2-indent  {
	text-indent:-51px;
	padding-left:71px;
}
.srhInput .accordion .ac-node3-indent, .srhChripIdLst .accordion .ac-node3-indent {
	text-indent:-51px;
	padding-left:91px;
}
.srhInput .accordion .ac-node4-indent, .srhChripIdLst .accordion .ac-node4-indent {
	text-indent:-50px;
	padding-left:110px;
}
.srhInput .accordion .ac-node5-indent, .srhChripIdLst .accordion .ac-node5-indent {
	text-indent:-20px;
	padding-left:130px;
}



/* 個別リスト選択画面用 */
/* ツリーのインデント設定(改行を考慮する場合の設定例) */
.sltLst .accordion .ac-node1-indent {
	text-indent:-31px;
	padding-left:31px;
}
.sltLst .accordion .ac-node2-indent {
	text-indent:-30px;
	padding-left:30px;
}
.sltLst .accordion .ac-node3-indent {
	text-indent:-30px;
	padding-left:30px;
}


/* 総合情報表示画面用 */
/* ツリーのインデント設定(改行を考慮する場合の設定例) */
.cmpInfDsp .accordion .ac-node1-indent {
	text-indent:-32px;
	padding-left:32px;
}
.cmpInfDsp .accordion .ac-node2-indent {
	text-indent:-31px;
	padding-left:51px;
}
.cmpInfDsp .accordion .ac-node3-indent {
	text-indent:-31px;
	padding-left:71px;
}
.cmpInfDsp .accordion .ac-node4-indent {
	text-indent:-30px;
	padding-left:90px;
}

/* 個別リスト画面　情報源・データの説明ヘッダーカラー */
.ac-t-header, .ac-t-header1, .ac-t-header2 {
	color: #000000;

}

.ac-t-header {
	padding-left: 3px;
}

.ac-t-header1 {
	border-right: none;
	padding-left: 3px;
}

.ac-t-header2 {
	width: 110px;
	text-align: center;
}

.ac-t-column, .ac-t-column1, .ac-t-column2 {
	color: #000000;
	background-color: #FFFFFF;
}

.ac-t-column {
	padding-left: 3px;
	/* 半角文字が固定幅で折り返す */
	word-break: break-all;
	white-space: normal;
}

.ac-t-column1 {
	border-right: none;
	padding-left: 3px;

}

.ac-t-column2 {
	width: 110px;
	text-align: center;
}

.br_force {
	white-space: pre-wrap;
}

.ac-button {
	margin: 5px 8px 0px 2px;
}

.ac-default {
	margin: 5px 8px 0px 2px;
}

.open_close { display: block; }

.close_open { display: none; }

.open_close_default { display: block; }

.close_open_default { display: none; }

.accordion ul, .accordion li {
	margin: 0px;
	padding: 0px;
}

.accordion li {
	line-height: 2.0em;
	display: block;
}

/*
##################################################
  タブ切り替え用
##################################################
*/
<!--
/* ▼(A)表示領域全体 */
div.tabbox { margin-top: 10px; }

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
	/* ▼(B-2)リンクをタブのように見せる */
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	text-align: center;
	/* 角を丸くする */
	border-radius: 0px 10px 0px 0px;
}

/* ▼(B-3)各タブの配色 */
p.tabs a.tab1 { background-color: #DDEEFF; color:#000000; padding-left:10px; padding-right:10px; font-size:95%; }
p.tabs a.tab2 { background-color: #646464; color:#ffffff; padding-left:10px; padding-right:10px; font-size:95%; }
/* p.tabs a:hover { color: yellow; } */

/* ▼(C)タブ中身のボックス */
div.tab {
	/* ▼(C-2)ボックス共通の装飾 */
	overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 { border: 1px solid #000000; background-color: #ffffff; }
div#tab2 { border: 1px solid #000000; background-color: #ffffff; }
div.tab p { margin: 0.5em; }
-->

<!--
/* ▼(A)表示領域全体 */
div.tabbox2 { margin: 0 auto; padding: 0px; width: 700px; margin-top: 10px; }

/* ▼(B)タブ部分 */
p.tabs2 { margin: 0px; padding: 0px; }
p.tabs2 a {
	/* ▼(B-2)リンクをタブのように見せる */
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	text-align: center;
	/* 角を丸くする */
	border-radius: 0px 10px 0px 0px;
}

/* ▼(B-3)各タブの配色 */
p.tabs2 a.tab1 { background-color: #DDEEFF; color:#000000; padding-left:10px; padding-right:10px; font-size:95%; }
p.tabs2 a.tab2 { background-color: #646464; color:#ffffff; padding-left:10px; padding-right:10px; font-size:95%; }
/* p.tabs a:hover { color: yellow; } */

/* ▼(C)タブ中身のボックス */
div.tab2 {
	/* ▼(C-2)ボックス共通の装飾 */
	overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 { border: 1px solid #000000; background-color: #ffffff; }
div#tab2 { border: 1px solid #000000; background-color: #ffffff; }
div.tab2 p { margin: 0.5em; }
-->

/*
##################################################
  HTML用
##################################################
*/

/*--- 検索メニュー画面 systemTop ---*/

/* 利用ユーザ数情報 */
.site-users-info {
	text-align: left;
	padding-left: 15px;
}

.site-users-info .num-color { color: #FF0000; }

.systemTop .center-item {
	width: 50%;
}

.systemTop .info-box {
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	text-align: left;
	vertical-align: top;
	letter-spacing: 1px;
	line-height: 120%;
	margin: 10px;
	padding: 10px;
	/*-- 2018/01/11 min-height変更 mod start --*/
	/* min-height: 350px; */
	min-height: 130px;
	/*-- 2018/01/11 min-height変更 mod end --*/
}

.systemTop .spacer {
	width: 30px;
}

/*-- 2018/01/11 お知らせ表示用 add start --*/
.systemTop .news-box {
	/* max-height: 400px; */
	max-height: 200px;
	overflow-y: auto;
	display: block;
}
/*-- 2018/01/11 お知らせ表示用 add end --*/

/*--- 個別リスト選択画面 sltLst ---*/

/*--- エラー画面 error ---*/

.error .left-item {
	text-align: left;
	padding: 15px 15px;
	line-height: 1.5;
}

/*--- 検索条件入力画面 srhInput ---*/
.srhInput .search-area .left-item {
	margin-top: 5px;
	margin-left: 20px;
	line-height: 1.2;
}

.srhInput .search-area .item-box .left-item {
	padding-left: 25px;
	line-height: 1.2;
}

.srhInput .accordion {
	width: 99%;
	margin-bottom: 3px;
}

.srhInput .search-area .left-item .textboxa {
	margin-top: 2px;
}

.srhInput .search-area .minus-margin {
	margin-top: -5px;
}

/*--- リダイレクト画面 jump ---*/
.jump #content-area {
	height: 200px;
}

/*--- エラー画面 error ---*/
.error #content-area {
	height: 200px;
}

/*--- 中間検索結果画面／検索結果一覧表示(CHRIP_IDベース) srhChripIdLst ---*/

.srhChripIdLst .search-area .left-item {
	margin-top: 5px;
	margin-left: 20px;
	line-height: 1.2;
}

.srhChripIdLst .search-area .item-box .left-item {
	padding-left: 25px;
	line-height: 1.5;
}

.srhChripIdLst .accordion {
	width: 99%;
	margin-bottom: 3px;
}

.srhChripIdLst .search-area .left-item .textboxa {
	margin-top: 2px;
}

/*--- 総合情報表示画面 cmpInfDsp ---*/
.cmpInfDsp .result-area {
	clear: both;
	width: 100%;
	margin-top: auto;
}

.cmpInfDsp .accordion {
	width: 99%;
	margin-top: 3px;
	margin-bottom: 3px;
}

/*--- 総合情報表示画面 静的HTML用体裁 ---*/
.cmpInfDsp .list-table .gi_01_041-header {
	width: 150px;
}
.cmpInfDsp .list-table .td_01_041-table {
	width: 643px;
}
.cmpInfDsp .list-table .td_01_041-column {
	text-align: center;
}
.cmpInfDsp .list-table .td_01_041-t1-header {
	width: 150px;
}
.cmpInfDsp .list-table .td_01_041-t2-header1 {
	width: 160px;
}
.cmpInfDsp .list-table .td_01_041-t2-header2 {
	width: 30px;
}
.cmpInfDsp .list-table .td_01_041-t2-column1 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t2-column2 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t2-column3 {
	width: 120px;
}
.cmpInfDsp .list-table .td_01_041-t2-column4 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t3-header1 {
	width: 90px;
}
.cmpInfDsp .list-table .td_01_041-t3-header2 {
	width: 220px;
}
.cmpInfDsp .list-table .td_01_041-t3-header3 {
	width: 220px;
}
.cmpInfDsp .list-table .td_01_041-t3-header4 {
	width: 90px;
}
.cmpInfDsp .list-table .td_01_041-t3-header5 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t3-header6 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t3-header7 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t3-header8 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t3-column1 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t3-column2 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t3-column3 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t3-column4 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t3-column5 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t45-column1 {
	width: 310px;
}
.cmpInfDsp .list-table .td_01_041-t45-column2 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t45-column3 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t45-column4 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t4 {
	width: 310px;
}
.cmpInfDsp .list-table .td_01_041-t4-header1 {
	width: 90px;
}
.cmpInfDsp .list-table .td_01_041-t4-header2 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t4-header3 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t4-column1 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t4-column2 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t5 {
	width: 110px;
}
.cmpInfDsp .list-table .td_01_041-t5-header1 {
	width: 110px;
}

/*--- 総合情報表示　共通体裁 ---*/
.cmpInfDsp .list-table .cols-width25 {
	width: 25%;
}
.cmpInfDsp .list-table .cols-width75 {
	width: 75%;
}

/*--- 一覧表示1段目表示(政令番号等ベース表示) intSrhSpcLst ---*/

.intSrhSpcLst .list-table .t-header {
	color: #000000;
	background-color: #DDEEFF;
	white-space: nowrap;
}

.intSrhSpcLst .list-table .t-column1 {
	//width: 70px;
	//text-align: center;
}

.intSrhSpcLst .list-table .t-column2 {
	//width: 100px;
	//text-align: center;
}

.intSrhSpcLst .list-table .t-column3 {
	//width: 100px;
	//text-align: center;
}

.intSrhSpcLst .list-table .t-column4 {
	//text-align: left;
}

/*--- 検索結果一覧(政令番号等ベース)表示 srhNumLst ---*/

.srhNumLst .list-table .t-header {
	color: #000000;
	background-color: #DDEEFF;
	white-space: nowrap;
}

.srhNumLst .list-table .t-column1 {
	//width: 70px;
	//text-align: center;
}

.srhNumLst .list-table .t-column2 {
	//width: 100px;
	//text-align: center;
}

.srhNumLst .list-table .t-column3 {
	//width: 100px;
	//text-align: center;
}

.srhNumLst .list-table .t-column4 {
	//text-align: left;
}

/*--- 検索結果表示拡張設定画面 advSet ---*/

.advSet .list-table .t-header {
	color: #000000;
	background-color: #DDEEFF;
	text-align: left;
}

.advSet .list-table .t-column1 {
	width: 5%;
	text-align: center;
	padding: 0px;
}

.advSet .list-table .t-column2 {
	width: auto;
	text-align: left;
}

.advSet .list-table .t-column3 {
	width: 50%;
	text-align: left;
}

/*
##################################################
  静的HTML用
##################################################
*/

.text-padding {
	padding: 10px;
}

.subtitle1, .subtitle2,
.description1, .description2,
.caption1, .caption2 {
	width: 90%;
	margin: 0px auto;
}

.table1, .table2, .table3, .contacts-table {
	border-collapse: collapse;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 120%;
}

.subtitle1, .subtitle2,
.description1, .description2,
.table1, .table2, .table3,
.caption1, .caption2, .info-text1,
.faq-list, .faq-block {
	margin-bottom: 12px;
}

.subtitle1, .subtitle2 {
	padding: 5px 10px;
	text-align: left;
	font-size: 110%;
}

.subtitle1 {
	background-image: url(../img/subtitle-bg1.jpg);
}

.subtitle2 {
	background-image: url(../img/subtitle-bg2.jpg);
	text-decoration: underline;
}

.caption1 {
	text-align: left;
	padding: 0px 0px 0px 25px;
	position: relative;
	background-image: url(../img/hexagon.gif);
	background-repeat: no-repeat;
}

.caption2 {
	padding: 5px 10px;
	background-image: url(../img/caption02-bg.jpg);
	text-align: left;
	font-size: 95%;
	margin-bottom: 0px !important;
}

.caption3 {
	min-width: 180px;
	min-height: 17px;
	text-align: left;
	vertical-align: top;
	padding: 3px 0px 0px 20px;
	background-image: url(../img/bg_bl_w90.gif);
	background-repeat: no-repeat;
}

.description1 {
	padding: 10px 10px;
	text-align: left;
	background-color: #DCE6F2;
	line-height: 140%;
}

.description2 {
	padding-bottom: 15px;
	text-align: left;
	background-color: #FFFFFF;
	line-height: 140%;
}

.description2 td {
	vertical-align: top;
}

.info-text1 {
	text-align: left;
	padding: 0px 0px 0px 15px;
	position: relative;
	line-height: 110%;
}

/*----- FAQ用 -----*/
.faq-list {
	padding: 10px 10px;
	text-align: left;
	background-color: #FFFFDD;
	line-height: 140%;
}

.faq-block {
	width: 100%;
	border: 1px solid #BBBBBB;
}

.faq-a-img, .faq-q-img {
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
}

.faq-a-text { }

.faq-q-text {
	border-bottom: 1px solid #BBBBBB;
}

/*-----    テーブル用    -----*/
.t-row-header1, .t-row-header2,
.t-col-header1, .t-col-header2,
.t-cell1 {
	vertical-align: top;
	border: 1px solid #BBBBBB;
	padding: 5px;
	font-size: 95%;
}

.t-row-header1 {
	color: #FFFFFF;
	background-color: #646464;
	text-align: left;
	vertical-align: middle;
}

.t-row-header2 {
	background-color: #EEEEEE;
	text-align: left;
	vertical-align: middle;
}

.t-col-header1 {
	color: #FFFFFF;
	background-color: #646464;
	text-align: center;
	vertical-align: middle;
}

.t-col-header2 {
	background-color: #EEEEEE;
	text-align: left;
	vertical-align: middle;
}

.t-cell1 {
	background-color: #FFFFFF;
	text-align: left;
}

.table1 .t-col1-w { width: 23%; }
.table1 .t-col2-w { width: 27%; }

.table2 .t-col1-w { width: 15%; }
.table2 .t-col2-w { width: 20%; }

.table3 .t-col1-w { width: 10%; }
.table3 .t-col2-w { width: 10%; }

/*--- H30改修 追加 start ---*/
/* 構造式検索テーブル */
.search-structure-table {
 width: 100%;
}
.search-structure-table td {
 width: 50%;
}

/* marvinJS表示エリア */
.marvinjs-area {
 float: right;
 margin-right: 20px;
}

/* 検索ボタン表示テーブル */
.search-button-table {
 width: 100%;
}
.search-button-table td {
 width: 50%;
}

/* 検索実行/クリアボタン表示エリア */
.search-button-area {
 float: right;
 margin-right: 20px;
}

/* SMILES-MarvinJS連携ボタン */
.smiles-button {
 vertical-align: bottom;
 margin: 5px 0 10px 0;
}
/*--- H30改修 追加 end ---*/