body {
	width: 100%;
	/*height: 100%;*/
  /*width: 800px;*/
  height: 1000px;
	color: #333;
	font: 13px/1.231 "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    margin: 0;  
	padding: 40px 15px 20px 15px;  
}
* html body{  
    overflow: hidden;
}

.row-gaia.clearfix {
  margin-bottom: 12px;
}

table {
	font-size: inherit;
	font: 100%;
}

table {
	display: table;
	border-collapse: separate;
	border-spacing: 0;
	border-color: gray;
}

th, td {
	padding-left: 3px;
	text-align: left;
}

.subtable-label-gaia {
  background-color: #7597c1;
  color: #fff;
  padding: 2px 6px;
}

hr {
	display: block;
	border-style: inset;
	border-width: 1px;
  float: left;
}
a {
	color: #327fcb;
}
ol, ul {
  list-style: none;
}

ul {
  padding-left: 10px;  
}

div#header-dgdg {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 40px;
    background-color: #c1e4e9;
    border-bottom: 1px solid lightblue;
    color: #fff;
}

div.header-box {
	float: left;
	margin: 0;
	padding: 0;
}

div.header-box > div {
  margin: 2px 0 2px 10px;
}

.header-box li {
	display: inline-block;
	height: 24px;
	vertical-align: middle;
}

div#footer-dgdg {
    position: fixed !important;
    position: absolute;

    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: #c1e4e9;
    color: #fff;
}
/** html div#contentsArea{  
*/
* html div#contents-dgdg {
    height: 100%;
    overflow: auto;
}

div.contents-dgdg-right {
  float: left;
}

/*---------------------------------------------------------
パンくずデザイン
---------------------------------------------------------*/
.breadcrumb {
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: 24px;
    color: #327fcb;
    padding: 1px;
}
ol.breadcrumb li{
	float:left;	
	}
ol.breadcrumb li a{
    display: block;
    background: #F0F0F0;
    padding-right: 10px;
    height: 24px;
    margin-right: 25px;
    position: relative;
    text-decoration: none;
    color: #327fcb;
}
ol.breadcrumb li a:last-of-type { margin-right: 25px }
ol.breadcrumb li a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -24px;
    border: 12px solid transparent;
    border-color: #F0F0F0;
    border-left-color: transparent;
}
ol.breadcrumb li a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -24px;
    border: 12px solid transparent;
    border-left-color: #F0F0F0;
}
 
 
ol.breadcrumb li:first-child a{ padding-left: 15px; }
ol.breadcrumb li:first-child a:before{display:none;}
 
ol.breadcrumb li a:hover {
    background: #00b0ec;
    color: #fff;
    text-decoration: none;
}
ol.breadcrumb a:hover:before {
    border-color: #00b0ec;
    border-left-color: transparent;
}
ol.breadcrumb li a:hover:after { border-left-color: #00b0ec }

/*********************************************************/

.gaia-ui-actionmenu-left li {
  margin-right: 20px;
}

.gaia-ui-actionmenu-left {
	margin: 7px 0 0 9px;
	float: left;
	height: 28px;
}

.gaia-ui-actionmenu-delete {
  filter: alpha(Opacity=70);
  opacity: .6;
  background: url(../img/delete16.png) no-repeat center center;
  display: inline-block;
  margin-top: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.gaia-ui-actionmenu-edit {
  filter: alpha(Opacity=70);
  opacity: .6;
  background: url(../img/edit16.png) no-repeat center center;
  display: inline-block;
  margin-top: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.gaia-ui-actionmenu-copy {
  filter: alpha(Opacity=70);
  opacity: .6;
  background: url(../img/copy16.png) no-repeat center center;
  display: inline-block;
  margin-top: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.gaia-ui-actionmenu-add {
  filter: alpha(Opacity=70);
  opacity: .6;
  background: url(../img/plus16.png) no-repeat center center;
  display: inline-block;
  margin-top: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.gaia-ui-actionmenu-print {
  filter: alpha(Opacity=70);
  opacity: .6;
  background: url(../img/printer.png) no-repeat center center;
  display: inline-block;
  margin-top: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.gaia-ui-actionmenu-border {
  line-height: 28px;
  border-left: 1px solid #a3a3a3;
}

.gaia-ui-actionmenu-prev {
	filter: alpha(Opacity=70);
	opacity: .7;
	background: url(../img/arrow_up_12x12.png) no-repeat center center;
	display: inline-block;
	width: 16px;
	height: 28px;
	cursor: pointer;
}

/*.gaia-ui-actionmenu-icon {
	width: 40px;
}
*/
.gaia-ui-actionmenu-next {
	filter: alpha(Opacity=70);
	opacity: .7;
	background: url(../img/arrow_down_12x12.png) no-repeat center center;
	display: inline-block;
	width: 16px;
	height: 28px;
	cursor: pointer;
}

.gaia-ui-actionmenu-search {
  display: none;
}

input.gaia-ui-actionmenu-search + label {
  filter: alpha(Opacity=70);
  opacity: .3;
  background: url(../img/magnifying-glass-2x.png) no-repeat center center;
  display: inline-block;
  width: 16px;
  height: 28px;
  cursor: pointer;
}


.gaia-ui-actionmenu-disable {
  filter: alpha(Opacity=20);
  opacity: .2;
  cursor: default;
}

.header-userinfo {
  float: right;
  margin-top: 12px;  
  margin-right: 15px;
  padding: 0;
}

.control-gaia {
	position: relative;
	float: left;
	padding-right: 10px;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/*.control-value-richtext-gaia, .control-gaia .control-value-label-gaia {
  white-space: normal;
}
*/
.control-label-gaia, .control-gaia .input-label-cybozu {
	border-left-color: #d9998c;
	color: #a16b5f;
}
.control-label-gaia, .control-gaia .input-label-cybozu {
	display: block;
	margin: 1px 0 5px;
	padding: 2px 6px;
	border-left: 4px solid #989898;
	border-bottom: 1px solid #d6d1cc;
	color: #888;
	white-space: nowrap;
}

.subtable-ref {
	text-align: center;
}

.subtable-ref-gaia {
	cursor: pointer;
	display: inline-block;
}

.subtable-ref-gaia {
	filter: alpha(Opacity=60);
	opacity: .6;
	background: url(../img/btn-list-edit.png) no-repeat center center;
	width: 24px;
	height: 24px;
}

.subtable-gaia td {
	vertical-align: top;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	padding: 3px 10px 0 3px;
}

.dgdg-search-ctl {
  margin: 3px 5px
}

.dgdg-search-ctl input, .dgdg-search-ctl span {
  margin: 2px 5px;
  padding: 0 5px;
  height: 24px;
}

.dgdg-display-off {
  display: none; 
}
.subtable-gaia tr.dgdg-search-off {
  display: none;
}


.subtable-gaia td:first-child {
    border-left: 1px solid #c9c9c9;
}

.subtable-label-gaia {
	margin: 0;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	color: #fff;
	white-space: nowrap;
}
.control-etc-gaia {
	float: left;
	overflow: hidden;
}

.control-group-gaia-collapsed {
	display: none;
}

.header-icon  {
	margin: 8px 0 0 8px;
	display: inline-block;
	height: 24px;
	vertical-align: middle;
}

/* ----- Group panel --------- */  
input.xp-group-check {
  display: none;
}
label.xp-group-label {
  /*background-image: linear-gradient(rgba(236,236,236,0),rgba(212,212,212,.85) 85%,#d4d4d4 100%);*/
  margin-left:10px;
   cursor: pointer;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 4px;
  background-color: #fff;
  /*background: #fff;*/
  /*color: #FFF;*/
  -webkit-transition: 0.1s;
  transition: 0.1s;
	font-weight: 700;
	z-index: 5;
}
label:hover {
  /*background: #d4d4d4;*/
  background-image: linear-gradient(rgba(236,236,236,0),rgba(212,212,212,.85) 85%,#d4d4d4 100%);
}
.xp-group-panel {
border:1px solid #bbb;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  height: 0;
  overflow: hidden;
  /*background: #F5F0CF;*/
  margin-top: -15px;
  padding-top: 0;
  /*border-radius: 3px;*/
  width: 500px;
}
input:checked + .xp-group-panel {
  height: auto;
  padding: 10px;
}

.group-label-gaia:before {
  position: absolute;
  /*top: 50%;*/
  left: 22px;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  content: "";
  background: transparent url(../img/ddn-icon.png) no-repeat center;
}


.control-value-richtext-gaia {
  /*overflow: hidden;*/
  line-height: 2.4;
/*  word-wrap: break-word;
  white-space: pre-wrap;
*/}


/*.control-value-gaia {
  padding-bottom: 6px;
  overflow: hidden;
  line-height: 1.6;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
  white-space: pre-wrap;
}
*/

.dgdg-error-message {
  margin: 50px;
  font-size: 20px;
}

@media print{
body { 
  /*width: 600px;*/
  height: 600px;
  padding: 0;
}
a {
  text-decoration: none;
  pointer-events:none;
}

#header-dgdg{display:none;} 
/*#footer-dgdg{display:none;} */
/*#contents-dgdg{display:none;} */
/*.contents-dgdg-right{display:none;} */
/*.layout-gaia{
  display: block;
   float:none;
  height: 900px;
} 
*/
}