/** init css **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: middle;
  background: transparent;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
body {
  line-height: 1.5em;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/** init css **/
html, body { margin: 0; padding: 0; }
html>body {
  font-size: 16px;
  font-size: 68.75%;
} /* Reset Base Font Size */
body {
  font-family: Verdana, helvetica, arial, sans-serif;
  font-size: 68.75%;
  background: #fff;
  color: #333;
}
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }
#main { padding: 1em; }
form {padding:0px; margin:0px;}
a img { border: none; }
a {
  text-decoration: none;
}
a:hover{
  color:red;
  text-shadow: 1px 1px 1px #FFDAB9;
  filter: dropshadow(color=#FFDAB9, offx=2, offy=2);
}
/** screen  **/
#container{
  /*padding:1.0em;*/
  position:static;
  /*height:100%;
  overflow: auto;*/
}
#wrap{
  margin:0 auto 0 auto 0;
  border-top:solid 5px #8483FF;
  position:static;
  /*height:100%;*/
}
#head{
  font-weight:bold;
  font-size:16px;
  color:white;
  background-image:url(../images/mme-back.png);
  height:35px;
}
/*
#headInfomation{
  margin:0px 3px 0px auto;
  width:300px;
  padding:3px;
  background-color:white;
  color:black;
  font-size:12px;
  font-weight:normal;
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  border-radius: 5px;
  z-index: 50;
}
*/
#menu{
  float:left;
  position:absolute;
  *position:static;
  width:240px;
  padding:3px;
  margin:1.0em 1.0em 0em 0.2em;
  font-size:11px;
  /*height:81%;*/
  /*overflow:auto;*/
}
#menu a{
  text-decoration:none;
  font-size:11px;
}
#menu .groupSelecter{
  width:100%;
  color:white;
  background-color:blue;
  border-top:none;
  border-left:solid 3px blue;
  border-bottom:none;
  cursor:pointer;
  padding:0em 0.1em 0em 0.1em;
  font-size:14px;
  font-weight:bold;
  text-shadow: 1px 1px 1px silver;
  filter: dropshadow(color=silver, offx=1, offy=1);
}
#menu .selecterItemSelected{
  background-color:#E4E3FF;
  color:blue;
  text-shadow: none;
  filter: none;
}
#menu .selecterItem{
  background-color:white;
  color:blue;
  text-shadow: none;
  filter: none;
}
#menu option:hover{
  color:red;
}
#menu .treeView a{
  padding:1px;
  border-left:solid 3px white;
  border-right:solid 3px white;
}
#menu a:visited{
  color:blue;
}
#menu a:link{
  color:blue;
}
#menu a:hover{
  color:red;
}
#menu .separation{
  height:2px;
  border-top:solid 1px blue
}
#menu .selected a, #menu a.selected, .selected{
  /*font-weight     :bold;*/
  background-color:#8483FF !important;
  padding-left    :0.1em;
  padding-right   :0em;
  color           :white !important;
  text-shadow     :none;
  filter          :none;
  border-left:solid 3px #8483FF;
  border-right:solid 3px #8483FF;
}
#menu .selectedRoot{
  background-color:blue !important;
  color:white !important;
}
#menu .selectedForm{
  color:#BA55D3;
  padding-right:1.0em;
}
#menu .groupBox{
  background-color:white;
  width:240px;
}
#otherGroups{
  width:240px;
  position:absolute;
  background-color:white;
  display:none;
  border-bottom:solid 3px blue;
}
.groupItemCaption{
  border-left:solid 3px blue;
}
.groupItem{
  border-left:solid 3px blue;
  padding-left:1.0em;
  display:block;
}
.groupItemSelect{
  border-left:solid 3px blue;
  padding-left:1.0em;
  display:block;
  font-weight:bold;
  color:white !important;
  background-color:blue !important;
}
/* group select 2 */
#groupSelect{
}
#groupSelect_current{
  padding:0.2em;
  display:block;
  font-weight:bold;
  font-size:14px;
  border-left:solid 3px blue;
  border-bottom:dotted 1px blue;
}
#groupSelect_current:hover{
  color:red;
  border-left:solid 3px red;
  border-bottom:dotted 1px red;
}
#groupSelect_mouseover{
  z-index:60;
  position:absolute;
  display:none;
  width:400px;
  padding:0.5em;
  background-color:#f0f0f0;
  border:solid 1px silver;
  border-left:solid 3px blue;
  border-right:solid 2px #909090;
  border-bottom:solid 2px #909090;
}
#groupSelectList{
  height:200px;
  overflow:auto;
}
.cell{
  display:block;
  padding:3px;
  margin:2px;
  border-right:solid 1px silver;
  border-bottom:solid 1px silver;
  background-color:#e5e5e5;
}
a.cell:hover{
  background-color:white;
}
span.cell{
  color:white;
  font-weight:bold;
  background-color:#8483FF;
  border:none;
}
#groupSelect_mouseover input{
  width:200px;
}
#groupSelect_mouseover .cancel{
  margin-left:-22px;
  margin-top:-3px;
}
#groupSelect_mouseover span.search{
  border:ridge 2px gray;
  background-color:silver;
  color:blue;
  padding:0.1em;
  margin:0px;
  cursor:pointer;
}
#groupSelect_mouseover span.search:hover{
  border:ridge 2px blue;
  background-color:blue;
  color:white;
}
#groupSelect_mouseover a:focus {
   border:dotted 1px red;
}
#content{
  margin-left:250px;
  padding:9px 0px 0px 6px;
  position:relative;
}
#box{
  border-left:solid 3px #8483FF;
  border-bottom:solid 3px #8483FF;
  /*padding-bottom:3.0em;*/
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-radius-bottomleft: 6px;
  border-radius: 6px;
  text-shadow: 1px 1px 1px #FAFAE0;
  filter: dropshadow(color=#FAFAE0, offx=1, offy=1);
  margin:0px;
}
#navi{
  padding:0px;
  margin:0px;
}
#title{
  background-color:#8483FF;
  color:white;
  padding:0.4em 0.3em 0.4em 0.3em;
  margin-right:0px;
  font-size:20px;
  font-weight:bold;
  text-shadow: 1px 1px 1px black;
  filter: dropshadow(color=black, offx=1, offy=1);
}
#subtitle{
  background-color:#A4A3FF;
  color           :white;
  padding         :0.20em 0.20em 0.20em 0.60em;
  margin-right    :0px;
  font-size       :12px;
  font-weight     :bold;
  text-shadow: 1px 1px 1px black;
  filter: dropshadow(color=black, offx=1, offy=1);
}
.subtitle{
  background-color:#A4A3FF;
  color           :white;
  padding         :0.20em 0.20em 0.20em 0.60em;
  margin-right    :0px;
  font-size       :12px;
  font-weight     :bold;
  text-shadow: 1px 1px 1px black;
  filter: dropshadow(color=black, offx=1, offy=1);
}
.smalltitle{
  background-color:#A4A3FF;
  color           :#505050;
  padding         :0.20em 0.20em 0.20em 0.60em;
  margin-top      :1.1em;
  margin-right    :0px;
  font-size       :12px;
  font-weight     :bold;
  text-shadow: 1px 1px 1px white;
  filter: dropshadow(color=white, offx=1, offy=1);
}
#foot{
  padding-left :1.0em;
  clear        :both;
  /* border-top   :solid 1px #8483FF;*/
  font-size    :9px;;
  color        :black;
  /*background-color:#8483FF;*/
  /*padding      :3px;*/
}
/* jquery ui customs */
div.ui-widget-content { border: 1px solid #dddddd !important; background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x !important; color: #333333 !important; }
div.ui-widget-content a { color: #333333 !important; }
/*div.ui-widget-header { border: 1px solid #e78f08 !important; background: #f6a828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x !important; color: #ffffff !important; font-weight: bold !important; }*/
div.ui-widget-header { border: 1px solid #A4A3FF !important; background: #8483FF !important; color: #ffffff !important; font-weight: bold !important; }
div.ui-widget-header a { color: #ffffff !important; }
.clear{
  clear:both;
}
.spacer1{
  height:3px;
}
.item3{
  padding:3px;
  margin:3px;
}
.item5{
  padding:5px;
  margin:5px;
}
.blockItem{
  padding:5px;
  margin:5px;
  display:block;
}
.indent2{
  padding-left:2.0em
}

/** login **/
.loginBox{
  border:solid 2px #8483FF;
  padding:2.0em;
  margin:1.0em;
}
.loginBox dt{
  font-size:14px;
  font-weight:bold;
  color:#8483FF;
}
.floatDiv{
  position:absolute;
  display:none;
  background-color:#FFFACD;
  border:solid 1px orange;
  padding : 0.25em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.superUserBox{
  /*border-top:solid 1px blue;*/
  /*border-bottom:solid 1px blue;*/
  font-weight:bold;
  text-align:left;
  color:red;
  font-size:12px;
  padding-left:3px;
  position:absolute;
  margin-top:1.3em;
}
/** search **/
#searchBox{
  margin:-1.0em 0px 0 auto;
  text-align:right;
  width:50%;
  position:static;
}
#searchBox input{
  font-size:10px;
  border:solid 1px white;
  color:blue;
  margin:1px;
}
#searchBox .search{
  position:absolute;
  right:35px;
  cursor:pointer;
}
#searchBox .cancel{
  position:absolute;
  right:17px;
  cursor:pointer;
}
.entryFormArea{
  z-index:60;
  display:none;
  position:absolute;
  background-color:#f0f0f0;
  padding:0px 6px 6px 6px;
  border:ridge 1px silver;
  top:0px;
  right:3.0em;
  cursor:auto;
}
#dsDataListSearchBox .dsDataListSearch th{
  white-space:nowrap;
}
#dsDataListSearchBox .longText{
  width:100%;
}
/* tab design */
#listTab{
  /*background-color : #FAF8E0;*/
  border    :none;
  padding   : 5px;
  margin    : 5px;
  font-size : 13px;
  width     : 95%;
  position  :static;
}
#listTab ul{
  background-color : white;
  border:none;
  /*float:left;*/
}
#listTab li{
  background-color : #FAF8E0;
  border           : solid 1px #fbd850;
}
#listTabsBox{
  border           : solid 1px #fbd850;
  padding          : 5px;
  background-color : white;
}
/** data list **/
.dataListSimple{
  width     : 100%;
  margin:0px;
  /*padding   : 5px;
  border:solid 1px silver;*/
  font-size : 12px;
}
.dataListSimple th{
  background-color:#E3E3F8;
  margin:1px;
  padding:1px;
  border:solid 1px white;
  text-align:left;
  padding-left:1.0em;
}
.dataListSimple td{
  background-color:#f0f0f0;
  margin:1px;
  padding:1px;
  border:solid 1px white;
  padding-left:0.5em;
}
.dataListSimple2{
  width     : 100%;
  margin:0px;
  /*padding   : 5px;
  border:solid 1px silver;*/
  font-size : 12px;
}
.dataListSimple2 th{
  background-color:#E3E3F8;
  margin:1px;
  padding:1px;
  border:solid 1px white;
  text-align:left;
  padding-left:1.0em;
}
.dataListSimple2 td{
  background-color:#f6f6f6;
  margin:1px;
  padding:1px;
  border:solid 1px white;
  padding-left:0.5em;
}
.dataListNC{
  width     : 100%;
  margin:0px;
  font-size : 12px;
}
.dataListNC th{
  background-color:#E3E3F8;
  margin:1px;
  padding:1px;
  border:solid 1px white;
  text-align:left;
  padding-left:1.0em;
}
.dataListNC td{
  /*background-color:#fcfcfc;*/
  margin:1px;
  padding:1px;
  border:solid 1px white;
  padding-left:0.5em;
}
.nestedList{
  font-size:12px;
  background-color:transparent!important;
}
.nestedList td{
  border:none!important;
  border-right:solid 1px white!important;
  border-bottom:solid 1px white!important;
  background-color:transparent!important;
}
.dataList{
  width     : 100%;
  margin:0px;
  /*padding   : 5px;
  border:solid 1px silver;*/
  font-size : 12px;
}
.dataList th{
  background-color:#E3E3F8;
  margin:1px;
  padding:4px;
  border:solid 1px white;
  text-align:left;
  padding-left:1.0em;
}
.dataList td{
  background-color:#f0f0f0;
  margin:1px;
  padding:4px;
  border:solid 1px white;
  padding-left:0.5em;
}
tr.dataList-even td{
  background-color:#fafafa;
}
tr.dataList-odd td{
  background-color:#f0f0f0;
}
tr.dataList-hover td{
  border-bottom:solid 1px silver;
}
.dataList .nameColumn{
  width:300px;
  padding-left:1.0em;
}
#dataListBottom{
  text-align    :center;
  width         :85%;
  margin-top    : 1.0em;
  margin-left   :auto;
  margin-right  :auto;
  margin-bottom : 1.0em;
  border-bottom :solid 1px #f0f0f0;
}
#dataListBottomWidthButton{
  text-align:center;
  width         :75%;
  /*margin-top    : -1.5em;*/
  margin-top    : 0em;
  margin-left   :100px;
  margin-right  :auto;
  margin-bottom : 2.0em;
  border-bottom :solid 1px #f0f0f0;
}
#sortable td{
  cursor:move;
}
/** pager **/
#pager{
  width         :85%;
  margin-left   :auto;
  margin-right  :auto;
  color         :gray;
  border-bottom :solid 1px #f0f0f0;
  padding       :5px 1px 0px 1px;
  text-align    :center;
}
#pager .rollover{
  cursor:pointer;
}
#pager .noLink{
  padding : 1px 10px 0px 10px;
}
#pager a:hover{
  color : red;
}
#pager .pageNaviMove  a{
  padding : 1px 10px 0px 10px;
  color   : blue;
  border-bottom:solid 1px #f0f0f0;
}
#pager .pageNaviMove  a:hover{
  color : red;
  border-bottom:solid 1px red;
}
#pager .pageNaviEdge  a{
  padding       :1px 10px 0px 10px;
  color         :blue;
  border-bottom :solid 1px #f0f0f0;
}
#pager .pageNaviEdge  a:hover{
  color         : red;
  border-bottom :solid 1px red;
}
#pager .pageNaviEnable a{
  margin:1px;
}
#pager .pageNaviEnable{
}
#pager .pageNaviDisable{
  border      : 1px solid #f3f3f3;
  font-weight : bold;
  color       : black;
  outline     : none;
  padding     : 6px 8px 6px 8px;
  white-space : nowrap;
  font-weight :bold;
  background-color :#C0D2EC;
  margin-bottom:4px;
  height:18px;
}
#pager .pageNaviEnable a{
  padding:0 3px 0 3px;
}
/** details **/
#dataDetail{
  *width:97%;
}
#dataDetail dt{
  background-color:#E4E3FF;
  font-size:12px;
  padding:0.2em 0.2em 0.2em 0.3em;
  font-weight:bold;
  /*border-left:solid 1px #8483FF;*/
  border-top:solid 1px #8483FF;
  border-bottom:solid 1px #d0d0d0;
}
#dataDetail dd{
  margin:0 0 0 1.0em;
  background-color:#ffffff;
  font-size:12px;
  padding:0.3em 0.5em 0.3em 1.0em;
  border-left:solid 1px #e5e5e5;
  border-right:solid 1px #e5e5e5;
  border-bottom:solid 1px #e5e5e5;
  /*border-bottom:dotted 2px white;
  height:1.0em;*/
}
#dataDetailBottom{
  text-align:center;
  width         :75%;
  margin-top    :1.0em;
  margin-left   :auto;
  margin-right  :auto;
  border-bottom :solid 1px #f0f0f0;
  padding:4px;
}
#dataDetailBottom a, #dataListBottom a{
  padding:0.3em 0.6em 0.3em 0.6em;
}
.dataDetailBottom a, .dataListBottom a{
  padding:0.3em 0.6em 0.3em 0.6em;
}
.dataDetail{
  clear:both;
  *width:97%;
}
.dataDetail dt{
  background-color:#E4E3FF;
  font-size:12px;
  padding:0.2em 0.2em 0.2em 0.3em;
  font-weight:bold;
  /*border-left:solid 1px #8483FF;*/
  border-top:solid 1px #8483FF;
  border-bottom:solid 1px #d0d0d0;
  clear:both;
}
.dataDetail dd{
  margin:0 0 0 1.0em;
  background-color:#ffffff;
  font-size:12px;
  padding:0.3em 0.5em 0.3em 1.0em;
  border-left:solid 1px #e5e5e5;
  border-right:solid 1px #e5e5e5;
  border-bottom:solid 1px #e5e5e5;
  /*border-bottom:dotted 2px white;
  height:1.0em;*/
}
.itemBox{
  display:block;
  width:30%;
  float:left;
}
.dataDetailBottom{
  clear:both;
  text-align:center;
  width         :75%;
  margin-top    :1.0em;
  margin-left   :auto;
  margin-right  :auto;
  border-bottom :solid 1px #f0f0f0;
  padding:4px;
}
/*.dataDetailBottom a, .dataListBottom a{
  padding:0.3em 0.6em 0.3em 0.6em;
}*/
.dataListBottom{
  clear         :both;
  text-align    :center;
  width         :75%;
  margin-top    :1.0em;
  margin-left   :auto;
  margin-right  :auto;
  border-bottom :solid 1px #f0f0f0;
}
.dataListBottom a{
  padding:0.3em 0.6em 0.3em 0.6em;
}
.dataDetail table .button{
  padding:0 10px 0 10px;
}
.detailTable{
  border-collapse:separate;
  border-spacing:2px;
  width:100%;
}
.detailTable th{
  background-color:#E4E3FF;
  font-size:11px;
  padding:0.2em;
  font-weight:bold;
  width:15%;
  text-align:right;
  color:#555;
  white-space:nowrap;
  vertical-align: middle;
  /*
  border-bottom: dotted 1px #f0f0f0;
  border-left:solid 1px #8483FF;
  border-top:solid 1px #8483FF;
  border-bottom:solid 1px #d0d0d0;
  clear:both;*/
}
.detailTable td{
  background-color:#f3f3f3;
  margin:0 0 0 1.0em;
  font-size:11px;
  padding:0.2em;
  width:34%;
  text-align:left;
  font-weight:normal;
  white-space:nowrap;
  vertical-align: middle;
  /*
  border-bottom: dotted 1px #f0f0f0;
  border-left:solid 1px #e5e5e5;
  border-right:solid 1px #e5e5e5;
  border-bottom:solid 1px #e5e5e5;
  border-bottom:dotted 2px white;
  height:1.0em;*/
}
.detailTable .spr{
  border:none;
  width:1%
}
/* image thums list */
.imageThum{
  min-width : 230px;
  min-height: 230px;
/*  width          : 230px;*/
/*  height         : 230px;*/
  float          : left;
  border         : solid 1px silver;
  vertical-align : middle;
  margin         : 0px;
  padding        : 0px 0px 5px 0px;
}
.imageThum p{
  margin           : 0px 0px 0px 0px;
  padding          : 2px 2px 2px 5px;
  border-bottom    : solid 1px silver;
  background-color : #f0eaf5;
  font-weight      : bold;
}
/* flow */
#flowParts{
  border-top    :solid 1px silver;
  border-right  :solid 2px gray;
  border-bottom :solid 2px gray;
  border-left   :solid 1px silver;
  background-color :#FFEEC3;
  width       :600px;
  padding     :10px;
  font-weight :bold;
}
#flowParts .boxTable{
}
#flowParts .boxTable th{
  width:100px;
}
.mailSetting td{
  padding:1.0em;
}
#flowParts .edit{
  background-color :#f0f0f0;
  width         :500px;
  padding       :10px;
  border-top    :solid 2px gray;
  border-right  :solid 1px silver;
  border-bottom :solid 1px silver;
  border-left   :solid 2px gray;
  text-align:left;
}
#flowParts .confirm{
  background-color :#f0f0f0;
  width         :500px;
  padding       :10px;
  border-top    :solid 2px gray;
  border-right  :solid 1px silver;
  border-bottom :solid 1px silver;
  border-left   :solid 2px gray;
  text-align:left;
}
.inputField{
  float   :left;
  width   :200px;
  border  :solid 1px silver;
  padding :3px;
  background-color :white;
}
.titleField{
  float   :left;
  width   :200px;
  /*border  :solid 1px silver;*/
  padding :3px;
  margin : 5px 0px 5px 0px;
  font-weight:bold;
  border-bottom:solid 1px blue;
  background-color:#ffD0D0;
}
#moveCursor{
  border : none;
  background : none;
}
#moveCursor span{
  cursor : pointer;
}
#moveCursor span:hover{
  background-image: url(../images/ui-icons_ef8c08_256x240.png);
}
/**  **/
#modalContainer{
  margin:1.0em;
}
#modalTitle{
  font-size:14px;
  font-weight:bold;
}
/** infomation **/
#infoTable{
}
#infoTable th{
  text-align:left;
  padding:0.2em;
}
#infoTable td{
  padding:0.2em;
}
.infoTable{
  width:100%;
  margin-bottom:2.0em;
}
.infoTable th{
  padding : 3px;
  border-top:solid 1px #A4A3FF;
  border-right:solid 1px white;
  background-color:#E4E3FF;
}
.infoTable td{
  padding : 3px;
  border-bottom:solid 1px silver;
  border-right:solid 1px white;
}
.pdfManItem{
  width:350px;
  display:inline-block;
  padding:3px;
  margin:3px;
  overflow:visible;
}
/** データソース **/
.tableItem{
  width:200px;
  float:left;
  border:solid 1px silver;
  margin:0.5em;
}
.tableCaption{
  text-align:center;
  background-color:silver;
  color:white;
  text-shadow: 1px 1px 1px black;
  filter: dropshadow(color=black, offx=1, offy=1);
  padding-bottom:0.1em;
  font-weight:bold;
}
.keyColumn{
  font-weight:bold;
  background-color:#f0f0f0;
  border-bottom:dotted 1px silver
}
/** データ **/
.setField{
  width:30px;
  background-color:blue;
  border:solid 1px silver;
  border-right:solid 2px black;
  border-bottom:solid 2px black;
  color:blue;
  cursor:pointer;
}
.unSetField{
  width:30px;
  background-color:silver;
  border:solid 1px #f0f0f0;
  border-right:solid 2px black;
  border-bottom:solid 2px black;
  color:silver;
  cursor:pointer;
}
.targetFieldCell{
  text-align:center;
}
.fieldSetter td{
  padding-left:0.3em;
}
/** design Set Table **/
.designSetTable{
}
.designSetTable a{
  color : blue;
  text-decoration : none;
}
.designSetTable a:hover{
  color : red;
}
.designSetTable th{
  margin : 2px;
  border-right  : solid 1px magenta;
  border-bottom : solid 1px magenta;
  cursor : pointer;
  background-color : #FFC0CB;
}
.designSetTable th:hover{
  background-color : magenta;
  border-right  : solid 1px red;
  border-bottom : solid 1px red;
}
.designSetTable td{
  margin : 2px;
}
.designSetTableDisable{
}
.designSetTableDisable a{
  color : blue;
  text-decoration : none;
}
.designSetTableDisable a:hover{
  color : red;
}
.designSetTableDisable th{
  margin : 2px;
  border-right  : solid 1px magenta;
  border-bottom : solid 1px magenta;
  background-color : #FFC0CB;
}
.designSetTableDisable td{
  margin : 2px;
}
td.efSpace{
  background-color:silver;
}
/* field edit and preview */
#fieldPreview{
  /*border      :solid 1px silver;
  border-left :solid 1px gray;
  border-top  :solid 1px gray;*/
  margin      :10px 10px 10px 10px;
  /*font-weight :bold;*/
}
#fieldPreview input{
  width : 70%;
}
#fieldPreview iframe{
  /*margin :5px;*/
  width  :90%;
  height :150px;
  border :solid 3px #E6E6FA;
  background-color:white;
}
/** メッセージ **/
#message{
  width            : 40%;
  position         : fixed;
  top              : 0px;
  right            : 0px;
  padding          : 1px 5px 1px 5px;
  font-weight      : bold;
  z-index          : 60;
  font-size        : 13px;
  background-color : white;
  padding          :0.2em 0em 0.2em 0.1em;
  text-align:left;
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-radius-bottomleft: 9px;
  border-radius: 9px;
}
.info{
  color            : navy;
  border-left      : solid 1px #8483FF;
  border-bottom    : solid 1px #8483FF;
}
.errorMessage{
  color            : red;
  border-left      : solid 1px red;
  border-bottom    : solid 1px red;
}
#lockMessage{
  padding          : 5px;
  text-align       : left;
  vertical-align   : bottom;
  bottom           : 1px;
  /* top : 100%; */
  margin           : 0 0 0 auto;
  width            : 40%;
  height           : auto;
  position         : fixed;
  right            : 0px;
  font-weight      : bold;
  background-color : white;
  border:solid 1px blue;
  -moz-border-radius-topleft: 9px;
  -webkit-border-radius-topleft: 9px;
  border-radius: 9px;
}
#lockMessage ul{
  font-weight   : normal;
  margin-top    : 0px;
  margin-bottom : 0px;
  padding-bottom: 0px;
  /*margin : 3px 0px 3px 0px;*/
}
#lockMessage li{
  margin-left:1.0em;
}
#lockMessage a{
  color:blue;
}
#lockMessage a:hover{
  color:red;
}
#lockMessage span{
  margin:0px;
  /*margin-right : 10px;*/
}
#lockMessage br{
  clear:both;
}
/** classess **/
/* general */
.corner {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.icon-padding{
  padding:3px;
  margin:3px;
}
.ui-link-normal{
  border      : 1px solid #cccccc;
  background  : #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight : bold;
  color       : blue;
  outline     : none;
  white-space : nowrap;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding:3px 8px 1px 8px!important;
  margin:0px!important;
  display:inline-block;
  height:18px;
  vertical-align: bottom;
  cursor:pointer;
}
.ui-link-normal img{
  padding:0px;
  margin:0px;
}
.ui-link-help{
  font-size:16px;
  padding:0px 2px;
  margin-left :1.0em;
  border      : 1px solid #cccccc;
  background  : #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight : bold;
  color       : #FF8C00;
  outline     : none;
  white-space : nowrap;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.ui-link-hover {
  border      : 1px solid #fbcb09;
  background  : #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  color       : #c77405;
}
.context li{
  cursor:pointer;
  text-shadow: 1px 1px 1px #ffffff;
  filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.nextDisabled{
  margin-bottom:0.2em;
  border-bottom:dotted 1px gray;
}
.contentInfo{
  margin:1.0em 1.0em 1.0em 1.0em;
  color:#505050;
  line-height:1.3em;
}
.menuRoot{
  border-left:solid 3px blue;
  padding-left:0.1em;
  /*padding-bottom:0.1em;*/
  display:block;
}
a:hover.menuRoot{
  border-left:solid 3px red;
}
.listLink{
  background-color:blue;
  color:white;
  text-shadow: none;
  filter: none;
}
a:link.listLink{
  color:white;
  text-shadow: none;
  filter: none;
}
a:visited.listLink{
  color:white;
  text-shadow: none;
  filter: none;
}
a:hover.listLink{
  background-color:red;
  color:white;
  text-shadow: none;
  filter: none;
}
.error{
  margin          :5px 3px 3px 20px;
  color           :red;
  font-weight     :bold;
  text-decoration :blink
}
.warn{
  margin          :5px 3px 3px 20px;
  font-weight     :bold;
}
dt.warn{
  margin-left:2.0em;
  margin-bottom:0;
}
dd.warn{
  margin-top:0;
  margin-left:3.3em;
}
.caution{
  color       :gray;
  font-weight :bold;
}
.checkedItem{
  margin:0 1.0em 0 0;
}
.noValue{
  color:gray;
}
#loadingSmall{
  position: absolute;
  top:200px;
  left:0px;
  width:100%;
  background-color:white;
  padding:3.0em 0.0em 3.0em 0.0em;
  opacity: .70;
  filter: Alpha(Opacity = 70);
  border-top:solid 2px gray;
  border-bottom:solid 2px gray;
  z-index:70;
}
#loadingFull{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:white;
  padding:3.0em 0.0em 3.0em 0.0em;
  opacity: .70;
  filter: Alpha(Opacity = 70);
  border-top:solid 2px gray;
  border-bottom:solid 2px gray;
  z-index:70;
}
#loadingNoborder{
  position: absolute;
  top:150px;
  width:100%;
  background-color:white;
  padding:3.0em 0.0em 3.0em 0.0em;
  /*height:100px;*/
  position : fixed;
  opacity: .90;
  filter: Alpha(Opacity = 90);
  z-index:70;
}
#loadingMain strong{
  font-weight:bold;
  font-size:24px;
}
#loadingFull div.box{
  margin-top:25%;
  opacity: 1.0!important;
  filter: Alpha(Opacity = 100)!important;
}
.loadingDiv{
  /*padding : 15px 0 15px 0px;*/
  height:100px;
}
#groupOrSystemTable{
  width:100%;
  /*margin-top:0.1em;*/
  border-bottom:solid 1px blue;
}
#groupOrSystemTable td:hover{
  color:red;
}
.groupOrSystem{
  padding:5px;
  padding-bottom:1px;
  text-align:center;
  font-weight:bold;
  background-color:white;
  color:blue;
  cursor:pointer;
  font-size:14px;
  text-decoration: underline;
}
.groupOrSystemSelected{
  padding:5px;
  padding-bottom:1px;
  text-align:center;
  font-weight:bold;
  background-color:#8483FF;
  color:white;
  cursor:pointer;
  font-size:14px;
}
/* helpDialog */
#helpDialog{
  overflow: auto;
  width:100%;
  height:550px;
}
#helpDialog dl{
  margin:1.0em 0 0 0;
}
#helpDialog dt{
  margin-left:1.0em;
  font-weight:bold;
}
#helpDialog dd{
  margin-left:3.0em;
  margin-bottom:0.5em;
  padding-left:1.0em;
  border-bottom:dotted 1px silver;
}
#helpDialog .helpSubtitle{
  font-weight:bold;
  background-color:#B0C4DE;
  border-bottom:solid 1px white;
  padding:0.2em 0.5em 0.2em 0.5em;
  margin-top:1.5em;
}
/* etc */
.qrLink{
  cursor:pointer;
  color:blue;
  border:solid 1px blue;
  white-space: nowrap;
  padding:0 0.3em 0 0.3em;
  margin:0.1em;
  vertical-align: baseline;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
span.qrLink:hover{
  color:red;
}
.urlLink{
  padding:0.3em;
}
.urlLink td{
	padding:6px 0;
}
.list1{
  margin-left:3.0em;
  list-style-type: disc;
}
.showStyle{
  display:block;
}
.hideStyle{
  display:none;
}
/* mail */
#mailCreate table{
}
#mailCreate th{
  padding:3px;
  text-align:left;
}
#mailCreate td{
  padding:3px;
}
th.mailSpace{
  background-color:#B0E0E6;
  cursor:pointer;
}
.smallDetailTable{
  width:90%;
  text-align:left;
}
.smallDetailTable thead th{
  border-top:solid 1px #A4A3FF;
  background-color:#E4E3FF;
  padding-left:0.3em;
}
.smallDetailTable th{
  border:solid 1px #e5e5e5;
  border-right:solid 1px silver;
  border-bottom:solid 1px silver;
  white-space: nowrap;
  padding:3px;
}
.smallDetailTable td{
  border:solid 1px #e5e5e5;
  border-left:solid 1px silver;
  border-top:solid 1px silver;
  background-color:#F0F0F0;
  padding:3px;
}
.mailStatusInHelp{
  padding:1px 3px 1px 3px;
  width:75px;
  text-align:center;
  white-space:nowrap;
}
.approvalButton{
  margin:10px;
  padding:5px;
  font-size:13px;
  cursor:pointer;
}
.displayNone{
  display:none;
}
#iconBoxLabel, #iconBoxClose{
  padding:2px 2px 2px 10px;
  font-size:10px;
  color:white;
  background-color:#6495ED;
  cursor:pointer;
  font-weight:bold;
}
#iconBox{
  background-color:white;
  bottom:0px;
  position: absolute;
  border:solid 2px #6495ED;
  width:100%;
}
.colorRed{
  color:red!important;
}
#popup_prompt{
  width:100%;
  height:5.0em;
}
#dataDetailBottom input, #dataListBottom input{
  padding:5px;
}
.dataDetailBottom input, .dataListBottom input{
  padding:5px;
}
#mainPain{
  box-sizing: border-box;
  width:99%;
  padding:0;
  margin:0;
}
/* cke */
.cke_custom_list_1 { overflow:auto!important; width:430px!important; height:280px!important; }
.cke_custom_list_1 table{width:400px!important;}
.cke_custom_list_1 td{padding:3px;background-color:#eee;border:solid 1px white;}
.cke_custom_list_1 td a{padding:3px;}
.cke_custom_list_1 .ctrl{text-align:center;width:10%!important;}
label.checkLine{
  cursor:pointer;
  display:block;
  background-color:#f0f0f0;
  margin:1px;
  width:45%;
  float:left;
}