/* CGIリンク集管理システム T-BookmarkPlus Final改 */
/* 管理・登録申請部スタイルシート(tbp_sub.css) */
/* (c) 2004- Yoshihiko Kida */
/* http://www.twin.ne.jp/~fairfox/ */

/*全体の文字サイズはこの項目で決定*/
BODY,TH,TD,CAPTION {
	font-size: 100%;
	color: black;
	background: white;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}

DIV {
	font-size: 100%;
}

INPUT,TEXTAREA {
	font-size: 100%;
}

EM {
	font-style: normal;
	font-weight: bold;
}

STRONG {
	font-style: normal;
	font-weight: bold;
}

CODE {
	font-family: monospace;
}

SAMP {
	font-family: monospace;
}

KBD {
	font-family: monospace;
}

/*▼アンカーの各状態*/
A:link {
	color: #0000CC;
	text-decoration:none;
}

A:visited {
	color: #0000CC;
	text-decoration:none;
}

A:hover {
	color: #0000CC;
	text-decoration:underline;
}

A:active {
	color: #00FF00;
	text-decoration:underline;
}
/*▲アンカーの各状態*/

/*アンカー要素になっている画像の枠はここで消えます*/
A IMG {
	border: none;
}

FORM {
	text-align: center;
	margin-top: 0em;
}

/*フォームコントロールグループ*/
FIELDSET {
	padding: 0px 0px 0px 0px;
	border: 0px solid;
	margin: 0px 0px 0px 0px;
}

/*フォームコントロールグループの表題（非表示）*/
LEGEND {
	display: none;
}

/*罫線*/
HR {
	border-top: 1px solid #5A00B5;
	border-bottom: 1px solid #5A00B5;
}

/*表示しない罫線*/
HR.disp_omit_hr {
	display: none;
}

/*IE用の中央寄せ*/
.ie_pack {
	text-align: center;
}

/*警告画面に切り替わった時に出る見出*/
H1#warn {
	font-size: 300%;
	font-weight: bold;
	color: red;
	background: white;
	text-align: left;
	text-indent: 1em;
}

P.warnmsg {
	text-indent: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

/*共用項目------------------------------------------*/
/*メインタイトル*/
H1#title {
	font-size: 100%;
	font-weight: bold;
	color: #CC66CC;
	background: white;
	text-align: center;
	quotes: "■" "■";
}
H1#title:before {content: open-quote;}
H1#title:after {content: close-quote;}

/*▼メインタイトル直下のページ間移動部分*/
/*UL要素*/
UL#top_a {
	list-style-type: none;
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

/*各項目*/
LI.top_a {
	display: inline;
	margin-left: 0.2em;
	margin-right: 0.2em;
	color: #0000CC;
	quotes: "[" "]";
}
LI.top_a:before {content: open-quote;}
LI.top_a:after {content: close-quote;}

/*▲メインタイトル直下のページ間移動部分*/

/*作業タイトル見出*/
H2#work_title {
	font-size: 120%;
	font-weight: bold;
	color: white;
	background: #6600CC;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin: 0.2em 0px 0px 0px;
	text-align: center;
	quotes: "◆" "◆";
}
H2#work_title:before {content: open-quote;}
H2#work_title:after {content: close-quote;}

/*新規登録など処理種別の見出*/
H3#chose {
	font-size: 120%;
	color: #CC0000;
	font-weight: bold;
	margin-bottom: 0em;
	text-align: center;
	quotes: "■" "■";
}
H3#chose:before {content: open-quote;}
H3#chose:after {content: close-quote;}

/*アクセスランキングと検索記録の見出し*/
/*申請ページの“必要箇所を記入してください”と兼用*/
H3#log_head {
	font-size: 100%;
	font-weight: normal;
	color: #6600CC;
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	quotes: "▼" "▼";
}
H3#log_head:before {content: open-quote;}
H3#log_head:after {content: close-quote;}

/*▼記入フォーム部*/
/*記入欄群の最外部の括り*/
#data_form {
	margin-left: 20%;
	margin-right: 20%;
}

/*記入必須項目の括り*/
.form_spl {
	background: #FFDAFF;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	width: 100%;
	text-align: left;
}

/*記入任意項目の括り*/
.form_nml {
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	width: 100%;
	text-align: left;
}

/*記入必須項目の項目名*/
H4.form_spla {
	font-size: 100%;
	font-weight: bold;
	color: #DD0000;
	background: #FFDAFF;
	padding: 0px 0.5em 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*記入任意項目の項目名*/
H4.form_nmla {
	font-size: 100%;
	font-weight: bold;
	color: #6666FF;
	padding: 0px 0.5em 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*記入項目名の配置Ａ*/
.data_name {
	width: 8em;
	text-align: right;
}

/*記入項目名の配置Ｂ(幅の狭いものに指定。特に分野リスト編集フォームの分野コード・分野名・登録件数・順番)*/
.data_name_s {
	width: 8em;
	text-align: right;
	float: left;
}

/*記入必須項目の記入欄*/
.form_splb {
	background: #FFDAFF;
	padding: 0px 3px 0px 3px;
}

/*記入任意項目の記入欄*/
.form_nmlb {
	padding: 0px 3px 0px 3px;
}

/*記入時の注意事項*/
P.wr_gud{
	font-size: 86%;
	padding: 0em 3px 0em 3px;
	margin: 0em 0em 0em 0em;
}

/*項目記入欄*/
INPUT.data {
	width: 100%;
}

TEXTAREA.data {
	width: 100%;
}

/*バナーアドレスの記入欄*/
#bnr_url {
	float: left;
	width: 60%;
	min-width: 15em;
	padding: 0px 0px 1em 3px;
}

/*バナーの縦横サイズ欄*/
#bnr_size {
	float: left;
	width: 10em;
	padding-bottom: 1em;
}

/*バナー欄の隙間*/
.bnr_size_spc{
	margin-left: 0.5em;
}

/*分野リスト部分（デフォルトでは薄ピンクの部分）*/
#gr_list {
	background: #FFF7FF;
	padding: 0.5em 0px 0.5em 8%;
	border-left: 1px solid #FFDAFF;
	border-right: 1px solid #FFDAFF;
	margin-left: auto;
	margin-right: auto;
}

/*分類見出*/
H5.ctgry_hd {
	font-size: 130%;
	font-weight: bold;
	border-top: 3px solid #FFAACC;
	border-left: 3px solid #FFAACC;
	margin: 0.5em 0.5em 0px 0px;
	text-indent: 1em;
}

/*分野説明文*/
.genre_comm {
	color: teal;
}

/*マークアップ法の見出し*/
.how_markup {
	display: none;
}

/*紹介文のマークアップ例の括り（IE用）*/
#emp_rule_ie {
	text-align: right;
}

/*文字装飾の例（これはUL要素に対する設定で、色替えなどは実際に使うセレクタを適用します）*/
UL#emp_rule {
	list-style-type: none;
	text-align: left;
	width: 16em;
	margin: 0px 3px 0px auto;
}

/*マークアップのための記入法部分に下線*/
KBD.mup_kbd{
	text-decoration: underline;
}

UL#markup_type {
	list-style-type: none;
	padding-left: 0em;
	margin: 0px 0px 0px 0px;
}

LI.markup_type {
}

/*日付変更なし*/
#fxd_choose {
	clear: left;
	float: left;
	width: 15em;
}

/*最新の日付に*/
#upd_choose {
	float: left;
	width: 10.5em;
}

/*記入フォームの最後で回り込みをクリア*/
.siteform_end {
	clear: left;
}
/*▲記入フォーム部*/

/*▼「申し込みに関する注意事項」「設置者向け注意」など諸説明*/
#g_hd {
	font-size: 120%;
	font-weight: bold;
	color: red;
	text-indent: 3em;
	text-align: left;
	margin-left: 8%;
	margin-bottom: 1em;
} 

H3.g_msg {
	color: gray;
	font-size: 100%;
	text-align: center;
	margin-top: 2em;
	quotes: "【" "】";
}
H3.g_msg:before {content: open-quote;}
H3.g_msg:after {content: close-quote;}

/*説明文*/
P,DL.g_msg {
	text-align: left;
	text-indent: 1em;
	line-height: 1.5em;
	margin: 0em 8% 0.5em 8%;
}

DT.g_msg {
	font-weight: bold;
}

DD.g_msg {
	
}

LI.g_msg {
	list-style-image: url(./mk_bl.gif);
	margin-left: 0em;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

EM.g_msg {
	color: #0000CC;
}

STRONG.g_msg {
	color: #CC0000;
}

/*ファイル名*/
.fnm {
	font-family: monospace;
}

/*「ウチのメインコンテンツ」のCSS効果例*/
.main_contents {
	color: green;
	font-weight: bold;
}

/*強調項目を示す視覚的補助*/
.emview {
	color: #DD0000;
	background: #FFDAFF;
	font-weight: bold;
}

/*永久拒否の強調*/
.refuses_perma {
	color: red;
	font-weight: bold;
}
/*▲「申し込みに関する注意事項」「設置者向け注意」など諸説明*/

/*管理ページ内の共用項目----------------------------*/
/*管理ページ専用のBODY要素の設定*/
BODY#admin {
	min-width: 24em;
}

/*▼処理状況（Status）メッセージ*/
DL.admin_mes {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0.5em 1em;
	line-height: 1.3em;
}

DT.admin_mes {
	color: #6600FF;
	background: #CCDDFF;
	font-weight: bold;
	display: inline;
	padding: 0px 0.5em 0px 0.5em;
	border: 1px solid #6600FF;
	margin-right: 0.5em;
}

DD.admin_mes {
	display: inline;
	padding-top: 0em;
	border-top: 1px solid none;
	border-bottom: 1px solid none;
	margin-left: 0em;
}

/*警告文字(黒地に黄文字が初期状態になってます)*/
#caution {
	color: yellow;
	background: black;
	padding: 1px 0.2em 1px 0.2em;
	margin-right: 0.5em;
	quotes: "【" "】";
}
#caution:before {content: open-quote;}
#caution:after {content: close-quote;}
/*▲処理状況（Status）メッセージ*/

/*管理メニューへ戻る*/
P#admin_back {
	text-indent: 0em;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	margin: 0em 0em 0.3em 0em;
}

/*管理メニュー画面----------------------------------*/
/*管理作業メニュー全体の括り*/
FORM#admin_menu {
	width: 25em;
	background: #CCCCFF;
	margin: 1.5em auto 1em auto;
}

/*管理メニューの番号順リスト*/
OL.mn_lst {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

LI.mn_lst {
	width: 25em;
}

/*▼管理作業パスワード部*/
DL.pass {
	background: #9999FF;
	padding: 0.3em 0em 0.3em 1em;
	margin: 0px 0px 0.2em 0px;
	text-align: left;
}

DT.pass {
	display: inline;
}

DD.pass {
	display: inline;
	margin-left: 0.5em;
}

/*パスワード記入欄*/
INPUT#pwd {
	width: 18.5em;
}
/*▲管理作業パスワード部*/

/*▼登録待ち件数*/
DL.waitnum {
	background: white;
	padding-right: 10%;
	border: 3px groove #9999FF;
	margin: 0.5em 0.5em 0.2em 0.5em;
	text-align: right;
}

DT.waitnum {
	display: inline;
	font-size: 140%;
}

DD.waitnum {
	display: inline;
	margin-left: 1em;
}

/*登録待ちの件数*/
SPAN.waitnum {
	font-size: 200%;
	font-family: monospace;
	color: #CC0000;
}
/*▲登録待ち件数*/

/*管理作業選択項目*/
.topmenu {
	padding: 0.2em 0em 0.2em 0.5em;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

/*「各作業画面へ」ボタン*/
INPUT#button_to_each {
	width: 98%;
	margin: 0.2em 0px 0.2em 0px;
}

/*登録待ち一覧画面----------------------------------*/
/*登録待ちサイト処理画面の説明文*/
UL#waitcom {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

LI.waitcom {
	list-style-image: url(./mk_bl.gif);
	text-align: left;
	margin: 0.2em auto 0em 5%;
}

LI.waitcom_caution {
	list-style-image: url(./mk_r.gif);
	text-align: left;
	margin: 0.2em auto 0em 5%;
}

/*消滅警告*/
#disap_caution {
	color: white;
	background: red;
}

/*登録待ちサイトの番号と新規登録など申請種別の見出*/
H3.req_type {
	font-size: 160%;
	font-weight: bold;
	text-indent: 0em;
	text-align: center;
	color: #669999;
	margin-bottom: 0.5em;
}

/*申請種別見出「新規登録」*/
.req_new {
	color: fuchsia;
}

/*申請種別見出「修正」*/
.req_fix {
	color: #666699;
}

/*申請種別見出「削除」*/
.req_del {
	color: red;
}

/*▼サイト情報の簡易表示（申込み最終確認と共用）*/
/*簡易表示データ全体の配置*/
.glance {
	text-align: right;
}

/*定義リスト*/
DL.gl {
	width: 100%;
	text-align: left;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em auto;
}

/*サイト情報の項目名*/
DT.gl {
	color: #0099CC;
	width: 18%;
	text-align: right;
	margin-top 0em;
	margin-right: 0.5em;
	float: left;
	clear: left;
}

/*サイト情報（右に連続しないもの）*/
DD.gl {
	margin-left: 0em;
	text-align: left;
}

/*サイト情報（右に連続していくもの）*/
DD.gl_c {
	display :inline;
	margin-left: 0em;
	margin-right: 0.5em;
	text-align: left;
}

/*サイト名*/
DD.gl_ttl {
	font-size: 100%;
	color: black;
	font-weight: bold;
	display :inline;
	margin-left: 0em;
	margin-right: 1em;
	text-align: left;
}

/*整列サイト名の項目名（非表示）*/
DT.gl_subttl {
	display: none;
}

/*整列サイト名*/
DD.gl_pron {
	display: inline;
	font-size: 86%;
	color: #336666;
	padding-left: 0em;
	margin-left: 0em;
	quotes: "(" ")";
}
DD.gl_pron:before {content: open-quote;}
DD.gl_pron:after {content: close-quote;}

/*バナーサイズ*/
DD.gl_bansize {
	display: inline;
	padding-left: 0em;
	margin-left: 0em;
	quotes: "(" ")";
}
DD.gl_bansize:before {content: open-quote;}
DD.gl_bansize:after {content: close-quote;}

/*サイト情報（特殊分野・分野・キーワード各々に適用）（<DD><UL>〜</UL></DD>という構造です）*/
DD.gl_g {
	padding-left: 0.5em;
	margin: 0em auto 0em 18%;
}

UL.gl_g {
	list-style-type: none;
	padding-left: 0em;
	margin: 0em 0em 0em 0em;
}

/*特殊分野*/
LI.gl_gsa {
	display :inline;
	margin-right: 0.3em;
}

/*分野*/
LI.gl_g {
	font-size: 100%;
	font-family: monospace;
	color: #336666;
	float: left;
}

/*特殊分野・分野・キーワードの末尾に付けるダミー要素（改行制御用）*/
LI.dummy_element {
	clear: left;
	font-size: 0em;
}

/*サイト情報（キーワード）*/
LI.gl_k {
	font-size: 100%;
	font-family: monospace;
	float: left;
}

/*サイト情報（コメント部分）*/
DD.gl_com {
	text-align: left;
	width: auto;
	padding-left: 0.5em;
	margin: 0em 0.5em 0em 18%;
}

/*登録日が「申請受理日」のとき*/
DD.tmchange {
	font-size: 100%;
	color: navy;
	font-weight: bold;
}

/*未記入欄用のダミー（***）*/
DD.gl_dmy {
	color: silver;
	margin-left: 0em;
	text-align: left;
}

/*▼紹介コメント（他のcssファイルにも同じものがあります。整合してください）*/
/*▼ブロックレベル要素に適用するスタイル*/
/*コメント（段落）*/
/*箇条書きでない場合、第一段落には必ずこれが適用されます。*/
/*または「p_1▼〜▲p」の部分に適用されます。*/
P.i_com_1 {
	color: black;
	text-indent: 1em;
	margin: 0em 0px 0em 0em;
}

/*コメント（段落）*/
/*箇条書きでない場合、記入時に一行空けで、第二以降の段落に適用します。*/
/*または「p_nx▼〜▲p」の部分に適用されます。*/
P.i_com_nx {
	color: black;
	text-indent: 1em;
	margin: 0.5em 0px 0em 0px;
}

/*コメント（段落）*/
/*箇条書きでない場合、記入時に二行空けで、第二以降の段落に適用します。*/
/*または「p_ex▼〜▲p」の部分に適用されます。*/
P.i_com_ex {
	color: black;
	margin: 0.5em auto 0em auto;
	text-align: center;
}

/*箇条書きリスト*/
UL.i_com {
	list-style-image: url(./mk_bl.gif);
	padding-left: 1em;
	margin: 0em auto 0em 0em;
}

/*番号順リスト*/
OL.i_com {
	list-style-type: decimal;
	padding-left: 1em;
	margin: 0em auto 0em 0em;
}

/*箇条書き・番号順リスト項目*/
LI.i_com {
	color: black;
}

/*▼定義リスト部分*/
DL.i_com {
	padding-left: 0em;
	margin: 0em auto 0em 0em;
}

DT.i_com {
	color: black;
}

DD.i_com {
	color: black;
	margin-left: 1em;
}
/*▲定義リスト部分*/

/*コメントの大見出し*/
H5.i_com {
	font-size: 100%;
	color: #CC33CC;
	font-weight: bold;
	margin: 0.5em 0em 0.5em 0em;
	text-indent: 0em;
}

/*コメントの小見出し*/
H6.i_com {
	font-size: 100%;
	color: #0099CC;
	font-weight: bold;
	margin: 0.5em 0em 0.5em 0em;
	text-indent: 0em;
}

/*ブロックレベル引用*/
/*段落が含まれるなどブロックレベル規模での引用*/
BLOCKQUOTE.i_com {
	border-left: 3px solid #FF9933;
	padding-left: 3px;
	margin: 0em 0em 0em 0em;
	background: white;
/*	quotes: "▽Quote" "△Quote";*/
}
/*BLOCKQUOTE.i_com:before {content: open-quote;color: gray; font-size: 60%;}*/
/*BLOCKQUOTE.i_com:after {content: close-quote;color: gray; font-size: 60%;}*/
/*▲ブロックレベル要素に適用するスタイル*/

/*▼強調などのインラインレベル要素に適用するスタイル*/
/*紹介コメントの強調*/
EM.i_com {
	color: blue;
	font-weight: normal;
	font-size: 100%;
}

/*紹介コメントの強調（特記事項）*/
EM.i_com_spl {
	color: #999933;
	font-weight: normal;
	font-size: 100%;
}

/*紹介コメントの強強調*/
STRONG.i_com {
	color: red;
	font-weight: bold;
	font-size: 100%;
}

/*インラインレベル引用（文中に引用したフレーズなど）*/
Q.i_com {
	color: #660033;
	font-size: 100%;
	quotes: "“" "”";
}
Q.i_com:before {content: open-quote;}
Q.i_com:after {content: close-quote;}
/*▲強調などのインラインレベル要素に適用するスタイル*/
/*▲紹介コメント（他のcssファイルにも同じものがあります。整合してください）*/
/*▲サイト情報の簡易表示（申込み最終確認と共用）*/

/*登録待ちサイト受け付け処理選択項目*/
FIELDSET.wait_slct {
	color: black;
	background: #E0F0E0;
	font-size: 100%;
	font-weight: normal;
	text-align: right;
	padding-right: 10%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-top: 1px solid #A0C0A0;
	border-left: 1px solid #A0C0A0;
	border-right: 1px solid #A0C0A0;
	margin-top: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
	clear: both;
}

/*登録待ちサイト受け付け処理選択項目「却下」の色*/
STRONG.no_regist {
	color: red;
}

/*申請サイト許可却下実行ボタン部*/
P.accept_btn {
	background: #ECFCEC;
	text-align: right;
	padding-right: 10%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-left: 1px solid #A0C0A0;
	border-right: 1px solid #A0C0A0;
	border-bottom: 1px solid #A0C0A0;
	margin: 0em 1em 0em 1em;
}

/*管理者用登録フォーム画面--------------------------*/
/*見出し「新規登録」or「ID_No.〜修正」は終点アンカーなのでフォーカス当てても変化しないように*/
#FTOP {
	color: #CC0000;
	text-decoration: none;
}

/*▼ID照会部分（申請ページと共用）*/
#ref_id {
	padding-top: 0.5em;
	margin-bottom: 0em;
}

/*条件は更新日/URL/タイトル...*/
P.ref_msg {
	font-size: 86%;
	text-align: center;
	text-indent: 0em;
	margin: 0em 0em 0em 0em;
}

/*処理フォーム部分*/
#ref_control {
	text-align: center;
	text-indent: 0em;
	padding-bottom: 0.7em;
	margin-top: 0em;
	margin-bottom: 0em;
}
/*▲ID照会部分（申請ページと共用）*/

/*登録データ呼出等の操作部(分野リスト編集と共用)*/
#datread {
	background: #CCFFCC;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#read_ctr {
	text-align: center;
	text-indent: 0em;
	margin: 0px 0px 0px 0px;
}

/*「IDを()で照会」「ID()の登録情報を呼出」「既存の分野()を[読み込む]」の要素/語の隙間*/
/*申請ページでも共用*/
.rd_spc {
	margin-left:0.3em;
}

/*「↑記入フォーム先頭へ」（申請ページと共用）*/
.top_anchor {
	color: #0000CC;
	quotes: "[" "]";
}
.top_anchor:before {content: open-quote;}
.top_anchor:after {content: close-quote;}

/*▼処理実行部（申請ページと共用）*/
FIELDSET#exec {
	background: #FFCC33;
	padding: 0.3em 0px 0.3em 0px;
	margin: 0px 0px 0px 0px;
}

/*実行部のチェックボックス*/
.exec_check {
	display: inline;
	margin-right: 0.3em;
}

/*実行ボタン*/
.exec {
	display: inline;
}
/*▲処理実行部（申請ページと共用）*/

/*分野リスト編集画面--------------------------------*/
/*▼分野リスト編集の実行部*/
#gredit_pk {
	margin-left: 20%;
	margin-right: 20%;
	background: #FFCC33;
}

FIELDSET#gredit {
	background: #FFCC33;
	width: 21em;
	padding: 0.3em 0px 0.3em 0px;
	margin: 0em auto 0em auto;
}

/*「この分野を削除」*/
#grdel {
	width: 9em;
	float: left;
}

/*実行・クリアボタンの括り*/
#btn_grp {
	float: right;
	width: 12em;
	text-align: right;
}

/*作業実行ボタンの配置*/
#excbtn {
	display: inline;
}

/*クリアボタンの配置*/
#grclear {
	display: inline;
}
/*▲分野リスト編集の実行部*/

/*見出し「分野設置について」（非表示）*/
#about_mk_gr {
	display: none;
}

/*▼特殊標識の例*/
FIELDSET.gsa_samp {
	padding-bottom: 0.5em;
	border: 1px solid #AA9933;
	margin-left: 8%;
	margin-right: 8%;
}

LEGEND.gsa_samp {
	display: inline;
	font-weight: normal;
	color: #666633;
}

DL.gsa_samp {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

DT.gsa_samp {
	
}

DD.gsa_samp {
	font-size: 82%;
	padding-left: 0em;
	margin-left: 0em;
}
/*▲特殊標識の例*/

/*▼分野一覧表*/
TABLE {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #99CCCC;
}

/*表題*/
CAPTION {
	color: #5A00B5;
	font-weight: normal;
	margin: auto auto 0px auto;
	text-align: center;
	quotes: "▼" "▼";
}
CAPTION:before {content: open-quote;}
CAPTION:after {content: close-quote;}

/*項目見出しセル*/
TH.grth {
	color: white;
	background: #CCCCFF;
	font-weight: normal;
}

/*分類を示す番号セル*/
TH.bnrui {
	color: white;
	background: #99CCCC;
	font-weight: normal;
	text-align: right;
}

/*分野を示す番号セル*/
TH.bnya {
	color: white;
	background: #CCCCFF;
	font-weight: normal;
	text-align: right;
}

/*データセル*/
TD {
	color: black;
	background: #F0F0F7;
}

/*分類名セル*/
TD.sgname {
	text-align: center;
}

/*分類名の説明セル*/
TD.sgcom {
	
}

/*登録件数セル*/
TD.sgcount {
	text-align: right;
}

/*特殊標識セル*/
TD.splgenre {
	background: white;
}
/*▲分野一覧表*/

/*件数一括更新ボタン*/
#g_readjusted {
	text-align: center;
	background: #CCFFCC;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin: 0.5em auto 0em auto;
}

/*アクセス件数画面（検索記録画面と共用）------------*/
/*アクセス件数の実行部*/
#record_rst {
	background: #FFCC33;
	text-align: center;
	padding: 0.3em 0em 0.3em 0em;
}

.record_rst {
	display: inline;
}

/*ランキングデータの表示*/
#rank_list {
	font-size: 78%;
	padding-left: 3em;
}

/*データを表示した時点の時刻*/
#split_time {
	font-size: 180%;
	font-weight: bold;
}

/*トータルカウント*/
#totalcount {
	font-size: 180%;
	font-weight: bold;
	margin: 0em 0em 0.5em 0em;
}

/*総計*/
DT.total {
	float: left;
	width: 2.5em;
}

/*総カウント数*/
DD.total {
	padding-left: 1em;
	margin-left: 0em;
}

/*順位*/
.ranknum {
	font-weight: bold;
	font-size: 160%;
}

/*カウント数*/
.rankcount {
	color: black;
}

/*サイト名*/
.ranktitle {
	color: blue;
	font-weight: normal;
}

/*URL*/
.rankurl {
	color: gray;
}

/*日付*/
.rankdate {
	color: red;
}

/*ID*/
.rankid {
	color: gray;
}

/*CSVデータの区切りコンマ*/
.csv {
	font-size: 160%;
	color: orange;
	font-weight: bold;
}

/*一般用登録申込み画面------------------------------*/
/*申請ページ専用のBODY要素の設定*/
BODY#regist {
	min-width: 27em;
}

/*タイトルは終点アンカーなのでフォーカス当てても変化しないように*/
#PTOP {
	color: #CC66CC;
	text-decoration: none;
}

/*申請ページのID照会部分はULの子要素なのでリスト特有の表示を無効に*/
UL.referring_id {
	list-style-type: none;
	padding-left: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
}

/*▼「ページ先頭へ」*/
/*申請ページでは「ページ先頭へ」アンカーに背景色を付けて罫線の変わりに使うので文字色を白にする*/
#page_top_go {
	color: #0000CC;
	background: #5A00B5;
	text-align: right;
	padding-top: 0.3em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	quotes: "[" "]";
}
#page_top_go:before {content: open-quote;color: white;}
#page_top_go:after {content: close-quote;color: white;}

#RTOP {
	color: white;
}
/*▲「ページ先頭へ」*/

/*ID照会部分と登録データ呼出部分の括り（管理者用と異なり、左右に空間を空けます）*/
.datcall_pk {
	margin-left: 20%;
	margin-right: 20%;
}

/*▼申請ページのデータ呼出部*/
H3#datcall_hd {
	display: none;
}

OL#datcall {
	list-style-type: none;
	background: #CCFFCC;
	padding: 0.3em 0px 0.3em 0px;
	margin: 0px 0px 1em 0px;
	width: 100%;
}

/*呼出ユーザーID*/
LI#idcall {
	display: inline;
}

/*呼出メールアドレス*/
LI#mailcall {
	display: inline;
	margin-left: 0.3em;
}

/*呼出ボタン*/
LI#callbtn {
	display: inline;
	margin-left: 0.3em;
}
/*▲申請ページのデータ呼出部*/

/*送信実行時の見出「内容確認」→「申込み完了」*/
H2#last_hd {
	font-size: 140%;
	font-weight: bold;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	text-indent: 1em;
	width: 10em;
	text-align: center;
}

/*送信実行時のメッセージ*/
P#last_msg {
	text-indent: 1em;
	margin: 0em 0em 0em 0em;
}

/*▼申請種別を示す部分*/
DL#last_req_type {
	font-size: 120%;
	color: #CC0000;
	font-weight: bold;
	text-align: center;
}

DT.l_req_type {
	display: inline;
	quotes: "[" "]";
}
DT.l_req_type:before {content: open-quote;}
DT.l_req_type:after {content: close-quote;}

DD.l_req_type {
	display: inline;
	padding-left: 0em;
	margin-left: 0.5em;
	quotes: "--- " "";
}
DD.l_req_type:before {content: open-quote;}
/*▲申請種別を示す部分*/

/*最終送信ボタンの配置*/
#finsubmit {
	background: #FFCC33;
	padding: 6px 0px 6px 0px;
}

/*最終送信ボタン自体の幅*/
INPUT#fbtnw {
	width: 8em;
}

/*最終送信後の見出「内容確認」*/
#prereq {
	color: yellow;
	background: black;
	padding-left: 0.2em;
	padding-right: 0.2em;
	quotes: "【" "】";
}
#prereq:before {content: open-quote;}
#prereq:after {content: close-quote;}

/*最終送信後の見出「申込み完了」*/
#finreq {
	color: gray;
	padding-left: 0.2em;
	padding-right: 0.2em;
	quotes: "【" "】";
}
#finreq:before {content: open-quote;}
#finreq:after {content: close-quote;}

/*そこから検索ページへ戻るリンク*/
#finret {
	text-align: center;
	quotes: "[" "]";
}
#finret:before {content: open-quote;}
#finret:after {content: close-quote;}

/*特殊標識用のスタイル------------------------------*/
/*他のcssファイルにも同じものがあります。整合してください*/
/*分野設置時に<tag class="セレクタ名">標識</tag>と関連づけます*/
.sougo_sample1 {
	color: #336666;
	background: white;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

.sougo_sample2 {
	color: blue;
	background: white;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	quotes: "【" "】";
}
.sougo_sample2:before {content: open-quote;color: red;}
.sougo_sample2:after {content: close-quote;color: red;}