/************************************************/ /* jquery-ui-1.10.0.css上書き */ /************************************************/ /* modal画面表示時の親画面の背景色変更 */ .ui-widget-overlay { background: #000000; } .ui-dialog, .ui-dialog-buttonpane { background: #FFFFFF; } /* font-family等変更 */ .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; } /* datepickerの文字サイズを上書き */ .ui-datepicker { font-size: 1em; } /* autoCompleteでリスト数が多いときスクロールバーを出す */ .ui-autocomplete { max-height: 100px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; } .header { margin-left: 5px; margin-right: 5px; width: 100%; max-width: 1120px; } .copyright { color: #666666; text-align: right; font-size:.8rem; } /************************************************/ /* ajaxToolkit:TabContainer　のスタイル上書き /* ajaxToolkit:TabContainerのCSSはマスターページのに /* 追加されるため、style.cssの参照をマスターページのに /* することで上書き可能となった /************************************************/ .ajax__tab_xp .ajax__tab_body { font-family: "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; font-size: 1rem; background-color: transparent; } .ajax__tab_tab { font-family: "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; font-size: 1rem; } .ajax__tab_header { font-family: "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; font-size: 1rem; } /* ------ ｺﾝﾃﾝﾂﾍﾟｰｼﾞ内ﾒｲﾝ部 ------ */ .mainContent-main { width: 950px; } /* ------ ｺﾝﾃﾝﾂﾍﾟｰｼﾞ内共通部 ------ */ .font-family{ font-family: "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; } .textBoxIme { ime-mode: disabled; } /*ModalPanel */ .modal-background { background-color: whitesmoke; filter: alpha(opacity=70); opacity: 0.7; } .modal-progress { /*height: 70px; width: 200px;*/ background-color: gainsboro; -moz-border-radius: .2rem; -webkit-border-radius: .2rem; border-radius: .2rem; } .btn,btn-search,btn-small-round { cursor: pointer; font-size: 1.2rem; background-image: linear-gradient(0deg, #ddd, #eee); border: 1px solid #C0C0C0; color: #333; padding: .2em .8em; /*box-shadow: 0px 1px 1px #333;*/ -moz-border-radius: .2rem; -webkit-border-radius: .2rem; border-radius: .2rem; } .btn-logout { font-size: 0.9rem; -moz-border-radius: .8rem; -webkit-border-radius: .8rem; border-radius: .8rem; color: #FFF; border: 1px solid #DA5325; padding: .2em .8em; /*background-image: linear-gradient(0deg, #FF4500, #FF733F);*/ background-image: linear-gradient(0deg, #F05722, #F89F1F); } .btn-logout:hover { cursor:pointer; color: #444; background-image: linear-gradient(0deg, #FA7B49, #FCB397); border: 1px solid #DA5325; } .btn-slist { cursor: pointer; font-size: 1.2rem; background-image: linear-gradient(0deg, #A6CAF0, #FFFFFF); border: 1px solid #C0C0C0; color: #333; padding: .2em .8em; -moz-border-radius: .2rem; -webkit-border-radius: .2rem; border-radius: .2rem; } .btn-slist:hover { cursor:pointer; color: #333; background-image: linear-gradient(0deg, #6495ed, #EEEEEE); border: 1px solid #C0C0C0; } .btn:active { cursor:pointer; border: 1px solid #999; } .btn:hover { cursor:pointer; color: #111; background-image: linear-gradient(0deg, #ccc, #eee); border: 1px solid #999; } .btn:disabled { cursor:default; background-image:none; border: 1px solid #C0C0C0; color: #999; background-color:#ddd; } .btn-search { padding: .5rem 7rem; margin:.5rem 0px; } .btn-upload{ background-color:#eee; box-shadow:none; border:1px solid #ccc; padding:.2rem .5rem; } .txt-odmcd { width: 6rem; } .txt-ymd { width: 7.5rem; text-align:center; } .txt-ym { width: 5rem; text-align:center; } .txt-time { width: 7rem; text-align:center; } .txt-idno { width: 10rem; text-align:center; } .txt-kakudai4 { width: 4rem; text-align:center; } .txt-mailadr { width: 30rem; } .txt-failsize { width: 2rem; height: 1.5rem; text-align:right; } .txt-odmnm { width: 15rem; } .txt-odmcd[readonly], .txt-odmnm[readonly] { background-color: rgba(235, 235, 228, 1); border: 1px solid rgba(187, 187, 187, 1); } .btn-toppage { -moz-border-radius: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; border: 1px solid #1C94C4; color: #fff; background-color: #1C94C4; width: 100%; box-shadow: 2px 3px 3px rgba(100,100,100,0.4); padding:.3rem 0px; font-weight: bold; } .btn-toppage:hover { background-color: #146f93; border: 1px solid #146f93; } .btn-small-round { font-size: 0.9rem; -moz-border-radius: .8rem; -webkit-border-radius: .8rem; border-radius: .8rem; } .btn-upd { cursor: pointer; font-size: 1.2rem; padding: .2rem 5rem; -moz-border-radius: .2rem; -webkit-border-radius: .2rem; border-radius: .2rem; background-image: linear-gradient(0deg, #08f, #06c); color: #fff; border: 1px solid #999; text-shadow:1px 1px 0px #333; } .btn-upd:active { cursor:pointer; border: 1px solid #999; text-shadow:1px 1px 0px #333; } .btn-upd:hover { cursor:pointer; background-image: linear-gradient(0deg, #06c, #004d99); border: 1px solid #02c; color: #fff; text-shadow:1px 1px 0px #333; } .btn-upd:disabled { cursor:default; background-image:none; border: 1px solid #C0C0C0; color: #999; background-color:#ddd; text-shadow:none; } .btn-out { cursor: pointer; font-size: 1.1rem; background-color: #ffb29c; background-image:none; border: 1px solid #f63; color: #222; padding: .2em .8em; -moz-border-radius: .5rem; -webkit-border-radius: .5rem; border-radius: .5rem; } .btn-out:active { cursor: pointer; border: 1px solid #999; } .btn-out:hover { cursor: pointer; background-color: #f63; background-image:none; border: 1px solid #f63; color: #fff; } .btn-out:disabled { cursor:default; background-color: #ffd4b7; background-image:none; border: 1px solid #ccc; color: #777; } .ahref:link { color: #0066cc; } .ahref:visited { color: #0066cc; } .ahref:hover { color: #c77405; } .ahref:active { color: #c77405; } .tableType1 { border-collapse: collapse; } .tableType1 th, .tableType1 td { vertical-align: middle; border: 1px solid gray; padding: 1px 5px; } .tableType1 th { font-weight: 500; } .tableType2 { border-collapse: collapse; } .tableType2 th, .tableType2 td { vertical-align: middle; border: 1px solid gray; padding: .5rem; } .tableTypeSpread { border-collapse: collapse; } .tableTypeSpread th, .tableTypeSpread td { vertical-align: middle; border: 1px solid darkgray; padding: 1px 5px; } .tableTypeSpread th { background-color: aliceblue; font-weight: 500; color: mediumblue; } .v_list td { padding: 5px 0px 0px; } .h_list td { padding: 0px 10px 0px 0px; } .vh_list td { padding: 5px 10px; } .vh_list2 td { padding: 5px 10px 0px 0px; } .vh_list3 td { padding: 5px; } .btn-rdo label { display: inline-block; padding: 2px; } .btn-rdo input[type="radio"]:checked + label { color: #0066cc; font-weight: bold; } .buttonGroup input[type="radio"] { display: none; } .buttonGroup label { display: block; background-image: linear-gradient(0deg, #ddd, #eee); border: 1px solid #C0C0C0; padding: .2em .8em; color: #333; font-weight: normal; } .buttonGroup input[type="radio"]:checked + label { background-image: linear-gradient(0deg, #06c, #06c); color: #fff; font-weight: bold; border: 1px solid #06c; } .my-spread-style { font-family: "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; font-size: 1rem; } .my-spread-style a:link { color: #0066cc; } .my-spread-style a:visited { color: #c77405; } .my-spread-style a:hover { color: #c77405; } .my-spread-style a:active { color: #c77405; } .panel-title { font-size: 1.1rem; margin-left: .5rem; font-weight: bold; } .process { background-color:#d9f28a; padding: .5rem; margin: 1em 0px; } .descript { background: #eaf4ff; padding: .5rem; border: 1px solid #8eb4e3; } .delRow { background-color: Silver; } .hr { border-top: 2px solid #8eb4e3; margin: .2rem 0px .5rem; } /* 共通 */ .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .valign-middle { vertical-align: middle; } .valign-top { vertical-align: top; } .valign-bottom { vertical-align: bottom; } .border1 { border: 1px solid gray; } .box1 { border: 1px solid gray; border-radius: 10px; } .bordertop-none { border-top: none; } .border-none { border: none; } .border1-top { border-top: 1px solid gray; } .padding { padding: 1rem; } .padding-min { padding: .5rem; } .padding-top { padding-top: 1rem; } .padding-top2 { padding-top: 2rem; } .padding-top-sml { padding-top: .5rem; } .padding-left { padding-left: 1rem; } .padding-left2 { padding-left: 2rem; } .padding-left-sml { padding-left: .5rem; } .padding-right { padding-right: 1rem; } .padding-bottom { padding-bottom: 1rem; } .padding-bottom-sml { padding-bottom: .5rem; } .cellspacing0 { border-spacing: 0; } .font-bold { font-weight: 900; } .topleft0 { top: 0px; left: 0px; } .margin2 { margin: 2rem; } .margin-bottom { margin-bottom: 1rem; } .margin-bottom2 { margin-bottom: 2rem; } .margin-top { margin-top: 1rem; } .margin-top1_5 { margin-top: 1.5rem; } .margin-top2 { margin-top: 2rem; } .margin-top-sml { margin-top: .5rem; } .margin-bottom-sml { margin-bottom: .5rem; } .margin-left { margin-left: 1rem; } .margin-left-sml { margin-left: .5rem; } .margin-left2 { margin-left: 2rem; } .margin-right { margin-right: 1rem; } .margin-right2 { margin-right: 2rem; } .inline-block { display: inline-block; } .float-left { float: left; } .float-right { float: right; } .font-medium { font-size: 1rem; } .font-small { font-size: .9rem; } .font-large { font-size: 1.1rem; } .clearfix:after { display: block; clear: both; content: ""; } .width100 { width: 100%; } .max-width { max-width:1120px; } .hidden{ display:none; } .color-red{color:red;} .color-blue{color:blue;} .backcolor-blue{ background-color:aliceblue; } .backcolor-yellow{ background-color:lightyellow; } .backcolor-red{ background-color:mistyrose; } .info { width:100%; /*border: 1px solid gray;*/ margin: 1em 0px; padding: .5em 0px; /*max-width:1120px;*/ background-color:#d9f28a; font-size:1.1em; } .boxNoka{ padding: 1em 1em; margin: 0.5em 0; background: #FFF; border: solid 2px #C0C0C0; border-radius: 10px; } .cr-info { width:100%; margin: 1em 0px; padding: .5em 0px; font-size:1.2em; border:1px solid lightgray; } .cr-color-add{ background-color:lightyellow; } .cr-color-edit{ background-color:aliceblue; } .cr-color-remove{ background-color:#ffccd5; } /*.cr-border-add{ border:1px solid yellow; } .cr-border-edit{ border:1px solid blue; } .cr-border-remove{ border:1px solid red; }*/