@charset "shift_jis";
@import "reset.css";
@import "common_txt.css";
/*=================================================================
TIPSインデックス基本設定CSS
=================================================================*/
/*=================================================================
基本設定CSS
=================================================================*/
/* ==========================  floatクリア用CSSハック clearfix STR ========================= */
.clearfix:after	{ content: "."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix		{ display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix{ height: 1% }
.clearfix		{display:block;}
/* end MacIE5 */
/* ==========================  floatクリア用CSSハック clearfix END ========================= */
/*===================================
■ﾀｸﾞの基本設定
===================================*/
BODY{
	font-size:12px;
	color:#000;
	background:#FFF;
	font-family: 'system-ui', '-apple-system', 'Avenir Next', Verdana, 'Hiragino Kaku Gothic ProN', sans-serif;
}

* html BODY{ width:95%; }/* ie6 */
TABLE{
	font-size:12px;
}
P{
	line-height:1.5;
	margin-bottom:1em;
}
/* OL */
OL{
	margin-left:40px;
	margin-bottom:1em;
}
OL LI{
	list-style:decimal;
	line-height:1.4;
	margin-bottom:0.5em;
}
/* UL */
UL{
	margin-left:30px;
	margin-bottom:1em;
}
UL LI{
	list-style:square;
	line-height:1.4;
	margin-bottom:0.5em;
}
LI LI{ list-style:circle; }
/* DL */
DT{
	background:url(../img/dldot.gif) no-repeat 0px 7px;
}
DT.txtEmp{ background-image:url(../img/dldot_blue.gif); }
DT P{ margin-left:15px; font-weight:bold; font-size:13px; }
* html DT P{ zoom:1; }/* ie6 */
DD{
	margin-left:15px;
	margin-bottom:15px;
}
DL UL LI{ list-style:circle; }
DD DT{ background:url(../img/dlcrc.gif) no-repeat 0px 7px; }
/*=================================================================
■container ﾒｲﾝｺﾝﾃﾅ
=================================================================*/
DIV#container{
	width:600px;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
}
/*=================================================================
■entry 本文
=================================================================*/
DIV#entry{
	margin-left:20px;
}
/*=================================================================
■entry内
=================================================================*/
/* - 本文 - */
DIV#entry DIV.entryTxt{
	margin-left:1em;
	margin-bottom:3em;
}
/*===================================
■cautionCont 注意ﾎﾞｯｸｽ
===================================*/
DIV.cautionCont{
	width:90%x;
	margin-top:10px;
	margin-bottom:20px;
	padding:10px;
	background:url(../img/caution.gif) #E5E5E5 10px 10px no-repeat;
}
DIV.cautionCont DIV.cautContInd{
	margin-left:25px;
}
DIV.cautionCont DIV.cautContInd CODE.code,
DIV.cautionCont DIV.cautContInd PRE.code{
	color:#333;
}
/*===================================
■annoContainer 注釈用ｺﾝﾃﾅ
===================================*/
DIV.annoContainer{
	width:90%;
	margin-bottom:20px;
	padding:10px;
	background:#EEE;
	border:solid 1px #bbb;
}
DIV.annoContainer DIV.annoInd{
	margin-left:10px;
}
/*===================================
■smpContainer ｻﾝﾌﾟﾙ用ｺﾝﾃﾅ
===================================*/
DIV.smpContainer{
	width:90%;
	margin-bottom:20px;
	padding:10px;
	background-color:#F9F9F9;
	border:double 3px #A5A5A5;
}
DIV.smpContainer DIV.smpInd{
	margin-left:10px;
}
/*===================================
■accordionContainer ｱｺｰﾃﾞｨｵﾝ用ｺﾝﾃﾅ
===================================*/
.accordionTitle{
	margin-bottom:8px;
	font-size:15px !important;
	font-weight:bold;
}
.acc_anno{
	margin-left:5px;
	font-size:10px;
	font-weight:normal;
	color:#666;
}
.accordionContainer{
	margin-bottom:20px;
	margin-left:10px;
	padding:10px;
	background-color:#F2F7F8;
	border:double 3px #B7C5D3;
	display:none;
}
/*=================================================================
■ｿｰｽｺｰﾄﾞ
=================================================================*/
DIV.srcHed{
	width:195px;
	height:19px;
	margin-left:1em;
	margin-bottom:0.5em;
	background:url(../img/smp.gif) no-repeat;
	position:relative;
}
DIV.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;
}
DIV.smpHed{
	width:195px;
	height:19px;
	margin-left:1em;
	margin-bottom:0.5em;
	text-indent:-9999px;
	background:url(../img/smp.gif) no-repeat;
}
/* ---- srcﾎﾞﾀﾝのみ ---- */
DIV.srcHed_noImg{
	background:none;
}
DIV.srcHed_noImg A{
	left:1em;
}
/*=================================================================
■footer ﾌｯﾀﾒﾆｭｰ
=================================================================*/
DIV#footer{
	width:600px;
	margin:30px auto 0;
	padding-top:10px;
	background:url(../img/fotter/line-short.gif) repeat-x top;
	text-align:center;
}
DIV#footer IMG{
	border:none;
}
DIV#FTRNAVI{
	background:url(../img/fotter/line-short.gif) repeat-x bottom;
	padding-bottom:10px;
}
DIV#footer UL.footerNavi{
	margin:0 auto;
}
DIV#footer UL.footerNavi LI{
	list-style:none;
	float:left;
	margin-bottom:0;
}
/* - ﾌｯﾀﾎﾞﾀﾝ上段 - */
DIV#footer UL.footerNavi LI.ftrTopBtn{
	width:200px;
}
/* - ﾌｯﾀﾎﾞﾀﾝ下段 - */
DIV#footer UL.footerNavi LI.ftrBtmBtn{
	width:600px;
	margin-top:10px;
}
/* - ﾎﾞﾀﾝが一つだけ - */
HTML BODY DIV#footer UL.footerNavi LI.naviOne{
	margin:0;
}
DIV#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;
}
/*===================================
■txtTbl ﾃｷｽﾄ用ﾃｰﾌﾞﾙ
===================================*/
TABLE.txtTbl{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
}
TABLE.txtTbl TH{ white-space:nowrap; padding:3px; }
TABLE.txtTbl TD{
	padding:3px;
	vertical-align:top;
}
/*===================================
■ﾃｰﾌﾞﾙ拡張
===================================*/
/* ﾃｰﾌﾞﾙ下余白 */
TABLE.tblInd{ margin-left:1em; }
TABLE.tblMrgn{ margin-bottom:1em; }
/* 中央 */
TABLE.cntTh TH,
TABLE.cntTd TD,
TH.cntTh,
TD.cntTd{ text-align:center !important; }
/* 左 */
TABLE.lftTh TH,
TABLE.lftTd TD,
TH.lftTh,
TD.lftTd{ text-align:left !important; }
/* 上揃え */
TABLE.vrtTh TH,
TABLE.vrtTd TD{ vertical-align:text-top !important; }
/* 垂直中央揃え */
TABLE.vrtMdTh TH,
TABLE.vrtMdTd TD{ vertical-align:middle !important; }
/* 右揃え */
TD.rightTd{
	padding:5px 10px 5px 0px !important;
	text-align:right;
}
/* サイズ調整 */
TABLE.herfTbl{ width:auto !important; }
/* ﾋﾞｯｸﾞﾍｯﾀﾞ */
TABLE TH.bigHed{
	padding:8px 15px;
	color:#FFF;
	background-color:#1C4784;
	font-weight:bold;
	text-indent:0;
	border-color:#FFF;
}
/* 罫線無し */
TABLE TH.noBrd,
TABLE TD.noBrd{ border:none !important; }
/*===================================
■ 擬似fieldset 
===================================*/
.fieldset{
	margin:20px 0;
	background-color:#FFFFFF;
	border:1px solid #B7C5D3;
	position:relative;
}
/* 擬似<legend>ﾀｸﾞ */
.fieldset .legend{
	padding:0 3px;
	background-color:#FFF;
	font-size:14px;
	font-weight:bold;
	color:#113AAB;
	display:block;
	position:absolute;
	top:-7px;
	left:10px;
}
* html .fieldset .legend{
	vertical-align:bottom;
}
/* fieldset内のｺﾝﾃﾝﾂ */
.fieldset .field_txt{
	width:95%;
	margin:0 auto;
	padding:15px 0;
}
.fieldset .field_txt{
	width:95%;
	margin:0 auto;
	padding:15px 0;
}
/*===================================
■ 擬似fieldset内 API表示 
===================================*/
.fieldset_API{/* class="fieldset fieldset_API" */
	width:500px;
}
.fieldset .API_ttl{
	margin-bottom:7px;
	font-weight:bold;
}
.fieldset .API_tbl{
	width:auto;
	margin:0 0 15px 10px;
}
.fieldset .API_tbl TH{ white-space:nowrap; padding:2px; }
.fieldset .API_tbl TD{
	padding:2px;
	vertical-align:top;
}
/* APIﾊﾟﾗﾒｰﾀｰ 各項目 */
.fieldset table .API_num{ width:15px; }/* 番号 */
.fieldset table .API_name{ width:230px; }/* 名前 */
.fieldset table .API_inout{ width:80px; }/* 入出力 */
.fieldset table .API_type{ width:120px; }/* 型 */

/*===================================
■ 20150709 汎用css追加
===================================*/
.number{
	font-weight:bold;
	font-size:150%;
	background-color:#1771aa;
	color:#ffffff;
	margin-right:6px;
	padding:4px 8px;
	border-radius: 14px;
}
.grayFrame{
	background-color:#eeeeee;
	border:1px solid #cccccc;
	padding:10px 20px;
	color:#666;
}
.annotation{
	font-weight:bold;
	margin-top:5px;
	color:#800000;
}
table.basicTable{
	width: 90%;
	border-collapse: collapse;
	margin:0 auto;
}
table.basicTable th{
	width: 25%;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
table.basicTable td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
.w560{width:560px !important;}

/*----------------------------------------
 汎用CSS 
----------------------------------------*/

/* 強調文字 */
span.emp{color:#337ab7 !important;}

/* display */
.block{display:block !important;}
.inline_block{display:inline-block !important;}

/* color */
.red{color:crimson !important;}
.green{color:#00b050 !important;}
.blue{color:#337ab7 !important;}

/* border */
.border_blue{border:1px solid #337ab7 !important;}
.border_gray{border:1px solid #cccccc !important;}

/* background-color */
.bgcolor_white{background-color:#ffffff !important;}
.bgcolor_blue{background-color:#006699 !important;}
.bgcolor_green{background-color:#006633 !important;}
.bgcolor_crimson{background-color:#993300 !important;}

/* font-size */
.font8 { font-size: 8px !important; }
.font9 { font-size: 9px !important; }
.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font17 { font-size: 17px !important; }
.font18 { font-size: 18px !important; }
.font19 { font-size: 19px !important; }
.font20 { font-size: 20px !important; }
.font21 { font-size: 21px !important; }
.font22 { font-size: 22px !important; }
.font23 { font-size: 23px !important; }
.font24 { font-size: 24px !important; }
.font25 { font-size: 25px !important; }
.font26 { font-size: 26px !important; }
.font27 { font-size: 27px !important; }
.font28 { font-size: 28px !important; }
.font29 { font-size: 29px !important; }
.font30 { font-size: 30px !important; }
.font32{font-size:32px !important;}
.font34{font-size:34px !important;}

/* font-weight */
.font_normal{font-weight:normal !important;}
.font_bold{font-weight:bold !important;}

/* width */
.wauto{width:auto !important;}
.w50{width:50px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w550{width:550px !important;}
.w600{width:600px !important;}
.w650{width:650px !important;}
.w700{width:700px !important;}
.w750{width:750px !important;}
.w800{width:800px !important;}
.w850{width:850px !important;}
.w900{width:900px !important;}
.w950{width:950px !important;}
.w1000{width:1000px !important;}

/* height */
.hauto{height:auto !important;}
.h50{height:50px !important;}
.h100{height:100px !important;}
.h150{height:150px !important;}
.h200{height:200px !important;}
.h250{height:250px !important;}
.h300{height:300px !important;}
.h350{height:350px !important;}
.h400{height:400px !important;}
.h450{height:450px !important;}
.h500{height:500px !important;}
.h550{height:550px !important;}
.h600{height:600px !important;}
.h650{height:650px !important;}
.h700{height:700px !important;}
.h750{height:750px !important;}
.h800{height:800px !important;}
.h850{height:850px !important;}
.h900{height:900px !important;}
.h950{height:950px !important;}
.h1000{height:1000px !important;}

/* margin */
.m0{margin:0 !important;}
.m10{margin:10px !important;}
.m20{margin:20px !important;}
.m30{margin:30px !important;}
.m40{margin:40px !important;}
.m50{margin:50px !important;}
.m60{margin:60px !important;}
.m70{margin:70px !important;}
.m80{margin:80px !important;}
.m90{margin:90px !important;}
.m100{margin:100px !important;}
.ml0{margin-left:0 !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}
.mr0{margin-right:0 !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

/* padding */
.p0{padding:0 !important;}
.p10{padding:10px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}
.p40{padding:40px !important;}
.p50{padding:50px !important;}
.p60{padding:60px !important;}
.p70{padding:70px !important;}
.p80{padding:80px !important;}
.p90{padding:90px !important;}
.p100{padding:100px !important;}
.pl0{padding-left:0 !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}
.pr0{padding-right:0 !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}
.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

/* text-indent マイナスは display:inline-block; などと組み合わせてインデント外の…や※などに使う */
.indent-10{text-indent:-10px !important;}
.indent-20{text-indent:-20px !important;}
.indent-30{text-indent:-30px !important;}
.indent-40{text-indent:-40px !important;}
.indent-50{text-indent:-50px !important;}
.indent-60{text-indent:-60px !important;}
.indent-70{text-indent:-70px !important;}
.indent-80{text-indent:-80px !important;}
.indent-90{text-indent:-90px !important;}
.indent-100{text-indent:-100px !important;}

/* icon */
.icon_radius{
	border-radius:12px;
	padding-left:5px;
	padding-right:5px;
	margin-left:4px;
	margin-right:4px;
	color:#fff;
}
/* text underline */
.underline{
text-decoration:underline;
}

/* pcom内の文字色 */
.pcom_blue{
	color:#7890f0
}
.pcom_white{
	color:#ffffff;
}
.pcom_box{
	background-color:#2afa38;
}
.stand_out{
	 font-size:15px;
	 color:#ff3333;
}