@charset "utf-8"; /* =================================================================== CSS information file name :arrange.css style info :全体レイアウト、共通スタイル設定、個別スタイル設定、 他 ■1 基本設定、リンクカラーなど ■2 汎用class ■3 #page ■4 #contents ■5 #main　■ALL部品 ■6 旧スタイル対応 ■7 CSR（環境・社会報告） ■8 新交通システム ■9 超高圧装置 ■10 アルミ・銅　アルミ板　関連製品 ■11 ヒートポンプ ■12 フレア護岸 ■13　マイクロバイナリー ■14　Thickbox用　インラインコンテンツ向け =================================================================== */ /*---------------------------------------------------- ■1 基本設定、リンクカラーなど ----------------------------------------------------*/ html { background-color: #08264e; /* 文字拡大対策 フッター用の背景色 */ } body { background-color: #f3f3ed; } a:link { color: #0a346d; text-decoration: none; } a:visited { color: #0a346d; text-decoration: none; } a:hover { color: #0a346d; text-decoration: underline; } a:active { color: #0a346d; text-decoration: underline; } /*---------------------------------------------------- ■2 汎用class ----------------------------------------------------*/ /* clearfix */ *html #main-k12 #main-new-k12 .image-m-k12, *html #main-k12 #main-new-k12 .image-top-s-k12, *html #main-k12 #main-new-k12 .image-bottom-s-k12, *html #header-k12 .language-k12, *html #contents-k12, *html #main-k12, *html #main-k12 #main, *html #main-k12 #main-new-k12 .whats-new-k12, *html #main-k12 #main-new-k12 .midashih2-k12, *html #main-k12 #main-new-k12 .midashih2w-k12, *html #main-k12 #main-new-k12 .midashih3-k12, *html #main-k12 #main-new-k12 .whatsnew-title-k12, *html #main-k12 #main-new-k12 .img-content-r-k12, *html #main-k12 #main-new-k12 .img-content-r2-k12, *html #main-k12 #main-new-k12 .img-content-l-k12, *html #main-k12 #main-new-k12 .img-content-l2-k12, *html #main-k12 #main-new-k12 .list-blue-3col-k12, *html #main-k12 #main-new-k12 .each-newspage-k12 .each-newspage-inner-k12, *html #main-k12 #main-new-k12 .related-k12, *html #main-k12 #main-new-k12 .result-header-k12, *html #main-k12 #main-new-k12 .result-k12 .item-k12, *html #main-k12 #main-new-k12 .imageunit-include-k12, *html #main-k12 #main-new-k12 .imageunit-includew-k12, *html #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12, *html #main-k12 #main-new-k12 #by-menu-k12, *html #main-k12 #main-new-k12 .chronology-k12 .item-k12, *html #main-k12 #main-new-k12 #history-foot-menu-k12, *html #footer-top-k12, *html #footer-k12 #footer-middle-k12, *html #footer-k12 #footer-bottom-k12, *html #main-k12 #main-new-k12 .def-red-col-item-k12, *html #main-k12 #main-new-k12 .def-img200px-k12, *html #main-k12 #main-new-k12 .table-content-k12, *html #main-k12 #main-new-k12 .image-two-k12, *html #main-k12 #main-new-k12 .image-twow-k12, *html #main-k12 #main-new-k12 .image-three-k12, *html #main-k12 #main-new-k12 .image-threew-k12, *html #main-k12 #main-new-k12 .image-four-k12, *html #main-k12 #main-new-k12 .image-fourw-k12, *html #main-k12 #main-new-k12 .image-five-k12, *html #main-k12 #main-new-k12 .icon-k12, *html #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12, *html #main-k12 #main-new-k12 .title-h2-sublink-k12, *html #main-k12 #main-new-k12 .item-dateline-k12, *html #main-k12 #main-new-k12 .item-date-k12, *html #main-k12 #main-new-k12 #policy-k12, *html #main-k12 #main-new-k12 .list-image-4col-k12, *html .ip_top_bannerbox, *html #main-k12 #main-new-k12 .block-2-k12 { zoom: 1; } *:first-child+html #main-k12 #main-new-k12 .image-m-k12, *:first-child+html #main-k12 #main-new-k12 .image-top-s-k12, *:first-child+html #main-k12 #main-new-k12 .image-bottom-s-k12, *:first-child+html #header-k12 .language-k12, *:first-child+html #contents-k12, *:first-child+html #main-k12, *:first-child+html #main-k12 #main, *:first-child+html #main-k12 #main-new-k12 .whats-new-k12, *:first-child+html #main-k12 #main-new-k12 .midashih2-k12, *:first-child+html #main-k12 #main-new-k12 .midashih2w-k12, *:first-child+html #main-k12 #main-new-k12 .midashih3-k12, *:first-child+html #main-k12 #main-new-k12 .whatsnew-title-k12, *:first-child+html #main-k12 #main-new-k12 .img-content-r-k12, *:first-child+html #main-k12 #main-new-k12 .img-content-r2-k12, *:first-child+html #main-k12 #main-new-k12 .img-content-l-k12, *:first-child+html #main-k12 #main-new-k12 .img-content-l2-k12, *:first-child+html #main-k12 #main-new-k12 .list-blue-3col-k12, *:first-child+html #main-k12 #main-new-k12 .each-newspage-k12 .each-newspage-inner-k12, *:first-child+html #main-k12 #main-new-k12 .related-k12, *:first-child+html #main-k12 #main-new-k12 .result-header-k12, *:first-child+html #main-k12 #main-new-k12 .result-k12 .item-k12, *:first-child+html #main-k12 #main-new-k12 .imageunit-include-k12, *:first-child+html #main-k12 #main-new-k12 .imageunit-includew-k12, *:first-child+html #main-k12 #main-new-k12 #by-menu-k12, *:first-child+html #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12, *:first-child+html #main-k12 #main-new-k12 .chronology-k12 .item-k12, *:first-child+html #main-k12 #main-new-k12 #history-foot-menu-k12, *:first-child+html #footer-top-k12, *:first-child+html #footer-k12 #footer-middle-k12, *:first-child+html #footer-k12 #footer-bottom-k12, *:first-child+html #main-k12 #main-new-k12 .def-red-col-item-k12, *:first-child+html #main-k12 #main-new-k12 .def-img200px-k12, *:first-child+html #main-k12 #main-new-k12 .table-content-k12, *:first-child+html #main-k12 #main-k12 #main-new-k12 .image-two-k12, *:first-child+html #main-k12 #main-k12 #main-new-k12 .image-twow-k12, *:first-child+html #main-k12 #main-new-k12 .image-three-k12, *:first-child+html #main-k12 #main-new-k12 .image-threew-k12, *:first-child+html #main-k12 #main-new-k12 .image-four-k12, *:first-child+html #main-k12 #main-new-k12 .image-fourw-k12, *:first-child+html #main-k12 #main-new-k12 .image-five-k12, *:first-child+html #main-k12 #main-new-k12 .icon-k12, *:first-child+html #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12, *:first-child+html #main-k12 #main-new-k12 .title-h2-sublink-k12, *:first-child+html #main-k12 #main-new-k12 .item-dateline-k12, *:first-child+html #main-k12 #main-new-k12 .item-date-k12, *:first-child+html #main-k12 #main-new-k12 #policy-k12, *:first-child+html #main-k12 #main-new-k12 .list-image-4col-k12, *:first-child+html #main-k12 #main-new-k12 .block-2-k12 { zoom: 1; } #main-k12 #main-new-k12 .image-m-k12:after, #main-k12 #main-new-k12 .image-top-s-k12:after, #main-k12 #main-new-k12 .image-bottom-s-k12:after, #header-k12 .language-k12:after, #contents-k12:after, #main-k12:after, #main-k12 #main:after, #main-k12 #main-new-k12 .whats-new-k12:after, #main-k12 #main-new-k12 .midashih2-k12:after, #main-k12 #main-new-k12 .midashih2w-k12:after, #main-k12 #main-new-k12 .midashih3-k12:after, #main-k12 #main-new-k12 .whatsnew-title-k12:after, #main-k12 #main-new-k12 .img-content-r-k12:after, #main-k12 #main-new-k12 .img-content-r2-k12:after, #main-k12 #main-new-k12 .img-content-l-k12:after, #main-k12 #main-new-k12 .img-content-l2-k12:after, #main-k12 #main-new-k12 .list-blue-3col-k12:after, #main-k12 #main-new-k12 .each-newspage-k12 .each-newspage-inner-k12:after, #main-k12 #main-new-k12 .related-k12:after, #main-k12 #main-new-k12 .result-header-k12:after, #main-k12 #main-new-k12 .result-k12 .item-k12:after, #main-k12 #main-new-k12 .imageunit-include-k12:after, #main-k12 #main-new-k12 .imageunit-includew-k12:after, #main-k12 #main-new-k12 #by-menu-k12:after, #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12:after, #main-k12 #main-new-k12 .chronology-k12 .item-k12:after, #main-k12 #main-new-k12 #history-foot-menu-k12:after, #footer-top-k12:after, #footer-k12 #footer-middle-k12:after, #footer-k12 #footer-bottom-k12:after, #main-k12 #main-new-k12 .def-red-col-item-k12:after, #main-k12 #main-new-k12 .def-img200px-k12:after, #main-k12 #main-new-k12 .table-content-k12:after, #main-k12 #main-new-k12 .image-two-k12:after, #main-k12 #main-new-k12 .image-twow-k12:after, #main-k12 #main-new-k12 .image-three-k12:after, #main-k12 #main-new-k12 .image-three-k12w:after, #main-k12 #main-new-k12 .image-four-k12:after, #main-k12 #main-new-k12 .image-fourw-k12:after, #main-k12 #main-new-k12 .image-five-k12:after, #main-k12 #main-new-k12 .icon-k12:after, #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12:after, #main-k12 #main-new-k12 .title-h2-sublink-k12:after, #main-k12 #main-new-k12 .item-dateline-k12:after, #main-k12 #main-new-k12 .item-date-k12:after, #main-k12 #main-new-k12 #policy-k12:after, #main-k12 #main-new-k12 .list-image-4col-k12:after, #main-k12 #main-new-k12 .block-2-k12:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #TB_ajaxContent .image-m-k12:after, #TB_ajaxContent .image-top-s-k12:after, #TB_ajaxContent .image-bottom-s-k12:after, #TB_ajaxContent .whats-new-k12:after, #TB_ajaxContent .midashih2-k12:after, #TB_ajaxContent .midashih2w-k12:after, #TB_ajaxContent .midashih3-k12:after, #TB_ajaxContent .whatsnew-title-k12:after, #TB_ajaxContent .img-content-r-k12:after, #TB_ajaxContent .img-content-r2-k12:after, #TB_ajaxContent .img-content-l-k12:after, #TB_ajaxContent .img-content-l2-k12:after, #TB_ajaxContent .list-blue-3col-k12:after, #TB_ajaxContent .each-newspage-k12 .each-newspage-inner-k12:after, #TB_ajaxContent .related-k12:after, #TB_ajaxContent .result-header-k12:after, #TB_ajaxContent .result-k12 .item-k12:after, #TB_ajaxContent .imageunit-include-k12:after, #TB_ajaxContent .imageunit-includew-k12:after, #TB_ajaxContent #by-menu-k12:after, #TB_ajaxContent #by-menu-k12 #by-menu-inner-k12:after, #TB_ajaxContent .chronology-k12 .item-k12:after, #TB_ajaxContent #history-foot-menu-k12:after, #TB_ajaxContent .def-red-col-item-k12:after, #TB_ajaxContent .def-img200px-k12:after, #TB_ajaxContent .table-content-k12:after, #TB_ajaxContent .image-two-k12:after, #TB_ajaxContent .image-twow-k12:after, #TB_ajaxContent .image-three-k12:after, #TB_ajaxContent .image-three-k12w:after, #TB_ajaxContent .image-four-k12:after, #TB_ajaxContent .image-fourw-k12:after, #TB_ajaxContent .image-five-k12:after, #TB_ajaxContent .icon-k12:after, #TB_ajaxContent .item-waku-k12 .body-k12 .body-section-k12:after, #TB_ajaxContent .title-h2-sublink-k12:after, #TB_ajaxContent .item-dateline-k12:after, #TB_ajaxContent .item-date-k12:after, #TB_ajaxContent #policy-k12:after, #TB_ajaxContent .list-image-4col-k12:after, #TB_ajaxContent .block-2-k12:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } .clear-k12 { clear: both; } /*---------------------------------------------------- ■3 #page ----------------------------------------------------*/ #page-k12 { display:none; } /*---------------------------------------------------- ■4 #contents ----------------------------------------------------*/ #contents-k12 { /* 2015年リニューアル下層ページ追加 */ width:970px; margin:auto; } /*---------------------------------------------------- ■5 #main メイン .second-layer-k12 ２カラムページ（グローバルナビ） .third-layer-k12 ３カラムページ（グローバルナビ＋ローカルナビ） .wide-third-layer-k12 ３カラムページ ワイド枠（グローバルナビ＋ローカルナビ） .products-k12 事業・製品情報ページ ----------------------------------------------------*/ #main-k12 { float: left; width: 639px; } .second-layer-k12 #main-k12 { /* ２カラムページ（グローバルナビ） */ width: 829px; margin-left: 3px; } *html .second-layer-k12 #main-k12 { margin-left: 0; } .third-layer-k12 #main-k12 { /* ３カラムページ（グローバルナビ＋ローカルナビ） */ width: 639px; } .wide-third-layer-k12 #main-k12 { /* ３カラムページ ワイド枠（グローバルナビ＋ローカルナビ） */ width: 787px; } .products-k12 #main-k12 { /* 事業・製品情報ページコンテンツ用の枠*/ width: 768px; } #main-inner1-k12 { /* 背景真ん中部分↓↓↓ */ background-repeat: repeat-y; background-position: center top; } .second-layer-k12 #main-inner1-k12 { /* ２カラムページ（グローバルナビ） */ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-second-middle.gif); width: 829px; } .third-layer-k12 #main-inner1-k12 { /* ３カラムページ（グローバルナビ＋ローカルナビ） */ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-third-middle.gif); width: 639px; } .wide-third-layer-k12 #main-inner1-k12 { /* ３カラムページ ワイド枠（グローバルナビ＋ローカルナビ） */ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-wide-middle.gif); width: 787px; } .products-k12 #main-inner1-k12 { /* 事業・製品情報ページコンテンツ用の枠*/ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-products-middle.gif); width: 768px; } *html #main-inner1-k12 { zoom: 1; } #main-inner2-k12 { /* 背景トップ部分↓↓↓ */ background-repeat: no-repeat; background-position: center top; } .second-layer-k12 #main-inner2-k12 { /* ２カラムページ（グローバルナビ） */ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-second-top.gif); width: 829px; } .third-layer-k12 #main-inner2-k12 { /* ３カラムページ（グローバルナビ＋ローカルナビ） */ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-third-top.gif); width: 639px; } .wide-third-layer-k12 #main-inner2-k12 { /* ３カラムページ ワイド枠（グローバルナビ＋ローカルナビ） */ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-wide-top.gif); width: 787px; } .products-k12 #main-inner2-k12 { /* 事業・製品情報ページコンテンツ用の枠*/ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-products-top.gif); width: 768px; } *html #main-inner2-k12 { zoom: 1; } #main-inner3-k12 { /* 背景ボトム部分↓↓↓ */ background-repeat: no-repeat; background-position: center bottom; padding: 30px 26px 36px 23px; } .second-layer-k12 #main-inner3-k12 { /* ２カラムページ（グローバルナビ） */ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-second-bottom.gif); width: 780px; /* メイン背景枠 829px */ } .third-layer-k12 #main-inner3-k12 { /* ３カラムページ（グローバルナビ＋ローカルナビ） */ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-third-bottom.gif); width: 590px; /* メイン背景枠 639px */ } .wide-third-layer-k12 #main-inner3-k12 { /* ３カラムページ ワイド枠（グローバルナビ＋ローカルナビ） */ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-wide-bottom.gif); width: 738px; /* メイン背景枠 787px */ } .products-k12 #main-inner3-k12 { /* 事業・製品情報ページコンテンツ用の枠*/ background-image: url(https://www.kobelco.co.jp/share/img/bg-main-products-bottom.gif); width: 719px; /* メイン背景枠 768px */ } *html #main-inner3-k12 { zoom: 1; } /* ■ALL部品 #main-new-k12 は新規サイト用の外枠 ●：汎用部品　3カラムのメインエリアにて使用 */ #main-k12 #main-new-k12 img { /* 新規コンテンツ用の画像(img)調整 */ vertical-align: bottom; line-height: 0; border: 0; } /* h1 ● */ #main-k12 #main-new-k12 h1 { /* 30px */ margin-bottom: 20px; padding-left: 1em; text-indent: -1em; color: #373635; font-size: 1.875em; /* 16 * 1.875 = 30px */ font-weight: bold; line-height: 1.1; } #main-k12 #main-new-k12 h1 img { margin-right: 14px; vertical-align: 1px; } #main-k12 #main-new-k12 h1.image-k12 { /* h1にテキストの代わりにイメージ画像が入る場合 */ padding-left: 0; text-indent: 0; } #main-k12 #main-new-k12 h1.image-k12 img { margin-right: 0; vertical-align: 0; } /* サブタイトル ● */ #main-k12 #main-new-k12 .sub-title-k12 { margin-top: -10px; padding-left: 32px; font-size: .875em; /* 14px */ } /* タイトル日付 ● */ #main-k12 #main-new-k12 .title-date-k12 { text-align: right; font-size: .875em; /* 14px */ } /* タイトル署名 ● */ #main-k12 #main-new-k12 .title-signature-k12 { text-align: right; font-size: .875em; /* 14px */ } /* h2ノーマル ● */ #main-k12 #main-new-k12 h2.normal-k12 { /* 22px */ margin-bottom: 4px; padding: .5em 0 0 10px; color: #373635; font-size: 1.375em; /* 16 * 1.375 = 22px */ font-weight: bold; line-height: 1.15; } /* IE7用　2013.6.11追加（中嶋） */ *html #main-k12 #main-new-k12 h3.normal-k12, *:first-child+html #main-k12 #main-new-k12 h2.normal-k12 { margin-bottom: -10px; } #main-k12 #main-new-k12 .line-h2-k12 { margin-bottom: 15px; } *html #main-k12 #main-new-k12 .line-h2-k12 { margin-top: -10px; } /* h2に隣接して設置するリンク（「一覧を見る」など） */ #main-k12 #main-new-k12 .whatsnew-title-k12 h2 { float: left; margin-bottom: 4px; padding-left: 10px; color: #373635; font-size: 1.375em; /* 16 * 1.375 = 22px */ } #main-k12 #main-new-k12 .whatsnew-title-k12 .view-k12 { float: right; margin-top: 10px; font-size: .75em; /*16px * .75 = 12px */ } #main-k12 #main-new-k12 .whatsnew-title-k12 .view-k12 .view-img-k12 { margin-right: 4px; vertical-align: -1px; } /* h2に隣接して設置するリンク（「一覧を見る」など）共通部品バージョン● */ #main-k12 #main-new-k12 .title-h2-sublink-k12 h2 { float: left; margin-bottom: 4px; padding-left: 10px; color: #373635; font-size: 1.375em; /* 16 * 1.375 = 22px */ } #main-k12 #main-new-k12 .title-h2-sublink-k12 .view-k12 { float: right; margin-top: 10px; font-size: .75em; /*16px * .75 = 12px */ } #main-k12 #main-new-k12 .title-h2-sublink-k12 .view-k12 .view-img-k12 { margin-right: 4px; vertical-align: -1px; } /* h2 見出し画像入り 第３階層用 / H2/H3見出し(２列パターン)部品 / コンテンツ部分2カラム分け ● 兼用 */ #main-k12 #main-new-k12 .midashih2-k12 .item-k12 { float: left; width: 279px; margin: 0 32px 20px 0; } #main-k12 #main-new-k12 .midashih2-k12 .item-k12 h2, #main-k12 #main-new-k12 .midashih2-k12 .item-k12 h3 { margin-bottom: 4px; } *html #main-k12 #main-new-k12 .midashih2-k12 .item-k12 h2, *html #main-k12 #main-new-k12 .midashih2-k12 .item-k12 h3 { margin-bottom: -10px; } /* IE7用　2013.6.11追加（中嶋） */ *:first-child+html #main-k12 #main-new-k12 .midashih2-k12 .item-k12 h2, *:first-child+html #main-k12 #main-new-k12 .midashih2-k12 .item-k12 h3 { margin-bottom: -10px; } #main-k12 #main-new-k12 .midashih2-k12 .item-k12 .item-content-k12 { margin-top: 12px; } #main-k12 #main-new-k12 .midashih2-k12 .item-k12 .item-content-k12 img { float: left; } #main-k12 #main-new-k12 .midashih2-k12 .item-k12 .item-content-k12 p { padding-left: 8px; overflow: auto; font-size: .875em; /*16px * .875 = 14px */ } *html #main-k12 #main-new-k12 .midashih2-k12 .item-k12 .item-content-k12 p { zoom: 1; } #main-k12 #main-new-k12 .midashih2-k12 .item-k12 .left-k12 { /* ２カラム分け */ float: left; width: 135px; /* 139px */ margin-right: 2px; } /* h2 見出し画像入り 第３階層用 ワイド / H2/H3見出し(２列パターン)部品 / コンテンツ部分2カラム分け ● 兼用 */ #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 { float: left; width: 328px; margin: 0 20px 20px 0; } /* IE7用　2013.6.11追加（中嶋） */ *:first-child+html #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 { padding: 0 0 20px 0; } #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 h2, #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 h3 { margin-bottom: 4px; } /* IE7用　2013.6.11追加（中嶋） */ *:first-child+html #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 h2, *:first-child+html #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 h3 { margin-bottom: -10px; } *html #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 h2, *html #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 h3 { margin-bottom: -10px; } #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 h2 img, #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 h3 img { margin-bottom: 8px; } #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 .item-content-k12 { margin-top: 12px; } #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 .item-content-k12 { margin-top: 12px; } #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 .item-content-k12 img { margin-right: 10px; /* 2012.12.14追加（中嶋） */ float: left; } #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 .item-content-k12 p { padding-left: 8px; overflow: auto; font-size: .875em; /*16px * .875 = 14px */ } *html #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 .item-content-k12 p { zoom: 1; } #main-k12 #main-new-k12 .midashih2w-k12 .item-k12 .left-k12 { /* ２カラム分け */ float: left; width: 158px; /* 162px */ margin-right: 2px; padding-top: 5px; } /* h3ノーマル ● */ #main-k12 #main-new-k12 h3.normal-k12 { /* 18px */ margin-bottom: 4px; padding: .5em 0 0 20px; font-size: 1.125em; /* 16 * 1.125 = 18px */ font-weight: bold; line-height: 1.2; } *html #main-k12 #main-new-k12 h3.normal-k12 { margin-bottom: -10px; } #main-k12 #main-new-k12 .line-h3-k12 { margin-bottom: 10px; padding-left: 10px; } /* h3 見出し画像入り 第２階層用 / H3/H2見出し(２列パターン)部品 ● 兼用 */ #main-k12 #main-new-k12 .midashih3-k12 .item-k12 { float: left; width: 375px; margin: 0 30px 20px 0; } #main-k12 #main-new-k12 .midashih3-k12 .item-k12 h3, #main-k12 #main-new-k12 .midashih3-k12 .item-k12 h2 { margin-bottom: 4px; } *html #main-k12 #main-new-k12 .midashih3-k12 .item-k12 h3, *html #main-k12 #main-new-k12 .midashih3-k12 .item-k12 h2 { margin-bottom: -10px; } #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 { margin-top: 12px; } #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 img { float: left; } #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 p { padding-left: 8px; overflow: auto; font-size: .875em; /*16px * .875 = 14px */ } *html #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 p { zoom: 1; } #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .left-k12 { /* ２カラム分け */ float: left; width: 183px; /* 187.5px */ margin-right: 4px; } *html #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .left-k12 { width: 181px; } #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 .list-image-3col-k12 li { /* イメージwithテキストリスト 3列 第2階層*/ float: left; width: 120px; margin: 0 6px 8px 0; } #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 .list-image-3col-k12 li .image-k12 { margin-bottom: 2px; padding-left: 0; } *html #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 .list-image-3col-k12 li .image-k12 { margin-bottom: 4px; } #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 .list-image-3col-k12 li .txt-k12 { padding-left: 1em; text-indent: -.8em; line-height: 1.2; } #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 .list-image-3col-k12 li .txt-k12 img { float: none; margin-top: -4px; margin-right: 2px; vertical-align: middle; } *html #main-k12 #main-new-k12 .midashih3-k12 .item-k12 .item-content-k12 .list-image-3col-k12 li .txt-k12 img { margin-top: -1px; } /* h3 2カラム */ #main-k12 #main-new-k12 h3.type-2col-k12 { /* 16px */ margin-bottom: 4px; } *html #main-k12 #main-new-k12 h3.type-2col-k12 { margin-bottom: -10px; } #main-k12 #main-new-k12 .line-2col { margin-bottom: 12px; } /* h4 ● */ #main-k12 #main-new-k12 h4 { /* 16px */ margin-bottom: 4px; padding: .5em 0 0 20px; font-size: 1em; /* 16px */ font-weight: bold; line-height: 130%; } *html #main-k12 #main-new-k12 h4 { margin-bottom: -10px; } #main-k12 #main-new-k12 .line-h4-k12 { margin-bottom: 10px; padding-left: 20px; } #main-k12 #main-new-k12 h4.main_title04 { margin-bottom:7px; } /* h5 ● */ #main-k12 #main-new-k12 h5 { /* 14px */ margin-bottom: 4px; padding: .5em 0 0 20px; font-size: .875em; /*16px * .875 = 14px */ font-weight: bold; } /* 新着情報 */ #main-k12 #main-new-k12 .whats-new-k12 { margin-bottom: 30px;/*13.04.23. 46px→30pxに変更　S*/ font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .whats-new-k12 dt { float: left; clear: both; width: 8em; } #main-k12 #main-new-k12 .whats-new-k12 dd { margin-bottom: 4px; overflow: auto; } *html #main-k12 #main-new-k12 .whats-new-k12 dd { zoom: 1; } /* 注釈テキスト ● */ #main-k12 #main-new-k12 .remark-k12 { /* ※のみ */ margin-bottom: 20px; padding-left: 1em; text-indent: -1em; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .remark-mg0-k12 { /* ※のみ */ padding-left: 1em; text-indent: -1em; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .remark-number-k12 { /* ※＋半角数字 */ margin-bottom: 20px; padding-left: 1.8em; text-indent: -1.8em; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .remark-number-mg0-k12 { /* ※＋半角数字 */ padding-left: 1.8em; text-indent: -1.8em; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .remark-bracket-k12 { /* （注）のみ */ margin-bottom: 20px; padding-left: 2em; text-indent: -2em; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .remark-bracket-number-k12 { /* （注）＋半角数字 */ margin-bottom: 20px; padding-left: 2.5em; text-indent: -2.5em; font-size: .875em; /*16px * .875 = 14px */ } /* 番号付きリスト ● */ #main-k12 #main-new-k12 .orderd-list-k12 { margin-bottom: 20px; padding-left: 23px; font-size: .875em; /*16px * .875 = 14px */ } /* IE7用　2013.6.11追加（中嶋） */ *:first-child+html #main-k12 #main-new-k12 .orderd-list-k12 { margin-left: 6px; padding-left: 28px; } /* IE6用　2013.6.11追加（中嶋） */ *html #main-k12 #main-new-k12 .orderd-list-k12 { margin-left: 6px; padding-left: 28px; } #main-k12 #main-new-k12 .orderd-list-k12 li { margin-bottom: 8px; list-style: decimal; } /* 番号付きリスト （番号付きリスト入れ子Ver）● */ #main-k12 #main-new-k12 .orderd-list-nested-k12 { margin-bottom: 20px; padding-left: 23px; font-size: .875em; /*16px * .875 = 14px */ } /* IE7用　2013.6.11追加（中嶋） */ *:first-child+html #main-k12 #main-new-k12 .orderd-list-nested-k12 { margin-left: 6px; padding-left: 28px; } /* IE6用　2013.6.11追加（中嶋） */ *html #main-k12 #main-new-k12 .orderd-list-nested-k12 { margin-left: 6px; padding-left: 28px; } #main-k12 #main-new-k12 .orderd-list-nested-k12 li { margin-bottom: 4px; list-style: decimal; } #main-k12 #main-new-k12 .orderd-list-nested-k12 li img { margin-right: 5px; vertical-align: 1px; } #main-k12 #main-new-k12 .orderd-list-nested-k12 li ul li{ padding-left: 1em; } #main-k12 #main-new-k12 .orderd-list-nested-k12 .none-k12 { list-style-type: none; text-indent:-1em; margin: 5px 0; } /* リストブルーアロー（リンクリスト ダウンロードアイコン付）● */ #main-k12 #main-new-k12 .list-blue-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .list-blue-k12 li { margin-bottom: 8px; padding-left: 1em; text-indent: -1em; } #main-k12 #main-new-k12 .list-blue-k12 li img { margin-right: 5px; vertical-align: 1px; } #main-k12 #main-new-k12 .list-blue-k12 li .dl-icon-k12 { margin: 0 5px 0 1px; } /* リストブルーアロー（リンクリスト入れ子Ver） ● */ #main-k12 #main-new-k12 .list-blue-nested-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .list-blue-nested-k12 li { margin-bottom: 8px; padding-left: 1em; text-indent: -1em; } #main-k12 #main-new-k12 .list-blue-nested-k12 li img { margin-right: 5px; vertical-align: 1px; } /* リストレッドスクエアー（リンク無しリスト入れ子Ver）● */ #main-k12 #main-new-k12 .list-red-nested-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .list-red-nested-k12 li { margin-bottom: 8px; padding-left: 1em; text-indent: -1em; } #main-k12 #main-new-k12 .list-red-nested-k12 li img { margin-right: 5px; vertical-align: 1px; } /* Q＆Aリスト ● */ #main-k12 #main-new-k12 .qa-list-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .qa-list-k12 .qa-list-title-k12 { display: inline-block; float: left; width: 2em; } #main-k12 #main-new-k12 .qa-list-k12 .qa-list-body-k12 { overflow: auto; } *html #main-k12 #main-new-k12 .qa-list-k12 .qa-list-body-k12 { display: inline; zoom: 1; } /* Q＆A Question ● */ #main-k12 #main-new-k12 .qa-q-k12 { background-color: #f3f3ef; margin-bottom: 10px; padding: 8px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .qa-q-k12 .qa-q-title-k12 { display: inline-block; float: left; width: 2em; } #main-k12 #main-new-k12 .qa-q-k12 .qa-q-body-k12 { overflow: auto; } *html #main-k12 #main-new-k12 .qa-q-k12 .qa-q-body-k12 { display: inline; zoom: 1; } /* Q＆A Answer ● */ #main-k12 #main-new-k12 .qa-a-k12 { margin-bottom: 15px; padding: 0 8px 10px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .qa-a-k12 .qa-a-title-k12 { display: inline-block; float: left; width: 2em; } #main-k12 #main-new-k12 .qa-a-k12 .qa-a-body-k12 { overflow: auto; } *html #main-k12 #main-new-k12 .qa-a-k12 .qa-a-body-k12 { display: inline; zoom: 1; } /* リストブルーアロー（3列リスト）3カラム */ #main-k12 #main-new-k12 .list-blue-3col-k12 { margin-bottom: 30px; } #main-k12 #main-new-k12 .list-blue-3col-k12 li { float: left; width: 196px; margin-bottom: 8px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .list-blue-3col-k12 li .list-icon-k12 { float: left; margin-right: 4px; } #main-k12 #main-new-k12 .list-blue-3col-k12 li .list-icon-k12 img { margin-top: 4px; } #main-k12 #main-new-k12 .list-blue-3col-k12 li .list-txt-k12 { overflow: auto; } *html #main-k12 #main-new-k12 .list-blue-3col-k12 li .list-txt-k12 { zoom: 1; } /* リストブルーアロー（ハーフサイズリスト） .list-blue-2col-half-l-k12 .list-blue-2col-half--r-k12 : 左右振り分けフロート用 .list-blue-2col-half-k12 : ノーマル */ #main-k12 #main-new-k12 .list-blue-2col-half-l-k12 { /* 2階層目に使用 */ float: left; width: 192px; } #main-k12 #main-new-k12 .list-blue-2col-half-k12 { padding-left: 8px; overflow: auto; } *html #main-k12 #main-new-k12 .list-blue-2col-half-k12 { zoom: 1; } #main-k12 #main-new-k12 .list-blue-2col-half-k12 li, #main-k12 #main-new-k12 .list-blue-2col-half-l-k12 li, #main-k12 #main-new-k12 .list-blue-2col-half-r-k12 li { padding-left: 1em; text-indent: -1em; font-size: .875em; /*16px * .875 = 14px */ margin-bottom: 6px; line-height: 1.2; } body#home-k12 #main-k12 #main-new-k12 .list-blue-2col-half-k12 li img, body#home-k12 #main-k12 #main-new-k12 .list-blue-2col-half-l-k12 li img, body#home-k12 #main-k12 #main-new-k12 .list-blue-2col-half-r-k12 li img { float: none; margin-top: -4px; margin-right: 4px; vertical-align: middle; } *html body#home-k12 #main-k12 #main-new-k12 .list-blue-2col-half-k12 li img, *html body#home-k12 #main-k12 #main-new-k12 .list-blue-2col-half-l-k12 li img, *html body#home-k12 #main-k12 #main-new-k12 .list-blue-2col-half-r-k12 li img { margin-top: -1px; } /* リストグレーアロー */ #main-k12 #main-new-k12 .list-gray-k12 { margin-bottom: 44px; } #main-k12 #main-new-k12 .list-gray-k12 li { margin-bottom: 8px; padding-left: 1em; text-indent: -1em; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .list-gray-k12 li img { margin-right: 7px; vertical-align: 2px; } /* イメージwithテキストリスト 4列 第2階層 */ #main-k12 #main-new-k12 .list-image-4col-k12 { overflow: hidden; } #main-k12 #main-new-k12 .list-image-4col-k12 li { float: left; width: 190px; margin: 0 6px 20px 0; } #main-k12 #main-new-k12 .list-image-4col-k12 li .image-k12 { margin-bottom: 4px; } #main-k12 #main-new-k12 .list-image-4col-k12 li .txt-k12 { padding-left: 1em; text-indent: -.75em; font-size: .875em; line-height: 1.2; } #main-k12 #main-new-k12 .list-image-4col-k12 li .txt-k12 img { margin-top: -3px; margin-right: 2px; vertical-align: middle; } /* 定義リストスクエアー （ライン配置）● */ #main-k12 #main-new-k12 .def-red-line-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .def-red-line-k12 .def-red-line-title-k12 { margin-bottom: 2px; padding-left: 1em; text-indent: -1em; font-weight: bold; } #main-k12 #main-new-k12 .def-red-line-k12 .def-red-line-title-k12 img { margin-right: 6px; vertical-align: 2px; } #main-k12 #main-new-k12 .def-red-line-k12 .def-red-line-body-k12 { margin-bottom: 8px; } /* 定義リストスクエアー （カラム配置）● */ #main-k12 #main-new-k12 .def-red-col-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .def-red-col-k12 .def-red-col-item-k12 { margin-bottom: 8px; } #main-k12 #main-new-k12 .def-red-col-k12 .def-red-col-title-k12 { float: left; clear: both; width: 142px; margin-right: 8px; padding-left: 1em; font-weight: bold; text-indent: -1em; } #main-k12 #main-new-k12 .def-red-col-k12 .def-red-col-title-k12 img { margin-right: 6px; vertical-align: 2px; } #main-k12 #main-new-k12 .def-red-col-k12 .def-red-col-body-k12 { overflow: auto; } *html #main-k12 #main-new-k12 .def-red-col-k12 .def-red-col-body-k12 { position: relative; margin-top: -.3em; zoom: 1; } /* 定義リスト タイトル４,6,8,10,12,16文字 ● */ #main-k12 #main-new-k12 .def-4letters-k12, #main-k12 #main-new-k12 .def-6letters-k12, #main-k12 #main-new-k12 .def-8letters-k12, #main-k12 #main-new-k12 .def-10letters-k12, #main-k12 #main-new-k12 .def-12letters-k12, #main-k12 #main-new-k12 .def-16letters-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .def-4letters-k12 .def-4letters-title-k12, #main-k12 #main-new-k12 .def-6letters-k12 .def-6letters-title-k12, #main-k12 #main-new-k12 .def-8letters-k12 .def-8letters-title-k12, #main-k12 #main-new-k12 .def-10letters-k12 .def-10letters-title-k12, #main-k12 #main-new-k12 .def-12letters-k12 .def-12letters-title-k12, #main-k12 #main-new-k12 .def-16letters-k12 .def-16letters-title-k12 { float: left; clear: left; } #main-k12 #main-new-k12 .def-4letters-k12 .def-4letters-body-k12, #main-k12 #main-new-k12 .def-6letters-k12 .def-6letters-body-k12, #main-k12 #main-new-k12 .def-8letters-k12 .def-8letters-body-k12, #main-k12 #main-new-k12 .def-10letters-k12 .def-10letters-body-k12, #main-k12 #main-new-k12 .def-12letters-k12 .def-12letters-body-k12, #main-k12 #main-new-k12 .def-16letters-k12 .def-16letters-body-k12 { overflow: auto; } #main-k12 #main-new-k12 .def-4letters-k12 .def-4letters-body-k12, #main-k12 #main-new-k12 .def-6letters-k12 .def-6letters-body-k12, #main-k12 #main-new-k12 .def-8letters-k12 .def-8letters-body-k12, #main-k12 #main-new-k12 .def-10letters-k12 .def-10letters-body-k12, #main-k12 #main-new-k12 .def-12letters-k12 .def-12letters-body-k12, #main-k12 #main-new-k12 .def-16letters-k12 .def-16letters-body-k12 img{ margin-right: 5px; vertical-align: 1px; } *html #main-k12 #main-new-k12 .def-4letters-k12 .def-4letters-body-k12, *html #main-k12 #main-new-k12 .def-6letters-k12 .def-6letters-body-k12, *html #main-k12 #main-new-k12 .def-8letters-k12 .def-8letters-body-k12, *html #main-k12 #main-new-k12 .def-10letters-k12 .def-10letters-body-k12, *html #main-k12 #main-new-k12 .def-12letters-k12 .def-12letters-body-k12, *html #main-k12 #main-new-k12 .def-16letters-k12 .def-16letters-body-k12 { zoom: 1; } #main-k12 #main-new-k12 .def-4letters-k12 .def-4letters-title-k12 { width: 5em; } #main-k12 #main-new-k12 .def-6letters-k12 .def-6letters-title-k12 { width: 7em; } #main-k12 #main-new-k12 .def-8letters-k12 .def-8letters-title-k12 { width: 9em; } #main-k12 #main-new-k12 .def-10letters-k12 .def-10letters-title-k12 { width: 11em; } #main-k12 #main-new-k12 .def-12letters-k12 .def-12letters-title-k12 { width: 13em; } #main-k12 #main-new-k12 .def-16letters-k12 .def-16letters-title-k12 { width: 17em; } /* 文字サイズ変更なし 2013.1.16 栄　追記● */ #main-k12 #main-new-k12 .def-r4letters-k12, #main-k12 #main-new-k12 .def-r6letters-k12, #main-k12 #main-new-k12 .def-r8letters-k12, #main-k12 #main-new-k12 .def-r10letters-k12, #main-k12 #main-new-k12 .def-r12letters-k12, #main-k12 #main-new-k12 .def-r16letters-k12 { margin-bottom: 20px; } #main-k12 #main-new-k12 .def-r4letters-k12 .def-4letters-title-k12, #main-k12 #main-new-k12 .def-r6letters-k12 .def-6letters-title-k12, #main-k12 #main-new-k12 .def-r8letters-k12 .def-8letters-title-k12, #main-k12 #main-new-k12 .def-r10letters-k12 .def-10letters-title-k12, #main-k12 #main-new-k12 .def-r12letters-k12 .def-12letters-title-k12, #main-k12 #main-new-k12 .def-r16letters-k12 .def-16letters-title-k12 { float: left; clear: left; } #main-k12 #main-new-k12 .def-r4letters-k12 .def-4letters-body-k12, #main-k12 #main-new-k12 .def-r6letters-k12 .def-6letters-body-k12, #main-k12 #main-new-k12 .def-r8letters-k12 .def-8letters-body-k12, #main-k12 #main-new-k12 .def-r10letters-k12 .def-10letters-body-k12, #main-k12 #main-new-k12 .def-r12letters-k12 .def-12letters-body-k12, #main-k12 #main-new-k12 .def-r16letters-k12 .def-16letters-body-k12 { overflow: auto; } #main-k12 #main-new-k12 .def-r4letters-k12 .def-4letters-body-k12, #main-k12 #main-new-k12 .def-r6letters-k12 .def-6letters-body-k12, #main-k12 #main-new-k12 .def-r8letters-k12 .def-8letters-body-k12, #main-k12 #main-new-k12 .def-r10letters-k12 .def-10letters-body-k12, #main-k12 #main-new-k12 .def-r12letters-k12 .def-12letters-body-k12, #main-k12 #main-new-k12 .def-r16letters-k12 .def-16letters-body-k12 img { margin-right: 5px; vertical-align: 1px; } *html #main-k12 #main-new-k12 .def-r4letters-k12 .def-4letters-body-k12, *html #main-k12 #main-new-k12 .def-r6letters-k12 .def-6letters-body-k12, *html #main-k12 #main-new-k12 .def-r8letters-k12 .def-8letters-body-k12, *html #main-k12 #main-new-k12 .def-r10letters-k12 .def-10letters-body-k12, *html #main-k12 #main-new-k12 .def-r12letters-k12 .def-12letters-body-k12, *html #main-k12 #main-new-k12 .def-r16letters-k12 .def-16letters-body-k12 { zoom: 1; } #main-k12 #main-new-k12 .def-r4letters-k12 .def-4letters-title-k12 { width: 5em; } #main-k12 #main-new-k12 .def-r6letters-k12 .def-6letters-title-k12 { width: 7em; } #main-k12 #main-new-k12 .def-r8letters-k12 .def-8letters-title-k12 { width: 9em; } #main-k12 #main-new-k12 .def-r10letters-k12 .def-10letters-title-k12 { width: 11em; } #main-k12 #main-new-k12 .def-r12letters-k12 .def-12letters-title-k12 { width: 13em; } #main-k12 #main-new-k12 .def-r16letters-k12 .def-16letters-title-k12 { width: 17em; } /* イメージ画像200px付き定義リスト ● */ #main-k12 #main-new-k12 .def-img200px-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .def-img200px-k12 .def-img200px-title-k12 { float: left; } #main-k12 #main-new-k12 .def-img200px-k12 .def-img200px-body-k12 { padding-left: 14px; overflow: auto; } *html #main-k12 #main-new-k12 .def-img200px-k12 .def-img200px-body-k12 { zoom: 1; overflow: hidden; } /* 区切り線 ● */ .hr-k12 { margin-bottom: 20px; } /* イメージ画像付きパラグラフ 画像右側 ● */ #main-k12 #main-new-k12 .img-content-r-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .img-content-r-k12 .img-r-k12 { float: right; margin: 0 0 6px 14px; max-width:760px; } /* イメージ画像付きパラグラフ 画像右側 文字サイズ変更なし 2012.6.6 中嶋追記● */ #main-k12 #main-new-k12 .img-content-r2-k12 { margin-bottom: 20px; } #main-k12 #main-new-k12 .img-content-r2-k12 .img-r-k12 { float: right; margin: 0 0 6px 14px; max-width:760px; } #main-k12 #main-new-k12 .img-content-r2-k12 ul, #main-k12 #main-new-k12 .img-content-r2-k12 dl { overflow: auto; } /* イメージ画像付きパラグラフ 画像左側 ● */ #main-k12 #main-new-k12 .img-content-l-k12 { margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .img-content-l-k12 .img-l-k12 { float: left; margin: 0 14px 6px 0; max-width:760px; } /* イメージ画像付きパラグラフ 画像左側 文字サイズ変更なし 2012.6.6 中嶋追記● */ #main-k12 #main-new-k12 .img-content-l2-k12 { margin-bottom: 20px; } #main-k12 #main-new-k12 .img-content-l2-k12 .img-l-k12 { float: left; margin: 0 14px 6px 0; max-width:760px; } #main-k12 #main-new-k12 .img-content-l2-k12 ul, #main-k12 #main-new-k12 .img-content-l2-k12 dl { overflow: auto; } /* テーブル付きパラグラフ テーブル右寄せor左寄せ ● */ #main-k12 #main-new-k12 .table-content-k12 { margin-bottom: 20px; border: none; } #main-k12 #main-new-k12 .table-content-r-k12 { float: right; width: 300px; margin: 0 0 6px 14px; padding: 0; /* FF7 hack overwrite */ font-size: .75em; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #main-k12 #main-new-k12 .table-content-l-k12 { float: left; width: 300px; margin: 0 14px 6px 0; padding: 0; /* FF7 hack overwirte */ font-size: .75em; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #main-k12 #main-new-k12 .table-content-k12 th { font-weight: bold; } #main-k12 #main-new-k12 .table-content-k12 th, #main-k12 #main-new-k12 .table-content-k12 td { padding: 6px; border: 1px #7a7977 solid; } #main-k12 #main-new-k12 .table-content-k12 td { width: 100px; vertical-align: top; } #main-k12 #main-new-k12 .table-content-k12 .low1-k12 { /* thの1行目に使用 */ background-color: #878683; color: #fff; text-align: center; } #main-k12 #main-new-k12 .table-content-k12 .low-other-k12 { /* 2行目以降のthに使用 */ background-color: #d8d5cd; text-align: left; vertical-align: top; } #main-k12 #main-new-k12 .table-content-k12 .low-other-k12 a:hover { /* 2行目以降のthに使用されるリンク設定 */ background-color: #fff; } /* テキストボックス ● */ #main-k12 #main-new-k12 .txt-box-k12 { margin-bottom: 20px; padding: 10px; font-size: .875em; border: 4px #c6c6c4 solid ; } /* Adobe FlashPlayer or Readerダウンロード ● */ #main-k12 #main-new-k12 .get-adobe-box-k12 { background-color: #f3f3ef; margin-bottom: 20px; padding: 14px; font-size: .875em; } #main-k12 #main-new-k12 .get-adobe-box-k12 .title-k12 { margin-bottom: 8px; font-weight: bold; } #main-k12 #main-new-k12 .get-adobe-box-k12 .adobe-icon-k12 { float: right; margin: 8px 0 0 29px; } /* イメージ画像１点配置 ● */ #main-k12 #main-new-k12 .image-one-k12 { margin-bottom: 14px; text-align: center; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .image-one-k12 .caption-left-k12 { text-align: left; } #main-k12 #main-new-k12 .image-one-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .image-one-k12 .caption-center-k12 { display: inline; zoom: 1; } #main-k12 #main-new-k12 .image-one-left-k12 { /* 全体で左配置用 */ margin-bottom: 14px; overflow: hidden; font-size: .875em; } /* イメージ画像２点配置 ● */ #main-k12 #main-new-k12 .image-two-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .image-two-k12 .item-k12 { float: left; width: 292px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .image-two-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .image-two-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .image-two-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像２点配置 ワイド幅　120807 KBS中嶋追記● */ #main-k12 #main-new-k12 .image-twow-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .image-twow-k12 .item-k12 { float: left; width: 350px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .image-twow-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .image-twow-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .image-twow-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像３点配置 ● */ #main-k12 #main-new-k12 .image-three-k12 { clear: both; margin: 0 -7px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .image-three-k12 .item-k12 { float: left; width: 192px; margin: 0 7px 6px 0; } *html #main-k12 #main-new-k12 .image-three-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .image-three-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .image-three-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像３点配置 ワイド ● */ #main-k12 #main-new-k12 .image-threew-k12 { clear: both; margin: 0 -7px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .image-threew-k12 .item-k12 { float: left; width: 226px; margin: 0 7px 15px 0; } *html #main-k12 #main-new-k12 .image-threew-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .image-threew-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .image-threew-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像４点配置 ● */ #main-k12 #main-new-k12 .image-four-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .image-four-k12 .item-k12 { float: left; width: 143px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .image-four-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .image-four-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .image-four-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像４点配置 ワイド幅 ● 2012.11.5　KBS中嶋追記 */ #main-k12 #main-new-k12 .image-fourw-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .image-fourw-k12 .item-k12 { float: left; width: 171px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .image-fourw-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .image-fourw-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .image-fourw-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像5点配置 ● 2012.10.17　KBS中嶋追記*/ #main-k12 #main-new-k12 .image-five-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .image-five-k12 .item-k12 { float: left; width: 113px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .image-five-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .image-five-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .image-five-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* 見出し3下のイメージ配置　2013/07/18栄追記 ● */ /* イメージ画像２点配置 ● */ #main-k12 #main-new-k12 .pl10-k12 .image-two-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl10-k12 .image-two-k12 .item-k12 { float: left; width: 287px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl10-k12 .image-two-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl10-k12 .image-two-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl10-k12 .image-two-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像２点配置 ワイド幅　120807 KBS中嶋追記● */ #main-k12 #main-new-k12 .pl10-k12 .image-twow-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl10-k12 .image-twow-k12 .item-k12 { float: left; width: 345px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl10-k12 .image-twow-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl10-k12 .image-twow-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl10-k12 .image-twow-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像３点配置 ● */ #main-k12 #main-new-k12 .pl10-k12 .image-three-k12 { clear: both; margin: 0 -7px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl10-k12 .image-three-k12 .item-k12 { float: left; width: 188px; margin: 0 7px 6px 0; } *html #main-k12 #main-new-k12 .pl10-k12 .image-three-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl10-k12 .image-three-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl10-k12 .image-three-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像３点配置 ワイド ● */ #main-k12 #main-new-k12 .pl10-k12 .image-threew-k12 { clear: both; margin: 0 -7px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl10-k12 .image-threew-k12 .item-k12 { float: left; width: 222px; margin: 0 7px 15px 0; } *html #main-k12 #main-new-k12 .pl10-k12 .image-threew-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl10-k12 .image-threew-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl10-k12 .image-threew-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像４点配置 ● */ #main-k12 #main-new-k12 .pl10-k12 .image-four-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl10-k12 .image-four-k12 .item-k12 { float: left; width: 140px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl10-k12 .image-four-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl10-k12 .image-four-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl10-k12 .image-four-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像４点配置 ワイド幅 ● 2012.11.5　KBS中嶋追記 */ #main-k12 #main-new-k12 .pl10-k12 .image-fourw-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl10-k12 .image-fourw-k12 .item-k12 { float: left; width: 168px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl10-k12 .image-fourw-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl10-k12 .image-fourw-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl10-k12 .image-fourw-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像5点配置 ● 2012.10.17　KBS中嶋追記*/ #main-k12 #main-new-k12 .pl10-k12 .image-five-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl10-k12 .image-five-k12 .item-k12 { float: left; width: 111px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl10-k12 .image-five-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl10-k12 .image-five-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl10-k12 .image-five-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* 見出し3下のイメージ配置　記述終わり ● */ /* 見出し4下のイメージ配置　2013/07/24柳原追記 ● */ /* イメージ画像２点配置 ● */ #main-k12 #main-new-k12 .pl20-k12 .image-two-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl20-k12 .image-two-k12 .item-k12 { float: left; width: 282px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl20-k12 .image-two-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl20-k12 .image-two-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl20-k12 .image-two-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像２点配置 ワイド幅　120807 KBS中嶋追記● */ #main-k12 #main-new-k12 .pl20-k12 .image-twow-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl20-k12 .image-twow-k12 .item-k12 { float: left; width: 340px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl20-k12 .image-twow-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl20-k12 .image-twow-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl20-k12 .image-twow-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像３点配置 ● */ #main-k12 #main-new-k12 .pl20-k12 .image-three-k12 { clear: both; margin: 0 -7px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl20-k12 .image-three-k12 .item-k12 { float: left; width: 184px; margin: 0 7px 6px 0; } *html #main-k12 #main-new-k12 .pl20-k12 .image-three-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl20-k12 .image-three-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl20-k12 .image-three-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像３点配置 ワイド ● */ #main-k12 #main-new-k12 .pl20-k12 .image-threew-k12 { clear: both; margin: 0 -7px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl20-k12 .image-threew-k12 .item-k12 { float: left; width: 218px; margin: 0 7px 15px 0; } *html #main-k12 #main-new-k12 .pl20-k12 .image-threew-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl20-k12 .image-threew-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl20-k12 .image-threew-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像４点配置 ● */ #main-k12 #main-new-k12 .pl20-k12 .image-four-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl20-k12 .image-four-k12 .item-k12 { float: left; width: 137px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl20-k12 .image-four-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl20-k12 .image-four-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl20-k12 .image-four-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像４点配置 ワイド幅 ● 2012.11.5　KBS中嶋追記 */ #main-k12 #main-new-k12 .pl20-k12 .image-fourw-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl20-k12 .image-fourw-k12 .item-k12 { float: left; width: 165px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl20-k12 .image-fourw-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl20-k12 .image-fourw-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl20-k12 .image-fourw-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* イメージ画像5点配置 ● 2012.10.17　KBS中嶋追記*/ #main-k12 #main-new-k12 .pl20-k12 .image-five-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .pl20-k12 .image-five-k12 .item-k12 { float: left; width: 109px; margin: 0 6px 6px 0; } *html #main-k12 #main-new-k12 .pl20-k12 .image-five-k12 .item-k12 { margin-right: 5px; } #main-k12 #main-new-k12 .pl20-k12 .image-five-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #main-k12 #main-new-k12 .pl20-k12 .image-five-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* 見出し4下のイメージ配置　記述終わり ● */ /* table幅　3タイプ ● 2013.01.17　KBS栄追記*/ #main-k12 #main-new-k12 table.wid100-k12 { width:100%; } #main-k12 #main-new-k12 table.wid75-k12 { width:75%; } #main-k12 #main-new-k12 table.wid50-k12 { width:50%; } /* テキスト折り返しなし　● 2013.05.07　KBS栄追記*/ #main-k12 #main-new-k12 .nowrap { white-space: nowrap; } /* テーブル type1～3● */ #main-k12 #main-new-k12 .con-table-k12 { margin-bottom: 20px; padding: 0; /* FF7 hack overwrite */ font-size: .875em; border: none; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #main-k12 #main-new-k12 .con-table-k12 th { font-weight: bold; } #main-k12 #main-new-k12 .con-table-k12 th, #main-k12 #main-new-k12 .con-table-k12 td { padding: 10px 6px; border: 1px #7a7977 solid; } #main-k12 #main-new-k12 .con-table-type2-k12 th, #main-k12 #main-new-k12 .con-table-type2-k12 td, #main-k12 #main-new-k12 .con-table-type3-k12 th, #main-k12 #main-new-k12 .con-table-type3-k12 td { /* テーブルtype2,type3：枠線設定 */ border-color: #fff; } #main-k12 #main-new-k12 .con-table-k12 .low1-k12 { /* thの1行目に使用 */ background-color: #878683; color: #fff; } #main-k12 #main-new-k12 .con-table-k12 .low-other-k12 { /* 2行目以降のthに使用 */ background-color: #f0f0ea; } #main-k12 #main-new-k12 .con-table-type2-k12 .low-other-k12, #main-k12 #main-new-k12 .con-table-type3-k12 .low-other-k12 { /* テーブルtype2,type3：2行目以降のthに使用 */ background-color: #d8d5cd; } /* 2014.01.28 無効 #main-k12 #main-new-k12 .con-table-k12 .low-other-k12 a:hover { /* 2行目以降のthに使用されるリンク設定 background-color: #fff; } */ #main-k12 #main-new-k12 .con-table-k12 th .list-blue-s-k12 li, #main-k12 #main-new-k12 .con-table-k12 th .list-red-s-k12 li, #main-k12 #main-new-k12 .con-table-k12 td .list-blue-s-k12 li, #main-k12 #main-new-k12 .con-table-k12 td .list-red-s-k12 li { /* list-blue-k12-sはリンクテキスト用 / list-red-k12-sはノーマルリスト用 */ margin: 0 0 8px 0; padding-left: 1em; text-indent: -.8em; list-style-type: none; } #main-k12 #main-new-k12 .con-table-k12 th .list-blue-s-k12 li img, #main-k12 #main-new-k12 .con-table-k12 th .list-red-s-k12 li img, #main-k12 #main-new-k12 .con-table-k12 td .list-blue-s-k12 li img, #main-k12 #main-new-k12 .con-table-k12 td .list-red-s-k12 li img { margin-right: 5px; vertical-align: 2px; } #main-k12 #main-new-k12 .con-table-k12 .remark-k12 { /* テーブル内注釈 */ display: block; margin-top: 10px; padding-left: 1em; text-indent: -1em; font-size: .857143em; /* 14pxからの相対指定で12px表示 */ } *html #main-k12 #main-new-k12 .con-table-k12 .remark-k12 { /* テーブル内注釈 */ text-indent: -.6em; } /* テーブル type1～3● 120705KBS中嶋追記　罫線有りの表組みの余白を小さくしたもの*/ #main-k12 #main-new-k12 .con-table-nrw-k12 { margin-bottom: 20px; padding: 0; /* FF7 hack overwrite */ font-size: .875em; border: none; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #main-k12 #main-new-k12 .con-table-nrw-k12 th { font-weight: bold; } #main-k12 #main-new-k12 .con-table-nrw-k12 th, #main-k12 #main-new-k12 .con-table-nrw-k12 td { padding: 3px 2px; border: 1px #7a7977 solid; } #main-k12 #main-new-k12 .con-table-type2-k12 th, #main-k12 #main-new-k12 .con-table-type2-k12 td, #main-k12 #main-new-k12 .con-table-type3-k12 th, #main-k12 #main-new-k12 .con-table-type3-k12 td { /* テーブルtype2,type3：枠線設定 */ border-color: #fff; } #main-k12 #main-new-k12 .con-table-nrw-k12 .low1-k12 { /* thの1行目に使用 */ background-color: #878683; color: #fff; } #main-k12 #main-new-k12 .con-table-nrw-k12 .low-other-k12 { /* 2行目以降のthに使用 */ background-color: #f0f0ea; } #main-k12 #main-new-k12 .con-table-type2-k12 .low-other-k12, #main-k12 #main-new-k12 .con-table-type3-k12 .low-other-k12 { /* テーブルtype2,type3：2行目以降のthに使用 */ background-color: #d8d5cd; } #main-k12 #main-new-k12 .con-table-nrw-k12 .low-other-k12 a:hover { /* 2行目以降のthに使用されるリンク設定 */ background-color: #fff; } #main-k12 #main-new-k12 .con-table-nrw-k12 th .list-blue-s-k12 li, #main-k12 #main-new-k12 .con-table-nrw-k12 th .list-red-s-k12 li, #main-k12 #main-new-k12 .con-table-nrw-k12 td .list-blue-s-k12 li, #main-k12 #main-new-k12 .con-table-nrw-k12 td .list-red-s-k12 li { /* list-blue-k12-sはリンクテキスト用 / list-red-k12-sはノーマルリスト用 */ margin: 0 0 8px 0; padding-left: 1em; text-indent: -.8em; list-style-type: none; } #main-k12 #main-new-k12 .con-table-nrw-k12 th .list-blue-s-k12 li img, #main-k12 #main-new-k12 .con-table-nrw-k12 th .list-red-s-k12 li img, #main-k12 #main-new-k12 .con-table-nrw-k12 td .list-blue-s-k12 li img, #main-k12 #main-new-k12 .con-table-nrw-k12 td .list-red-s-k12 li img { margin-right: 5px; vertical-align: 2px; } #main-k12 #main-new-k12 .con-table-nrw-k12 .remark-k12 { /* テーブル内注釈 */ display: block; margin-top: 10px; padding-left: 1em; text-indent: -1em; font-size: .857143em; /* 14pxからの相対指定で12px表示 */ } *html #main-k12 #main-new-k12 .con-table-nrw-k12 .remark-k12 { /* テーブル内注釈 */ text-indent: -.6em; } /* テーブル type4 x-table ● */ #main-k12 #main-new-k12 .x-table-k12 { margin-bottom: 20px; padding: 0; /* FF7 hack overwirte */ font-size: .875em; border: none; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #main-k12 #main-new-k12 .x-table-k12 th { font-weight: bold; } #main-k12 #main-new-k12 .x-table-k12 th, #main-k12 #main-new-k12 .x-table-k12 td { padding: 10px 6px; border-bottom: 1px #7a7977 solid; } #main-k12 #main-new-k12 .x-table-k12 th.line-bold-k12 { border-bottom: 3px #7a7977 solid; } #main-k12 #main-new-k12 .x-table-k12 th.line-none-k12 { border-bottom: none; } #main-k12 #main-new-k12 .x-table-k12 td .list-blue-s-k12 li, #main-k12 #main-new-k12 .x-table-k12 td .list-red-s-k12 li, #main-k12 #main-new-k12 .x-table-k12 th .list-blue-s-k12 li, #main-k12 #main-new-k12 .x-table-k12 th .list-red-s-k12 li { /* list-blue-k12-sはリンクテキスト用 / list-red-k12-sはノーマルリスト用 */ margin: 0 0 8px 0; padding-left: 1em; text-indent: -.8em; list-style-type: none; } #main-k12 #main-new-k12 .x-table-k12 td .list-blue-s-k12 li img, #main-k12 #main-new-k12 .x-table-k12 td .list-red-s-k12 li img, #main-k12 #main-new-k12 .x-table-k12 th .list-blue-s-k12 li img, #main-k12 #main-new-k12 .x-table-k12 th .list-red-s-k12 li img { margin-right: 5px; vertical-align: 2px; } #main-k12 #main-new-k12 .x-table-k12 . { /* テーブル内注釈 */ display: block; margin-top: 10px; padding-left: 1em; text-indent: -1em; font-size: .857143em; /* 14pxからの相対指定で12px表示 */ } *html #main-k12 #main-new-k12 .x-table-k12 . { /* テーブル内注釈 */ text-indent: -.6em; } /* 各種アイコン ● */ #main-k12 #main-new-k12 .icon-k12 { margin-bottom: 20px; } #main-k12 #main-new-k12 .icon-k12 .icon-inner-k12 { float: right; } #main-k12 #main-new-k12 .icon-k12 .icon-inner-k12 li { float: left; margin-left: 4px; line-height: 1; /* imgズレ対策 ie8 */ } /* 枠付きセクション ● */ #main-k12 #main-new-k12 .item-waku-k12 { margin-bottom: 20px; border: 6px #f3f3ef solid; overflow: hidden; } #main-k12 #main-new-k12 .item-waku-k12 .title-k12 { background-color: #f3f3ef; border-bottom: 6px #f3f3ef solid; } #main-k12 #main-new-k12 .item-waku-k12 .body-k12 { padding: 12px 12px 0; } #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .title-company-k12 { margin-bottom: 4px; font-size: .875em; font-weight: bold; } #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12 { position: relative; font-size: .8125em; } #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12 .section-title-k12 { font-weight: bold; } #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12 .tel-k12 { margin-bottom: 8px; } #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12 .btn-k12 { /* 右下にボタン配置 */ position: absolute; right: 0; bottom: 6px; } #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12 .btn2-k12 { /* ノーマルにボタン配置 */ margin-bottom: 4px; } #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12 .left-k12 { float: left; width: 292px; } #main-k12 #main-new-k12 .item-waku-k12 .body-k12 .body-section-k12 .right-k12 { float: left; width: 258px; } /* 詳細を見る● */ #main-k12 #main-new-k12 .see-detail-k12 { clear: both; padding: 10px 0; text-align: right; font-size: .8125em; /* 16px * .8125 = 13px */ } #main-k12 #main-new-k12 .see-detail-k12 img { margin-right: 2px; vertical-align: -.05em; /*-1px;*/ } /* 日付/タグ/テキスト系 */ #main-k12 #main-new-k12 .item-dateline-outer-k12 { margin-bottom: 20px; } #main-k12 #main-new-k12 .item-dateline-k12 { clear: both; margin-bottom: 8px; padding-left: 12px; font-size: .875em; /* 14px */ } #main-k12 #main-new-k12 .item-dateline-k12 .date-k12 { float: left; width: 8.6em; /*120px; */ margin-right: 8px; margin-bottom: 8px; font-weight: bold; } #main-k12 #main-new-k12 .item-dateline-k12 .body-k12 .tag-k12 { float: left; padding-right: 8px; } #main-k12 #main-new-k12 .item-dateline-k12 .body-k12 .tag-k12 img { vertical-align: -4px; } #main-k12 #main-new-k12 .item-dateline-k12 .body-k12 { margin-bottom: 8px; padding-top: 1px; overflow: auto; line-height: 1.214286; /* 17px */ } #main-k12 #main-new-k12 .item-dateline-k12 .body-k12 .txt-k12 { margin-bottom: 0; overflow: auto; } *html #main-k12 #main-new-k12 .item-dateline-k12 .body-k12, *html #main-k12 #main-new-k12 .item-dateline-k12 .body-k12 .txt-k12 { zoom: 1; } /* 日付/テキスト系 ● */ #main-k12 #main-new-k12 .item-date-k12 { overflow:hidden; margin-bottom: 20px; font-size: .875em; /*16px * .875 = 14px */ } #main-k12 #main-new-k12 .item-date-k12 dt { float: left; clear: both; /* width:6em; */ margin-right: 14px; /* line-height:1.4; */ } #main-k12 #main-new-k12 .item-date-k12 dd { margin-bottom: 4px; /* line-height:1.4; */ overflow: auto; } *html #main-k12 #main-new-k12 .item-date-k12 dd { zoom: 1; } /* ★★★★部品共通 汎用パーツ 新規作成枠#main-new-k12内★★★★ */ #main-k12 #main-new-k12 .pl0-k12 { /* テキスト用枠 左パディング0 */ margin-bottom: 20px; } #main-k12 #main-new-k12 .pl10-k12 { /* テキスト用枠 左パディング10px */ margin-bottom: 20px; padding-left: 10px; } #main-k12 #main-new-k12 .pl20-k12 { /* テキスト用枠 左パディング20px */ margin-bottom: 20px; padding-left: 20px; } #main-k12 #main-new-k12 .pl30-k12 { /* テキスト用枠 左パディング30px */ margin-bottom: 20px; padding-left: 30px; } #main-k12 #main-new-k12 .pl40-k12 { /* テキスト用枠 左パディング40px */ margin-bottom: 20px; padding-left: 40px; } #main-k12 #main-new-k12 .pl50-k12 { /* テキスト用枠 左パディング50px */ margin-bottom: 20px; padding-left: 50px; } #main-k12 #main-new-k12 .txt-left-k12 { /* テキスト左寄せ */ text-align: left; } #main-k12 #main-new-k12 .txt-center-k12 { /* テキスト中央寄せ */ text-align: center; } #main-k12 #main-new-k12 .txt-right-k12 { /* テキスト右寄せ */ text-align: right; } #main-k12 #main-new-k12 .txt-v-top-k12 { /* テキスト縦方向上寄せ */ vertical-align: top; } #main-k12 #main-new-k12 .txt-v-bottom-k12 { /* テキスト縦方向下寄せ */ vertical-align: bottom; } #main-k12 #main-new-k12 strong { /* テキスト太字 */ font-weight: bold; } #main-k12 #main-new-k12 em { /* テキスト斜体 */ font-style: italic; } #main-k12 #main-new-k12 .txt-red-k12 { /* テキスト赤字 */ color: #9C3333; } #main-k12 #main-new-k12 .txt-blue-k12 { /* テキスト青字 2013.04.25　栄追記*/ color: #0066CC; font-weight:bold; } #main-k12 #main-new-k12 .txt-u-k12 { /* テキストアンダーライン */ text-decoration: underline; } #main-k12 #main-new-k12 .txt-break-word-k12 { /* テキスト強制改行 */ word-wrap: break-word; } #main-k12 #main-new-k12 .txt-n-k12 { /* テキストサイズ 14px ノーマルサイズ */ font-size: .875em; } #main-k12 #main-new-k12 .txt-10-k12 { /* テキストサイズ 10px normal14pxからの相対 */ font-size: .714285em; } #main-k12 #main-new-k12 .txt-12-k12 { /* テキストサイズ 12px normal14pxからの相対 */ font-size: .857143em; } #main-k12 #main-new-k12 .txt-13-k12 { /* テキストサイズ 13px normal14pxからの相対 */ font-size: .928571em; } #main-k12 #main-new-k12 .txt-15-k12 { /* テキストサイズ 15px normal14pxからの相対 */ font-size: 1.071429em; } #main-k12 #main-new-k12 .txt-16-k12 { /* テキストサイズ16px normal14pxからの相対 */ font-size: 1.142857em; } #main-k12 #main-new-k12 .txt-18-k12 { /* テキストサイズ 18px normal14pxからの相対 */ font-size: 1.285714em; } #main-k12 #main-new-k12 .txt-17-k12 { /* テキストサイズ 17px normal14pxからの相対 */ font-size: 1.214286em; } #main-k12 #main-new-k12 .txt-21-k12 { /* テキストサイズ 21px normal14pxからの相対 */ font-size: 1.5em; } #main-k12 #main-new-k12 .txt-28-k12 { /* テキストサイズ 28px normal14pxからの相対 */ font-size: 2em; } #main-k12 #main-new-k12 .txt-11-def-k12 { /* テキストサイズ11px デフォルト指定 */ font-size: .6875em; } #main-k12 #main-new-k12 .txt-12-def-k12 { /* テキストサイズ12px デフォルト指定 */ font-size: .75em; } #main-k12 #main-new-k12 .txt-13-def-k12 { /* テキストサイズ13px デフォルト指定 */ font-size: .8125em; } #main-k12 #main-new-k12 .txt-15-def-k12 { /* テキストサイズ15px デフォルト指定 */ font-size: .9375em; line-height: 1.25; } #main-k12 #main-new-k12 .txt-18-def-k12 { /* テキストサイズ18px デフォルト指定 */ font-size: 1.125em; line-height: 1.25; } #main-k12 #main-new-k12 .txt-21-def-k12 { /* テキストサイズ21px デフォルト指定 */ font-size: 1.3125em; line-height: 1.1; } #main-k12 #main-new-k12 .txt-28-def-k12 { /* テキストサイズ28px デフォルト指定 */ font-size: 1.75em; line-height: 1.18; } #contents-k12 #main-k12 #main-new-k12 .mb50-k12 { /* 要素の下マージン 50px */ margin-bottom: 50px; } #contents-k12 #main-k12 #main-new-k12 .mb45-k12 { /* 要素の下マージン 45px */ margin-bottom: 45px; } #contents-k12 #main-k12 #main-new-k12 .mb40-k12 { /* 要素の下マージン 40px */ margin-bottom: 40px; } #contents-k12 #main-k12 #main-new-k12 .mb35-k12 { /* 要素の下マージン 35px */ margin-bottom: 35px; } #contents-k12 #main-k12 #main-new-k12 .mb30-k12 { /* 要素の下マージン 30px */ margin-bottom: 30px; } #contents-k12 #main-k12 #main-new-k12 .mb25-k12 { /* 要素の下マージン 25px */ margin-bottom: 25px; } #contents-k12 #main-k12 #main-new-k12 .mb20-k12 { /* 要素の下マージン 20px */ margin-bottom: 20px; } #contents-k12 #main-k12 #main-new-k12 .mb15-k12 { /* 要素の下マージン 15px */ margin-bottom: 15px; } #contents-k12 #main-k12 #main-new-k12 .mb12-k12 { /* 要素の下マージン 12px */ margin-bottom: 12px; } #contents-k12 #main-k12 #main-new-k12 .mb10-k12 { /* 要素の下マージン 10px */ margin-bottom: 10px; } #contents-k12 #main-k12 #main-new-k12 .mb5-k12 { /* 要素の下マージン 5px */ margin-bottom: 5px; } #contents-k12 #main-k12 #main-new-k12 .mb4-k12 { /* 要素の下マージン 4px */ margin-bottom: 4px; } #contents-k12 #main-k12 #main-new-k12 .mb0-k12 { /* 要素の下マージン 0px */ margin-bottom: 0px; } /* 先頭へ戻る / 文中の先頭へ戻る● */ #main-k12 .page-top-k12, #main-k12 .page-top-con-k12 { clear: both; padding-top: 20px; text-align: right; font-size: .8125em; /* 16px * .8125 = 13px */ } #main-k12 .page-top-con-k12 { margin-bottom: 20px; } #main-k12 .page-top-k12 span, #main-k12 .page-top-con-k12 span { background-image: url(https://www.kobelco.co.jp/share/img/icon-arrow-top.gif); background-repeat: no-repeat; background-position: left 50%; padding-left: 14px; } *html #main-k12 .page-top-k12 a, *html #main-k12 .page-top-con-k12 a { cursor: pointer; } *html #main-k12 .page-top-k12 span, *html #main-k12 .page-top-con-k12 span { position: relative; zoom: 1; } /* 下層リンク(アイコン付き並列リンクリスト) ● 旧ページに使用*/ #main-k12 .list-inline-k12 { margin-left:1px; margin-bottom:10px; margin-top:10px; padding: 10px; font-size: 0.875em; border: 1px solid #c6c6c4; width:546px; } #main-k12 .list-inline-k12 li { display: inline-block; margin: 0 6px 0 0; padding: 2px 0; } *html #main-k12 .list-inline-k12 li { padding: 4px 0; } #main-k12 .list-inline-k12 li img { margin: 0 4px 4px 0; vertical-align: 0; } *html #main-k12 .list-inline-k12 li { display: inline; zoom: 1; } #main-k12 .list-inlinew-k12 { /* 下層リンクワイド幅(アイコン付き並列リンクリスト) */ margin-left:1px; margin-bottom:10px; margin-top:10px; padding: 10px; font-size: 0.875em; border: 1px solid #c6c6c4; width:694px; } #main-k12 .list-inlinew-k12 li { display: inline-block; margin: 0 6px 0 0; padding: 2px 0; } #main-k12 .list-inlinew-k12 li img { margin: 0 4px 4px 0; vertical-align: 0; } *html #main-k12 .list-inlinew-k12 li { padding: 4px 0; display: inline; zoom: 1; } /* 下層リンク2(アイコン付き並列リンクリスト月用) KBSさん追記120220 */ #main-k12 .list-inline2-k12 { margin-top: 10px; margin-left:1px; margin-bottom:10px; border: 1px solid #C6C6C4; font-size: 0.8em; padding: 10px; width:546px; } #main-k12 .list-inline2-k12 li { background: #FFFFFF url(https://www.kobelco.co.jp/share/img/allow01.gif) no-repeat 0; padding: 2px 0.7em 2px 10px; display: inline-block; } *html #main-k12 .list-inline2-k12 li{ display: inline; zoom: 1; } #main-k12 ul.list-inline2-k12 li { margin-left: 0; } /* アイコン・枠付き単独リンク */ #main-k12 .link-icon-k12 { clear: both; margin: 0 0 20px 0; padding: 10px 0 10px 10px; text-align: left; font-size: 0.8125em; border: 1px solid #c6c6c4; } #contents-k12 #main-k12 .link-icon-k12 img { vertical-align: -2px; margin-right: 4px; } /* ワイド幅限定　2段組　2014.06.04　栄作成 */ #main-k12 #main-new-k12 .block-2-k12 { margin-bottom:20px; clear:both; } #main-k12 #main-new-k12 .block-2-k12 .l-item-k12 { width:590px;/* 左ボックス幅 */ float:left; margin-right:20px; position: relative; } #main-k12 #main-new-k12 .block-2-k12 .r-item-k12 { width:105px;/* 右ボックス幅 */ float:right; position: relative; } /* ------------------------------------------------------------ 02 第３階層検索結果 ------------------------------------------------------------ */ #main-k12 #main-new-k12 .search-setup-k12 { background-color: #f0f0ea; margin-bottom: 20px; padding: 12px 18px 10px 18px; } #main-k12 #main-new-k12 .search-setup-inner-k12 { width: 100%; font-size: .75em; border-collapse: collapse; border-spacing: 0; } #main-k12 #main-new-k12 .search-setup-inner-k12 th { width: 122px; height: 32px; text-align: left; vertical-align: middle; } #main-k12 #main-new-k12 .search-setup-inner-k12 td { height: 32px; vertical-align: middle; } #main-k12 #main-new-k12 .search-setup-inner-k12 td input { vertical-align: middle; } #main-k12 #main-new-k12 .search-setup-inner-k12 td .box-k12 { margin-right: 4px; vertical-align: -1px; } #main-k12 #main-new-k12 .search-setup-inner-k12 td .label-k12 { margin-right: 16px; } *html #main-k12 #main-new-k12 .search-setup-inner-k12 td .box-k12 { vertical-align: -4px; } *html #main-k12 #main-new-k12 .search-setup-inner-k12 td .label-k12 { margin-right: 6px; } #main-k12 #main-new-k12 .related-outer-k12 { margin-bottom: 36px; padding: 17px 0 17px 17px; font-size: .75em; border: 5px #c6c6c4 solid; } #main-k12 #main-new-k12 .related-outer-k12 .title-k12 { margin-bottom: 12px; } #main-k12 #main-new-k12 .related-k12 { margin-right: -15px; overflow: hidden; } #main-k12 #main-new-k12 .related-k12 .item-k12 { float: left; width: 172px; margin-right: 15px; } #main-k12 #main-new-k12 .related-k12 .item-k12 .img-k12 { margin-bottom: 4px; } #main-k12 #main-new-k12 .result-k12 { font-size: .875em; } #main-k12 #main-new-k12 .result-k12 .result-header-k12 { margin-bottom: 26px; } #main-k12 #main-new-k12 .result-k12 .result-header-k12 .result-title-k12 { float: left; padding-left: 10px; color: #373635; } #main-k12 #main-new-k12 .result-k12 .result-header-k12 .result-title-k12 .title-k12, #main-k12 #main-new-k12 .result-k12 .result-header-k12 .result-title-k12 .all-item-k12 { margin-right: 20px; } #main-k12 #main-new-k12 .result-k12 .result-header-k12 .view-k12 { float: right; } #main-k12 #main-new-k12 .result-k12 .result-header-k12 .view-k12 .view-inner-k12 li { float: left; padding-left: 19px; } #main-k12 #main-new-k12 .result-k12 .result-header-k12 .view-k12 .view-img-k12 { margin-right: 4px; vertical-align: 1px; } #main-k12 #main-new-k12 .result-k12 .item-k12 { clear: both; margin-bottom: 14px; font-size: .875em; overflow: hidden; } #main-k12 #main-new-k12 .result-k12 .item-k12 .left-k12 { float: left; width: 162px; margin-right: 28px; } #main-k12 #main-new-k12 .result-k12 .item-k12 .right-k12 { float: left; width: 590px; } #main-k12 #main-new-k12 .result-k12 .item-k12 .title-k12 { margin-bottom: 10px; padding-left: 1.6em; text-indent: -1.6em; font-weight: bold; } #main-k12 #main-new-k12 .result-k12 .item-k12 .txt-k12 { padding-left: 1.6em; } #main-k12 #main-new-k12 .result-k12 .item-k12 .url-k12 { padding-left: 1.6em; } #main-k12 #main-new-k12 .pagination-k12 { background-color: #f0f0ea; margin-top: 50px; padding: 14px 0 13px 0; text-align: center; font-size: .875em; } #main-k12 #main-new-k12 .pagination-k12 .pagination-inner-k12 { display: inline-block; margin-right: -16px; } *html #main-k12 #main-new-k12 .pagination-k12 .pagination-inner-k12 { display: inline; zoom: 1; } #main-k12 #main-new-k12 .pagination-k12 .pagination-inner-k12 li { float: left; margin-right: 2px; } #main-k12 #main-new-k12 .pagination-k12 .pagination-inner-k12 li a { padding: 0 8px 0; } /* ------------------------------------------------------------ 07A4 第３階層グループ会社 ------------------------------------------------------------ */ #main-k12 #main-new-k12 .search-content-k12 { /* 検索部分 */ background-color: #f0f0ea; margin-bottom: 28px; } #main-k12 #main-new-k12 #group-company-k12 { /* テーブル */ padding: 0; /* FF7 hack overwrite */ font-size: .875em; /*16px * .875 = 14px */ border: none; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #main-k12 #main-new-k12 #group-company-k12 .row0-k12 { background-color: #878683; height: 39px; color: #fff; border-bottom: 1px #fff solid; } #main-k12 #main-new-k12 #group-company-k12 .row0-k12 th { text-align: center; font-weight: bold; } #main-k12 #main-new-k12 #group-company-k12 .row0-k12 .company-k12 { width: 153px; border-right: 1px #fff solid; } #main-k12 #main-new-k12 #group-company-k12 .row0-k12 .address-k12 { width: 203px; border-right: 1px #fff solid; } #main-k12 #main-new-k12 #group-company-k12 .row0-k12 .detail-k12 { width: 232px; } #main-k12 #main-new-k12 #group-company-k12 .row-below-k12 { height: 90px; } #main-k12 #main-new-k12 #group-company-k12 .row-below-k12 th, #main-k12 #main-new-k12 #group-company-k12 .row-below-k12 td { padding: 10px 13px 10px 5px; text-align: left; vertical-align: top; word-wrap: break-word; border-right: 1px #fff solid; } /* ------------------------------------------------------------ 11B3 第3階層 事業・製品情報 ------------------------------------------------------------ */ #main-k12 #main-new-k12 #jigyo-products-k12 { /* テーブル（製品・事業キーワードから探す） */ padding: 0; /* FF7 hack overwrite */ font-size: .875em; /*16px * .875 = 14px */ border: none; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #main-k12 #main-new-k12 #jigyo-products-k12 th { width: 153px; /* 163px */ padding: 10px 5px; text-align: left; vertical-align: top; font-weight: bold; border-right: 1px #fff solid; } #main-k12 #main-new-k12 #jigyo-products-k12 td { width: 213px; /* 427px */ padding: 10px 8px; vertical-align: top; } #main-k12 #main-new-k12 #jigyo-products-k12 td .product-list-k12 li { margin: 0 0 2px 0; list-style-type: none; } #main-k12 #main-new-k12 #jigyo-products-k12 td .product-list-k12 li .list-icon-k12 { float: left; margin-top: 5px; margin-right: 5px; } *html #main-k12 #main-new-k12 #jigyo-products-k12 td .product-list-k12 li .list-icon-k12 { margin-top: -1px; margin-right: 3px; } #main-k12 #main-new-k12 #jigyo-products-k12 td .product-list-k12 li .list-txt-k12 { overflow: auto; } *html #main-k12 #main-new-k12 #jigyo-products-k12 td .product-list-k12 li .list-txt-k12 { display: inline; zoom: 1; } /* ------------------------------------------------------------ ニュース ------------------------------------------------------------ */ #main-k12 #main-new-k12 .each-newspage-k12 { background-color: #f0f0ea; margin-bottom: 39px; padding: 12px 0 0 18px; font-size: .875em; } #main-k12 #main-new-k12 .each-newspage-k12 .txt-k12 { width: 304px; margin-bottom: 14px; } #main-k12 #main-new-k12 .each-newspage-k12 .each-newspage-inner-k12 li { float: left; width: 106px; margin: 0 6px 13px 0; } *html #main-k12 #main-new-k12 .each-newspage-k12 .each-newspage-inner-k12 li { margin-bottom: 0px; padding-bottom: 13px; } /* ------------------------------------------------------------ 技術製品情報 ここにKOBELCO下層ページ ------------------------------------------------------------ */ /* 画像ユニット設置 */ #main-k12 #main-new-k12 .imageunit-include-k12 { margin-bottom: 20px; } #main-k12 #main-new-k12 .imageunit-include-k12 .left-k12 { float: left; width: 257px; /* 277px */ } #main-k12 #main-new-k12 .imageunit-include-k12 .right-k12 { float: right; width: 313px; } #main-k12 #main-new-k12 .imageunit-include-k12 .right-k12 .imageunit-k12 { margin-right: -15px; } #main-k12 #main-new-k12 .imageunit-include-k12 .right-k12 .imageunit-k12 li { float: left; margin: 0 15px 8px 0; } *html #main-k12 #main-new-k12 .imageunit-include-k12 .right-k12 .imageunit-k12 li { margin-right: 7px; } #main-k12 #main-new-k12 .imageunit-include-k12 .right-k12 .imageunit-k12 li.single-k12 { float: right; } #main-k12 #main-new-k12 .imageunit-include-k12 .right-k12 .imageunit-k12 li img { margin-bottom: 1px; } #main-k12 #main-new-k12 .imageunit-include-k12 .right-k12 .imageunit-k12 li .caption-k12 { font-size: .75em; /* 12px */ line-height: 1.2; } /* 画像ユニット設置 ワイド幅*/ #main-k12 #main-new-k12 .imageunit-includew-k12 { margin-bottom: 20px; } #main-k12 #main-new-k12 .imageunit-includew-k12 .left-k12 { float: left; width: 338px; /* 358px */ } #main-k12 #main-new-k12 .imageunit-includew-k12 .right-k12 { float: right; width: 360px; } #main-k12 #main-new-k12 .imageunit-includew-k12 .right-k12 .imageunit-k12 { margin-right: -15px; } #main-k12 #main-new-k12 .imageunit-includew-k12 .right-k12 .imageunit-k12 li { float: left; margin: 0 15px 8px 0; } *html #main-k12 #main-new-k12 .imageunit-includew-k12 .right-k12 .imageunit-k12 li { margin-right: 7px; } #main-k12 #main-new-k12 .imageunit-includew-k12 .right-k12 .imageunit-k12 li.single-k12 { float: right; } #main-k12 #main-new-k12 .imageunit-includew-k12 .right-k12 .imageunit-k12 li img { margin-bottom: 1px; } #main-k12 #main-new-k12 .imageunit-includew-k12 .right-k12 .imageunit-k12 li .caption-k12 { font-size: .75em; /* 12px */ line-height: 1.2; } /* フッターメニュー */ #main-k12 #main-new-k12 #by-menu-k12 { clear: both; position: relative; margin-bottom: 20px; padding-top: 40px; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 { float: right; position: relative; padding: 36px 100px 0 0; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li { float: left; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li img { border: none; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li a { display: block; background-color: transparent; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li a:hover { position: static; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li a .main-image-k12 { display: none; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li a:hover .main-image-k12 { display: block; position: absolute; top: 0; right: 10px; z-index: 10; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li a.current-k12 .main-image-k12 { display: block; position: absolute; top: 0; right: 10px; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li a { background-repeat: no-repeat; } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#resources-k12 a { background-image: url(https://www.kobelco.co.jp/products/by_kobelco/img/btn-bykobelco01-resources-ov.jpg); } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#energy-k12 a { background-image: url(https://www.kobelco.co.jp/products/by_kobelco/img/btn-bykobelco02-energy-ov.jpg); } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#electronic-k12 a { background-image: url(https://www.kobelco.co.jp/products/by_kobelco/img/btn-bykobelco03-electronic-ov.jpg); } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#automobiles-k12 a { background-image: url(https://www.kobelco.co.jp/products/by_kobelco/img/btn-bykobelco04-automobiles-ov.jpg); } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#construction-k12 a { background-image: url(https://www.kobelco.co.jp/products/by_kobelco/img/btn-bykobelco06-construction-ov.jpg); } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#environment-k12 a { background-image: url(https://www.kobelco.co.jp/products/by_kobelco/img/btn-bykobelco07-environment-ov.jpg); } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#transportation-k12 a { background-image: url(https://www.kobelco.co.jp/products/by_kobelco/img/btn-bykobelco08-transportation-ov.jpg); } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#industry-k12 a { background-image: url(https://www.kobelco.co.jp/products/by_kobelco/img/btn-bykobelco09-industry-ov.jpg); } #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#resources-k12 a.current-k12 .thumbnail-k12 img, #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#energy-k12 a.current-k12 .thumbnail-k12 img, #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#electronic-k12 a.current-k12 .thumbnail-k12 img, #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#automobiles-k12 a.current-k12 .thumbnail-k12 img, #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#construction-k12 a.current-k12 .thumbnail-k12 img, #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#environment-k12 a.current-k12 .thumbnail-k12 img, #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#transportation-k12 a.current-k12 .thumbnail-k12 img, #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li#industry-k12 a.current-k12 .thumbnail-k12 img, #main-k12 #main-new-k12 #by-menu-k12 #by-menu-inner-k12 li a:hover .thumbnail-k12 img { visibility: hidden; } /* ------------------------------------------------------------ 歴史・歩み ------------------------------------------------------------ */ #main-k12 #main-new-k12 #header-history-k12 { position: relative; } #main-k12 #main-new-k12 #header-history-k12 .txt-n-k12 { position: absolute; top: 112px; left: 22px; width: 546px; color: #fff; } #main-k12 #main-new-k12 #history-inner-k12 .item-k12 { position: relative; padding: 6px 5px 17px 6px; border: 1px #727272 solid; } #main-k12 #main-new-k12 #history-inner-k12 #growth-k12, #main-k12 #main-new-k12 #history-inner-k12 #world-k12, #main-k12 #main-new-k12 #history-inner-k12 #hundred-k12 { border-top: none; } #main-k12 #main-new-k12 #history-inner-k12 .item-k12 .btn-k12 { position: absolute; top: 16px; left: 466px; } #main-k12 #main-new-k12 #history-inner-k12 .item-k12 .image-k12 { position: absolute; top: 24px ; left: 26px; } #main-k12 #main-new-k12 #history-inner-k12 .item-k12 .txt-n-k12 { padding: 13px 10px 0 130px; } /* 各年表 */ #main-k12 #main-new-k12 .chronology-outer-k12 { margin-bottom: 20px; padding-bottom: 5px; } *html #main-k12 #main-new-k12 .chronology-outer-k12 { margin-top: -4px; } #main-k12 #main-new-k12 .birth-outer-k12 { /* 誕生 */ background-color: #9b7070; } #main-k12 #main-new-k12 .growth-outer-k12 { /* 成長 */ background-color: #818a62; } #main-k12 #main-new-k12 .globalization-outer-k12 { /* 世界へ */ background-color: #6e88a0; } #main-k12 #main-new-k12 .hundred-outer-k12 { /* 創立100周年～その先へ */ background-color: #a07b8d; } #main-k12 #main-new-k12 .chronology-outer-k12 .title-sheet-k12 { width: 580px; margin: 0 auto; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 { background-color: #fff; width: 567px; /* 580px */ margin: 0 auto; padding: 0 0 0 13px; font-size: .875em; } #main-k12 #main-new-k12 .chronology-inner-k12 { width: 566px; padding: 10px 0 20px 0; border-left: 1px #4e4e4e solid; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .period-k12 img { margin: 12px 0 10px; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .period-k12 img.top-k12 { margin-top: 0; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .period-s-k12 img { margin: 0; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 { padding-bottom: 10px; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .date-k12 { display: block; float: left; margin-right: 12px; } *html #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .date-k12 { width: 110px; margin-right: 4px; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .date-k12 .year-k12 { width: 3em; margin: 0 10px; font-weight: bold; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .date-k12 .month-k12 { display: inline-block; width: 2.3em; font-weight: bold; } *html #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .date-k12 .month-k12 { display: inline; zoom: 1; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .date-k12 .year-jpn-k12 { display: block; padding-right: .5em; text-align: right; } *html #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .date-k12 .year-jpn-k12 { padding-right: 1em; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .txt-k12 { float: left; width: 304px; } *html #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .txt-k12 { width: 302px; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .txt-nopic-k12 { padding-right: 20px; overflow: auto; } *html #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .txt-nopic-k12 { zoom: 1; } #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .pic-k12 { float: right; width: 128px; margin-right: 20px; font-size: .857143em; } *html #main-k12 #main-new-k12 .chronology-outer-k12 .chronology-k12 .item-k12 .pic-k12 { margin-right: 6px; } /* フッターメニュー */ #main-k12 #main-new-k12 #history-foot-menu-k12 { font-size: .875em; } #main-k12 #main-new-k12 #history-foot-menu-k12 #history-foot-menu-inner-k12 { float: right; } #main-k12 #main-new-k12 #history-foot-menu-k12 #history-foot-menu-inner-k12 li { float: left; margin-left: 10px; } /*---------------------------------------------------- ■6 旧スタイル対応 ----------------------------------------------------*/ /* 旧style.css ■３．記事レイアウト */ #main-k12 #main { /* 旧コンテンツ フォントサイズ調整（CSSレイアウト用） */ font-size: 80%; } *html div#main div.titlebox .title00, td#main div.titlebox .title00, *html td#main_fontsize div.titlebox .title00 { line-height: 140%; } /* 製品ページ旧スタイル用 */ #main-new-k12 .titlebox { margin:0px 0 35px; padding:6px 15px 4px; border:solid 1px #CCCCCC; width:686px; height:53px; zoom:1; } #main-new-k12 .titlebox .title00u { padding-top:5px; line-height:110%; font-size:90%; font-weight:bold; } #main-new-k12 .titlebox .title00 { line-height:160%; font-size:140%; font-weight:bold; } /*---------------------------------------------------- ■7 CSR（環境・社会報告） ----------------------------------------------------*/ #main-k12 #main-new-k12 #policy-k12 { background-image: url(https://www.kobelco.co.jp/about_kobelco/csr/img/environment_policy.gif); background-repeat: no-repeat; width: 590px; height: 131px; } #main-k12 #main-new-k12 #policy-k12 #policy_title-k12 { width: 260px; padding: 34px 0 0 10px; } #main-k12 #main-new-k12 #policy-k12 #policy_detail-k12 { padding-top: 10px; } /*---------------------------------------------------- ■8 新交通システム ----------------------------------------------------*/ #agtlist { width:709px; margin:0 0 20px 0; padding:0; } #agtlist2 { width:709px; margin:0 0 20px 0px; padding:0; } .agtlisttile { margin:0 0 5px 20px; padding:0; font-size:0.85em; font-weight:bold; } #agtlist ul{ margin:0; margin-left:20px; padding:0; list-style:none; list-style-type:none; font-size:0.8em; line-height:1.3; } #agtlist2 ul{ margin:0; margin-left:20px; padding:0; list-style:none; list-style-type:none; font-size:0.8em; line-height:1.3; } #agtlist li { margin:0; padding:0; float:left; list-style:none; list-style-type:none; } #agtlist2 li { margin:0; padding:0; float:left; list-style:none; list-style-type:none; } #agtlist li a{ width:236px; margin:0 10px 10px 0; padding:5px 0 0 96px; height:81px; min-height:81px; display:block; list-style:none; list-style-type:none; text-decoration:none; background-position:left top; background-repeat:no-repeat; font-size:12px; } #agtlist2 li a{ width:236px; margin:0 10px 10px 0; padding:5px 0 0 96px; height:81px; min-height:81px; display:block; list-style:none; list-style-type:none; text-decoration:none; background-position:left top; background-repeat:no-repeat; font-size:12px; } .agtlist-la1 { margin:0; font-size:13px; } .agtlist-la2 { font-size:16px; line-height:2; font-weight:bold; color: #006699; margin:4px 0 7px 0; } #agtlist li.agt01 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt01.jpg); } #agtlist li.agt02 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt02.jpg); } #agtlist li.agt03 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt03.jpg); } #agtlist li.agt04 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt04.jpg); } #agtlist li.agt05 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt05.jpg); } #agtlist li.agt06 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt06.jpg); } #agtlist li.agt07 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt07.jpg); } #agtlist li.agt11 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt11.jpg); } #agtlist li.agt12 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt12.jpg); } #agtlist li.agt13 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt13.jpg); } #agtlist li.agt14 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt14.jpg); } #agtlist li.agt15 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt15.jpg); } #agtlist li.agt16 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt16.jpg); } #agtlist li.agt17 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt17.jpg); } #agtlist li.agt18 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt18.jpg); } #agtlist li.agt19 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt19.jpg); } #agtlist li.agt20 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt20.jpg); } #agtlist li a:hover { background-position:0px -86px; } #agtlist2 li.agt09 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt09.jpg); } #agtlist2 li.agt10 a { background-image:url(https://www.kobelco.co.jp/products/traffic/img/bg_agt10.jpg); } #agtlist2 li a:hover { background-position:0px -86px; } /*---------------------------------------------------- ■9 超高圧装置 ----------------------------------------------------*/ /*---------------------------------------------------- 超高圧装置 トップ関連 ----------------------------------------------------*/ #ip_top_img_box { width:718px; } /* #main-k12 #main-new-k12 #ip_top_img_box h1.image-k12 { padding-left: 0; text-indent: 0; } #main-k12 #main-new-k12 #ip_top_img_box h1.image-k12 img { margin-right: 0; vertical-align: 0; } #main-k12 #main-new-k12 #ip_top_img_box h1.image-k12 img, #main-k12 #main-new-k12 #ip_top_img_box h1.image-k12 ul, #main-k12 #main-new-k12 #ip_top_img_box h1.image-k12 li, #main-k12 #main-new-k12 #ip_top_img_box h1.image-k12 a { margin-right: 0; vertical-align: 0; } */ /* 見出し1を非表示に*/ #main-k12 #main-new-k12 #ip_top_img_box h1.nodisplay { text-indent: -9999px; padding-left: 0; text-indent: 0; } #main-k12 #main-new-k12 #ip_top_img_box .language-k12 { clear: both; font-size: 0.8125em; padding: 0 0 3px 0; text-align: right; } #main-k12 #main-new-k12 #ip_top_img_box .language-k12 img { margin-right: 2px; vertical-align: -0.05em; } #main-k12 #main-new-k12 #ip_top_img_box .language-k12 .korea { font-size: 96%; } #ip_top_img_box ul li a { display:block; width:170px; } #ip_top_img_box .navi { height:276px; width:170px; float:left; } #ip_top_img_box .navi-image { height:276px; float:left; } #ip_top_img_box li.nodis { display:none; } #ip_top_img_box .navi-image { position:relative;} #ip_top_img_box .navi-image a { display:block; } #ip_top_img_box .navi-image a { position:absolute; top:0; left:0; z-index:8; } #ip_top_img_box .navi-image a.active { z-index:10; } #ip_top_img_box .navi-image a.last-active { z-index:9; } /* .ip_top_bannerbox { width:718px; margin-bottom: 20px; font-size: .875em; } .ip_top_bannerbox_r { float: right; margin: 0 0 0 4px; } */ .ip_top_bannerbox { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } .ip_top_bannerbox_l { float: left; width: 478px; margin: 0 4px 6px 0; } .ip_top_bannerbox_r { float: left; margin: 0 0 0 0; } /*---------------------------------------------------- 超高圧装置 サブbox関連 ----------------------------------------------------*/ /* .ip_sub_menu_wrap { width:718px; } */ #main-k12 #main-new-k12 .mar { margin-right:5px; } .ip_sub_menu_box { width:236px; height:140px; float:left; background-image:url(https://www.kobelco.co.jp/products/ip/img/ip_submenu_bg.jpg); background-repeat:no-repeat; margin-bottom:20px; } .ip_sub_menu_box .sub_midashi { font-size:14px; font-weight:bold; margin-top:5px; margin-bottom:8px; padding-left:7px; } .ip_sub_menu_box .sub_img { width:55px; float:left; margin-right:3px; padding-left:7px; } .ip_sub_menu_box .sub_img_r { float: right; padding-right: 7px; width: 161px; } #main-k12 #main-new-k12 .ip_sub_menu_box .sub_img_r li { font-size: 0.88em; margin-bottom: 3px; padding-left: 1.8em; text-indent: -1em; } /*---------------------------------------------------- 超高圧装置 子ページ関連 ----------------------------------------------------*/ #main-k12 #main-new-k12 .ip_left { width:585px; float:left; margin-right:11px; } #main-k12 #main-new-k12 .ip_right { width:120px; float:right; background-color: #F3F3ED; text-align:center; border-style: solid; border-width: 1px; border-color: #7a7977; text-align:center; } #main-k12 #main-new-k12 .ip_right_title { width:120px; color: #FFF; background-color: #878683; } #main-k12 #main-new-k12 .ip_right li { font-size: 0.88em; margin-left:4px; } #main-k12 #main-new-k12 .ip_clearfix { clear:both; overflow:hidden; font-size:0px; line-height:0; } #main-k12 #main-new-k12 .ip_relation_title { width:300px; padding:5px; color: #FFF; background-color: #878683; border-style: solid; border-width: 1px; border-color: #7a7977; } #main-k12 #main-new-k12 .ip_relation_text { width:290px; padding:10px; background-color: #F3F3ED; border-style: solid; border-width: 1px; border-color: #7a7977; } #main-k12 #main-new-k12 .ip_relation_text img { margin-right: 4px; vertical-align: 0px; } /*---------------------------------------------------- 超高圧装置 ポップアップページ関連 ----------------------------------------------------*/ html.ip_popup { background-color: #FFFFFF; overflow-x: hidden; overflow-y: scroll; } html.ip_popup body { background-color: #FFFFFF; } .ip_popup #main-k12 #main-new-k12 { margin:0; } /*---------------------------------------------------- ■10 アルミ・銅　アルミ板　関連製品 ----------------------------------------------------*/ #main-k12 #main-new-k12 .productitem-area { border: 6px solid #F3F3EF; background-color: #f3f3ef; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; overflow-x: hidden; overflow-y: hidden; } #main-k12 #main-new-k12 .productitem-area .item-block { float: left; width: 161px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; padding-top: 10px; padding-left: 12px; } #main-k12 #main-new-k12 .productitem-area .product-img { width: 161px; margin-left:auto; margin-right:auto; text-align:center; } #main-k12 #main-new-k12 .productitem-area .product-title { width: 161px; margin-bottom: 14px; text-align:left; height:4em; } #main-k12 #main-new-k12 .productitem-area .product-content { width: 161px; margin-bottom: 8px; text-align:left; font-size: 0.75em; } /*---------------------------------------------------- ■11 ヒートポンプ ----------------------------------------------------*/ #main-k12 #main-new-k12 .heatpop_f_navi { border: 6px solid #F3F3EF; background-color: #f3f3ef; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; overflow-x: hidden; overflow-y: hidden; } #main-k12 #main-new-k12 .heatpop_f_navi .item-k12 { float: left; width: 111px; margin: 0 6px 6px 0; } #main-k12 #main-new-k12 .heatpop_f_navi .list-blue-k12 { font-size: 0.875em; margin-bottom: 5px; } /*---------------------------------------------------- ■12 フレア護岸 ----------------------------------------------------*/ #main-k12 #main-new-k12 .gogan_top01 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; font-size: .875em; } #main-k12 #main-new-k12 .gogan_top01 .item-k12 { float: left; width: 173px; margin: 0 8px 6px 0; height:225px; margin-bottom:15px; } #main-k12 #main-new-k12 .gogan_top01 .item-k12 h2.back_black_t, #main-k12 #main-new-k12 .gogan_top01 .item-k12 h3.back_black_t { width: 165px;/* 173px */ background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/back_black_touka.png") ; background-repeat:repeat; color:#FFF; padding:2px 4px 2px; position:absolute; top:0; left:0; } #main-k12 #main-new-k12 .gogan_top01 .item-k12 h2 img, #main-k12 #main-new-k12 .gogan_top01 .item-k12 h3 img, #main-k12 #main-new-k12 .gogan_top01 .item-k13 h2 img, #main-k12 #main-new-k12 .gogan_top01 .item-k13 h3 img { margin-right: 9px; vertical-align: -0.1em; } #main-k12 #main-new-k12 .gogan_top01 .item-k12 .back_black_c { width: 165px;/* 173px */ background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/back_black_touka.png") ; background-repeat:repeat; color:#FFF; padding:2px 4px 2px; font-size:12px; font-weight:bold; position:absolute; bottom:0; left:0; } #main-k12 #main-new-k12 .gogan_top01 .item-k13 { float: left; width: 354px; margin: 0 8px 15px 0; height:225px; } #main-k12 #main-new-k12 .gogan_top01 .item-k13 h2.back_black_t, #main-k12 #main-new-k12 .gogan_top01 .item-k13 h3.back_black_t { width: 346px;/* 173px */ background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/back_black_touka.png") ; background-repeat:repeat; color:#FFF; padding:2px 4px 2px; position:absolute; top:0; left:0; } #main-k12 #main-new-k12 .gogan_top01 .item-k13 .back_black_c { width: 346px;/* 354px */ background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/back_black_touka.png") ; background-repeat:repeat; color:#FFF; padding:2px 4px 2px; font-size:12px; font-weight:bold; position:absolute; bottom:0; left:0; } #main-k12 #main-new-k12 .gogan_top01 a.box_01 { display:block; width: 173px; background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/tokutyo_b.jpg") ; background-position:left top; background-repeat: no-repeat; height:225px; position:relative; } #main-k12 #main-new-k12 .gogan_top01 a.box_02 { display:block; width: 173px; background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/dounyu_b.jpg") ; background-position:left top; background-repeat: no-repeat; height:225px; position:relative; } #main-k12 #main-new-k12 .gogan_top01 a.box_03 { display:block; width: 173px; background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/movie_b.jpg") ; background-position:left top; background-repeat: no-repeat; height:225px; position:relative; } #main-k12 #main-new-k12 .gogan_top01 a.box_04 { display:block; width: 173px; background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/sekou_b.jpg") ; background-position:left top; background-repeat: no-repeat; height:225px; position:relative; } #main-k12 #main-new-k12 .gogan_top01 a.box_05 { display:block; width: 173px; background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/jusho_b.jpg") ; background-position:left top; background-repeat: no-repeat; height:225px; position:relative; } #main-k12 #main-new-k12 .gogan_top01 a.box_06 { display:block; width: 354px; background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/jusho_b_02.jpg") ; background-position:left top; background-repeat: no-repeat; height:225px; position:relative; } #main-k12 #main-new-k12 .gogan_top01 .item-k12 a:link, #main-k12 #main-new-k12 .gogan_top01 .item-k13 a:link { text-decoration:none; } #main-k12 #main-new-k12 .gogan_top01 a.box_07 { display:block; width: 173px; background-image:url("https://www.kobelco.co.jp/products/sand/gogan/img/hyosho_b.jpg") ; background-position:left top; background-repeat: no-repeat; height:225px; position:relative; } #main-k12 #main-new-k12 .gogan_top01 .item-k12 a:hover, #main-k12 #main-new-k12 .gogan_top01 .item-k13 a:hover { text-decoration:none; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.7; } #main-k12 #main-new-k12 .gogan_redbox { width:666px; border:#981917 solid 1px; padding:10px 20px 0 30px; margin-bottom:20px; } /*---------------------------------------------------- 　　　■13 マイクロバイナリー ----------------------------------------------------*/ .linkbox-k12, .linkbox-img-k12 { width:718px; } .linkbox-k12 .item-k12 { background-color:#0082BF; border-left:5px solid #006291; padding:5px 5px 5px 10px; margin:5px 10px 5px 0px; float:left; width:209px; font-size: 0.875em; } .linkbox-k12 .title-k12 { background-color:#006291; padding:5px 5px 5px 10px; margin:5px 0px 0px 0px; width:705px; font-size: 0.875em; color:#FFFFFF; font-weight:bold; } .linkbox-k12 a { color:#FFFFFF; font-weight:bold; display:block; width:209px; position:relative; left:0; top:0; } .linkbox-img-k12 .img1-k12 p a, .linkbox-img-k12 .img2-k12 p a, .linkbox-img-k12 .img3-k12 p a, .linkbox-img-k12 .img4-k12 p a, .linkbox-img-k12 .img5-k12 p a, .linkbox-img-k12 .img6-k12 p a { color:#FFFFFF; font-weight:bold; display:block; width:215px; height:65px; position:relative; left:0; top:0; } .linkbox-img-k12 .img1-k12 p a, .linkbox-img-k12 .img2-k12 p a, .linkbox-img-k12 .img3-k12 p a { height:80px; } .linkbox-img-k12 .img1-k12, .linkbox-img-k12 .img2-k12, .linkbox-img-k12 .img3-k12{ background-color:#0082BF; background-position:center bottom; background-repeat: no-repeat; border-bottom:5px solid #0082BF; padding:5px 5px 5px 10px; margin:5px 10px 5px 0px; float:left; width:214px; height:80px; font-size: 0.875em; } .linkbox-img-k12 .img4-k12, .linkbox-img-k12 .img5-k12, .linkbox-img-k12 .img6-k12{ background-color:#0082BF; background-position:center bottom; background-repeat: no-repeat; border-bottom:5px solid #0082BF; padding:5px 5px 5px 10px; margin:0px 10px 5px 0px; float:left; width:214px; height:60px; font-size: 0.875em; } .linkbox-img-k12 .img1-k12{ background-image:url(https://www.kobelco.co.jp/products/standard_compressors/microbinary/img/linkbox_img1.jpg); } .linkbox-img-k12 .img2-k12{ background-image:url(https://www.kobelco.co.jp/products/standard_compressors/microbinary/img/linkbox_img2.jpg); } .linkbox-img-k12 .img3-k12{ background-image:url(https://www.kobelco.co.jp/products/standard_compressors/microbinary/img/linkbox_img3.jpg); } .linkbox-img-k12 .img4-k12{ background-image:url(https://www.kobelco.co.jp/products/standard_compressors/microbinary/img/linkbox_img4.jpg); } .linkbox-img-k12 .img5-k12{ background-image:url(https://www.kobelco.co.jp/products/standard_compressors/microbinary/img/linkbox_img5.jpg); } .linkbox-img-k12 .img6-k12{ background-image:url(https://www.kobelco.co.jp/products/standard_compressors/microbinary/img/linkbox_img6.jpg); } /*---------------------------------------------------- 　　　■14　Thickbox用　インラインコンテンツ向け ----------------------------------------------------*/ #TB_ajaxContent .img-content-r-k12:after, #TB_ajaxContent .img-content-r2-k12:after, #TB_ajaxContent .img-content-l-k12:after, #TB_ajaxContent .img-content-l2-k12:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #TB_ajaxContent img { vertical-align: bottom; line-height: 0; border: 0; } /* h1 ● */ #TB_ajaxContent h1 { /* 30px */ margin-top: 20px; margin-bottom: 20px; padding-left: 1em; text-indent: -1em; color: #373635; font-size: 2em; font-weight: bold; line-height: 1.1; } #TB_ajaxContent h1 img { margin-right: 14px; vertical-align: 1px; } /* サブタイトル ● */ #TB_ajaxContent .sub-title-k12 { margin-top: -10px; padding-left: 32px; } /* h2ノーマル ● */ #TB_ajaxContent h2.normal-k12 { /* 22px */ margin-bottom: 4px; padding: .5em 0 0 10px; color: #373635; font-size: 1.5em; /* 16 * 1.375 = 22px */ font-weight: bold; line-height: 1.15; } #TB_ajaxContent .line-h2-k12 { margin-bottom: 15px; } /* h3ノーマル ● */ #TB_ajaxContent h3.normal-k12 { /* 18px */ margin-bottom: 4px; padding: .5em 0 0 20px; font-size: 1.3em; font-weight: bold; line-height: 1.2; } *html #TB_ajaxContent h3.normal-k12 { margin-bottom: -10px; } #TB_ajaxContent .line-h3-k12 { margin-bottom: 10px; padding-left: 10px; } /* h4 ● */ #TB_ajaxContent h4 { /* 16px */ margin-bottom: 4px; padding: .5em 0 0 20px; font-size: 1.15em; /* 16px */ font-weight: bold; line-height: 130%; } *html #TB_ajaxContent h4 { margin-bottom: -10px; } #TB_ajaxContent .line-h4-k12 { margin-bottom: 10px; padding-left: 20px; } /* h5 ● */ #TB_ajaxContent h5 { /* 14px */ margin-bottom: 4px; padding: .5em 0 0 20px;font-weight: bold; } /* 注釈テキスト ● */ #TB_ajaxContent .remark-k12 { /* ※のみ */ margin-bottom: 20px; padding-left: 1em; text-indent: -1em;} #TB_ajaxContent .remark-mg0-k12 { /* ※のみ */ padding-left: 1em; text-indent: -1em;} #TB_ajaxContent .remark-number-k12 { /* ※＋半角数字 */ margin-bottom: 20px; padding-left: 1.8em; text-indent: -1.8em;} #TB_ajaxContent .remark-number-mg0-k12 { /* ※＋半角数字 */ padding-left: 1.8em; text-indent: -1.8em;} #TB_ajaxContent .remark-bracket-k12 { /* （注）のみ */ margin-bottom: 20px; padding-left: 2em; text-indent: -2em;} #TB_ajaxContent .remark-bracket-number-k12 { /* （注）＋半角数字 */ margin-bottom: 20px; padding-left: 2.5em; text-indent: -2.5em;} /* 番号付きリスト ● */ #TB_ajaxContent .orderd-list-k12 { margin-bottom: 20px; padding-left: 23px; } #TB_ajaxContent .orderd-list-k12 li { margin-bottom: 8px; list-style: decimal; } /* 番号付きリスト （番号付きリスト入れ子Ver）● */ #TB_ajaxContent .orderd-list-nested-k12 { margin-bottom: 20px; padding-left: 23px; } #TB_ajaxContent .orderd-list-nested-k12 li { margin-bottom: 4px; list-style: decimal; } #TB_ajaxContent .orderd-list-nested-k12 li img { margin-right: 5px; vertical-align: 1px; } #TB_ajaxContent .orderd-list-nested-k12 li ul li{ padding-left: 1em; } #TB_ajaxContent .orderd-list-nested-k12 .none-k12 { list-style-type: none; text-indent:-1em; margin: 5px 0; } /* リストブルーアロー（リンクリスト ダウンロードアイコン付）● */ #TB_ajaxContent .list-blue-k12 { margin-bottom: 20px;} #TB_ajaxContent .list-blue-k12 li { margin-bottom: 8px; padding-left: 1em; text-indent: -1em; } #TB_ajaxContent .list-blue-k12 li img { margin-right: 5px; vertical-align: 1px; } #TB_ajaxContent .list-blue-k12 li .dl-icon-k12 { margin: 0 5px 0 1px; } /* リストブルーアロー（リンクリスト入れ子Ver） ● */ #TB_ajaxContent .list-blue-nested-k12 { margin-bottom: 20px;} #TB_ajaxContent .list-blue-nested-k12 li { margin-bottom: 8px; padding-left: 1em; text-indent: -1em; } #TB_ajaxContent .list-blue-nested-k12 li img { margin-right: 5px; vertical-align: 1px; } /* リストレッドスクエアー（リンク無しリスト入れ子Ver）● */ #TB_ajaxContent .list-red-nested-k12 { margin-bottom: 20px;} #TB_ajaxContent .list-red-nested-k12 li { margin-bottom: 8px; padding-left: 1em; text-indent: -1em; } #TB_ajaxContent .list-red-nested-k12 li img { margin-right: 5px; vertical-align: 1px; } /* リストブルーアロー（3列リスト）3カラム */ #TB_ajaxContent .list-blue-3col-k12 { margin-bottom: 30px; } #TB_ajaxContent .list-blue-3col-k12 li { float: left; width: 196px; margin-bottom: 8px;} #TB_ajaxContent .list-blue-3col-k12 li .list-icon-k12 { float: left; margin-right: 4px; } #TB_ajaxContent .list-blue-3col-k12 li .list-icon-k12 img { margin-top: 4px; } #TB_ajaxContent .list-blue-3col-k12 li .list-txt-k12 { overflow: auto; } *html #TB_ajaxContent .list-blue-3col-k12 li .list-txt-k12 { zoom: 1; } /* リストブルーアロー（ハーフサイズリスト） .list-blue-2col-half-l-k12 .list-blue-2col-half--r-k12 : 左右振り分けフロート用 .list-blue-2col-half-k12 : ノーマル */ #TB_ajaxContent .list-blue-2col-half-l-k12 { /* 2階層目に使用 */ float: left; width: 192px; } #TB_ajaxContent .list-blue-2col-half-k12 { padding-left: 8px; overflow: auto; } #TB_ajaxContent .list-blue-2col-half-k12 li, #TB_ajaxContent .list-blue-2col-half-l-k12 li, #TB_ajaxContent .list-blue-2col-half-r-k12 li { padding-left: 1em; text-indent: -1em;margin-bottom: 6px; line-height: 1.2; } body#home-k12 #TB_ajaxContent .list-blue-2col-half-k12 li img, body#home-k12 #TB_ajaxContent .list-blue-2col-half-l-k12 li img, body#home-k12 #TB_ajaxContent .list-blue-2col-half-r-k12 li img { float: none; margin-top: -4px; margin-right: 4px; vertical-align: middle; } *html body#home-k12 #TB_ajaxContent .list-blue-2col-half-k12 li img, *html body#home-k12 #TB_ajaxContent .list-blue-2col-half-l-k12 li img, *html body#home-k12 #TB_ajaxContent .list-blue-2col-half-r-k12 li img { margin-top: -1px; } /* リストグレーアロー */ #TB_ajaxContent .list-gray-k12 { margin-bottom: 44px; } #TB_ajaxContent .list-gray-k12 li { margin-bottom: 8px; padding-left: 1em; text-indent: -1em;} #TB_ajaxContent .list-gray-k12 li img { margin-right: 7px; vertical-align: 2px; } /* イメージwithテキストリスト 4列 第2階層 */ #TB_ajaxContent .list-image-4col-k12 { overflow: hidden; } #TB_ajaxContent .list-image-4col-k12 li { float: left; width: 190px; margin: 0 6px 20px 0; } #TB_ajaxContent .list-image-4col-k12 li .image-k12 { margin-bottom: 4px; } #TB_ajaxContent .list-image-4col-k12 li .txt-k12 { padding-left: 1em; text-indent: -.75em; line-height: 1.2; } #TB_ajaxContent .list-image-4col-k12 li .txt-k12 img { margin-top: -3px; margin-right: 2px; vertical-align: middle; } /* 定義リストスクエアー （ライン配置）● */ #TB_ajaxContent .def-red-line-k12 { margin-bottom: 20px;} #TB_ajaxContent .def-red-line-k12 .def-red-line-title-k12 { margin-bottom: 2px; padding-left: 1em; text-indent: -1em; font-weight: bold; } #TB_ajaxContent .def-red-line-k12 .def-red-line-title-k12 img { margin-right: 6px; vertical-align: 2px; } #TB_ajaxContent .def-red-line-k12 .def-red-line-body-k12 { margin-bottom: 8px; } /* 定義リストスクエアー （カラム配置）● */ #TB_ajaxContent .def-red-col-k12 { margin-bottom: 20px;} #TB_ajaxContent .def-red-col-k12 .def-red-col-item-k12 { margin-bottom: 8px; } #TB_ajaxContent .def-red-col-k12 .def-red-col-title-k12 { float: left; clear: both; width: 142px; margin-right: 8px; padding-left: 1em; font-weight: bold; text-indent: -1em; } #TB_ajaxContent .def-red-col-k12 .def-red-col-title-k12 img { margin-right: 6px; vertical-align: 2px; } #TB_ajaxContent .def-red-col-k12 .def-red-col-body-k12 { overflow: auto; } *html #TB_ajaxContent .def-red-col-k12 .def-red-col-body-k12 { position: relative; margin-top: -.3em; zoom: 1; } /* 定義リスト タイトル４,6,8,10,12,16文字 ● */ #TB_ajaxContent .def-4letters-k12, #TB_ajaxContent .def-6letters-k12, #TB_ajaxContent .def-8letters-k12, #TB_ajaxContent .def-10letters-k12, #TB_ajaxContent .def-12letters-k12, #TB_ajaxContent .def-16letters-k12 { margin-bottom: 20px;} #TB_ajaxContent .def-4letters-k12 .def-4letters-title-k12, #TB_ajaxContent .def-6letters-k12 .def-6letters-title-k12, #TB_ajaxContent .def-8letters-k12 .def-8letters-title-k12, #TB_ajaxContent .def-10letters-k12 .def-10letters-title-k12, #TB_ajaxContent .def-12letters-k12 .def-12letters-title-k12, #TB_ajaxContent .def-16letters-k12 .def-16letters-title-k12 { float: left; clear: left; } #TB_ajaxContent .def-4letters-k12 .def-4letters-body-k12, #TB_ajaxContent .def-6letters-k12 .def-6letters-body-k12, #TB_ajaxContent .def-8letters-k12 .def-8letters-body-k12, #TB_ajaxContent .def-10letters-k12 .def-10letters-body-k12, #TB_ajaxContent .def-12letters-k12 .def-12letters-body-k12, #TB_ajaxContent .def-16letters-k12 .def-16letters-body-k12 { overflow: hidden; } #TB_ajaxContent .def-4letters-k12 .def-4letters-body-k12, #TB_ajaxContent .def-6letters-k12 .def-6letters-body-k12, #TB_ajaxContent .def-8letters-k12 .def-8letters-body-k12, #TB_ajaxContent .def-10letters-k12 .def-10letters-body-k12, #TB_ajaxContent .def-12letters-k12 .def-12letters-body-k12, #TB_ajaxContent .def-16letters-k12 .def-16letters-body-k12 img{ margin-right: 5px; vertical-align: 1px; } #TB_ajaxContent .def-4letters-k12 .def-4letters-title-k12 { width: 5em; } #TB_ajaxContent .def-6letters-k12 .def-6letters-title-k12 { width: 7em; } #TB_ajaxContent .def-8letters-k12 .def-8letters-title-k12 { width: 9em; } #TB_ajaxContent .def-10letters-k12 .def-10letters-title-k12 { width: 11em; } #TB_ajaxContent .def-12letters-k12 .def-12letters-title-k12 { width: 13em; } #TB_ajaxContent .def-16letters-k12 .def-16letters-title-k12 { width: 17em; } /* 文字サイズ変更なし 2013.1.16 栄　追記● */ #TB_ajaxContent .def-r4letters-k12, #TB_ajaxContent .def-r6letters-k12, #TB_ajaxContent .def-r8letters-k12, #TB_ajaxContent .def-r10letters-k12, #TB_ajaxContent .def-r12letters-k12, #TB_ajaxContent .def-r16letters-k12 { margin-bottom: 20px; } #TB_ajaxContent .def-r4letters-k12 .def-4letters-title-k12, #TB_ajaxContent .def-r6letters-k12 .def-6letters-title-k12, #TB_ajaxContent .def-r8letters-k12 .def-8letters-title-k12, #TB_ajaxContent .def-r10letters-k12 .def-10letters-title-k12, #TB_ajaxContent .def-r12letters-k12 .def-12letters-title-k12, #TB_ajaxContent .def-r16letters-k12 .def-16letters-title-k12 { float: left; clear: left; } #TB_ajaxContent .def-r4letters-k12 .def-4letters-body-k12, #TB_ajaxContent .def-r6letters-k12 .def-6letters-body-k12, #TB_ajaxContent .def-r8letters-k12 .def-8letters-body-k12, #TB_ajaxContent .def-r10letters-k12 .def-10letters-body-k12, #TB_ajaxContent .def-r12letters-k12 .def-12letters-body-k12, #TB_ajaxContent .def-r16letters-k12 .def-16letters-body-k12 { overflow: hidden; } #TB_ajaxContent .def-r4letters-k12 .def-4letters-body-k12, #TB_ajaxContent .def-r6letters-k12 .def-6letters-body-k12, #TB_ajaxContent .def-r8letters-k12 .def-8letters-body-k12, #TB_ajaxContent .def-r10letters-k12 .def-10letters-body-k12, #TB_ajaxContent .def-r12letters-k12 .def-12letters-body-k12, #TB_ajaxContent .def-r16letters-k12 .def-16letters-body-k12 img { margin-right: 5px; vertical-align: 1px; } *html #TB_ajaxContent .def-r4letters-k12 .def-4letters-body-k12, *html #TB_ajaxContent .def-r6letters-k12 .def-6letters-body-k12, *html #TB_ajaxContent .def-r8letters-k12 .def-8letters-body-k12, *html #TB_ajaxContent .def-r10letters-k12 .def-10letters-body-k12, *html #TB_ajaxContent .def-r12letters-k12 .def-12letters-body-k12, *html #TB_ajaxContent .def-r16letters-k12 .def-16letters-body-k12 { zoom: 1; } #TB_ajaxContent .def-r4letters-k12 .def-4letters-title-k12 { width: 5em; } #TB_ajaxContent .def-r6letters-k12 .def-6letters-title-k12 { width: 7em; } #TB_ajaxContent .def-r8letters-k12 .def-8letters-title-k12 { width: 9em; } #TB_ajaxContent .def-r10letters-k12 .def-10letters-title-k12 { width: 11em; } #TB_ajaxContent .def-r12letters-k12 .def-12letters-title-k12 { width: 13em; } #TB_ajaxContent .def-r16letters-k12 .def-16letters-title-k12 { width: 17em; } /* イメージ画像付きパラグラフ 画像右側 ● */ #TB_ajaxContent .img-content-r-k12 { margin-bottom: 20px; } #TB_ajaxContent .img-content-r-k12 .img-r-k12 { float: right; margin: 0 0 6px 14px; } /* イメージ画像付きパラグラフ 画像右側 文字サイズ変更なし 2012.6.6 中嶋追記● */ #TB_ajaxContent .img-content-r2-k12 { margin-bottom: 20px; } #TB_ajaxContent .img-content-r2-k12 .img-r-k12 { float: right; margin: 0 0 6px 14px; } #TB_ajaxContent .img-content-r2-k12 ul, #TB_ajaxContent .img-content-r2-k12 dl { overflow: auto; } /* イメージ画像付きパラグラフ 画像左側 ● */ #TB_ajaxContent .img-content-l-k12 { margin-bottom: 20px; } #TB_ajaxContent .img-content-l-k12 .img-l-k12 { float: left; margin: 0 14px 6px 0; } /* イメージ画像付きパラグラフ 画像左側 文字サイズ変更なし 2012.6.6 中嶋追記● */ #TB_ajaxContent .img-content-l2-k12 { margin-bottom: 20px; } #TB_ajaxContent .img-content-l2-k12 .img-l-k12 { float: left; margin: 0 14px 6px 0; } #TB_ajaxContent .img-content-l2-k12 ul, #TB_ajaxContent .img-content-l2-k12 dl { overflow: auto; } /* テーブル付きパラグラフ テーブル右寄せor左寄せ ● */ #TB_ajaxContent .table-content-k12 { margin-bottom: 20px; border: none; } #TB_ajaxContent .table-content-r-k12 { float: right; width: 300px; margin: 0 0 6px 14px; padding: 0; /* FF7 hack overwrite */ border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #TB_ajaxContent .table-content-l-k12 { float: left; width: 300px; margin: 0 14px 6px 0; padding: 0; /* FF7 hack overwirte */ border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #TB_ajaxContent .table-content-k12 th { font-weight: bold; } #TB_ajaxContent .table-content-k12 th, #TB_ajaxContent .table-content-k12 td { padding: 6px; border: 1px #7a7977 solid; } #TB_ajaxContent .table-content-k12 td { width: 100px; vertical-align: top; } #TB_ajaxContent .table-content-k12 .low1-k12 { /* thの1行目に使用 */ background-color: #878683; color: #fff; text-align: center; } #TB_ajaxContent .table-content-k12 .low-other-k12 { /* 2行目以降のthに使用 */ background-color: #d8d5cd; text-align: left; vertical-align: top; } #TB_ajaxContent .table-content-k12 .low-other-k12 a:hover { /* 2行目以降のthに使用されるリンク設定 */ background-color: #fff; } /* テキストボックス ● */ #TB_ajaxContent .txt-box-k12 { margin-bottom: 20px; padding: 10px; border: 4px #c6c6c4 solid ; } /* イメージ画像１点配置 ● */ #TB_ajaxContent .image-one-k12 { margin-bottom: 14px; text-align: center; overflow: hidden; } #TB_ajaxContent .image-one-k12 .caption-left-k12 { text-align: left; } #TB_ajaxContent .image-one-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #TB_ajaxContent .image-one-k12 .caption-center-k12 { display: inline; zoom: 1; } #TB_ajaxContent .image-one-left-k12 { /* 全体で左配置用 */ margin-bottom: 14px; overflow: hidden; } /* イメージ画像２点配置 ● */ #TB_ajaxContent .image-two-k12 { clear: both; margin: 0 -6px 14px 0; overflow: hidden; } #TB_ajaxContent .image-two-k12 .item-k12 { float: left; width: 292px; margin: 0 6px 6px 0; } *html #TB_ajaxContent .image-two-k12 .item-k12 { margin-right: 5px; } #TB_ajaxContent .image-two-k12 .item-k12 .caption-center-k12 { display: inline-block; margin: 0 auto; text-align: left; } *html #TB_ajaxContent .image-two-k12 .item-k12 .caption-center-k12 { display: inline; zoom: 1; } /* table幅　3タイプ ● 2013.01.17　KBS栄追記*/ #TB_ajaxContent table.wid100-k12 { width:100%; } #TB_ajaxContent table.wid75-k12 { width:75%; } #TB_ajaxContent table.wid50-k12 { width:50%; } /* テキスト折り返しなし　● 2013.05.07　KBS栄追記*/ #TB_ajaxContent .nowrap { white-space: nowrap; } /* テーブル type1～3● */ #TB_ajaxContent .con-table-k12 { margin-bottom: 20px; padding: 0; /* FF7 hack overwrite */ border: none; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #TB_ajaxContent .con-table-k12 th { font-weight: bold; } #TB_ajaxContent .con-table-k12 th, #TB_ajaxContent .con-table-k12 td { padding: 10px 6px; border: 1px #7a7977 solid; } #TB_ajaxContent .con-table-type2-k12 th, #TB_ajaxContent .con-table-type2-k12 td, #TB_ajaxContent .con-table-type3-k12 th, #TB_ajaxContent .con-table-type3-k12 td { /* テーブルtype2,type3：枠線設定 */ border-color: #fff; } #TB_ajaxContent .con-table-k12 .low1-k12 { /* thの1行目に使用 */ background-color: #878683; color: #fff; } #TB_ajaxContent .con-table-k12 .low-other-k12 { /* 2行目以降のthに使用 */ background-color: #f0f0ea; } #TB_ajaxContent .con-table-type2-k12 .low-other-k12, #TB_ajaxContent .con-table-type3-k12 .low-other-k12 { /* テーブルtype2,type3：2行目以降のthに使用 */ background-color: #d8d5cd; } /* 2014.01.28 無効 #TB_ajaxContent .con-table-k12 .low-other-k12 a:hover { /* 2行目以降のthに使用されるリンク設定 background-color: #fff; } */ #TB_ajaxContent .con-table-k12 th .list-blue-s-k12 li, #TB_ajaxContent .con-table-k12 th .list-red-s-k12 li, #TB_ajaxContent .con-table-k12 td .list-blue-s-k12 li, #TB_ajaxContent .con-table-k12 td .list-red-s-k12 li { /* list-blue-k12-sはリンクテキスト用 / list-red-k12-sはノーマルリスト用 */ margin: 0 0 8px 0; padding-left: 1em; text-indent: -.8em; list-style-type: none; } #TB_ajaxContent .con-table-k12 th .list-blue-s-k12 li img, #TB_ajaxContent .con-table-k12 th .list-red-s-k12 li img, #TB_ajaxContent .con-table-k12 td .list-blue-s-k12 li img, #TB_ajaxContent .con-table-k12 td .list-red-s-k12 li img { margin-right: 5px; vertical-align: 2px; } #TB_ajaxContent .con-table-k12 .remark-k12 { /* テーブル内注釈 */ display: block; margin-top: 10px; padding-left: 1em; text-indent: -1em; } *html #TB_ajaxContent .con-table-k12 .remark-k12 { /* テーブル内注釈 */ text-indent: -.6em; } /* テーブル type1～3● 120705KBS中嶋追記　罫線有りの表組みの余白を小さくしたもの*/ #TB_ajaxContent .con-table-nrw-k12 { margin-bottom: 20px; padding: 0; /* FF7 hack overwrite */ border: none; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #TB_ajaxContent .con-table-nrw-k12 th { font-weight: bold; } #TB_ajaxContent .con-table-nrw-k12 th, #TB_ajaxContent .con-table-nrw-k12 td { padding: 3px 2px; border: 1px #7a7977 solid; } #TB_ajaxContent .con-table-type2-k12 th, #TB_ajaxContent .con-table-type2-k12 td, #TB_ajaxContent .con-table-type3-k12 th, #TB_ajaxContent .con-table-type3-k12 td { /* テーブルtype2,type3：枠線設定 */ border-color: #fff; } #TB_ajaxContent .con-table-nrw-k12 .low1-k12 { /* thの1行目に使用 */ background-color: #878683; color: #fff; } #TB_ajaxContent .con-table-nrw-k12 .low-other-k12 { /* 2行目以降のthに使用 */ background-color: #f0f0ea; } #TB_ajaxContent .con-table-type2-k12 .low-other-k12, #TB_ajaxContent .con-table-type3-k12 .low-other-k12 { /* テーブルtype2,type3：2行目以降のthに使用 */ background-color: #d8d5cd; } #TB_ajaxContent .con-table-nrw-k12 .low-other-k12 a:hover { /* 2行目以降のthに使用されるリンク設定 */ background-color: #fff; } #TB_ajaxContent .con-table-nrw-k12 th .list-blue-s-k12 li, #TB_ajaxContent .con-table-nrw-k12 th .list-red-s-k12 li, #TB_ajaxContent .con-table-nrw-k12 td .list-blue-s-k12 li, #TB_ajaxContent .con-table-nrw-k12 td .list-red-s-k12 li { /* list-blue-k12-sはリンクテキスト用 / list-red-k12-sはノーマルリスト用 */ margin: 0 0 8px 0; padding-left: 1em; text-indent: -.8em; list-style-type: none; } #TB_ajaxContent .con-table-nrw-k12 th .list-blue-s-k12 li img, #TB_ajaxContent .con-table-nrw-k12 th .list-red-s-k12 li img, #TB_ajaxContent .con-table-nrw-k12 td .list-blue-s-k12 li img, #TB_ajaxContent .con-table-nrw-k12 td .list-red-s-k12 li img { margin-right: 5px; vertical-align: 2px; } #TB_ajaxContent .con-table-nrw-k12 .remark-k12 { /* テーブル内注釈 */ display: block; margin-top: 10px; padding-left: 1em; text-indent: -1em; } *html #TB_ajaxContent .con-table-nrw-k12 .remark-k12 { /* テーブル内注釈 */ text-indent: -.6em; } /* テーブル type4 x-table ● */ #TB_ajaxContent .x-table-k12 { margin-bottom: 20px; padding: 0; /* FF7 hack overwirte */ border: none; border-collapse: collapse; /* FF7 hack overwrite */ border-spacing: 0; /* FF7 hack overwrite */ } #TB_ajaxContent .x-table-k12 th { font-weight: bold; } #TB_ajaxContent .x-table-k12 th, #TB_ajaxContent .x-table-k12 td { padding: 10px 6px; border-bottom: 1px #7a7977 solid; } #TB_ajaxContent .x-table-k12 th.line-bold-k12 { border-bottom: 3px #7a7977 solid; } #TB_ajaxContent .x-table-k12 th.line-none-k12 { border-bottom: none; } #TB_ajaxContent .x-table-k12 td .list-blue-s-k12 li, #TB_ajaxContent .x-table-k12 td .list-red-s-k12 li, #TB_ajaxContent .x-table-k12 th .list-blue-s-k12 li, #TB_ajaxContent .x-table-k12 th .list-red-s-k12 li { /* list-blue-k12-sはリンクテキスト用 / list-red-k12-sはノーマルリスト用 */ margin: 0 0 8px 0; padding-left: 1em; text-indent: -.8em; list-style-type: none; } #TB_ajaxContent .x-table-k12 td .list-blue-s-k12 li img, #TB_ajaxContent .x-table-k12 td .list-red-s-k12 li img, #TB_ajaxContent .x-table-k12 th .list-blue-s-k12 li img, #TB_ajaxContent .x-table-k12 th .list-red-s-k12 li img { margin-right: 5px; vertical-align: 2px; } #TB_ajaxContent .x-table-k12 . { /* テーブル内注釈 */ display: block; margin-top: 10px; padding-left: 1em; text-indent: -1em; font-size: .857143em; /* 14pxからの相対指定で12px表示 */ } *html #TB_ajaxContent .x-table-k12 . { /* テーブル内注釈 */ text-indent: -.6em; } /* ★★★★部品共通 汎用パーツ 新規作成枠#main-new-k12内★★★★ */ #TB_ajaxContent .pl0-k12 { /* テキスト用枠 左パディング0 */ margin-bottom: 20px; } #TB_ajaxContent .pl10-k12 { /* テキスト用枠 左パディング10px */ margin-bottom: 20px; padding-left: 10px; } #TB_ajaxContent .pl20-k12 { /* テキスト用枠 左パディング20px */ margin-bottom: 20px; padding-left: 20px; } #TB_ajaxContent .pl30-k12 { /* テキスト用枠 左パディング30px */ margin-bottom: 20px; padding-left: 30px; } #TB_ajaxContent .txt-left-k12 { /* テキスト左寄せ */ text-align: left; } #TB_ajaxContent .txt-center-k12 { /* テキスト中央寄せ */ text-align: center; } #TB_ajaxContent .txt-right-k12 { /* テキスト右寄せ */ text-align: right; } #TB_ajaxContent .txt-v-top-k12 { /* テキスト縦方向上寄せ */ vertical-align: top; } #TB_ajaxContent .txt-v-bottom-k12 { /* テキスト縦方向下寄せ */ vertical-align: bottom; } #TB_ajaxContent strong { /* テキスト太字 */ font-weight: bold; } #TB_ajaxContent em { /* テキスト斜体 */ font-style: italic; } #TB_ajaxContent .txt-red-k12 { /* テキスト赤字 */ color: #9C3333; } #TB_ajaxContent .txt-blue-k12 { /* テキスト青字 2013.04.25　栄追記*/ color: #0066CC; font-weight:bold; } #TB_ajaxContent .txt-u-k12 { /* テキストアンダーライン */ text-decoration: underline; } #TB_ajaxContent .txt-break-word-k12 { /* テキスト強制改行 */ word-wrap: break-word; } #TB_ajaxContent .txt-n-k12 { /* テキストサイズ 14px ノーマルサイズ */ } #TB_ajaxContent .txt-10-k12 { /* テキストサイズ 10px normal14pxからの相対 */ font-size: .714285em; } #TB_ajaxContent .txt-12-k12 { /* テキストサイズ 12px normal14pxからの相対 */ font-size: .857143em; } #TB_ajaxContent .txt-13-k12 { /* テキストサイズ 13px normal14pxからの相対 */ font-size: .928571em; } #TB_ajaxContent .txt-15-k12 { /* テキストサイズ 15px normal14pxからの相対 */ font-size: 1.071429em; } #TB_ajaxContent .txt-16-k12 { /* テキストサイズ16px normal14pxからの相対 */ font-size: 1.142857em; } #TB_ajaxContent .txt-18-k12 { /* テキストサイズ 18px normal14pxからの相対 */ font-size: 1.285714em; } #TB_ajaxContent .txt-17-k12 { /* テキストサイズ 17px normal14pxからの相対 */ font-size: 1.214286em; } #TB_ajaxContent .txt-21-k12 { /* テキストサイズ 21px normal14pxからの相対 */ font-size: 1.5em; } #TB_ajaxContent .txt-28-k12 { /* テキストサイズ 28px normal14pxからの相対 */ font-size: 2em; } #TB_ajaxContent .txt-11-def-k12 { /* テキストサイズ11px デフォルト指定 */ font-size: .6875em; } #TB_ajaxContent .txt-12-def-k12 { /* テキストサイズ12px デフォルト指定 */ } #TB_ajaxContent .txt-13-def-k12 { /* テキストサイズ13px デフォルト指定 */ font-size: .8125em; } #TB_ajaxContent .txt-15-def-k12 { /* テキストサイズ15px デフォルト指定 */ font-size: .9375em; line-height: 1.25; } #TB_ajaxContent .txt-18-def-k12 { /* テキストサイズ18px デフォルト指定 */ font-size: 1.125em; line-height: 1.25; } #TB_ajaxContent .txt-21-def-k12 { /* テキストサイズ21px デフォルト指定 */ font-size: 1.3125em; line-height: 1.1; } #TB_ajaxContent .txt-28-def-k12 { /* テキストサイズ28px デフォルト指定 */ font-size: 1.75em; line-height: 1.18; } #contents-k12 #TB_ajaxContent .mb50-k12 { /* 要素の下マージン 50px */ margin-bottom: 50px; } #contents-k12 #TB_ajaxContent .mb45-k12 { /* 要素の下マージン 45px */ margin-bottom: 45px; } #contents-k12 #TB_ajaxContent .mb40-k12 { /* 要素の下マージン 40px */ margin-bottom: 40px; } #contents-k12 #TB_ajaxContent .mb35-k12 { /* 要素の下マージン 35px */ margin-bottom: 35px; } #contents-k12 #TB_ajaxContent .mb30-k12 { /* 要素の下マージン 30px */ margin-bottom: 30px; } #contents-k12 #TB_ajaxContent .mb25-k12 { /* 要素の下マージン 25px */ margin-bottom: 25px; } #contents-k12 #TB_ajaxContent .mb20-k12 { /* 要素の下マージン 20px */ margin-bottom: 20px; } #contents-k12 #TB_ajaxContent .mb15-k12 { /* 要素の下マージン 15px */ margin-bottom: 15px; } #contents-k12 #TB_ajaxContent .mb12-k12 { /* 要素の下マージン 12px */ margin-bottom: 12px; } #contents-k12 #TB_ajaxContent .mb10-k12 { /* 要素の下マージン 10px */ margin-bottom: 10px; } #contents-k12 #TB_ajaxContent .mb5-k12 { /* 要素の下マージン 5px */ margin-bottom: 5px; } #contents-k12 #TB_ajaxContent .mb4-k12 { /* 要素の下マージン 4px */ margin-bottom: 4px; } #contents-k12 #TB_ajaxContent .mb0-k12 { /* 要素の下マージン 0px */ margin-bottom: 0px; }