@charset "utf-8"; /* ------------------------------------------------------------------- basic ------------------------------------------------------------------- */ /* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */ html { overflow-y: scroll; } /* ------------------------------------------------------------------- base tag ------------------------------------------------------------------- */ /* マージンをリセット */ body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, form, input, textarea, header, footer, nav { margin: 0; padding: 0; zoom: 1; } /* リストマーカーなし */ ul, ol { list-style-type: none; } /* 画像・テーブルはボーダーなし */ img { border: none; vertical-align: middle; } /* スタイルシートOFF時の区切り線 */ hr { display: none; margin: 0; padding: 0; width: 1px; height: 1px; } /* リンク縁取りなし */ a { outline: none; } input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media all and (-ms-high-contrast: none){ select::-ms-expand { display: none; } } /* ------------------------------------------------------------------- clearfix ------------------------------------------------------------------- */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /* For IE 6/7 */ .clearfix { zoom: 1; } .borderNone { border: none !important; } /* ------------------------------------------------------------------- 画像置換クラス ------------------------------------------------------------------- */ .imgChange { line-height: 0.1px; margin: 0; padding: 0; font-style: normal; font-weight: normal; font-size: 1px; text-indent: -9999px; } .disNone { display: none; } /* ------------------------------------------------------------------- イメージフィット　包括 ------------------------------------------------------------------- */ .imgResponsive img{ max-width: 100%; height: auto; width /***/:auto; } .imgFit img{ width: 100%; height: auto; } @media all and (-ms-high-contrast:none){ *::-ms-backdrop, .imgResponsive img{ width: 100%; height: auto; } } /* --------------------------------------- 　マージン （注）余白を全てこの共通classで確保するわけではなく、局所的に使用するためのclassです。 統一指定できる箇所は、各ディレクトリおよび固有のcssで指定する。 --------------------------------------- */ /* マージントップ ----------------------------- */ .mgt0 { margin-top:0 !important; } .mgt5 { margin-top:5px !important; } .mgt10 { margin-top:10px !important; } .mgt15 { margin-top:15px !important; } .mgt20 { margin-top:20px !important; } .mgt25 { margin-top:25px !important; } .mgt30 { margin-top:30px !important; } .mgt35 { margin-top:35px !important; } .mgt40 { margin-top:40px !important; } .mgt45 { margin-top:45px !important; } .mgt50 { margin-top:50px !important; } /* マージンボトム ----------------------------- */ .mgb0 { margin-bottom:0 !important; } .mgb5 { margin-bottom:5px !important; } .mgb10 { margin-bottom:10px !important; } .mgb15 { margin-bottom:15px !important; } .mgb20 { margin-bottom:20px !important; } .mgb25 { margin-bottom:25px !important; } .mgb30 { margin-bottom:30px !important; } .mgb35 { margin-bottom:35px !important; } .mgb40 { margin-bottom:40px !important; } .mgb45 { margin-bottom:45px !important; } .mgb50 { margin-bottom:50px !important; } .mgb1em{ margin-bottom: 1em !important; } .mgb1_5em{ margin-bottom: 1.5em !important; } /* マージンレフト ----------------------------- */ .mgl0 { margin-left:0 !important; } .mgl5 { margin-left:5px !important; } .mgl10 { margin-left:10px !important; } .mgl15 { margin-left:15px !important; } .mgl20 { margin-left:20px !important; } .mgl25 { margin-left:25px !important; } .mgl30 { margin-left:30px !important; } .mgl35 { margin-left:35px !important; } .mgl40 { margin-left:40px !important; } .mgl45 { margin-left:40px !important; } .mgl50 { margin-left:50px !important; } /* マージンライト ----------------------------- */ .mgr0 { margin-right:0 !important; } .mgr5 { margin-right:5px !important; } .mgr10 { margin-right:10px !important; } .mgr15 { margin-right:15px !important; } .mgr20 { margin-right:20px !important; } .mgr25 { margin-right:25px !important; } .mgr30 { margin-right:30px !important; } .mgr35 { margin-right:35px !important; } .mgr40 { margin-right:40px !important; } .mgr45 { margin-right:40px !important; } .mgr50 { margin-right:50px !important; } /* --------------------------------------- 　パディング （注）余白を全てこの共通classで確保するわけではなく、局所的に使用するためのclassです。 統一指定できる箇所は、各ディレクトリおよび固有のcssで指定する。 --------------------------------------- */ /* パディンングトップ ----------------------------- */ .pdt0 { padding-top:0 !important; } .pdt5 { padding-top:5px !important; } .pdt10 { padding-top:10px !important; } .pdt15 { padding-top:15px !important; } .pdt20 { padding-top:20px !important; } .pdt25 { padding-top:25px !important; } .pdt30 { padding-top:30px !important; } .pdt35 { padding-top:35px !important; } .pdt40 { padding-top:40px !important; } .pdt45 { padding-top:40px !important; } .pdt50 { padding-top:50px !important; } /* パディンングボトム ----------------------------- */ .pdb0 { padding-bottom:0 !important; } .pdb5 { padding-bottom:5px !important; } .pdb10 { padding-bottom:10px !important; } .pdb15 { padding-bottom:15px !important; } .pdb20 { padding-bottom:20px !important; } .pdb25 { padding-bottom:25px !important; } .pdb30 { padding-bottom:30px !important; } .pdb35 { padding-bottom:35px !important; } .pdb40 { padding-bottom:40px !important; } .pdb45 { padding-bottom:40px !important; } .pdb50 { padding-bottom:50px !important; } /* パッディングレフト ----------------------------- */ .pdl0 { padding-left:0 !important; } .pdl5 { padding-left:5px !important; } .pdl10 { padding-left:10px !important; } .pdl15 { padding-left:15px !important; } .pdl20 { padding-left:20px !important; } .pdl25 { padding-left:25px !important; } .pdl30 { padding-left:30px !important; } .pdl35 { padding-left:35px !important; } .pdl40 { padding-left:40px !important; } .pdl45 { padding-left:40px !important; } .pdl50 { padding-left:50px !important; } /* パッディングライト ----------------------------- */ .pdr0 { padding-right:0 !important; } .pdr5 { padding-right:5px !important; } .pdr10 { padding-right:10px !important; } .pdr15 { padding-right:15px !important; } .pdr20 { padding-right:20px !important; } .pdr25 { padding-right:25px !important; } .pdr30 { padding-right:30px !important; } .pdr35 { padding-right:35px !important; } .pdr40 { padding-right:40px !important; } .pdr45 { padding-right:40px !important; } .pdr50 { padding-right:50px !important; } /* --------------------------------------- 　行間 --------------------------------------- */ /* 章（例：70px相当） */ .sentence { padding-bottom: 4em; } /* 段落 */ .paragraph { margin-bottom: 3em !important; } /* 行 */ .mgbLine { margin-bottom: 2em !important; } .mgbTxt { margin-bottom: 1.25em !important; } /* --------------------------------------- 　注釈 --------------------------------------- */ /* 本文中※ */ span.mkNote { position: relative; top: -0.6em; margin-left: 2px; font-size: 1.0rem; /*color: #e31c24;*/ color: #ff4800; } th span.mkNote { color: #fff; } span.mkNoteOnly { font-size: 83%; padding-left: 1em; } span.mkNoteOnly span {} ul.mkNote { clear: both; margin-top: 1em; } ul.mkNote li { margin-bottom: 15px; line-height: 1.5; } ul.mkNote li:last-child { margin-bottom: 0; } ul.mkNote span {} /* 上付 */ ul.mkNote span.sup {} /* 下付 */ ul.mkNote span.sub {} .normalTable .notewrap { margin-top: 15px; } /* ※  */ .note { padding-left: 1.34em; text-indent: -1.34em !important; } /* ※1  */ .noteNum1 { padding-left: 1.8em; text-indent: -1.8em; } /* ※10  */ .noteNum2 { padding-left: 2.3em; text-indent: -2.3em; } /* *  */ .notesAst { padding-left: 1.0em; text-indent: -0.85em; } /* ・ */ .notesZenkaku { padding-left: 1.0em; text-indent: -0.9em; } /* ・ */ .notesZenkakuFontFull { padding-left: 1.0em; text-indent: -1.0em; } /* 1．*/ .notesNum { padding-left: 1.0em; text-indent: -1.2em; } /* 10．*/ .notesNum2Keta { padding-left: 1.58em; text-indent: -1.68em; } /* 1)  */ .notesParentNum { padding-left: 1.35em; text-indent: -1.2em; } /* (1)  */ .notesParent2Num { padding-left: 1.83em; text-indent: -1.50em; } /* 10)  */ .notesParentNum2Keta { padding-left: 1.98em; text-indent: -1.7em; } /* (10)  */ .notesParent2Num2Keta { padding-left: 2.48em; text-indent: -2.0em; } /* ※注)  */ .notesParentAtten { padding-left: 3em; text-indent: -2.7em; } /* (注1)  */ .notesParentAttenNum { padding-left: 3.0em; text-indent: -2.7em; } /* なし */ .notesMarkerNone { margin-top: 1em !important; /*text-indent: -1.34em !important;*/ } /*　背景 --------------------------------------- */ /* なし */ .bgNone { background: none !important; } /* グレー */ .bgGray {} /* ------------------------------------------------------------------- 表示 ------------------------------------------------------------------- */ /* 非表示 */ .displayNone { display: none; } /* ------------------------------------------------------------------- クリアー ------------------------------------------------------------------- */ /* クリアー */ .clearBoth { clear: both; } /* ------------------------------------------------------------------- 隙間カット ------------------------------------------------------------------- */ /* 隙間カット */ .sukimaCut { line-height: 0; font-size: 0; } /* --------------------------------------- 　align --------------------------------------- */ /* 左 */ .alignLeft { text-align: left !important; } /* 中央 */ .alignCenter { text-align: center !important; } /* 右 */ .alignRight { text-align: right !important; } /* ------------------------------------------------------------------- imeモード ------------------------------------------------------------------- */ /* 日本語 */ .imeNihongo { ime-mode: active; } /* 英数字 */ .imeEisuji { ime-mode: inactive; } /* 不可 */ .imeFuka { ime-mode: disabled; } /* ======================================= 角丸 ======================================= */ /* すべて */ .rConer { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } /* 右上・下 */ .rRightConer { border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; } /* 左上・下 */ .rLeftConer { border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; } /* 左下・右下 */ .rBottomConer { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; } /* 左上・右上 */ .rTopConer { border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; } /* ------------------------------------------------------------------- box-sizing ------------------------------------------------------------------ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .vb img { vertical-align: bottom; } /* ------------------------------------------------------------------- base font ------------------------------------------------------------------- */ @media screen and (min-width: 1240px) { html { font-size: 62.5%; font-size /*\**/: 55%\9; /* for IE8 */ } } @media screen and (min-width: 769px) and (max-width:1240px) { html { font-size: 62.5%; font-size /*\**/: 55%\9; /* for IE8 */ } } @media screen and (max-width:768px) { html { font-size: 48%;} } @media print{ html { font-size: 50%;} } body { color: #000; font-size: 14px; font-size: 1.4rem; font-size /*\**/: 100%\9; /* for IE8 */ line-height: 1.8; /*font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;*/ font-family:"メイリオ",Meiryo,sans-serif; } .mincho {font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS ゴシック", sans-serif !important;} /* -- font-size class ------------------- */ .fs10 { font-size: 10px; font-size: 1.0rem; } .fs12 { font-size: 12px; font-size: 1.2rem; } .fs13 { font-size: 13px; font-size: 1.3rem; } .fs14 { font-size: 14px; font-size: 1.4rem; } .fs16 { font-size: 16px; font-size: 1.6rem; } .fs18 { font-size: 18px; font-size: 1.8rem; } .fs20 { font-size: 20px; font-size: 2.0rem; } .fs22 { font-size: 22px; font-size: 2.2rem; } .fs24 { font-size: 24px; font-size: 2.4rem; } /* -- for IE8 -- */ .fs10 { font-size /*\**/: 77%\9; } .fs12 { font-size /*\**/: 93%\9; } .fs13 { font-size /*\**/: 100%\9; } .fs14 { font-size /*\**/: 108%\9; } .fs16 { font-size /*\**/: 123.1%\9; } .fsM { font-size: 16px; font-size: 1.6rem; font-weight: normal !important; } .fsL { font-size: 22px; font-size: 2.2rem; font-weight: normal !important; } /* テキストをノーマルに */ address { font-style: normal; } /* h[n] */ h1,h2,h3,h4,h5,h6 { font-size: 1.4rem; } /* sup */ sup { font-size: 1.0rem; } /* strong */ strong { color: #656565; } /* ------------------------------------------------------------------- 太字 ------------------------------------------------------------------- */ .fwBold { font-weight: bold; } .fwNormal { font-weight: normal; } /* ------------------------------------------------------------------- カラー ------------------------------------------------------------------- */ .alert { color: #e31c24; font-style: normal; } /* 赤 */ .fcRed { color: #e31c24; } /* 白 */ .fcWhite { color: #FFF !important; } /* 緑 */ .fcGreen { color: #83ab1b !important; } /* オレンジ */ .fcOrange { color: #ff4800 !important; } /* 赤ボールド */ .fcRedBold { color: #e31c24; font-weight: bold; } /* リンク色ブルー */ .fcLinkBule { color: #1857ad; } /* マーカありストロング */ .attMarker { padding: 0 0.5%; background: #ffff99; font-weight: bold; } /* ------------------------------------------------------------------- 注釈関連 ------------------------------------------------------------------- */ /* ※ */ .notesTxt { 　font-size: 77%; } /* ------------------------------------------------------------------- link ------------------------------------------------------------------- */ a:link { color:#000; text-decoration: none; } a:active { text-decoration: none; } a:visited { color:#000; text-decoration: none; } a:hover { color:#000; text-decoration: none; } main a:link { color:#000; text-decoration: none; } main a:active { text-decoration: none; } main a:visited { color:#000; text-decoration: none; } main a:hover { color:#000; text-decoration: none; } /* ------------------------------------------------------------------- アルファ ------------------------------------------------------------------- */ /* a img:hover{ opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; } */ /* アルファなし */ a.alphaNone img:hover{ opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; } .biggerlinkItem { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } .biggerlinkItem:hover { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; } /* ------------------------------------------------------------------- リンクカラー ------------------------------------------------------------------- */ /* ホワイト */ .linkWhite a:link { color: #FFF; text-decoration: none; } .linkWhite a:active { color: #FFF; text-decoration: none; } .linkWhite a:visited { color: #FFF; text-decoration: none; } .linkWhite a:hover { color: #FFF; text-decoration: underline; } /* グレー */ .linkGray a:link { color: #333 !important; text-decoration: none; } .linkGray a:active { color: #333 !important; text-decoration: none; } .linkGray a:visited { color: #333 !important; text-decoration: none; } .linkGray a:hover { color: #333 !important; text-decoration: underline !important; } /* ----------------------------------------------- アイコン ----------------------------------------------- */ /* PDF */ .iconPdf {} .iconPdfR {} .iconPdfR a{ padding: 5px 30px 5px 0px; background-image: url(../../../img/common/ic_pdf.png); background-position: right center; background-repeat: no-repeat; } /* ワード */ .iconWord {} /* エクセル */ .iconExcel {} .iconBlank {} /* ------------------------------------------------------------------ 汎用 ul ---------------------------------------------------------------------*/ ul.ulType01 li { position: relative; padding-left: 1.2em; margin-bottom: 10px; } ul.ulType01 li::before { position: absolute; top: 0; left: 0; content: '\002022'; } ul.ulType01.pbh li { margin-bottom: 5px !important; } ul.ulType01 li:last-child { margin-bottom: 0; } ul.ulType01 li span{ color: #333; } /* nest