body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-family: ヒラギノ角ゴ Pro W3, "Hiragino Kaku Gothic Pro", メイリオ, ＭＳ Ｐゴシック, Arial, sans-serif;
  background: #f7f7f7;
}

div {
  padding: 0px;
  margin: 0px;
}

dl {
  padding: 0em;
  margin: 1em 0em 1em 0em;
}

dt, dd {
  padding: 0em;
  margin: 0em;
}

ul {
  padding: 0em 0em 0em 1em;
  margin: 0em;
  list-style-position: outside;
}

a {
  color: #60b33d;
  font-weight: bold;
}


table {
  background: #bbb;
  border-spacing: 1px;
  font-size: 14px;
  line-height: 24px;
}

th {
  background: #c2ebb1;
  padding: 5px;
  font-weight: bold;
}

td {
  background: #ffffff;
  padding: 5px;
}

.main {
  padding: 23px 75px;
}

.main-title {
  background: url(./image/v7icon/title.png) 0 0 no-repeat;
  padding: 0px 0px 17px 73px;
  font-size: 24px;
  line-height: 39px;
  border-bottom: 3px dotted #e3e3e3;
}

.main-topLink {
  margin: 14px 0px;
}


.topLink-anchor{
  color: #60b33d;
  font-weight: bold;
}

.topLink-label {
  display: inline-block;
  margin-right: 8px;
}

.topLink-gamen:after {
  content: url(./image/v7icon/gamen.gif)"画面説明";
}

.topLink-fileLayout:after {
  content: url(./image/v7icon/sansyo.gif)"ファイルレイアウト";
}

.topLink-sampleReport:after {
  content: url(./image/v7icon/output.gif)"サンプル帳票";
}

.topLink-sampleFile {
  display: inline-block;
  background: url(./image/v7icon/output.gif) 0 0 no-repeat;
  padding: 4px 0px 4px 32px;
  margin-right: 8px;
}

.topLink-sampleFile a:after {
  content: "≪サンプルファイル≫";
}

.topLink-sampleList {
  display: inline-block;
  background: url(./image/v7icon/list.gif) 0 0 no-repeat;
  padding: 4px 0px 4px 32px;
  margin-right: 8px;
}

.topLink-sampleList a:after {
  content: "≪サンプル一覧≫";
}

.block {
  width: 100%;
  padding: 0px;
  margin: 0px 0px 36px 0px;
}

.block-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 1em;
}

.block-title_gaiyo {
  background: url(./image/v7icon/gaiyo.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_gaiyo:after {
  content: "≪概要≫";
}

.block-title_unyo {
  background: url(./image/v7icon/unyo.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_unyo:after {
  content: "≪運用≫";
}

.block-title_video {
  background: url(./image/v7icon/unyo.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_video:after {
  content: "≪動画≫";
}

.block-title_security {
  background: url(./image/v7icon/security.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_security:after {
  content: "≪セキュリティ≫";
}

.block-title_juyo {
  background: url(./image/v7icon/juyo.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_juyo:after {
  content: "≪重要≫";
}

.block-title_point {
  background: url(./image/v7icon/point.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_point:after {
  content: "≪補足≫";
}

.block-title_outputSort {
  background: url(./image/v7icon/output.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_outputSort:after {
  content: "≪出力順≫";
}

.block-title_error {
  background: url(./image/v7icon/error.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_error:after {
  content: "≪エラー≫";
}

.block-title_kanren {
  background: url(./image/v7icon/kanren.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_kanren:after {
  content: "≪関連する機能≫";
}

.block-title_fileLayout {
  background: url(./image/v7icon/sansyo.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_fileLayout:after {
  content: "≪ファイルレイアウト≫";
}

.block-title_sampleFile {
  background: url(./image/v7icon/sansyo.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_sampleFile:after {
  content: "≪サンプルファイル≫";
}

.block-title_sampleReport {
  background: url(./image/v7icon/output.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_sampleReport:after {
  content: "≪サンプル帳票≫";
}

.block-title_outputContent {
  background: url(./image/v7icon/output.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_outputContent:after {
  content: "≪出力内容≫";
}

.block-title_gamen {
  background: url(./image/v7icon/gamen.gif) 0 0 no-repeat;
  text-indent: 32px;
}

.block-title_gamen:after {
  content: "≪画面≫";
}

.block-content {
  margin: 0em 0em 0em 1em;
}

.content-text {
  margin: 1em 0em 1em 0em;
}

.imageTitle {
}

.tableTitle {
  margin-top: 5px;
}

.tableTitle:before{
  content: "■"
}

.fieldBlock{
}

.fieldBlock-title{
}

.fieldBlock-content{
}

.fieldTable{
  background: #bbb;
  border-spacing: 1px;
  font-size: 14px;
  line-height: 24px;
  margin: 0em 0em;
}

.buttonBlock{
}

.buttonBlock-title{
}

.buttonBlock-content{
}

.buttonTable{
  background: #bbb;
  border-spacing: 1px;
  font-size: 14px;
  line-height: 24px;
  margin: 0em 0em;
  width:583px;
}

.content-name {
  width: 115px;
}

.content-operation {
  width: 468px;
}

.content-dList {
}

.content-list {
  padding: 0em 0em 0em 1em;
  margin: 0em 0em 1em 0em;
  list-style-position: outside;
}

.content-list-seq {
  padding: 0em 0em 0em 1em;
  margin: 0em 0em 1em 0em;
  list-style-position: outside;
}

.content-list-seq > li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}

.content-list-seq > li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

.content-img {
  width: 630px;
}

.content-img_size-origin {
  width: initial;
}

.content-img_calendar {
  width: 32px;
}

.content-video {
  width: 630px;
}

.content-sortTable {
  width: 583px;
}

.sortTable-itemName {
  width: 233px;
}

.sortTable-comment {
  width: 350px;
}

.content-errorTable {
  width: 583px;
}

.errorTable-content {
  width: 183px;
}

.errorTable-cause {
  width: 200px;
}

.errorTable-solution {
  width: 200px;
}

.content-outputTable {
  width: 583px;
}

.outputTable-num {
  width: 33px;
}

.outputTable-itemName {
  width: 150px;
}

.outputTable-content {
  width: 400px;
}

.fieldTable {
  width: 583px;
}

.fieldTable-length {
  width: 60px;
}

.fieldTable-type {
  width: 60px;
}

.fieldTable-required {
  width: 48px;
}

.content-viewBtnTable {
  width: 583px;
}

.fieldTable-name {
  width: 115px;
}

.fieldTable-operation {
  width: 468px;
}

.content-layoutTable {
  width: 583px;
}

.layoutTable-num {
  width: 47px;
  height: 36px;
}

.layoutTable-name {
  width: 165px;
}

.layoutTable-size {
  width: 41px;
}

.layoutTable-canEllipsis {
  width: 51px;
}

.layoutTable-ellipsisComment {
  width: 129px;
}

.layoutTable-comment {
  width: 204px;
}

.workflow_horizontal {
  display: flex;
  flex-flow: row nowrap;
}

.workflow_horizontal .workflowImg {
  width: 363px;
  min-width: 363px;
  margin-right:32px;
}

.workflow_horizontal .workflowImg img {
  width: 100%;
}

.workflow_vertical {
}

.workflow_vertical .workflowImg img {
  width: auto;
}

.workflowComment {
  width: 100%;
}

.main-copyright {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
}


.workflow {
}

.workflow-stepList {
}

.workflow-stepList:before {
  content: "開始";
  width: 392px;
  display: block;
  text-align: center;
  border: 1px solid #bbb;
  border-radius: 50px;
  padding: 14px;
  box-sizing: border-box;
  background-color: #fff;
}

.workflow-stepList:after {
  content: "終了";
  width: 392px;
  display: block;
  text-align: center;
  border: 1px solid #bbb;
  border-radius: 50px;
  padding: 14px;
  box-sizing: border-box;
  background-color: #fff;
}

.workflow-step {
}

.workflow-step:first-child:before {
  content: url(./image/v7icon/workflowBottomArrow.png);
  display: block;
  width: 382px;
  height: 20px;
  text-align: center;
  padding: 5px;
}

.workflow-step:after {
  content: url(./image/v7icon/workflowBottomArrow.png);
  display: block;
  width: 382px;
  height: 20px;
  text-align: center;
  padding: 5px;
}

.workflow-stepContent {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.stepContent-name {
  width: 363px;
  min-width: 363px;
  text-align: center;
  border: 1px solid #bbb;
  padding: 14px;
  margin-right: 32px;
  background-color: #fff;
}

.stepContent-comment {
  display: inline-block;
  white-space: wrap;
  word-break: break-all;
}

img.buttonTable-icon{
  width:20px;
  height:20px;
  vertical-align:middle
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}