@charset "utf-8"; /* * cmn_style.css */ /* 自動でアイコン設定 ------------------------------------------------------------ */ a span.pdflink { /*PDFアイコン*/ background: url(/~/media/riken/img/common/ico_pdflink.gif) no-repeat; margin-left: 3px; height: 16px; width: 13px; display: inline-block; vertical-align: top; } a span.extralink { /*外部リンクアイコン*/ background: url(/~/media/riken/img/common/ico_extralink.gif) no-repeat; margin-left: 3px; height: 16px; width: 16px; display: inline-block; vertical-align: top; } a span.ziplink { /*zipアイコン*/ background: url(/~/media/riken/img/common/ico_ziplink.gif) no-repeat; margin-left: 3px; height: 16px; width: 13px; display: inline-block; vertical-align: top; } a span.wordlink { /*wordアイコン*/ background: url(/~/media/riken/img/common/ico_wordlink.gif) no-repeat; margin-left: 3px; height: 16px; width: 13px; display: inline-block; vertical-align: top; } a span.excellink { /*Excelアイコン*/ background: url(/~/media/riken/img/common/ico_excellink.gif) no-repeat; margin-left: 3px; height: 16px; width: 13px; display: inline-block; vertical-align: top; } a span.pptlink { /*pptアイコン*/ background: url(/~/media/riken/img/common/ico_pptlink.gif) no-repeat; margin-left: 3px; height: 16px; width: 13px; display: inline-block; vertical-align: top; } .jp img.expandimg { /*クリックして画像拡大*/ background: url(/~/media/riken/img/common/expandimg_jp.gif) no-repeat center bottom; padding-bottom: 18px; } .en img.expandimg { /*クリックして画像拡大*/ background: url(/~/media/riken/img/common/expandimg_en.gif) no-repeat center bottom; padding-bottom: 18px; } a span.questlink { /*はてなアイコン*/ background: url(/~/media/riken/img/common/ico_question.png) no-repeat; margin-left: 3px; height: 16px; width: 16px; display: inline-block; vertical-align: top; } /* #anchorlink ------------------------------------------------------------ */ #anchorlink { margin: 0 0 20px 0; } #anchorlink ul, #anchorlink ul li { list-style: none; margin: 0; padding: 0; } #anchorlink ul li { display: inline; float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #999; } #anchorlink ul li a { display: block; padding: 0 5px 0 0; } /* .pagetop ------------------------------------------------------------ */ p.pagetop { text-align: right; clear: both; margin: 1.5em 0 ; } p.pagetop a { background: url(/~/media/riken/img/common/pagetop_arrow.gif) no-repeat left center; padding-left: 16px; } .section p.pagetop { margin: 1.5em 0 0 0; padding-bottom: 5px; } p.pagetop.borderline { margin: 1.5em 0; border-top: 1px dotted #999; padding-top: 5px; } /* .arrow ------------------------------------------------------------ */ p.arrow, ul.arrow, div.arrow ul, .arrow li { list-style: none; padding: 0; } .arrow li { background: url(/~/media/riken/img/common/ico_arrow_main.gif) no-repeat 0 0.57em; padding-left: 10px; } p.arrow { background: url(/~/media/riken/img/common/ico_arrow_main.gif) no-repeat 0 0.57em; padding-left: 10px; } /* !flList .arrow.flListで横並び -------------------------------------------------------------- */ .flList li { display: inline; float: left; margin-right: 10px; } /* !Please -------------------------------------------------------------- */ .attention { font-weight: bold; color: #F60; } .notice { font-weight: bold; color: #D00; } /* hr ------------------------------------------------------------ */ hr { border: 0 none; border-bottom: 1px solid #999; margin: 20px 0; height: 1px; clear:both; } hr.borderBlue { border-bottom: 3px solid #081744; } hr.borderGray { border-bottom: 3px solid #999; } /* .section, .article ------------------------------------------------------------ */ .section, .article { clear: both; margin-bottom: 20px; } .section.borderline, .article.borderline { border-bottom: 1px solid #999; } .section.borderBlue, .article.borderBlue { border-bottom: 3px solid #081744; } .section.borderGray, .article.borderGray { border-bottom: 3px solid #999; } .article.bgSilver, .section.bgSilver { background:#EEE; padding: 20px 20px 10px 20px; } .article.bgGray, .section.bgGray { background:#999; color: #FFF; padding: 20px 20px 10px 20px; } .article.bgGray a, .section.bgGray a { color: #FFF; } /* .nowa ------------------------------------------------------------ */ .nowa { overflow: hidden; } #main .nowa h2, #main .nowa h3, #main .nowa h4, #main .nowa h5, #main .nowa h6 { margin-top: 0px; } /* .icoNew ------------------------------------------------------------ */ .icoNew { margin-left: 0.5em; margin-top: 0.3em; } /* table ------------------------------------------------------------ */ table { width: 100%; margin-bottom: 20px; } table th, table td { padding: 5px 10px; } table th { font-weight: bold; text-align: center; white-space: nowrap; border: 1px solid #CCC; vertical-align: middle; } table td { vertical-align: top; border: 1px solid #CCC; } /* .articleTable ------------------------------ */ table.articleTable { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } table.articleTable th { border: 0 none; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } table.articleTable td { border: 0 none; border-top: 1px dotted #ccc; } /* .thSilver 見出し背景シルバー ------------------------------ */ table.thSilver { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } table.thSilver th { background: #EEE; border-bottom: 0 none; color: #000; } table.articleTable.thSilver th { background: #EEE; border: 1px solid #FFF; border-left: 0 none; color: #000; } /* .thGray 見出し背景グレイ ------------------------------ */ table.thGray { border-top: 1px solid #999; border-bottom: 1px solid #999; } table.thGray th { background: #999; border: 0 none; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; color: #FFF; } /* .thGray 見出し背景ブルー ------------------------------ */ table.thBlue { border-top: 1px solid #081744; border-bottom: 1px solid #081744; } table.thBlue th { background: #081744; border: 0 none; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; color: #FFF; } /* .thL 見出し左寄せ ------------------------------ */ table.thL th { text-align: left; } table.articleTable.thL th { border-right: 0 none; } /* .plain ボーダー、背景無し ------------------------------ */ table.plain { border: 0 none; } table.plain th, table.plain td { color: #000; background: none; border: 0 none; padding: 0 20px 10px 0; text-align: left; vertical-align: top; } /* !table table テーブルの入れ子はボーダー、見出し背景無し ------------------------------ */ table tr td table { width: auto !important; border: 0 none !important; margin: 0 !important; } table tr td table tr th, table tr td table tr td { color: #000 !important; background: none !important; border: 0 none !important; padding: 0 20px 10px 0 !important; text-align: left !important; vertical-align: top !important; } /* !imgBox -------------------------------------------------------------- */ .imgBox p, .imgBox ul, .imgBox ol, .imgBox dl, .imgBox table, .imgBoxR p, .imgBoxR ul, .imgBoxR ol, .imgBoxR dl, .imgBoxR table, .imgBoxL p, .imgBoxL ul, .imgBoxL ol, .imgBoxL dl, .imgBoxL table { clear: both; } #main .imgBox h2, #main .imgBox h3, #main .imgBox h4, #main .imgBox h5, #main .imgBox h6, #main .imgBoxR h2, #main .imgBoxR h3, #main .imgBoxR h4, #main .imgBoxR h5, #main .imgBoxR h6, #main .imgBoxL h2, #main .imgBoxL h3, #main .imgBoxL h4, #main .imgBoxL h5, #main .imgBoxL h6, #main .imgBoxC h2, #main .imgBoxC h3, #main .imgBoxC h4, #main .imgBoxC h5, #main .imgBoxC h6 { font-size: 100%; margin: 0 0 1.5em; } .imgBoxC .capTxt { text-align: left; } .imgBox dl, .imgBoxR dl, .imgBoxL dl { margin-bottom: 1.5em; } .imgBox dt, .imgBoxR dt, .imgBoxL dt { font-weight: bold; } .imgBox p, .imgBoxR p, .imgBoxL p { margin-bottom: 1em; } .imgBox { margin: 0px 0px 30px; clear: both; line-height: 1.5; width: 700px; } .imgBoxR, .imgBoxL { margin: 0; clear: both; line-height: 1.5; } .imgBoxC { margin: 0px 0px 30px; clear: both; text-align: center; } .imgBox img, .imgBoxR img, .imgBoxL img, .imgBoxC img { margin-bottom: 10px; clear: both; } .imgBox img, .imgBox .inner { display: inline; float: left; margin-left: 10px; clear: none; } .imgBox .outer { clear: both; } .imgBoxR img, .imgBoxR .inner, .imgBoxR .outer { display: inline; float: right; margin-left: 30px; clear: both; } .imgBoxL img, .imgBoxL .inner,.imgBoxL .outer { display: inline; float: left; margin-right: 30px; clear: both; } .imgBox .inner img { float: none; } .imgBox .inner img, .imgBoxR .inner img, .imgBoxL .inner img { margin: 0px 0px 10px; } .imgBox .outer .inner, .imgBoxR .outer .inner, .imgBoxL .outer .inner { float: left; margin: 0 0 0 10px; clear: none; } .fix100 .inner { width: 100px; } .fix105 .inner { width: 105px; } .fix120 .inner { width: 120px; } .fix150 .inner { width: 150px; } .fix160 .inner { width: 160px; } .fix200 .inner { width: 200px; } .fix300 .inner { width: 300px; } .fix340 .inner { width: 340px; } .imgBoxR.fix100 .outer, .imgBoxL.fix100 .outer { width: 210px; } .imgBoxR.fix105 .outer, .imgBoxL.fix105 .outer { width: 220px; } .imgBoxR.fix120 .outer, .imgBoxL.fix120 .outer { width: 250px; } .imgBoxR.fix150 .outer, .imgBoxL.fix150 .outer { width: 310px; } .imgBoxR.fix160 .outer, .imgBoxL.fix160 .outer { width: 330px; } .imgBoxR.fix200 .outer, .imgBoxL.fix200 .outer { width: 410px; } .imgBox.col2, .imgBox.col3, .imgBox.col4, .imgBox.col5 { margin-bottom: 0; } .imgBox.col2 .inner, .imgBox.col3 .inner, .imgBox.col4 .inner, .imgBox.col5 .inner, .imgBox.auto .inner , .imgBox.gallery .inner { clear: both; margin-left: 0px; } .imgBox.col2 .outer .inner { width: 340px; clear: none; margin-left: 20px; } .imgBox.col3 .outer .inner { width: 220px; clear: none; margin-left: 20px; } .imgBox.col4 .outer .inner { width: 160px; clear: none; margin-left: 20px; } .imgBox.col5 .outer .inner { width: 120px; clear: none; margin-left: 25px; } .imgBox.auto .outer .inner { clear: none; margin-left: 10px; } .imgBox.gallery .outer .inner { clear: none; margin-left: 10px; } .imgBox.gallery .frame { margin-left: 0px; margin-bottom: 10px; padding: 5px; border: 1px solid #CCC; text-align:center; } .imgBox.gallery img { margin: 0; } .imgBoxR .outer .inner:first-child, .imgBoxL .outer .inner:first-child, .imgBox img:first-child, .imgBox .inner:first-child, .imgBox .outer .inner:first-child { margin-left: 0; } /* .featuredBox ------------------------------------------------------------ */ .featuredBox { margin-bottom: 20px; } .featuredBox dl { margin-top: 10px; margin-bottom: 1.5em; } .featuredBox dt { font-weight: bold; } /* .pagination ------------------------------------------------------------ */ .pagination { margin-bottom: 10px; clear: both; margin-top: 10px; } .pagination ul, .pagination li { margin: 0; padding: 0; list-style: none; } .pagination ul { text-align: right; } .pagination ul li { display: inline; } .pagination ul li.page a { padding:5px; margin: 0 5px; background: #DDD; text-decoration:none; } .pagination ul li.page a:hover { background: #999; color:#FFF; } .pagination ul li.page a.current { background: #081744; color:#FFF; } .pagination .prev { background: url(/~/media/riken/img/common/pagination_arrow_prev.gif) no-repeat left center; margin-right: 5px; padding-left: 10px; display: inline; } .pagination .next { background: url(/~/media/riken/img/common/pagination_arrow_next.gif) no-repeat right center; margin-left: 5px; padding-right: 10px; display: inline; } /* .indexBox ------------------------------------------------------------ */ .indexBox { clear: both; margin: 0px 0px 30px; line-height: 1.5; } .indexBox .outer { background: url(/~/media/riken/img/common/indexbox_shadow.jpg) no-repeat center bottom; padding-bottom: 5px; margin: 0 0 15px 0; } .indexBox .inner { border-top: 1px solid #DDD; border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 10px; margin: 0; position: relative; background: #FFF } .indexBox img { display: inline; float: left; margin: 0 20px 0 0; } .indexBox dl { } .indexBox dt, #main .indexBox h2, #main .indexBox h3, #main .indexBox h4, #main .indexBox h5, #main .indexBox h6 { margin: 0 0 0.4em 0; /*margin: 0;*/ font-size: 110%; font-weight: bold; } .indexBox dd { margin: 0; } .indexBox p { margin: 0.5em 0 0 0; /*margin: 0;*/ } /* .indexBox.col2 ------------------------------ */ .indexBox.col2 { line-height: 1.5; margin-bottom: 10px; } .indexBox.col2 img { display: inline; float: left; margin: 0 10px 0 0; } .indexBox.col2 .outer { width: 340px; display: inline; float: left; background-image: url(/~/media/riken/img/common/indexbox_shadow_s.jpg); } .indexBox.col2 .outer.oddbox { margin: 0 0 15px 0; } .indexBox.col2 .outer.evenbox { margin: 0 0 15px 20px; } .indexBox.col2 .outer { margin: 0 0 1px 0; } /* .indexBox.data ------------------------------ */ .indexBox .data .data { font-size: 91%; margin: 0px; position: absolute; right: 10px; bottom: 10px; line-height: 1; } .indexBox .data .nowa { padding-bottom: 1.5em; } /* .indexBox ul ------------------------------ */ .indexBox ul { list-style: none; margin: 0 0 0 20px; padding: 0; float: right; width: 270px; } .indexBox ul li { background: url(/~/media/riken/img/common/ico_arrow_main.gif) no-repeat 0 0.47em; padding-left: 10px; } /* Biggerlink ------------------------------ */ .indexBox .bl-hover { background: #EEE; } /* .articleList ------------------------------------------------------------ */ .articleList { clear: both; margin: 0px 0px 30px; line-height: 1.5; } .bt .articleList { border-top: 1px dotted #ccc; } .articleList .inner { margin: 0; border-bottom: 1px dotted #ccc; padding-top: 10px; padding-bottom: 10px; } .articleList img { display: inline; float: right; margin: 0 0 0 20px; border: 1px solid #666; } .articleList dl { } .articleList dt, #main .articleList h2, #main .articleList h3, #main .articleList h4, #main .articleList h5, #main .articleList h6 { font-size: 100%; margin: 0 0 0.5em 0; font-weight: bold; } .articleList dd { margin: 0; } .articleList p { margin: 0.5em 0 0 0; } .articleList ul { list-style: none; margin: 0; padding: 0; } .articleList ul li { background: url(/~/media/riken/img/common/ico_arrow_main.gif) no-repeat 0 0.47em; padding-left: 10px; } /* tabNavi ------------------------------------------------------------ */ .tabNavi { margin-bottom: 20px; } .tabNavi ul, .tabNavi li { margin: 0; padding: 0; list-style: none; } .tabNavi ul { clear: both; line-height: 1.2; margin-bottom: 10px; } .tabNavi ul li { display: inline; float: left; } .tabNavi ul li a { display: block; padding: 5px; margin: 0 0 0 1px; text-align: center; text-decoration: none; background: #DDD; } .tabNavi ul.col4 li a { width: 174px; padding: 5px 0px; } .tabNavi ul.col5 li a { width: 139px; padding: 5px 0px; } .tabNavi ul.col6 li a { width: 115px; padding: 5px 0px; } .tabNavi ul.col10 li a { width: 69px; padding: 5px 0px; } .tabNavi ul.col26 li a { width: 25px; padding: 5px 0px; } .tabNavi ul li a:hover { background-color: #999; color: #fff; } .tabNavi ul li a.current { background: #081744 !important; color: #FFF; } .tabNavi ul.row2 { background: #FFF; padding: 0; } .tabNavi ul.row2 li a { padding: 5px; margin: 0 10px; } .tabNavi ul.col5.row2 li a { width: 110px; background: #DDD url(/~/media/riken/img/common/tabNavi_bg_col5_row2.png) no-repeat center center; } .tabNavi ul.col5.row2 li a:hover { background: #AAA url(/~/media/riken/img/common/tabNavi_bg_col5_row2.png) no-repeat center center; color: #FFF; } .tabNavi ul.col5.row2 li a.current { background: #081744 url(/~/media/riken/img/common/tabNavi_bg_col5_row2.png) no-repeat center center !important; color: #FFF; } .tabNavi ul.col6.row2 li a { width: 86px; background: #DDD url(/~/media/riken/img/common/tabNavi_bg_col6_row2.png) no-repeat center center; } .tabNavi ul.col6.row2 li a:hover { background: #AAA url(/~/media/riken/img/common/tabNavi_bg_col6_row2.png) no-repeat center center; color: #FFF; } .tabNavi ul.col6.row2 li a.current { background: #081744 url(/~/media/riken/img/common/tabNavi_bg_col6_row2.png) no-repeat center center !important; color: #FFF; } /* !orgList -------------------------------------------------------------- */ #orgList{ margin-bottom: 20px; border-top: 1px solid #CCC; clear: both; position: relative; } #orgList ul, #orgList li { margin: 0; padding: 0; list-style: none; } #orgList ul li { clear: both; } #orgList dl { border-bottom: 1px dotted #CCC; } #orgList dt, #orgList dd { display: inline; float: left; padding: 5px 0; } #orgList ul li dt { width: 440px; padding-left: 0px; padding-right:10px; } #orgList ul li ul li dt { width: 420px; padding-left: 20px; padding-right:10px; } #orgList ul li ul li ul li dt { width: 400px; padding-left: 40px; padding-right:10px; } #orgList ul li ul li ul li ul li dt { width: 380px; padding-left: 60px; padding-right:10px; } #orgList ul li dd { overflow: hidden; width: 250px; } /* .olgDownload ------------------------------ */ #orgList .olgDownload{ margin: 0; position: absolute; right: 0px; top: -40px; } /* !memberList -------------------------------------------------------------- */ #memberList { margin-bottom: 20px; clear: both; } #memberList h3 { padding: 5px 0; border-top: 1px solid #CCC; font-size: 110%; margin: 0; } #memberList dl { border-bottom: 1px dotted #CCC; margin: 0 0 20px 0; clear: both; } #memberList dt, #memberList dd { border-top: 1px dotted #CCC; float: left; display: inline; } #memberList dt { width: 420px; padding: 5px 10px 5px 20px; } #memberList dd { padding: 5px 0; width: 250px; } /* .locList ------------------------------------------------------------ */ .locList { margin-bottom: 20px; } .locList dl { } .locList dt { font-weight: bold; display: inline; float: left; margin-right: 10px; padding-right: 10px; } .locList dd { display: inline; float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #999; } .locList dd { } /* #searchBox ------------------------------------------------------------ */ #searchBox { padding:10px; margin-bottom: 20px; border: 1px solid #CCC; } #searchBox fieldset { padding:10px; background:#EEE; } #searchBox #specifiedkey { margin-bottom: 1px; border-bottom: 1px solid #DDD; } #searchBox #specifiedkey legend, #searchBox #freekey legend { float:left; padding:0; margin:0 10px 0 0; font-weight:bold; } #searchBox #specifiedkey #allcheck, #searchBox #specifiedkey #allclear { float:left; margin:0 5px 10px 0; } #searchBox #specifiedkey .checkbox { clear:both; padding:10px; background:#FFF; } #searchBox label { margin-right: 10px; display:inline-block; } * html #searchBox label { display: inline; height: 1%; } *:first-child+html #searchBox label { display: inline; height: 1%; } #searchBox #freekey { margin-bottom: 10px; } #searchBox #freekey #keywords { margin-right: 10px; background: #FFF; width: 250px; } #searchBox #submit, #searchBox #reset, #searchBox #submit_btn { margin:0 5px 0 0; padding: 0 !important; border: 0 none !important; overflow: hidden !important; text-indent: -9999px !important; cursor: pointer; outline:none; height: 30px; } .jp #searchBox #submit_btn { background: url(/~/media/riken/img/common/search_jp.png) no-repeat 0 0; width: 120px; } .jp #searchBox #submit { background: url(/~/media/riken/img/common/search_jp.png) no-repeat 0 0; width: 120px; } .jp #searchBox #reset { background: url(/~/media/riken/img/common/reset_jp.png) no-repeat 0 0; width: 60px; } .en #searchBox #submit_btn { background: url(/~/media/riken/img/common/search_en.png) no-repeat 0 0; width: 120px; } .en #searchBox #submit { background: url(/~/media/riken/img/common/search_en.png) no-repeat 0 0; width: 120px; } .en #searchBox #reset { background: url(/~/media/riken/img/common/reset_en.png) no-repeat 0 0; width: 60px; } /* #resultNum ------------------------------------------------------------ */ #resultNum{ font-weight: bold; float: left; display: inline; } /* #resultsList ------------------------------------------------------------ */ #resultsList { clear: both; } #resultsList table { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } #resultsList table th { background: #EEE; border: 1px solid #FFF; border-left: 0 none; color: #000; } #resultsList table td { border: 0 none; border-top: 1px dotted #CCC; } /* !Base Fonts -------------------------------------------------------------- */ .fz10 { font-size: 83%; } .fz11 { font-size: 91%; } .fz12 { font-size: 100%; } /* !Width --------------------------------------------------------------- */ .w35 { width: 35px; } .w70 { width: 70px; } .w85 { width: 85px; } .w95 { width: 95px; } .w100 { width: 100px; } .w115 { width: 115px; } .w125 { width: 125px; } .w130 { width: 130px; } .w135 { width: 135px; } .w145 { width: 145px; } .w150 { width: 150px; } .w160 { width: 160px; } .w180 { width: 180px; } .w200 { width: 200px; } .w210 { width: 210px; } .w220 { width: 220px; } .w230 { width: 230px; } .w260 { width: 260px; } .w270 { width: 270px; } .w305 { width: 305px; } .w320 { width: 320px; } .w340 { width: 340px; } .w350 { width: 350px; } .w355 { width: 355px; } .w360 { width: 360px; } .w480 { width: 480px; } .w520 { width: 520px; } .w640 { width: 640px; } .w800 { width: 800px; } .w960 { width: 960px; } /* !text-align ------------------------------------------------------------------ */ .txtR{ text-align: right !important; } .txtL{ text-align: left !important; } .txtC{ text-align: center !important; } /* !Floats ------------------------------------------------------------------ */ .flL { display: inline !important; float: left !important; } .flR { display: inline !important; float: right !important; } /* !Tools ------------------------------------------------------------------- */ .clear { clear: both !important; } .noclear { clear: none !important; } .block { display: block !important; } .hide { display: none !important; } /* !Margin ------------------------------------------------------------------ */ .mt0 { margin-top: 0 !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt12 { margin-top: 12px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mt45 { margin-top: 45px !important; } .mt50 { margin-top: 50px !important; } .mr0 { margin-right: 0 !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr12 { margin-right: 12px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr45 { margin-right: 45px !important; } .mr50 { margin-right: 50px !important; } .mb0 { margin-bottom: 0 !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb12 { margin-bottom: 12px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .ml0 { margin-left: 0 !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml12 { margin-left: 12px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .ml45 { margin-left: 45px !important; } .ml50 { margin-left: 50px !important; } /* !Padding ---------------------------------------------------------------- */ .pt0 { padding-top: 0 !important; } .pt5 { padding-top: 5px !important; } .pt10 { padding-top: 10px !important; } .pt12 { padding-top: 12px !important; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 20px !important; } .pt25 { padding-top: 25px !important; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px !important; } .pt40 { padding-top: 40px !important; } .pt45 { padding-top: 45px !important; } .pt50 { padding-top: 50px !important; } .pr0 { padding-right: 0 !important; } .pr5 { padding-right: 5px !important; } .pr10 { padding-right: 10px !important; } .pr12 { padding-right: 12px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; } .pr40 { padding-right: 40px !important; } .pr45 { padding-right: 45px !important; } .pr50 { padding-right: 50px !important; } .pb0 { padding-bottom: 0 !important; } .pb5 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px !important; } .pb12 { padding-bottom: 12px !important; } .pb15 { padding-bottom: 15px !important; } .pb20 { padding-bottom: 20px !important; } .pb25 { padding-bottom: 25px !important; } .pb30 { padding-bottom: 30px !important; } .pb35 { padding-bottom: 35px !important; } .pb40 { padding-bottom: 40px !important; } .pb45 { padding-bottom: 45px !important; } .pb50 { padding-bottom: 50px !important; } .pl0 { padding-left: 0 !important; } .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl12 { padding-left: 12px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px !important; } .pl40 { padding-left: 40px !important; } .pl45 { padding-left: 45px !important; } .pl50 { padding-left: 50px !important; } /* ! list-style　※ * 20180824updated ---------------------------------------------------------------- */ /* */ /* Ie互換表示対策に、meta textに上記タグを入れる*/ /*ie11対応検証中*/ @media all and (-ms-high-contrast:none){ _:-ms-lang(x)::-ms-backdrop, .kome2 li { color: blue; } } /*:米印
    */ ol.kome { counter-reset: number; list-style: none; } ol.kome li::before { counter-increment: number; content: "※"counter(number)" "; } /*:米印