/* -----------------------------------------------------*/
/* This file contains the specific styles               */
/* to OVERRIDE DITA-OT Original and Bootstrap framework */
/* -----------------------------------------------------*/

.highlight { background-color: #FFF797; }
.unresolved { background-color: skyblue; }
.noTemplate { background-color: yellow; }
.found { background-color: yellow; }

/*
  small:   10pt   13px
  default: 10.5pt 14px;
  medium:  12pt   16px
        :  13.5pt 18px
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	line-height: 140%;
/*	margin:0;
	padding:0;
	background:#FFFFFF; */
}

/*--Cover Page--*/
.addinfo{
	text-align:		right;
	margin-top:		60px;   /* show Navigation */
}
.maintitle {
	font-weight:	bold;
	font-size:		230%;/*24pt;*/
	line-height:	120%;
	margin-top:		20px;
	margin-bottom:	10px;
}
.subtitle {
	font-weight:	bold;
	font-size:		230%;/*24pt;*/
	line-height:	120%;
	margin-top:		40px;
	margin-bottom:	10px;
}
.cover img{
	margin-top:		2em;
}
.draft{
	color:			red;
	font-size:		133%;/*14pt;*/
	font-weight:	bold;
	text-align:		right;
	margin-right:	0.5em;
	padding:		3px 5px;

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 	7px;
	border: 		2px red solid;
}

.release-version{
	font-size:		133%;/*14pt;*/
	font-weight:	bold;
	text-align:		right;
}
.date{
	margin-top:		150px;
	text-align:		right;
}
.organization{
	margin-top:		2px;
	text-align:		right;
}
.documenttitle {
	font-weight:	bold;
	font-size:		230%;/*24pt;*/
	line-height:	120%;
	margin-top:		20px;
	margin-bottom:	10px;
}
.version{
	margin-top:		160px;
	text-align:		right;
}
.status, .printedon{
	text-align:		right;
}

/*--Titles--*/
.topictitle1 {
	color:			#FFFFFF;
	font-weight:	bold;
	font-size:		152%;/*16pt;*/
	line-height:	120%;
	background:		#0068B6;
	padding:		6px 10px;
	margin-top:		60px;   /* for Navigation */
	margin-bottom:	10px;
}
.topictitle2 {
	font-size:		152%;/*16pt;*/
	font-weight:	bold;
	line-height:	120%;
	color:			#0068B6;
	margin-top:		20px;
	margin-bottom:	10px;
	padding-bottom: 4px;
	border-bottom:	dashed 1px #62a2d2;
}
.topictitle3 {
	color:			#0068B6;
	font-weight:	bold;
	font-size:		142%;/*15pt;*/
	line-height:	120%;
	margin-top:		20px;
	margin-bottom:	10px;
}
.topictitle3:before {
	content:		"■ ";
}
.topictitle4 {
	color:			#0068B6;
	font-weight:	bold;
	font-size:		133%;/*14pt;*/
	line-height:	120%;
	margin-top:		20px;
	margin-bottom:	10px;
}
.topictitle4:before {
	content:		"● ";
}
.topictitle5 {
	color:			#0068B6;
	font-weight:	bold;
	font-size:		133%;/*14pt;*/
	line-height:	120%;
	margin-top:		20px;
	margin-bottom:	10px;
}
/* .topictitle6 { font-size: 1.17em; font-style: italic; } */
.bodydivtitle{
	font-weight:	bold;
	font-size:		133%;/*14pt;*/
	line-height:	120%;
	background:		#99B3DE;
	padding:		3px 5px;
	margin-top:		20px;
	margin-bottom:	10px;
	border-bottom: 2px solid #0068B6;
}
.sectiontitle {
	font-size: 		128%;/*13.5pt;*/
	font-weight: 	bold;
	line-height: 	120%;
	margin-top: 	1em;
	margin-bottom: 	0.6em;
}
/* .section { margin-top: 1em; margin-bottom: 1em } */

/*--Contents--*/
.p {
	margin-top: 	0px;
}
.space-before{
	margin-top: 	1em;
}
.lines, .pre{
	margin-top: 	1em;
	margin-bottom: 	1em;
}
.pre{
	background-color:#DDDDDD;
	margin-left:	20px;
	margin-right:	20px;
}
ul{
	list-style-type:disc;
}
ul.simple { 
	margin-left:	-10px;
}
dd{
	margin-left:	40px;
}

/*--Table--*/
table {
	font-size: 85%;/*9pt;*/
	border: 1px solid #606060;
}
.tablecap {
	color: #0068b6;
	font-weight: bold;
}
thead.thead tr.row th.entry, tr.row td.entry, thead.thead tr.row th.firstcol, tr.row th.firstcol, th.stentry, td.stentry {
	color: #000000;
	padding: 1px 3px;
	border: 1px solid #606060;
}
thead.thead tr.row th.entry, th.stentry {
	background-color: #99B3DE;
	text-align: center;
}
tbody.tbody tr.row th.firstcol {
	font-weight: normal;
	background-color: #DFE6F5;
}
tbody.tbody tr.row td.entry, td.stentry {
	background-color: #FFFFFF;
}
table[frame="void"] {
	border: 0px hidden transparent;
}
table[frame="vsides"] {
	border-top: 0px hidden transparent;
	border-bottom: 0px hidden transparent;
}
table[frame="hsides"] {
	border-left: 0px hidden transparent;
	border-right: 0px hidden transparent;
}
table[frame="above"] {
	border-left: 0px hidden transparent;
	border-right: 0px hidden transparent;
	border-bottom: 0px hidden transparent;
}
table[frame="below"] {
	border-left: 0px hidden transparent;
	border-top: 0px hidden transparent;
	border-right: 0px hidden transparent;
}
table[rules="none"] tr.row th.entry, table[rules="none"] tr.row th.firstcol, table[rules="none"] th.firstcol, table[rules="none"] td.entry {
	border: 0px none transparent;
}
table[rules="rows"] tr.row th.entry, table[rules="rows"] tr.row th.firstcol, table[rules="rows"] th.firstcol, table[rules="rows"] td.entry {
	border-left: 0px none transparent;
	border-right: 0px none transparent;
}
table[rules="cols"] tr.row th.entry, table[rules="cols"] tr.row th.firstcol, table[rules="cols"] th.firstcol, table[rules="cols"] td.entry {
	border-top: 0px none transparent;
	border-bottom: 0px none transparent;
}
thead.thead tr.row th.colborder, tr.row td.colborder {
	border-right: 1px solid #606060;
}
thead.thead tr.row th.rowborder, tr.row td.rowborder {
	border-bottom: 1px solid #606060;
}
thead.thead tr.row th.nocolborder, tr.row td.nocolborder, tr.row th.nocolborder {
	border-right: 1px solid transparent;
}
thead.thead tr.row th.norowborder, tr.row td.norowborder, tr.row th.norowborder {
	border-bottom: 1px solid transparent;
}

/*--Figure--*/
div.fig{
	margin-top: 1em;
}
.figcap{
	color: #0068b6;
	font-weight: bold;
	font-style: normal;
}

/*--Note類--*/
.note {
	border: solid 1px #000000;
	padding: 5px 8px;
}
.note { background-color: #f2d7c7; }
.notetitle { display: block; }
.notelisttitle { display: block; }
.tip { background-color: #bbedf2; }
.tiptitle { display: block; }
.fastpath { background-color: #bbedf2; }
.fastpathtitle { display: block; }
.important { background-color: #f2d7c7; }
.importanttitle { display: block; }
.remember { background-color: #bbedf2; }
.remembertitle { display: block; }
.restriction { background-color: #f2d7c7; }
.restrictiontitle { display: block; }
.attention { background-color: #f2d7c7; }
.attentiontitle { display: block; }
.danger { background-color: #f2d7c7; }
.dangertitle { display: block; }
.dangertitle:before{content: url("data:image/gif;base64,R0lGODlhFQASAMQAAAAAAP///+/lEePi4tbLEryyEol/E1ZLFDEmJDAlFSMYFfHx8OLYEa+lEqOYE3BlFD0yFcjFxLq3tj81MnZvbVpSUGhgXqyop0xDQZGLioR9fP///wAAAAAAAAAAAAAAACH5BAEAABsALAAAAAAVABIAAAWZ4CaO41VdZKqKA6IgwypvVEIk1KxGiiEYioiOhIEIjhDMUHRRFICGggKlWyAOAoVWcEAsdBoFgavAEhSa2aB3PJSPwNiqkmDA2QJGorKSKBxHP3gCDgoSKhNYgQ0KDYFcEykZTo8EB2OBUhkjLQ+PAgUHBZ8PMCI1do9uioF6OTw+nw4QgJ9AERZOBbu8vb5SFmFaw8TFxBohADs=") " "}
.caution { font-weight:normal; background-color: #f2d7c7; }
.cautiontitle { display: block; }
.cautiontitle:before{content: url("data:image/gif;base64,R0lGODlhFQASAMQAAAAAAP///+/lEePi4tbLEryyEol/E1ZLFDEmJDAlFSMYFfHx8OLYEa+lEqOYE3BlFD0yFcjFxLq3tj81MnZvbVpSUGhgXqyop0xDQZGLioR9fP///wAAAAAAAAAAAAAAACH5BAEAABsALAAAAAAVABIAAAWZ4CaO41VdZKqKA6IgwypvVEIk1KxGiiEYioiOhIEIjhDMUHRRFICGggKlWyAOAoVWcEAsdBoFgavAEhSa2aB3PJSPwNiqkmDA2QJGorKSKBxHP3gCDgoSKhNYgQ0KDYFcEykZTo8EB2OBUhkjLQ+PAgUHBZ8PMCI1do9uioF6OTw+nw4QgJ9AERZOBbu8vb5SFmFaw8TFxBohADs=") " "}
/*data:image/gif;base64,R0lGODlhFQASAMQAAAAAAP///yIYFfHx8FlSUDAmJNXU09bU05GMij41MnVvbYN9e8jFxLq3tmdgXktDQZ6amayop0xDQZCLioN9fMjFxePi4v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABcALAAAAAAVABIAAAV94CWOYyNQZKqKQyEI1ipf1CsQs2rciCMwORKhMAgEHomgKCJ4GAMEwSTYej2jxFztVQy4BIqZxSaoGMkGWdTWCBzIOJWJjAhUyIJGapDALwIQeAkDJBN4TQELh1MiY4ePLwUxF2t4EW6PYQyQV48MlXhmB194BFuPD5ACEiEAOw== */
.warning { background-color: #f2d7c7; }
.warningtitle { display: block; }
.warningtitle:before{content: url("data:image/gif;base64,R0lGODlhFQASAMQAAAAAAP///+/lEePi4tbLEryyEol/E1ZLFDEmJDAlFSMYFfHx8OLYEa+lEqOYE3BlFD0yFcjFxLq3tj81MnZvbVpSUGhgXqyop0xDQZGLioR9fP///wAAAAAAAAAAAAAAACH5BAEAABsALAAAAAAVABIAAAWZ4CaO41VdZKqKA6IgwypvVEIk1KxGiiEYioiOhIEIjhDMUHRRFICGggKlWyAOAoVWcEAsdBoFgavAEhSa2aB3PJSPwNiqkmDA2QJGorKSKBxHP3gCDgoSKhNYgQ0KDYFcEykZTo8EB2OBUhkjLQ+PAgUHBZ8PMCI1do9uioF6OTw+nw4QgJ9AERZOBbu8vb5SFmFaw8TFxBohADs=") " "}


ol, ul{
	margin-left: 10px;
}

/*-- Grid Setting--*/
.grid-content{
  position:relative;
  margin-top:20px;
  margin-bottom:30px;
}

.grid-content:after{
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}

.grid-contents-w1{
  float:left;
  width:128px;
  height:200px;
  margin:0 4px 4px 0;
  padding:4px 4px 4px 0;
  border: 1px solid black;
}
.grid-contents-w2{
  float:left;
  width:260px;      /* 256px + 4px */
  height:200px;
  margin:0 4px 4px 0;
  padding:4px 4px 4px 0;
  border: 1px solid black;
}


/* to override bootstrap row class before,after setting */
tr.row:before, tr.row:after{
	display:none;
}


/*-----------------------------------------------------------------------------------------------*/
/* for Metadata                                                                                  */
/*-----------------------------------------------------------------------------------------------*/
.othermeta span.level{
	background-color: #DFE6F5;
	padding: 1px 4px;
}


/*-----------------------------------------------------------------------------------------------*/
/* for FAQ                                                                                       */
/*-----------------------------------------------------------------------------------------------*/
.faq-meta-block {
	color: #999999;
	font-size: 85%;/*9pt;*/
	line-height: 120%;
	margin-top:	 45px;   /* for Navigation */
	margin-bottom: -50px;
}


/*-----------------------------------------------------------------------------------------------*/
/* for print                                                                                     */
/*-----------------------------------------------------------------------------------------------*/
@media print {

.addinfo{
	margin-top:		0px;   /* hide Navigation */
}

.topictitle1 {
	padding:		6px 0px;
	margin-top:	0px;   /* hide Navigation */
}

.faq-meta-block {
	margin-bottom: 2mm;
}

}

/* aruga 2018.03.16 add for 2018.04 task 93 HTML ツリーの全展開と全省略ができるようにしたい */
/* add start */

/*-----------------------------------------------------------------------------------------------*/
/* 全展開/全省略ボタン                                                                                     */
/*-----------------------------------------------------------------------------------------------*/
.btn-openclose {
  color:  #fff;
  background-color: #d4d4d4;
  border-color: #d4d4d4;
  font-weight:bold;
  font-size:1.8em;
  font-family:"メイリオ";
  line-height:70%;
}

.btn-openclose:hover {
  color: #fff;
  background-color: #969696;
  border-color: #969696;
}

.btn-openclose:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-openclose.disabled, .btn-openclose:disabled {
  color: #fff;
  background-color: #969696;
  border-color: #969696;
}

.btn-openclose:not(:disabled):not(.disabled):active, .btn-openclose:not(:disabled):not(.disabled).active,
.show > .btn-openclose.dropdown-toggle {
  color: #fff;
  background-color: #969696;
  border-color: #969696;
}

.btn-openclose:not(:disabled):not(.disabled):active:focus, .btn-openclose:not(:disabled):not(.disabled).active:focus,
.show > .btn-openclose.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}


/*-----------------------------------------------------------------------------------------------*/
/* MenuNav                                                                                     */
/*-----------------------------------------------------------------------------------------------*/
#MenuNav{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	margin:0px;
	display:table;
	background-repeat:repeat-x;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAyCAYAAAD845PIAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABnSURBVGhD7dqhEQAxDMTAc/ov7Qsy8STkm5BHS4wFzK6+5GaZ899VjKKo7vanCIyiMIrCKAqjKIyiMIrCKAqjKIyiMIrCKAqjKIyiMIrCKAqjKIyiMIrCKIqVUTUz68YhrsgojGJIHnHRC9SIcdGMAAAAAElFTkSuQmCC");
}

.MenuNavButton{
	display:table-cell;
	vertical-align:middle;
}
.MenuNavButton button{
	margin-left:10px;
}
#Menu {
	overflow-y:hidden;
}
#MenuList {
	position:static;
	margin-top:50px;
	overflow-y:auto;
}
#MenuList #Table {
	margin-top:10px;
}
/* add end */