﻿/* ==
  基準用CSS STYLES FOR i-SITE PORTAL 
== */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
/*normalize.cssここまで*/

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"], input[type="image"]
{
    margin: 2px;
}

/*#viewframe
{
transform:scale(0.8);
}*/

input[type="image"]
{
    margin: 0px;
    cursor: pointer; /* 3 */
}

button[disabled], html input[disabled]
{
    color: #666;
}

body
{
    font-size: small;
    padding: 0px;
    line-height: 1.2;
}

body#actionBody
{
    background-color: White;
    background-image:none;
}

/*normal table citizen voice*/
.Item_normal td, .Item_normal th
{
    padding: 3px;
}

/* IEのバグ対策につき不用意に変更してはいけません。 */
/* ↓↓ ここから ↓↓ */
/* IE Win & Mac Dumy \*/
table
{
    /*    height: 0px;　テーブルウィザードのキャンセルボタンが出ない*/
}


* html .BodyDef
{
    height: 1%;
}
/* IE Win & Mac Dumy */
/* ↑↑ ここまで ↑↑ */

#BaseTable, #SystemMenu, #HeaderPane, #LeftPane, #CRPaneTd, #ContentPane, #RightPane, #FooterPane
{
    border: none 0px transparent;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

/*** 一般、システム共用定義 ***/
#BaseTable
{
    position: relative;
}


/*移動部分*/

/* v2.14用追記 */
table.__ModuleTitleTable
{
    width: 95%;
}

/* 通常リンク */
a:link
{
    text-decoration: underline;
    color: black;
}

a:visited
{
    text-decoration: underline;
    color: #00008b;
}

a:hover
{
    text-decoration: underline;
    color: #8b0000;
}

a:active
{
    text-decoration: underline;
    color: black;
}

/* GENERIC */
p
{
    margin: 2px;
    padding: 2px;
}

img
{
    border-width: 0px;
}

h1, h2, h3, h4, h5, h6, dt
{
    color: #666644;
    margin: 2px;
    padding: 2px;
    height: auto;
}

h1
{
    font-size: xx-large;
    font-weight: normal;
    margin-bottom: 8px;
}

h2
{
    font-size: x-large;
    font-weight: normal;
    margin-bottom: 7px;
}

h3
{
    font-size: large;
    font-weight: normal;
    margin-bottom: 6px;
}

h4
{
    font-size: medium;
    font-weight: bold;
    margin-bottom: 5px;
}

h5, dt
{
    font-size: medium;  /*small→2018.4.4*/
    font-weight: normal;    /*bold→2018.4.4*/
    margin-bottom: 4px;
}

h6
{
    font-size: small;  /*x-small→2018.4.4*/
    font-weight: bold;
    margin-bottom: 3px;
}

dir, menu
{
    font-size: small;
    margin-bottom: 3px;
}

address
{
    font-size: small;
}

tfoot, thead
{
    font-size: small;
    color: #333; /*#666644;*/
}

small
{
    font-size: x-small; /*xx-small→2018.4.4*/
}

big
{
    font-size: xx-large;
}

pre
{
    font-size: small;
    padding-left: 5px;
    padding-bottom: 3px;
}

code, pre
{
    font-family: 'Courier New' , 'ＭＳ ゴシック' , 'Osaka－等幅' , Courier , monospace;
    color: #606060;
}


ul
{
    list-style: square outside;
    margin-left: 2.0em;
    padding-left: 0em;
}

ul ul
{
    list-style: disc outside;
}

ul ul ul
{
    list-style: circle outside;
}

ol
{
    list-style: decimal outside;
    margin-left: 2.0em;
    padding-left: 0em;
}

ol ol
{
    list-style: lower-alpha outside;
}

ol ol ol
{
    list-style: lower-roman outside;
}

/* HRは記載しないほうがよい */

/*** 主にシステム用定義 ***/
/* 汎用文字 */
.NormalTextSmall
{
    font-size: x-small;
    color: black;
}

.NormalText
{
    font-size: 88%;
    color: black;
}

.NormalTextMedium
{
    font-size: small;
    color: black;
}

.NormalTextLarge
{
    font-size: medium;
    color: black;
}

/* 汎用テキストボックス */
.NormalTextBox
{
    font-size: small;
}

/* 小見出し用 */
.ContentsSubTitle
{
    font-size: small;
    color: #8c4600;
}

.DlgTable
{
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 1px;
    font-size: small; /*100%;*/
    background-color: #fff;
}

table.DlgTable td, table.DlgTable th, .DlgTable table:not(.rcSingle) td, .DlgTable table:not(.rcSingle) th
{
    height: 100%;
    vertical-align: top; /*middle;*/
    padding: 5px !important;
}

table.DlgTable2 td, table.DlgTable2 th, .DlgTable2 table:not(.rcSingle) td, .DlgTable2 table:not(.rcSingle) th
{
    padding: 2px !important;
}

table.DlgTable td.DlgCaption, table.DlgTable th.DlgCaption, .DlgTable table:not(.rcSingle) td.DlgCaption, .DlgTable table:not(.rcSingle) th.DlgCaption
{
    vertical-align: top;
}

/*.DlgTable Table .SiteLink*/
table.DlgTable .SiteLink
{
    color: white;
    background-color: #265082; /*#8b4513;*/
}

/*.DlgTable Table .SiteLink a:link, .DlgTable Table .SiteLink a:visited, .DlgTable Table .SiteLink a:hover, .DlgTable Table .SiteLink a:active*/
table.DlgTable .SiteLink a:link, table.DlgTable .SiteLink a:visited, table.DlgTable .SiteLink a:hover, table.DlgTable .SiteLink a:active
{
    text-decoration: underline;
    color: white;
}

td.SiteLink a:hover
{
    text-decoration: underline;
    color: #ffff99;
}

.result_table
{
    width:100%;
}

/*テーブル*/

/* 編集小見出し用 */
.EditCaption
{
    /*font部分はContentsSubTitle と同じにする*/
    vertical-align: top;
    font-size: small;
    color: #8c4600;
    border-bottom: 1px dotted #0871b5;
}

.DlgCaption
{
    /*    margin:0px 0px 0px 10px;     display:inline-block;*/
    background-color: #e6e6e6;
    color: #333; /*    width:25%;*/
}

.DlgTitle
{
    color: white;
    background-color: #444;
    text-align: center;
}

.DlgCommand a:link, .DlgCommand a:visited, .DlgCommand a:hover, .DlgCommand a:active
{
    margin:5px;
    color:Black;
    border: 1px solid #707070;
    padding:5px 15px 5px 15px;
    background-color:#E8E8E8;
    text-decoration:none;
    display:inline-block;
}

/* 編集汎用文字 */
.EditContent
{
    /*font部分はNormalTextMediumと同じにする*/
    vertical-align: top;
    font-size: small;
    color: black;
    border-bottom: 1px dotted #0871b5;
}

.DlgContent, .DlgContent>td
{   /*>tdはDetailsView用*/
    /*font部分はNormalTextMediumと同じにする*/ /*`    margin:0px 10px 1px 1px;     display:inline-block;*/
    border: 1px solid #ddd;
    color: black;
    margin-left: 1px;
    margin-bottom: 1px;
}

/* 反転タイトル */
.EditTitleCaption
{
    font-size: medium;
    color: white;
    background-color: #265082; /*#2c78b1;*/
}

.EditTitleCaption h3
{
    font-size: medium;
    margin: 0px;
    padding: 0px;
    color: white;
}

/* 編集時モジュールタイトル */
.EditModuleTitle
{
    display: none;
}

/* 編集時非表示クラス */
.edit-invisible 
{
    display: none
}

/* エラー表示 小文字始まりも入れる*/
.Error, .error, .validation, .AdminTopMessage,
.reRulePreview .Error
{
    /*    font-size: small;*/
    color: #dc143c;/*#da0000;red; crimson; */
}

.__ModuleBody .Error, .__ModuleBody .error, .AdminTopMessage
{
    background-color:white;
}

/*警報メッセージ*/
.AlertMessage
{
	color: #dc143c;
	font-weight: bold;
}

/*期間を過ぎた場合*/
.Past, .past
{
    /*    font-size: small;*/
    color: #dc143c;/*#da0000;red; crimson; */
}

/*期間を来ていない場合*/
.Future, .future
{
    /*    font-size: small;*/
    color: blue; /*crimson; */
}

/* 文字コードエラー表示 */
.CodeError, .CodeErrorFloat
{
    border: solid 1px black;
    color: black;
    background-color: #ffff66;
    margin: 2px;
    padding: 2px;
}

.CodeErrorFloat
{
    /*    float: left;v2.5*/
}

/* 動作状態表示 */
.RunningStatus
{
    font-size: small;
    color: #003399;
}

/* 説明表示 */
.NotesText
{
    font-size: 90%; /* 75%　x-small;*/
    color: #003399;
    display: inline-block;
}

.ExplainText
{
    font-size: 90%; /* 75%　x-small;*/
    color: purple;
}

/* 反転説明表示 */
.ReverseNotes
{
    font-size: x-small;
    color: white;
    background-color: #003399;
    margin: 0px 2px;
    padding: 0px 2px;
    letter-spacing: 1px;
}

/* 補助表示 */
.SubText
{
    font-size: small;
    color: #696969;
}

/* 無効表示 */
.DisableText
{
    font-size: small;
    color: #aca899; 
}

/* 文責表示 */
.Responsibility
{
    font-size: small;  /*x-small→2018.4.4*/
    color: #696969; /*dimgray*/
}

/* BBSコード引用[quote]用 */
.bbsquote
{
    font-size: small;
    color: #696969;
}

/* BBSコードcode[code]用 */
.bbscode
{
    font-size: x-small;
    color: #708090;
}

/*jquery ui tooltip用*/
.ui-tooltip
{
    z-index: 40003;
}

/* 一覧表示ヘッダ用 */


/* 顔文字等アイコン代替表示 等幅フォント */
.Icon
{
    font-family: 'Courier New' , 'ＭＳ ゴシック' , 'Osaka－等幅' , Courier , monospace;
    font-weight: normal;
    font-size: x-small;
    color: black;
}

a.Icon:link
{
    text-decoration: none;
    color: black;
}

a.Icon:visited
{
    text-decoration: none;
    color: black;
}

a.Icon:hover
{
    text-decoration: none;
    color: black;
}

a.Icon:active
{
    text-decoration: none;
    color: black;
}

/* コマンドリンク文字列用 */
.CommandButton
{
    font-weight: normal;
    font-size: small; /*x-small;*/
    color: black;
    padding: 2px;
    display: inline-block;
}

a.CommandButton:link
{
    text-decoration: underline;
    color: #8b0000;
}

a.CommandButton:visited
{
    text-decoration: underline;
    color: #8b0000;
}

a.CommandButton:hover
{
    text-decoration: underline;
    color: #dc143c;
}

a.CommandButton:active
{
    text-decoration: underline;
    color: #8b0000;
}

/* 文字列ボタン用 フォントサイズは既定値 */
.ButtonImage
{
    font-family: 'メイリオ' , Meiryo, 'Hiragino Kaku Gothic Pro' , 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック' , Osaka, sans-serif;
    font-weight: normal;
    color: black; /*  font-size: 12px;   line-height: 14px;*/
    cursor: pointer;
}

.ButtonImage.left
{
    display: block;
    float: left;
}

.ButtonImage.right
{
    margin-right: 40px;
    display: block;
    float: right;
}

/* 基本文字色 */
.ForeColor
{
    color: black;
}


.ui-state-default.EditTitle
{
    border: 1px solid #666;
    background: url(cm/title_icon.gif) no-repeat #555 10px 10px;
    font-weight: bold;
    margin: 5px 0px;
    padding: 5px 5px 2px 5px;
}

.ui-state-default.EditTitle h3
{
    color: #EEE;
    display: inline-block;
    margin: 3px 3px 3px 25px;
    padding: 0px;
    vertical-align: top;
}

.ui-state-default.EditTitle img
{
    padding: 5px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-left, .ui-corner-tl
{
    border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
{
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
{
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
    border-bottom-right-radius: 4px;
}

/*テーブル portaltable.cssの出荷時の値と同じ*/
.orangeTable
{
}
.orangeTable tr.orangeTableHeaderRow
{
}
.orangeTable tr.orangeTableOddRow
{
}
.orangeTable tr.orangeTableEvenRow
{
}
.orangeTable tr.orangeTableFooterRow
{
}
.orangeTable tr.orangeTableHeaderRow td, .orangeTable tr.orangeTableHeaderRow th
{
    background: #ff8000;
    color: #000000;
    font-weight: bold;
}
.orangeTable th.orangeTableFirstCol, .orangeTable tr.orangeTableFooterRow th
{
    background: #ff8000;
    color: #000000;
    font-weight: bold;
}
.orangeTable td.orangeTableHeaderFirstCol
{
    color: #ffffff;
}
.orangeTable td.orangeTableHeaderLastCol
{
    color: #ffffff;
}
.orangeTable td.orangeTableHeaderOddCol
{
    color: #ffffff;
}
.orangeTable td.orangeTableHeaderEvenCol
{
    color: #ffffff;
}
.orangeTable tr.orangeTableOddRow
{
    color: #000000;
    background-color: #ffffff;
}
.orangeTable tr.orangeTableEvenRow
{
    color: #000000;
    background-color: #fff4ea;
}
.orangeTable td.orangeTableFirstCol
{
}
.orangeTable td.orangeTableLastCol
{
}
.orangeTable td.orangeTableOddCol
{
}
.orangeTable td.orangeTableEvenCol
{
}
.orangeTable tr.orangeTableFooterRow
{
    background-color: #ffe1c3;
    color: #000000;
}
.orangeTable td.orangeTableFooterFirstCol
{
    border-top: solid gray 1.0pt;
}
.orangeTable td.orangeTableFooterLastCol
{
    border-top: solid gray 1.0pt;
}
.orangeTable td.orangeTableFooterOddCol
{
    border-top: solid gray 1.0pt;
}
.orangeTable td.orangeTableFooterEvenCol
{
    border-top: solid gray 1.0pt;
}

.blueTable
{
}
.blueTable tr.blueTableHeaderRow
{
}
.blueTable tr.blueTableOddRow
{
}
.blueTable tr.blueTableEvenRow
{
}
.blueTable tr.blueTableFooterRow
{
}
.blueTable tr.blueTableHeaderRow td, .blueTable tr.blueTableHeaderRow th
{
    background: #4278B3;
    color: #FFFFFF;
    font-weight: bold;
}
.blueTable th.blueTableFirstCol, .blueTable tr.blueTableFooterRow th
{
    background: #4278B3;
    color: #FFFFFF;
    font-weight: bold;
}
.blueTable td.blueTableHeaderFirstCol
{
}
.blueTable td.blueTableHeaderLastCol
{
}
.blueTable td.blueTableHeaderOddCol
{
}
.blueTable td.blueTableHeaderEvenCol
{
}
.blueTable tr.blueTableOddRow
{
    background-color: #ffffff;
    color: #000000;
}
.blueTable tr.blueTableEvenRow
{
    background: #ECF1F7;
    color: #000000;
}
.blueTable td.blueTableFirstCol
{
}
.blueTable td.blueTableLastCol
{
}
.blueTable td.blueTableOddCol
{
}
.blueTable td.blueTableEvenCol
{
}
.blueTable tr.blueTableFooterRow
{
    color: #000000;
    background-color: #CFDDEC;
}
.blueTable td.blueTableFooterFirstCol
{
}
.blueTable td.blueTableFooterLastCol
{
}
.blueTable td.blueTableFooterOddCol
{
}
.blueTable td.blueTableFooterEvenCol
{
}

.purpleTable
{
}
.purpleTable tr.purpleTableHeaderRow
{
}
.purpleTable tr.purpleTableOddRow
{
}
.purpleTable tr.purpleTableEvenRow
{
}
.purpleTable tr.purpleTableFooterRow
{
}
.purpleTable tr.purpleTableHeaderRow td, .purpleTable tr.purpleTableHeaderRow th
{
    background-color: #7170A5;
    color: #ffffff;
}
.purpleTable th.purpleTableFirstCol, .purpleTable tr.purpleTableFooterRow th
{
    background-color: #7170A5;
    color: #ffffff;
}
.purpleTable td.purpleTableHeaderFirstCol
{
    color: #ffffff;
}
.purpleTable td.purpleTableHeaderLastCol
{
    color: #ffffff;
}
.purpleTable td.purpleTableHeaderOddCol
{
    color: #ffffff;
}
.purpleTable td.purpleTableHeaderEvenCol
{
    color: #ffffff;
}
.purpleTable tr.purpleTableOddRow
{
    color: #000000;
    background-color: #ffffff;
}
.purpleTable tr.purpleTableEvenRow
{
    color: #000000;
    background-color: #f1f1ff;
}
.purpleTable td.purpleTableFirstCol
{
}
.purpleTable td.purpleTableLastCol
{
}
.purpleTable td.purpleTableOddCol
{
}
.purpleTable td.purpleTableEvenCol
{
}
.purpleTable tr.purpleTableFooterRow
{
    color: #000000;
    background-color: #dbdbff;
}
.purpleTable td.purpleTableFooterFirstCol {
}

.purpleTable td.purpleTableFooterLastCol {
}

.purpleTable td.purpleTableFooterOddCol {
}

.purpleTable td.purpleTableFooterEvenCol {
}

/* 全体の内容 */
.Contents
{
    font-weight: normal;
    font-size: small;
}

/* コード等表示 等幅フォント */
.ProgramCode
{
    font-family: 'Courier New' , 'ＭＳ ゴシック' , 'Osaka－等幅' , Courier , monospace;
    font-weight: normal;
    font-size: small;
    color: #404040;
}

/* HTMLエディタの枠内や「テキストのスタイル」リスト用には.reContentAreaを付与します */
/* HTMLエディタの背景 */
.reContentArea
{
    background-image: none;
}

table .reBottomProperties
{
    border-collapse: separate;
}
r
#RadEditor2Center
{
    overflow:auto; /*zoom対策*/
}

/*編集時システムメニューのチェックツール用*/
.RadMenu .rmGroup .rmText
{
    padding: 0px 5px 0px 0px;
}

.RadMenu_Default .rmGroup
{
    background-color: white;
    background-image: none;
}

/* 掃除ペイン */
.EndClear
{
    clear: both; /*font-size: 0px;  IE6対応 */
    height: 0px; /* IE6対応 */
}

/* 送信確認画面のもどるアイコン*/
.confirm_table #ParentBack
{
    background: url(browser/formmail/b_modoru.gif) no-repeat;
    padding-left:20px;
}

/* 音声ブラウザ用 */
.speak
{
    position: absolute;
    top: -9999px;
    left: -9999px;
    margin: 0;
    padding: 0;
    line-height: 0; /*font-size: 0; IE6対応*/
    width: 0;
    height: 0; /* IE6対応 */
}

/* 印刷用 */
.print_none,
.__print_none
{
}

@media print
{
    .print_none,
    .__print_none
    {
        display: none !important;
    }

    .__ModuleContent
    {
        outline: none !important;
    }
    
    body
    {
        background-image:none;
        background-color:white;
    }

    #sview_header0, #sview_header, #sview_footer
    {
        display:none;
    }

    .mCustomScrollbar
    {
        height:100% !important;
    }

}
