@charset "utf-8";
/*=================================================================
TIPSインデックス基本設定CSS
=================================================================*/

/*=================================================================
基本設定CSS
=================================================================*/

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

body{
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.03em;
	color:#000;
	background:#FFF;
	font-family: 'system-ui', '-apple-system', 'Avenir Next', Verdana, 'Hiragino Kaku Gothic ProN', sans-serif;
}
#container{
	width:600px;
	margin:0 auto;
	padding:10px 0;
}
#entry{
	width:560px;
	padding:0 20px;
	margin-bottom:40px;
}
.subsection{
	margin-left:10px;
}
p{
	margin-bottom:20px;
}
/*===================================
■cautionCont 注意ﾎﾞｯｸｽ
===================================*/
.cautionCont{
	padding:10px 10px 10px 35px;;
	background:url(../img/caution.gif) #E5E5E5 10px 10px no-repeat;
	border-radius: 5px;
}

/*===================================
■annotationCont 注釈用ｺﾝﾃﾅ
===================================*/
.annotationCont{
	padding:10px;
	background:#e5e5e5;
	border:solid 1px #bbb;
	border-radius: 5px;
}

/* ============================================================
■サンプルソース
============================================================*/
.srcHed{
	width:195px;
	height:19px;
	margin-left:1em;
	margin-bottom:0.5em;
	background:url(../img/smp.gif) no-repeat;
	position:relative;
}

.srcHed a{
	width:50px;
	height:15px;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
	background:url(../img/source.gif) no-repeat;
	position:absolute;
	left:130px;
	top:2px;
}
.smpHed{
	width:195px;
	height:19px;
	margin-left:1em;
	margin-bottom:0.5em;
	text-indent:-9999px;
	background:url(../img/smp.gif) no-repeat;
}
/* ---- srcﾎﾞﾀﾝのみ ---- */
.srcHed_noImg{
	background:none;
}
.srcHed_noImg a{
	left:1em;
}
/*=================================================================
■footer ﾌｯﾀﾒﾆｭｰ
=================================================================*/
#footer{
	width:600px;
	margin:30px auto 0;
	padding-top:10px;
	background:url(../img/fotter/line-short.gif) repeat-x top;
	text-align:center;
}
#footer IMG{
	border:none;
}
#FTRNAVI{
	background:url(../img/fotter/line-short.gif) repeat-x bottom;
	padding-bottom:10px;
}
#footer ul.footerNavi{
	margin:0 auto;
}
#footer ul.footerNavi li{
	list-style:none;
	float:left;
	margin-bottom:0;
}
/* - ﾌｯﾀﾎﾞﾀﾝ上段 - */
#footer ul.footerNavi li.ftrTopBtn{
	width:200px;
}
/* - ﾌｯﾀﾎﾞﾀﾝ下段 - */
#footer ul.footerNavi li.ftrBtmBtn{
	width:600px;
	margin-top:10px;
}
/* - ﾎﾞﾀﾝが一つだけ - */
HTML BODY DIV#footer ul.footerNavi li.naviOne{
	margin:0;
}
#footer UL.footerNavi li img{
	margin:0 auto;
	cursor:pointer;
}
/*===================================
■bscTbl 基本的なﾃｰﾌﾞﾙ
===================================*/
TABLE.bscTbl{
	width:100%;
	border-collapse:collapse;
}
TABLE.bscTbl th,TABLE.bscTbl td{
	padding:5px;
	border:solid 1px #555;
}
TABLE.bscTbl th{
	color:#041D3E;
	background-color:#E3EDFB;
}
TABLE.bscTbl th.topTh{/*colspan*/
	color:#FFF;
	background-color:#041D3E;
	font-weight:bold;
	text-indent:20px;
}
TABLE.bscTbl td{
	background-color:#FFF;
}


/*============================================================
■リンク
============================================================*/
a{
	color:#07519a;
	text-decoration:none;
}

a:hover{
	color:#eb6100;
	text-decoration:underline;
}
.url{
	font-size:11px;
}
/*=================================================================
■ﾃｷｽﾄ装飾
=================================================================*/
.txtCaution	{ color:#E60012 !important; }/* 赤 注意など */
.txtHed		{ color:#0068B7 !important; }/* シアン 見出しで使用 */
.txtEmp		{ color:#113AAB !important; }/* 青 強調部分 */
.txtImp		{ font-size:1.3em !important; }/* 文字大きく 重要部分 */
.txtWine	{ color:#C0392B !important; }/* ワインレッド */
.txtOrg		{ color:#EB6100 !important; }/* オレンジ */
.txtLeft	{ text-align:left !important; }/* テキスト左寄せ */
.txtYlw	{ color:#FF0 !important; }/* 黄色 */
.txtBlk	{ color:#000 !important; }/* 黒色 */
.txtNrml{ font-weight:normal !important; }
.txtStrong{ font-weight:bold !important; }/* 文中表現の強調 */
.txtULine{ text-decoration:underline !important; }/* ｱﾝﾀﾞｰﾗｲﾝ */

/* - 製品、機能 - */
.txtRPG		{ color:#0068B7 !important; }/* シアン RPG＃ */
.txtAjax	{ color:#DD0000 !important; } /* 赤 Ajax */
.txtAtWb	{ color:#E60012 !important; }/* 赤 AutoWeb */
.txtEnt		{ color:#113AAB !important; }/* 紺色 EnterpriseServer eStudio */
.txtTnk		{ color:#EB6100 !important; }/* 茶色 tonakai */
.txtAlsk	{ color:#0012FF !important; }/* 茶色 tonakai */

.txtGsntR		{ color:#DD0000 !important; }/* GOSANTA */
.txtGsntG		{ color:#007236 !important; }/* GOSANTA */

.emp{
	margin:0 10px;
	font-size:15px !important;
	color:#2749d8;
}
.code{
	color:#2749d8;
	letter-spacing:0.05em;
	margin:0 3px;
}
.code-white{
	letter-spacing:0.05em;
	margin:0 3px;
	font-size: 12px;
}
.emt-title {
	margin: 0 10px 0 0;
	font-size:16px !important;
	color:#2749d8;
}
/*===================================
■H1 大項目ﾀｲﾄﾙ
===================================*/
H1{
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	line-height:1.0;
	height:22px;
}
/*===================================
■H2 小項目ﾀｲﾄﾙ
===================================*/
H2{
	padding:15px 0;
	line-height:1.0;
	font-size:16px;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-weight:bold;
}
/*===================================
■H3
===================================*/
H3{
	color:#2749D8;
	font-size:18px;
	margin-bottom:10px;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

/*===================================
■H4 bold無しの小見出し
===================================*/
h4{
	font-size:15px;
	font-weight:normal;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	padding:10px 0 5px 0;
}

/*===================================
■H5
===================================*/
H5{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

/*===================================
■H6
===================================*/
H6{
	color:#EB6100;
	font-size:15px;
	margin-bottom:0.5em;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
/*===================================
■PRE
===================================*/
PRE{
	width:600px;
	margin:0;
	margin-bottom:1em;
	margin-left:1em;
	padding-bottom:1em;
	line-height:1.3;
	color:#666;

	overflow:auto;
	overflow-y:hidden;

}

/*=========================================================
■PCOMM
============================================================*/
.pcom{
	width:90%;
	margin:0 auto 40px auto;
	padding:20px;
	background-color:#000;
	color:#2AFA38;
	font-size:12px;
}
.pcom .blue{
	color:#7890f0;
}
.pcom .white{
	color:#ffffff;
}
.pcom .green{
	color:#2AFA38;
}
.pcom_inline{
	width:95%;
	padding:5px 0 5px 5px;
	background-color:#000;
	color:#2AFA38;
}
.pcom .red-frame {
	border: 1px solid #d7223e;
}
/*=========================================================
■dl dt dd
============================================================*/
dl{
	margin-bottom:40px;
}
dt{
	font-weight:bold;
}
dd{
	margin:0 0 10px 10px;
}
/*=========================================================
■ol
============================================================*/
ol{
	margin:0 0 40px 30px;
}
ol li{
	margin:0 0 10px 0;
}
ol li:last-child{
	margin:0;
}
/*=========================================================
■スペース
============================================================*/
.m-0 {
	margin: 0;
}
.mb-10 {
	margin-bottom: 10px;
}
.p-0 {
	padding: 0;
}

/*=========================================================
■囲みブロック
============================================================*/
.case-block {
	border-style: dotted;
	border: 1px dotted #000;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.case-block-title {
	margin: 0 0 10px;
	display: inline-block;
	padding: 0.25em 0.5em;
}
.case-block p {
	margin-top: -29px;
	margin-left: 10px;
	margin-bottom: 0;
}
.aqua-blocklist {
	background-color: #e6f7ff;
	padding: 15px;
	border: 1px solid #cacaca;
	margin-bottom: 1em;
}
.aqua-blocklist li {
	list-style-position: inside;
	list-style-type: square;
	line-height: 1.75em;
}
.dl-set-aqua {
	margin-bottom: 1em;
}
.dl-set-aqua dt {
	float: left;
	display: inline-block;
	width: 6em;
}
.dl-set-aqua dd {
	margin-bottom: 5px;
}
.dl-set-aqua dd:before {
	content: "・・・・・・・・";
	letter-spacing: -0.25em;
	margin-right: 0.5em;
}
.dl-set-big {
	margin-bottom: 20px;
	overflow: hidden;
}
.dl-set-big dt {
	float: left;
	width: 16%;
	overflow: hidden;
}
.dl-set-big dt:after {
	content: "・・・・・・・・";
	letter-spacing: -0.25em;
	font-weight: normal;
	font-style: normal;
}
.dl-set-big dd {
	float: left;
	width: 82%;
	padding-bottom: 10px;
}
.compile {
	padding: 10px 10px 0;
	border: 1px solid #cacaca;
	border-radius: 10px;
	margin-bottom: 50px;
	overflow: hidden;
	width: 600px;
}
.compile strong {
	font-weight: bold;
}
.comment-number {
	
}
.comment-number p {
	
}
.comment-number-block {
	margin-left: 2em;
	border-bottom: 1px dotted #000;
	margin-bottom: 20px;
}
.comment-number-block p {
	text-indent: -1.5em;
	margin-bottom: 10px;
}
.comment-number-block p span {
	font-weight: bold;
}


.font10 {
	font-size: 10px;
}
.font11 {
	font-size: 11px;
}
.font12 {
	font-size: 12px;
}
.tips-point {
	background-color: #f0f0f0;
	padding: 1em;
}
.tips-point strong {
	display: block;
	color: #0575c2;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
}
.tips-point p {
	padding-left: 1em;
}
.tips-point-head {
	
}
.tips-strong {
	font-weight: bold;
	color: #0575c2;
}

/*2018/06/13 追加*/
.next-title {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: -0.5em;
	margin-bottom: 0.5em;
}
/*2018/06/13 追加*/

/*2018/06/25 追加*/
.table-two {
	margin-bottom: 10px;
}
.table-two tr {
	margin-bottom: 10px;
}
.table-two th {
	vertical-align: top;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px;
}
.table-two td {
	vertical-align: top;
	padding-left: 5px;
	display: inline-block;
	margin-bottom: 10px;
}

.table-two-seven {
	margin-bottom: 10px;
}
.table-two-seven tr {
	margin-bottom: 10px;
}
.table-two-seven th {
	vertical-align: top;
	font-weight: bold;
	width: 5em;
	margin-bottom: 10px;
	display: inline-block;
}
.table-two-seven td {
	vertical-align: top;
	display: inline-block;
	padding-left: 5px;
	margin-bottom: 10px;
}
.end-commentary {
	margin-left: 1em;
	text-indent: -1.3em;
	margin-top: -40px;
}
.end-commentary:before {
	content: "―";
}
/*2018/06/25 追加*/

/*2018/06/27 追加*/
.watson-ul {
	margin-bottom: 20px;
	margin-left: 1em;
	background-color: #f4f4f4;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}
.watson-ul li {
	list-style-type: disc;
	list-style-position: inside;
	font-size: 14px;
	margin-bottom: 5px;
	color: #515151;
}
.watson-ul li span {
}
.watson-ol {
	background-color: #f4f4f4;
	padding: 1em 1em 0;
	margin-bottom: 20px;
	overflow: hidden;
	margin-left: 20px;
}
.watson-ol-block {
	
}
.watson-ol-block strong {
	font-size: 1.1em;
	font-weight: bold;
	color: #515151;
	margin-bottom: 4px;
	display: block;
}
.watson-ol-block p {
	margin-left: 2.5em;
}
.emp2{
	font-size: 15px;
	color:#2749d8;
	margin: 0 2px;
}
/*2018/06/27 追加*/

/*2018/06/28 追加*/
.watson-normal-list {
	margin-left: 2.5em;
	margin-bottom: 20px;
	column-count: 2;
	width: 84%;
}
.watson-normal-list li {
	margin-bottom: .5em;
}
.watson-normal-list li:before {
	content: "- ";
}
.watson-normal-p {
	margin-bottom: .5em;
	display: inline-block;
}
.watson-normal-p:before {
	content: "- ";
}
.ex-story {
	margin-left: 1em;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
	margin-bottom: 20px;
	background: rgba(7,57,132,.07) url(../../rpg/img/curl.png) no-repeat right bottom;
	background-size: 100px auto;
}
.ex-story strong {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	margin-bottom: 10px;
}
.ex-story p {
	margin-left: 2em;
	line-height: 1.85em;
}
.head-indent {
	text-indent: -1.6em;
	margin-left: 1.3em;
}
.head-indent:before {
	content: "... ";
}
/*2018/06/28 追加*/

/*2018/06/29 追加*/
.image-indent {
	width: calc(100% - 2em);
	margin-left: 2em;
	display: block;
	margin-bottom: 20px;
	border: 1px solid #eaeaea;
}
/*2018/06/29 追加*/

/*2018/07/03 追加*/
.gray-bg {
	background-color: #f4f4f4;
	margin-left: 2em;
	padding: 15px 15px 0;
	overflow: hidden;
	margin-bottom: 2em;
	font-size: .85em;
}
.standard-sef-list {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.standard-sef-list dl {
	
}
.standard-sef-list dt {
	font-size: 1em;
	margin-bottom: 3px;
	color: #515151;
}
.standard-sef-list dt:before {
	content: "● ";
}
.standard-sef-list dd {
	margin-bottom: 1.5em;
	margin-left: 2.5em;
}
.gray-list {
	background-color: #f4f4f4;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 15px;
}
.gray-list li {
	margin-bottom: 10px;
}
.gray-list li:before {
	content: "● ";
	color: #0575c2;
}
.orange-list {
	background-color: rgba(255,182,0,.1);
	padding: 10px 10px 0 15px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 20px;
}
.orange-list li {
	margin-bottom: 10px;
}
.orange-list li:before {
	content: "● ";
	color: #ffb600;
}
.https-sample {
	margin-bottom: 20px;
	border-top: 1px solid #cacaca;
	margin-left: 20px;
}
.https-sample tr {
	border-bottom: 1px solid #cacaca;
}
.https-sample th {
	padding: 4px 10px;
	border-right: 1px solid #cacaca;
	background-color: #f4f4f4;
}
.https-sample th:nth-child(2) {
	text-align: center;
	border-right-style: none;
}
.https-sample td {
	padding: 4px 10px 4px 7em;
	font-weight: bold;
}
.https-sample td span {
	font-weight: normal;
	font-style: normal;
}
.browser-zoom {
	position: relative;
	height: 300px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 20px;
	border: 1px dotted #cacaca;
}
.browser-zoom img{
	position: absolute;
}
/*2018/07/03 追加*/

/*2018/07/06 追加*/
.img-left-20 {
	margin-left: 20px;
}
/*2018/07/06 追加*/

/*2018/07/09 追加*/
.p-in-title {
	margin-bottom: 6px;
	display: inline-block;
	font-size: 1.1em;
	margin-left: -1.5em;
}
.execute-key {
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 10px;
}
.execute-key span {
	display: block;
	font-size: 2em;
}
.indent-block {
	margin-left: 20px;
	padding-left: 10px;
	border-left: 3px solid #eaeaea;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.ol-number-h {
	font-size: 16px;
	font-weight: bold;
	color: #515151;
}
.indent-block p {
	margin-left: 2em;
}
/*2018/07/09 追加*/

/*2018/07/10 追加*/
.pgm-block {
	margin-left: 20px;
	padding-top: 15px;
	margin-bottom: 100px;
	border-top: 5px solid #cacaca;
	margin-top: 50px;
	overflow: hidden;
}
.pgm-block-title {
	vertical-align: middle;
	margin-bottom: 15px;
}
.pgm-block h5 {
	display: inline-block;
	margin: 0;
	vertical-align: top;
}
.pgm-block-head{
	width:195px;
	background:url(../img/smp.gif) no-repeat;
	position:relative;
	margin-left: 10px;
	display: inline-block;
	height: 19px;
	margin-top: 1px;
}
.pgm-block-head a{
	width:50px;
	height:15px;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
	background:url(../img/source.gif) no-repeat;
	position:absolute;
	left:130px;
	top:2px;
}
pre.src2{
	margin-left: 25px;
	font-size:11px;
	padding-left: 10px;
	border-left-style: solid;
	border-left-color: #e0f5ff;
	padding-bottom: 0;
	margin-top: 1em;
	margin-bottom: 2em;
	width: auto;
}
.kaisetsu {
	border: 1px solid #cacaca;
	margin-left: 10px;
	padding: 10px 10px 0;
}
.kaisetsu h5 {
	margin-bottom: 10px;
}
.kaisetsu p {
	margin-left: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}
.kaisetu-normal-list {
	background-color: #f4f4f4;
	margin-left: 2em;
	padding: 10px 10px 5px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.kaisetu-normal-list li {
	margin-bottom: .25em;
	list-style-type: disc;
	list-style-position: inside;
}
/*2018/07/10 追加*/



/*2018/07/12 追加*/
.indent-block-noline {
	margin-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.matome-wrap {
	
}
.matome-wrap p {
	margin-left: 1em;
	font-weight: normal;
	font-style: normal;
	color: #000;
}
.matome-wrap ul {
	margin-left: 1.5em;
}
.matome-wrap li {
	list-style-type: disc;
	margin-bottom: 1.5em;
	font-weight: bold;
	color: #5fa3d2;
}
.txt-gray-515151 {
	color: #515151;
	font-weight: bold;
}
.matome-wrap ul li p img {
	border: 1px solid #cacaca;
}
.matome-wrap ul li ul li {
	list-style-type: circle;
}
.matome-wrap ul li ul {
	margin-top: .5em;
}
.matome-wrap ul li ul li span {
	display: block;
	margin-left: 1em;
	font-weight: normal;
	font-style: normal;
	color: #000;
}
.matome-wrap ul li ol {
	margin-left: 3em;
}
.matome-wrap ul li ol li {
	list-style-type: decimal;
}
.matome-wrap ul li ol li p {
	margin-left: 2em;
}
.leader-front {
	font-weight: bold;
	margin-bottom: 0;
}
.leader-front:before {
	content: "-- ";
}
.leader-front-next-p {
	margin-left: 2.5em;
}
/*2018/07/12 追加*/

/*2018/07/18 追加*/
.windows-grayback {
	margin-left: 1em;
	background-color: #eaeaea;
	padding: 10px;
	display: inline-block;
}
.windows-grayback span {
	margin-right: 1em;
	font-weight: bold;
}
/*2018/07/18 追加*/

/*2018/07/24 追加*/

.rpg322 {
	
}
.rpg322 p {
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin-left: .7em;
}
.rpg322 ul {
	margin-left: 1.25em;
}
.rpg322 ul li h3 {
	font-weight: bold;
	color: #515151;
	font-size: 1.1em;
}
.rpg322 li {
	list-style-type: disc;
	margin-bottom: 1.5em;
	font-weight: bold;
	color: #5fa3d2;
}
.rpg322 ul li p img {
	border: 1px solid #cacaca;
}
.rpg322 ul li ul li {
	list-style-type: circle;
	margin-bottom: .5em;
	color: #515151;
}
.rpg322 ul li ul {
	margin-top: .5em;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #f6f6f6;
	padding: 10px 10px 5px 30px;
}
.rpg322 ul li ul li span {
	display: block;
	margin-left: 1em;
	font-weight: normal;
	font-style: normal;
	color: #000;
}
.rpg322 ul li ol {
	margin-left: 3em;
}
.rpg322 ul li ol li {
	list-style-type: decimal;
}
.rpg322 ul li ol li p {
	margin-left: 2em;
}
.rpg-attention {
	margin-left: 20px;
	margin-bottom: 20px;
	color: #515151;
	border: 1px solid #919191;
	padding: 10px;
	display: inline-block;
}
.rpg-understand {
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: #f6f6f6;
	color: #515151;
	border-left: 3px solid #5fa3d2;
	font-size: 1.1em;
}
/*2018/07/24 追加*/

/*2018/08/06 追加*/
.image-left-20 {
	margin-left: 20px;
}
.browser-screen-right-top {
	position: relative;
	width: 95%;
	height: 250px;
	overflow: hidden;
	margin-left: 20px;
}
.browser-screen-right-top img {
	position: absolute;
	right: 0;
	top: 0;
}
span.click-right {
	display: block;
	margin-left: 20px;
	margin-top: -20px;
}
/*2018/08/06 追加*/
/*2018/08/20 追加*/
.gray-list-detail {
	margin-left: 1.25em;
}
.gray-list-detail:before {
	content: "→ ";
}
/*2018/08/20 追加*/

/*2018/08/23 追加*/
.table-no324 {
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #f4f4f4;
}
.table-no324 tr {
	line-height: 1em;
	border-bottom: 1px solid #cacaca;
}
.table-no324 th {
}
.table-no324 td {
	padding: 10px;
}
.seminar-info-block {
	border: 1px solid #0575c2;
}
/*2018/08/23 追加*/

/*2018/08/31 追加*/
.compile-in {
	padding: 10px 10px 0;
	border: 1px solid #cacaca;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}
.compile-in strong {
	font-weight: bold;
}
.emphasis-gray {
	border: 1px solid #cacaca;
	background-color: #f4f4f4;
	padding-left: 1em;
	line-height: 2em;
	padding-bottom: 0;
	font-size: 1.1em;
	display: inline-block;
	width: calc(100% - 20px);
	margin-left: 20px;
	color: #323232;
}
/*2018/08/31 追加*/

/*2018/09/04 追加*/
.gray-block-1line {
	margin-left: 20px;
	font-size: 1.1em;
	background-color: #f4f4f4;
	text-indent: 20px;
	line-height: 3em;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	color: #0047b3;
}
/*2018/09/04 追加*/

/*20180911*/
.enve-block {
	margin-left: 20px;
	background-color: #f4f4f4;
	padding: 10px;
}
.right-code {
	margin-left: 1.5em;
	padding: 10px;
	border-left: 3px solid #77a4c2;
	background-color: #f4f4f4;
	width: auto;
}
/*20180911*/

/*20180911*/
.blueback-list {
	background-color: #f1faff;
	border-radius: 5px;
	padding: 15px 5px 5px 20px;
	margin-left: 20px;
}
.blueback-list ul {
	margin-left: 1em;
}
.blueback-list li {
	list-style-type: disc;
	margin-bottom: 1em;
	color: #515151;
}
.caution-normal {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 25px;
	border-bottom: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	font-size: 11px;
	text-indent: -1em;
	padding-left: 1em;
}
.illust {
	height: auto;
	margin-bottom: 20px;
	margin-left: 9px;
	width: auto;
}
.illust img {
	width: 100%;
	height: auto;
}
/*20180911*/

/*20181004*/
.p-a {
	text-decoration: underline;
}
.simple-list {
	margin-bottom: 20px;
	margin-left: 20px;
}
.simple-list ul {
	padding: 10px 20px;
	background-color: #e9f2f7;
	border-radius: 6px;
}
.simple-list li {
	line-height: 1.7em;
}
.list-env-117 {
	margin-left: 20px;
}
.list-env-117 ol {
	padding: 10px 10px 10px 20px;
	background-color: #e9f2f7;
	border-radius: 6px;
	margin-left: 0;
}
.list-env-117 li {
	margin-bottom: 20px;
	list-style-type: none;
}
.list-env-117 li strong {
	display: block;
	font-size: 1.2em;
	color: #40a043;
	margin-bottom: 5px;
}
.list-env-117 li:first-child strong {
	color: #d63e56;
}
.list-env-117 li img {
	width: 90%;
	height: auto;
	margin-left: 20px;
}
/*20181004*/

/*20181012*/
.simple-table {
	padding: 10px 20px;
	background-color: #e9f2f7;
	border-radius: 6px;
	margin-bottom: 20px;
}
.simple-table-1 td {
	padding: 2px 5px;
}
.simple-table-1 td:nth-child(2) {
	letter-spacing: -.25em;
}
pre.simple {
	margin-left: 25px;
	font-size: 13px;
	padding-left: 10px;
	padding-bottom: 0;
	margin-top: 1em;
	margin-bottom: 2em;
	border-left: 3px solid #e0f5ff;
}
.p-in-strong {
	margin-top: 10px;
	display: block;
	margin-left: 20px;
	background-color: #f1f1f1;
	padding: 10px;
	border-radius: 6px;
}
/*20181012*/

/*20181018*/
.simple-3-table {
	
}
.simple-3-table tr {
	
}
.simple-3-table td {
	padding: 5px 0 5px 5px;
	vertical-align: top;
}
.simple-3-table td:first-child {
	width: 12em;
	padding-right: 0;
	padding-left: 0;
}
.simple-3-table td:first-child:before {
	content: "・";
	font-weight: bold;
}
.simple-3-table td:nth-child(2) {
	letter-spacing: -4px;
	padding-right: 0;
	padding-left: 0;
}
.small-strong {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
}
.small-strong-text {
	margin-left: 2em;
	display: block;
}
/*20181018*/

/*20181022*/
.emph-blue {
	color: #0056f6;
	font-weight: normal;
	font-style: normal;
}
.emph-red {
	color: #c0223e;
	font-weight: normal;
	font-style: normal;
}
.emph-green {
	color: #228a43;
	font-weight: normal;
	font-style: normal;
}
.emph-orange {
	color: #ff8300;
	font-weight: normal;
	font-style: normal;
}
/*20181022*/

/*20181113*/
.entry-sub {
	
}
.entry-sub p {
	margin-left: 20px;
}
.entry-h3 {
	font-size: 15px;
	color: #515151;
	font-weight: bold;
	text-indent: -1.2em;
	margin-left: 1.2em;
	margin-top: 50px;
}
.simple-ol-list {
	background-color: #f0f0f0;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 10px;
	margin-left: 20px;
}
.simple-ol-list ol {
	margin: 0 0 0 25px;
}
.simple-ol-list li {
	list-style-type: decimal;
}
.kaisetsu-h4 {
	margin-bottom: 10px;
	font-weight: bold;
}
.gray-list li {
	text-indent: -1.2em;
	margin-left: 1em;
}
.kaisetsu {
	padding-right: 10px;
}
.illust-sub {
	height: auto;
	margin-bottom: 20px;
	margin-left: 40px;
	width: auto;
	margin-right: -40px;
}
.illust-sub img {
	width: 100%;
	height: auto;
}
.end-commentary-normal {
	margin-left: 20px;
	text-indent: -1.3em;
}
.end-commentary-normal:before {
	content: "...";
}
/*20181113*/

/*181120*/
#entry p a {
	text-decoration: underline;
}
/*181120*/

/*181214*/
.rpg-longtxt-list {
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 10px;
}
.rpg-longtxt-list ul {
	margin-left: 20px;
}
.rpg-longtxt-list li {
	margin-bottom: .5em;
	margin-top: .5em;
	list-style-type: none;
	text-indent: -1.4em;
	margin-left: 10px;
}
.rpg-longtxt-list li:before {
	content: "▶";
}
.rll-blue {
	background-color: #e5f6ff;
}
.rll-gray {
	background-color: #f0f0f0;
}
.rll-blue li:before {
	color: #0575c2;
}
.rll-gray li:before {
	color: #919191;
}
/*181214*/

/*181217*/
.indent-wrap {
}
.indent-wrap h3 {
	font-size: 16px;
	color: #515151;
	font-weight: bold;
}
.indent-wrap pre {
	margin-left: 40px;
}
.indent-wrap p {
	margin-left: 20px;
}
.indent-subtitle {
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #515151;
	font-size: 15px;
}
.commentary-block {
	border: 1px solid #919191;
	border-radius: 10px;
	margin-bottom: 50px;
	margin-left: 20px;
	padding-top: 10px;
}
.commentary-block p {
	margin-left: 40px;
}
/*181217*/

/*181225*/
.browser-screen-right-win23 {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin-left: 20px;
}
.browser-screen-right-win23 img {
	position: absolute;
	right: -250px;
	top: 0;
	height: 200px;
	width: auto;
}
.win-70-list {
	background-color: #f6f6f6;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 20px;
	border-radius: 10px;
}
.win-70-list ul {
}
.win-70-list li {
	list-style-type: disc;
	margin-left: 1em;
	margin-bottom: .5em;
}
.win-70-list ul li ul {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 10px;
}
.win-70-list ul li ul li {
	list-style-type: circle;
}
/*181225*/

/*190109*/
pre.src3{
	font-size:11px;
	padding-left: 10px;
	border-left-style: solid;
	border-left-color: #e0f5ff;
	padding-bottom: 0;
	width: auto;
	margin: 1em 10px 2em 50px;
}
.gray-block-1line {
	margin-right: 10px;
	margin-left: 40px;
}
.emph-enji {
	color: #b94047;
}
/*190109*/

/*190213*/
.image-left-20-shadow {
	margin-left: 20px;
	border: 1px solid #919191;
	box-shadow: 1.5px 1.5px 3px 0px rgba(0,0,0,0.4);
}
/*190213*/

/*190214*/
.performance-list {
	
}
.performance-list ol {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 1em 1em 1em 2em;
	background-color: #fff9ef;
	border-radius: 10px;
}
.performance-list li {
  position: relative;
  line-height: 1.5em;
	padding: 0.5em 0.5em 1.5em 30px;
}
.performance-list li:before {
	/* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 38%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.performance-list li:after {
	content: "▼";
	position: absolute;
	bottom: -6px;
	left: 100px;
	font-weight: bold;
	color: #ffb107;
}
.performance-list li:last-child:after {
	content: "　";
}
.performance-list li:last-of-type {
	border-bottom: none; /*最後のliの線だけ消す*/
}

.performance-monitor {
	
}
.performance-monitor ol {
	 counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 1em 1em 1em 2em;
	background-color: #f4f4f4;
	border-radius: 10px;
}
.performance-monitor li {
  position: relative;
  line-height: 1.5em;
	padding: 0.5em 0.5em 4em 30px;
	margin-bottom: 2em;
}
.performance-monitor li h3 {
	font-size: 15px;
	font-weight: bold;
	color: #0575c2;
}
.performance-monitor li p {
	margin: 0;
}
.performance-monitor li:before {
	/* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #0575c2;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	top: 15px;
}
.performance-monitor li:after {
	content: "▼";
	position: absolute;
	bottom: 0;
	left: 100px;
	font-weight: bold;
	color: #0575c2;
	font-size: 1.5em;
}
.performance-monitor li:last-child:after {
	content: "　";
}
.performance-monitor-r-allow:before {
	content: "→ ";
	font-size: 1.5em;
	vertical-align: bottom;
	color: #515151;
}
#performance-monitor-li-txt {
	display: block;
	margin-top: -14px;
}
.background-white {
	background-color: #fff;
	line-height: 3em;
}

.telnet-paththrough-step {
	
}
.telnet-paththrough-step ol {
	 counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 1em 1em 1em 2em;
	background-color: #fff6e5;
	border-radius: 10px;
}
.telnet-paththrough-step ol li {
  position: relative;
  line-height: 1.5em;
	padding: 0.5em 0.5em 1.5em 30px;
}
.telnet-paththrough-step ol li:before {
	/* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	top: 17px;
}
.telnet-paththrough-step ol li:last-child:after {
	content: "";
}
.telnet-paththrough-step ol li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}
.telnet-paththrough-step ol li h3 {
	font-size: 16px;
	font-weight: bold;
	color: #ca8c05;
}
.telnet-paththrough-step-block {
	margin-left: -20px;
	border-left: 4px solid #ffd67f;
	padding-left: 20px;
}
.telnet-paththrough-step-block2 {
	
}
.telnet-paththrough-step-block2 pre {
	margin-bottom: 10px;
	margin-left: 20px;
}
.telnet-paththrough-step-block2 h4 {
	font-size: 14px;
	font-weight: bold;
}
.telnet-paththrough-step-block2 p {
	margin-left: 20px;
}
.telnet-paththrough-strong {
	margin-left: 20px;
	font-size: 1.1em;
	color: #0575c2;
	font-weight: bold;
}
/*190214*/

/*190215*/
.emph-red-15 {
	color: #c0223e;
	font-size: 1.5em;
}
.ifs-commentary {
	margin-top: -20px;
	border: 1px solid #919191;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
}
.ifs-commentary-title {
	font-size: 1.2em;
	color: #fff;
	background-color: #515151;
	margin-left: -10px;
	display: inline-block;
	border-radius: 0px 5px 5px 0px;
	padding-right: 15px;
	padding-left: 15px;
}
.ifs-commentary p {
	margin: 10px 0 0;
}
/*190215*/

/*190219-IFS24*/
.ifs24-1 {
	margin-left: 10px;
	margin-bottom: 10px;
}
.ifs24-1 tr {
	
}
.ifs24-1 td {
	font-size: 1em;
	color: #0575c2;
	padding-bottom: 5px;
	font-weight: bold;
}
.ifs24-1 td:nth-child(1) {
	padding-right: 5px;
}
.ifs24-1 td:nth-child(1):before {
	content: "・";
}
.caution-std {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 25px;
	border-top: 1px solid #cacaca;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 12px;
	display: inline-block;
}
.ifs24-1-smalltxt {
	font-size: 12px;
	margin-left: 5px;
}
/*190219-IFS24*/

/*190404-windows*/
.font-designate-window img {
	width: auto;
	height: auto;
	margin-left: 20px;
}
.font-window {
	margin-left: 20px;
}
.font-window img {
	width: 100%;
	height: auto;
	color: #0575c2;
}
.font-designate {
	font-size: 1.3em;
	color: #0575c2;
	font-weight: bold;
}
/*190404-windows*/

/*190424-Tools*/
.minus10 {
	margin-left: 0;
}
/*190424-Tools*/