@charset "euc-jp";
/*
   /help/style.css - ヘルプ用スタイル

   $Id: style.css 2197 2007-03-29 09:19:05Z matsui $
   Copyright (c) 2004, RICOH Co., Ltd.
 */

body {
 margin:0;
 padding:0;
 background:#fff url("images/hatena.gif") no-repeat left top;
 font-family:sans-serif;
}

a { text-decoration:none; }
a img { border-width:0; }
p { line-height:160%; }

/* IE バグのため、未適用
p:first-letter { text-transform:capitalize; } */

/* 強調 */
em     { font-style:normal; }
strong { font-style:normal; }

/*== header ====================================================*/
.header {
 background:#eee url("images/bg.gif") repeat-x left top;
 color:#77AA99;
 height:60px;
 margin:0 0 0 68px;
 padding:0 0 0 0;
}

/*== リンク ============================================*/
.links .button {
 background-position:right center;
 background-repeat:no-repeat;
 font-size:10px;
 line-height:18px;
 padding:2px 19px 2px 1px;
 white-space:nowrap;
}

/*== ヘッダのリンク ====================================*/
.header .links {
 position:absolute;
 top:16px;
 right:16px;
 height:26px;
 line-height:18px;
}

.header .links a { color:#fff; }

.header .links #link-faq     { background-image:url(images/link-head-faq-d.gif);  }
.header .links a#link-faq    { background-image:url(images/link-head-faq.gif);    }
.header .links #link-toc     { background-image:url(images/link-head-help-d.gif); }
.header .links a#link-toc    { background-image:url(images/link-head-help.gif);   }
.header .links #link-close   { background-image:url(images/link-head-close-d.gif);}
.header .links a#link-close  { background-image:url(images/link-head-close.gif);  }

#link-faq,
#link-toc   { margin-left:1em; }
#link-close { margin-left:2em; }

/* ログイン */
.login {
 background-color:#eee;
 color:#006633;
 font-size:12px;
 white-space:nowrap;
 position:absolute;
 top:44px;
 right:16px;
 height:16px;
}

/* ユーザー名 */
.user-name {
 background:url(images/loggedin.gif) no-repeat left center;
 padding-left:16px;
}

/* ログアウト */
.logout {
 color:#999;
 font-size:12px;
 margin-left:4px;
 white-space:nowrap;
}

.logout .button {
 padding-right:15px;
 font-weight:bold;
 font-size:12px;
}

.logout a { color:#333399; }

.logout a.button { background:url(images/logout.gif) no-repeat right center; }
.logout .button  { background:url(images/logout-d.gif) no-repeat right center; }

/*== chapter ===========================================*/
.chapter {
 margin:0 16px 0 24px;
 padding-left:44px;
}

.chapter h1 {
 color:#006633;
 font-size:16px;
 font-weight:bold;
 margin:2px 0 0 0;
}


/*== section ===========================================*/
.section { margin:0; }
.section-header { margin:0; }

.section-header h2 {
 color:#000000;
 font-size:28px;
 line-height:133%;
 margin:0 0 8px 0;
 padding:0;
}

.section-header .summary {
 color:#006633;
 font-size:90%;
 line-height:133%;
 margin:8px 0 32px 0;
}

.section-footer {
 margin-top:32px;
 height:14px;
}

.section-navi {
 margin:32px 0 0 0;
}

/*== タイトルインデックス ==*/
.toc {
 border:1px solid #33AA99;
 background-color:#efe;
 white-space:nowrap;
}

.toc p {
 margin:0.5ex 1ex 0.5ex 2px;
 font-size:87.5%;
 font-weight:bold;
}

.toc a {
 background:url(images/down.gif) no-repeat 0px 0.2em;
 color:#333399;
 display:block;
 line-height:150%;
 padding-left:18px;
}

/*== 用語インデックス ==*/
.gloss-index {
 border:1px solid #33AA99;
 background-color:#efe;
 margin-left:0px;
 margin-right:auto;
 height:24px;
 white-space:nowrap;
 position:relative;
}

#gloss-index-ja { width:576px; }
#gloss-index-en { width:587px; }

.gloss-index a,
.gloss-index span,
.gloss-index em {
 background-position:0px 0px;
 background-repeat:no-repeat;
 background-color:#efe;
 display:block;
 float:left;
 height:24px;
 text-indent:-9999em;
}

#glossindex-symbol-jp { width:76px; }
#glossindex-a2z { width:60px; }
#glossindex-aa, #glossindex-ka, #glossindex-sa, #glossindex-ta, #glossindex-na,
#glossindex-ha, #glossindex-ma, #glossindex-ya, #glossindex-ra, #glossindex-wa
 { width:44px; }
#glossindex-wa { position:absolute; top:0px; right:0px; }

/* 記号 */
em#glossindex-symbol-jp   { background-image: url(images/symbol-jp-c.gif); }
a#glossindex-symbol-jp    { background-image: url(images/symbol-jp.gif);   }
span#glossindex-symbol-jp { background-image: url(images/symbol-jp-d.gif); }

/* A-Z */
a#glossindex-a2z    { background-image: url(images/a2z.gif);   }
span#glossindex-a2z { background-image: url(images/a2z-d.gif); }
em#glossindex-a2z   { background-image: url(images/a2z-c.gif); }

/* あ */
a#glossindex-aa    { background-image: url(images/aa.gif); }
span#glossindex-aa { background-image: url(images/aa-d.gif); }
em#glossindex-aa   { background-image: url(images/aa-c.gif); }

/* か */
a#glossindex-ka    { background-image: url(images/ka.gif); }
span#glossindex-ka { background-image: url(images/ka-d.gif); }
em#glossindex-ka   { background-image: url(images/ka-c.gif); }

/* さ */
a#glossindex-sa    { background-image: url(images/sa.gif); }
span#glossindex-sa { background-image: url(images/sa-d.gif); }
em#glossindex-sa   { background-image: url(images/sa-c.gif); }

/* た */
a#glossindex-ta    { background-image: url(images/ta.gif); }
span#glossindex-ta { background-image: url(images/ta-d.gif); }
em#glossindex-ta   { background-image: url(images/ta-c.gif); }

/* な */
a#glossindex-na    { background-image: url(images/na.gif); }
span#glossindex-na { background-image: url(images/na-d.gif); }
em#glossindex-na   { background-image: url(images/na-c.gif); }

/* は */
a#glossindex-ha    { background-image: url(images/ha.gif); }
span#glossindex-ha { background-image: url(images/ha-d.gif); }
em#glossindex-ha   { background-image: url(images/ha-c.gif); }

/* ま */
a#glossindex-ma    { background-image: url(images/ma.gif); }
span#glossindex-ma { background-image: url(images/ma-d.gif); }
em#glossindex-ma   { background-image: url(images/ma-c.gif); }

/* や */
a#glossindex-ya    { background-image: url(images/ya.gif); }
span#glossindex-ya { background-image: url(images/ya-d.gif); }
em#glossindex-ya   { background-image: url(images/ya-c.gif); }

/* ら */
a#glossindex-ra    { background-image: url(images/ra.gif); }
span#glossindex-ra { background-image: url(images/ra-d.gif); }
em#glossindex-ra   { background-image: url(images/ra-c.gif); }

/* わ */
a#glossindex-wa    { background-image: url(images/wa.gif); }
span#glossindex-wa { background-image: url(images/wa-d.gif); }
em#glossindex-wa   { background-image: url(images/wa-c.gif); }


#glossindex-symbol-en { width:76px; }
#glossindex-abc, #glossindex-def,
#glossindex-ghi, #glossindex-jkl,
#glossindex-mno, #glossindex-pqr,
#glossindex-stu { width:60px; }
#glossindex-vwxyz { width:91px; }
#glossindex-vwxyz { position:absolute; top:0px; right:0px; }

/* Symbol */
em#glossindex-symbol-en   { background-image: url(images/symbol-en-c.gif); }
a#glossindex-symbol-en    { background-image: url(images/symbol-en.gif);   }
span#glossindex-symbol-en { background-image: url(images/symbol-en-d.gif); }

/* ABC */
a#glossindex-abc    { background-image: url(images/abc.gif);   }
span#glossindex-abc { background-image: url(images/abc-d.gif); }
em#glossindex-abc   { background-image: url(images/abc-c.gif); }

/* DEF */
a#glossindex-def    { background-image: url(images/def.gif); }
span#glossindex-def { background-image: url(images/def-d.gif); }
em#glossindex-def   { background-image: url(images/def-c.gif); }

/* GHI */
a#glossindex-ghi    { background-image: url(images/ghi.gif); }
span#glossindex-ghi { background-image: url(images/ghi-d.gif); }
em#glossindex-ghi   { background-image: url(images/ghi-c.gif); }

/* JKL */
a#glossindex-jkl    { background-image: url(images/jkl.gif); }
span#glossindex-jkl { background-image: url(images/jkl-d.gif); }
em#glossindex-jkl   { background-image: url(images/jkl-c.gif); }

/* MNO */
a#glossindex-mno    { background-image: url(images/mno.gif); }

span#glossindex-mno { background-image: url(images/mno-d.gif); }
em#glossindex-mno   { background-image: url(images/mno-c.gif); }

/* PQR */
a#glossindex-pqr    { background-image: url(images/pqr.gif); }
span#glossindex-pqr { background-image: url(images/pqr-d.gif); }
em#glossindex-pqr   { background-image: url(images/pqr-c.gif); }

/* STU */
a#glossindex-stu    { background-image: url(images/stu.gif); }
span#glossindex-stu { background-image: url(images/stu-d.gif); }
em#glossindex-stu   { background-image: url(images/stu-c.gif); }

/* VWXYZ */
a#glossindex-vwxyz    { background-image: url(images/vwxyz.gif); }
span#glossindex-vwxyz { background-image: url(images/vwxyz-d.gif); }
em#glossindex-vwxyz   { background-image: url(images/vwxyz-c.gif); }


/*== ページナビ ==*/
.navi {
 color:#CCCCCC;
 font-size:70%;
 white-space:nowrap;
}

.section-navi .navi {
 margin-top:4px;
 position:absolute;
 right:16px;
 height:20px;
}

.section-footer .navi {
 position:absolute;
 right:16px;
 height:20px;
}

.navi a {
 color:#333399;
 line-height:22px;
}

.navi .back {
 background:url(images/back.gif) no-repeat left center;
 padding:4px 0 4px 18px;
 margin-right:3em;
}

.navi .next {
 background:url(images/next.gif) no-repeat right center;
 padding:4px 18px 4px 0;
}


/*== subsection ======================================*/
.subsection {
 font-size:90%;
 line-height:133%;
 margin-top:32px;
}

.subsection-header {
 background-color:#3a9;
 padding:2px;
 margin-bottom:16px;
}

.subsection-header h3 {
 color:#fff;
 display:inline;
 font-size:130%;
 font-weight:bold;
 white-space:normal;
 line-height:133%;
 padding-left:3px;
}

.subsection-header img,
.entry-header img {
 position:absolute;
 right:20px;
}

.subsection p {
 margin:0;
}


/*== 用語・FAQ タイトル =============================*/
.entry {
 margin-top:16px;
 margin-bottom:32px;
}

.entry-header {
 border-bottom:1px solid #3a9;
 margin-bottom:16px;
}

.entry-header h4 {
 color:#000;
 display:inline;
 font-size:100%;
 font-weight:bold;
 white-space:nowrap;
 line-height:133%;
}

.entry-item {
 margin-bottom:32px;
}


/*== リスト ========================================*/
ul.list-itemized, ol {
 margin:1em 0 1em 28px;
 padding:0;
}

ul.list-itemized li,
.list-ordered-alpha li,
.list-ordered-number li {
 margin:16px 0 0 0;
 padding:0;
}


ul.list-itemized li p,
.list-ordered-alpha li p,
.list-ordered-number li p {
 margin:0;
 line-height:125%;
}

ul.list-itemized li p.title,
.list-ordered-alpha li p.title,
.list-ordered-number li p.title {
 line-height:100%;
 font-weight:bold;
 margin-bottom:0.5em;
}

.list-ordered-number,
.list-ordered-alpha,
.list-itemized {
 margin-top:16px;
}


li .list-ordered-number,
li .list-ordered-alpha,
li .list-itemized {
 padding-left:24px;
}

ul.list-itemized      li        { list-style-image:url(images/disc.gif);   }
ol.list-ordered-alpha li.markA  { list-style-image:url(images/mark-a.gif); }
ol.list-ordered-alpha li.markB  { list-style-image:url(images/mark-b.gif); }
ol.list-ordered-alpha li.markC  { list-style-image:url(images/mark-c.gif); }
ol.list-ordered-alpha li.markD  { list-style-image:url(images/mark-d.gif); }

ol.list-ordered-number li.mark1 { list-style-image:url(images/mark-1.gif); }
ol.list-ordered-number li.mark2 { list-style-image:url(images/mark-2.gif); }
ol.list-ordered-number li.mark3 { list-style-image:url(images/mark-3.gif); }
ol.list-ordered-number li.mark4 { list-style-image:url(images/mark-4.gif); }
ol.list-ordered-number li.mark5 { list-style-image:url(images/mark-5.gif); }
ol.list-ordered-number li.mark6 { list-style-image:url(images/mark-6.gif); }
ol.list-ordered-number li.mark7 { list-style-image:url(images/mark-7.gif); }

/*== Q & A ==*/
.question { margin:16px 0; }
.answer   { margin:16px 0 32px 0; }

.icon {
 background-position:0px 0.5ex;
 background-repeat:no-repeat;
 float:left;
 height:30px;
 width:20px;
 text-indent:-9999ex;
}

.question .icon { background-image:url(images/qa-q.gif) }
.answer   .icon { background-image:url(images/qa-a.gif) }

.question .qa-content,
.answer .qa-content {
 margin:0 16px 0px 16px;
 padding:0 20px 0 0;
}

.question .qa-content p,
.answer .qa-content p {
 margin:0;
}


/*== 付加補足情報 =============================================*/
/*== コラム ==*/
.tip {
 background:#eee url(images/tip.gif) no-repeat left top;
 border:1px solid #ccc;
}

.tip .sub-content {
 margin:0 0 0 30px;
 padding:0;
}

/*== 注意 ==*/
.important {
 background:#eec url(images/important.gif) no-repeat left top;
 border:1px solid #da0;
}

.important .sub-content {
 background:url(images/important-disc.gif) no-repeat 0px 0.18em;
 margin:4px 0;
 padding:0 0 0 30px;
}

/*== 補足 ==*/
.tip, .important, .note {
 color:#666;
 margin-top:16px;
 padding:0 12px 4px 0;
}

/*== セクションの直下もフォントサイズ 90% にする ==*/
.section    .tip, .section    .important, .section    .note { font-size:90%;  }
.subsection .tip, .subsection .important, .subsection .note { font-size:100%; }

.tip .title,
.important .title,
.note .title {
 font-weight:bold;
 white-space:nowrap;
 margin:2px 0 4px 0;
}

.tip .title,
.important .title {
 color:#000;
 padding-left:30px;
}

.tip p,
.important p {
 margin:0;
 padding:0;
 line-height:133%;
}

.note ul {
 margin:4px 0 4px 20px;
 padding:0;
}

.note ul li {
 list-style-type:disc;
 list-style-image:none;
 line-height:133%;
 margin:0;
 padding:0;
}

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

/*== 画像 ==*/
.graphic { margin:16px 0 16px 0; }

/*== 図書館固有情報 ==*/
.user-guide-footer {
 border-top:4px solid #396;
 border-bottom:4px solid #396;
 color:#063;
 clear:both;
 line-height:133%;
 padding:8px 0 8px 0;
 margin:32px 0 32px 0;
}


/*=== フッタ ===================================================*/
.footer {
 border-top:1px solid #376;
 color:#ccc;
 margin:8px 0 0 68px;
}

/*=== フッタのリンク ========================*/
.footer .links {
 position:absolute;
 right:16px;
 height:26px;
 line-height:18px;
 margin:4px 0 0 0;
 padding:0 0 1px 0;
}

.footer .links a { color:#339; }
.footer .links #link-faq    { background-image:url(images/link-foot-faq-d.gif);}
.footer .links a#link-faq   { background-image:url(images/link-foot-faq.gif);  }
.footer .links #link-toc    { background-image:url(images/link-foot-help-d.gif);}
.footer .links a#link-toc   { background-image:url(images/link-foot-help.gif);  }
.footer .links #link-close  { background-image:url(images/link-foot-close-d.gif);}
.footer .links a#link-close { background-image:url(images/link-foot-close.gif);  }

/* コピーライト表示 */
.copyright {
 color:#ccc;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 line-height:115%;
 text-align:right;
 margin-top:32px;
 white-space:nowrap;
}


/* 用語解説リンクボタン */
a.gloss:hover .ref-mark {
 text-decoration:none;
}

a.gloss:hover,
a.glosssee:hover {
 color:#d50;
 text-decoration:underline;
}

a.gloss,
a.glosssee {
 color:#339;
 white-space:nowrap;
}

a.gloss .ref-mark {
 vertical-align:super;
 font-size:xx-small;
}

/* 参照リンク */
a.refer:hover{ color:#d50; }
a.refer { color:#339; }


/*== 目次ページ =========================================*/
.toc-chapter,
#table-of-contents .section-footer {
 border-width:1px 0 0 0;
 border-color:#096;
 border-style:solid;
 color:#ccc;
 clear:both;
 padding-top:1ex;
 margin-top:1ex;
}

.toc-chapter { position:relative; }

.toc-chapter h3 {
 color:#006633;
/* float:left;
 display:block; */
 position:absolute;
 top:12px;
 font-weight:bold;
 font-size:100%;
 line-height:125%;
 margin:0;
 width:43%;
}

.toc-chapter #faq,
.toc-chapter #gloss,
.toc-chapter #glossary {
 position:static;
 top:0;
 float:none;
}

.toc-chapter .toc-modules {
 display:block;
 border-left:2px #ccc solid;
 margin-left:43%;
 vertical-align:text-top;
}

.toc-chapter .toc-modules h4 {
 background:url(images/toc-disc.gif) no-repeat left center;
 line-height:125%;
 margin:0 0 0 8px;
 font-size:90%;
 font-weight:bold;
 padding:4px 0 4px 20px;
}

.toc-chapter a { color:#339; }

.mark {
 position:relative;
 left:0px;
 width:20px;
 height:14px;
}


/*== テーブル ==*/
.section table {
 margin:8px 0 8px 0;
}

.section th {
 background-color:#bcc;
 color:#355;
 padding:8px;
 font-size:90%;
}

.section td {
 background-color:#ddd;
 color:#000;
 padding:8px;
 font-size:90%;
}

.section table th p,
.section table td p {
 margin:0;
}