@charset "UTF-8";




body{
    color: #333333;
	background-color:white;
	font-size: 11pt;
	font-family: 'ヒラギノ角ゴ Pro W3' ,Hiragino Kaku Gothic Pro, "メイリオ",Meiryo, 'ＭＳ Ｐゴシック' , Arial,Helvetica,sans-serif;
	-webkit-text-size-adjust: 100%;
}


/* ↓見出し1 ページタイトル*/
h2{
	margin: 0 0 10px 0;
	padding: 6px 0 6px 0;
	font-size:1.5em;
	background-color:#a1d8e6;
	/* background-color:#68a4d9; */
}

/* ↓見出し2 */
h3{
	margin: 50px 0 5px 0;
	border-top:solid 2px #6699cc;
	border-bottom:solid 2px #6699cc; 
	padding:5px 0 5px 0;
	font-size:1.4em;
}

/* ↓見出し3 */
h4{
	margin: 50px 0 5px 0;
	border-top:solid 1px #6699cc;
	border-bottom:solid 1px #6699cc; 
	padding:5px 0 5px 0;
	font-size:1.2em;
}

/* ↓見出し4 */
h5{
	margin: 15px 0 5px 0;
	border-top:solid 1px #6699cc;
	border-bottom:solid 1px #6699cc; 
	padding:5px 0 5px 0;
	font-size:1.1em;
	font-weight: bold;
	color: #295793;
	}

/* ↓見出し５ 上線のみ */
h6 {
	margin: 15px 0 5px 0;
	border-top:solid 1px #6699cc;
	padding:3px 0 3px 0;
	font-size:1.1em;
	font-weight: bold;
	color: #295793;
}

/* ↓画像　上下に少し余白 */
img {
	margin: 5px 0 5px 0;
    width:auto;
    height:auto;
    max-width:100%;
}

.spfehelp-jp .content img,
.spufehelp-jp .content img {
	width: revert-layer;
}

/* ↓アイコンが上下にずれる位置直し*/
img#icon {
   vertical-align: middle;
   padding: 0 5px 0 5px;
}

/* ↓本文サイズ */
p {
  margin: 0.5em 0 0.5em 0;
   /* line-height: 1.5; */
}

/* ↓注釈、補足、参照など。本文よりワンランク文字サイズが小 */
.att {
  margin: 0em;
  /* margin-top: 0em; */
  padding-left: 1em;
  text-indent: -1em;
  font-size:95%;
}

/* ↓赤Ver。注意など。本文よりワンランク文字サイズが小 */
.att_red {
  margin-top: 0em;
  padding-left: 1em;
  color: #990033;
  text-indent: -1em;
  font-size:95%;
}

/* ↓青Ver。何か変えたいとき。汎用的に。本文よりワンランク文字サイズが小 */
.att_blue {
  margin-top: 0em;
  padding-left: 1em;
  color: #295793;
  text-indent: -1em;
  font-size:95%;
}

/* ↓注釈よりさらによりさらにワンランク文字サイズが小 */
.credit {
	text-align:left;
	margin-top:0.5em;
	padding:0.5em 0.5em 0.5em 1em;
	line-height:1.5em;
	border-top:1px #999 solid;
	font-size:80%;
}


/* ↓liを円に指定 */
ul {
	list-style-type: disc;
	margin-top:0.8em;
}

/* ↓liを太字に指定 */
li {
	margin: 0 0 0.2em 0;
	font-weight: bold;
}

/* ↓箇条書き、1行ずつ、タイトルなし、太字なし */
ul.slist {
	margin-top: 0.4em;
}
ul.slist li {
	font-weight: normal;
	font-size:95%;
	padding-left: 0em;
}


/* ↓slistよりさらに目立たない 箇条書き、1行ずつ、タイトルなし、太字なし */
ul.sslist {
	margin-top: 0em;
	padding-left: 1.2em;
}
ul.sslist li {
	font-weight: normal;
	font-size:95%;
	/* padding-bottom: 0.1em; */
	padding-left: 0em;
}


/* ↓tspv_limit専用  フォントサイズ100％、箇条書き、1行ずつ、タイトルなし、太字なし */
ul.limit100list li {
	font-weight: normal;
	padding-left: 0em;
	padding-top: 0.4em;
}

/* ↓tspv_limitの子階層のリスト、フォント95%、行間と上部マージン小に指定 */
ul.limit100list li ul li {
	font-weight: normal;
	padding-top: 0em;
	padding-bottom: 0em;
	font-size:95%;
}



/* ↓操作 下線のみ */
.ope {
	font-weight: bold;
	color: #6699cc;
	margin: 20px 0 0px 0;
	border-bottom:solid 1px #C2DEEF; 
	padding:2px 0 2px 0;
}


/* ↓青の罫線、区切りをどうしても入れたいときなど */
hr.blue{
	border-top: 1px solid #C2DEEF;
}


/* ↓▲！先頭マーク＋赤文字 */
.red_line {
	color: #990033;
	font-weight: bold;
	padding: 0 0 0 2px;
	margin: 30px 0 0px 0;
}

/* ↓▲！のWebフォント入れる指定、赤文字 */
.red_line:before {
	font-family: FontAwesome;
	content : "\f071";
	padding: 0 0 0 2px;
	margin: 30px 4px 0px 0;
	color: #990033;
}


/* ↓●？先頭マーク＋青文字 */
.blue_line {
	color: #295793;
	font-weight: bold;
	padding: 0 0 0 2px;
	margin: 30px 0 0px 0;
}

/* ↓●？のWebフォント入れる指定、青文字 */
.blue_line:before {
	font-family: FontAwesome;
	content : "\f059";
	padding: 0 0 0 2px;
	margin: 30px 4px 0px 0px;
	color: #295793;
}


/* ↓背景黒、文字白 */
.black_board {
    color: #ffffff;
    background-color: #000000;
    width: 80%;
	padding: 5px;
	margin: 0px;
}


/* ↓リンク、アクティブ、訪問済み、カーソルの文字色指定 */
a:link{ color: #006699; text-decoration: underline; }
a:active{ color: #006699; text-decoration: underline; }
a:visited{ color: #5f6527; text-decoration: underline; }
a:hover{ color: #5f6527; text-decoration: underline; }


/* ↓表指定とりあえず */
table.atype,
table.a,
table.a2 {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    width: 100%;
    border-color: grey;
    margin: 5px 0 5px 0;
    font-weight: normal;
}

table.a2 {
	font-size: .8em;
}

table.a2 tr td:nth-child(3n-2)  {
	width: 15%;
}

table.a2 tr td:nth-child(3n-1)  {
	width: 40%;
}

table.a2 tr td:nth-child(3n)  {
	width: 45%;
}

table.a2 tr td {
	padding: 2px;
}


.content table {
    width: 100%;
}


/* ↓ol.ul内のp指定 */
ul li p,
ul li div {
 line-height:1.5;
 font-weight: normal;
 margin:0;
}

ol li p,
ol li div {
 line-height:1.5;
 font-weight: normal;
 margin:0;
}


ul.ico4 li {
	font-weight: normal;
	font-size:95%;
	line-height: 20px;
}
ul.ico4 li img{
	vertical-align: middle;
	margin-right: 0.5em;
}


.ico4 {
	line-height: 20px;
}
.ico4 img{
	vertical-align: middle;
	margin-right: 0.5em;
}



/* 追加のスタイル記述 */

/* TSベーシックのトップページ用 */

hr.wp-block-separator.line-blue {
	border: 0;
    border-top: 3px double #006eb0;
    height: 5px;
}

hr.wp-block-separator.line-dot {
	border: 0;
    margin: 8px 0px 8px 0;
    border-top: 1px dashed #006eb0;
}

figure.wp-block-table.help-top-table {
    margin: 1em 0;
	border: none;
}

figure.wp-block-table.help-top-table table  {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
	border-collapse: collapse;
    border-spacing: 0;
}

figure.wp-block-table.help-top-table tr:first-child td {
    background: #8fa0ab;
    color: #fff;
}