@charset "UTF-8"; /* ============================================================ 美舘イメージング　AEOセクション共通スタイル選び方 / 技術知識（抜粋） / よくある質問（FAQ） ------------------------------------------------------------ 使い方：内に以下を読み込む（パスは各ページの階層に合わせる）・サイトトップ直下フォルダ（例 /Bio/） → ../css/aeo_section.css ・2階層下（例 /microscope/Digital/） → ../../css/aeo_section.css ・3階層下（例 /Bio/Bio-Pyramid/sub/） → ../../../css/aeo_section.css FAQ開閉用の toggleAeoFaq() は js フォルダの aeo_section.js を読み込むこと。 ------------------------------------------------------------ 配色ルール：青系（#3366ee 系）… 選び方・FAQ 緑系（#4caa4c 系）… 技術知識（h3 に class="tech-h3"）コンテンツ幅は製品ページ標準の 690px。別幅ページで使う場合は .aeo-section の width をページ側で上書きする。 ============================================================ */ /* セクション共通枠 */ .aeo-section { width:690px; margin:0 auto; text-align:left; font-size:90%; line-height:1.7; color:#222; } /* セクション見出し（h3） */ .aeo-section h3 { font-size:105%; color:#003399; background:#dce6fb; border-left:4px solid #3366ee; padding:2px 10px; margin:12px 0 10px; border-radius:2px; } .aeo-section h3.tech-h3 { color:#006600; background:#dcefdc; border-left:4px solid #4caa4c; } /* ▼ 選び方ステップ（青系） */ .aeo-section .aeo-step { background:#ffffff; border:1px solid #c0ccee; border-radius:4px; padding:0 0 6px; margin-bottom:8px; } .aeo-section .aeo-step b { color:#003399; } .aeo-step .aeo-step-title { font-weight:bold; color:#003399; text-align:left; background:#e8eeff; padding:6px 14px 2px; margin-bottom:6px; border-radius:4px 4px 0 0; border-bottom:1px solid #c0ccee; } .aeo-step .aeo-step-body { padding:1px 14px 0; } .aeo-step .aeo-link-line { text-align:center; margin-top:8px; white-space:nowrap; padding:0 14px; } .aeo-step .aeo-link-line a { font-weight:bold; color:#3366ee; text-decoration:none; } .aeo-step .aeo-link-line a:hover { text-decoration:underline; } /* ▼ 技術知識ボックス（緑系） */ .aeo-section .tech-box { background:#ffffff; border:1px solid #9ccc9c; border-radius:4px; padding:0 0 6px; margin-bottom:8px; } .aeo-section .tech-box b { color:#006600; } .tech-box .tech-title { font-weight:bold; color:#006600; text-align:left; background:#e2f0e2; padding:6px 14px 2px; margin-bottom:6px; border-radius:4px 4px 0 0; border-bottom:1px solid #9ccc9c; } .tech-box .tech-body { padding:1px 14px 0; } .tech-box .aeo-link-line { text-align:center; margin-top:8px; white-space:nowrap; padding:0 14px; } .tech-box .aeo-link-line a { font-weight:bold; color:#3366ee; text-decoration:none; } .tech-box .aeo-link-line a:hover { text-decoration:underline; } /* ▼ FAQ（アコーディオン） */ .aeo-faq dt { font-weight:bold; color:#003399; cursor:pointer; padding:6px 10px 4px; background:#e8eeff; border:1px solid #c0ccee; border-radius:3px; margin-top:6px; } .aeo-faq dt::before { content:"Q. "; color:#cc4400; } .aeo-faq dd { display:none; padding:8px 14px; border:1px solid #c0ccee; border-top:none; border-radius:0 0 3px 3px; margin:0 0 4px; background:#fff; } .aeo-faq dd::before { content:"A. "; font-weight:bold; color:#006600; } .aeo-faq dd .aeo-link-line { text-align:center; margin-top:8px; white-space:nowrap; } .aeo-faq dd .aeo-link-line a { font-weight:bold; color:#3366ee; text-decoration:none; } .aeo-faq dd .aeo-link-line a:hover { text-decoration:underline; }