@charset "shift_jis";
/* CSS Document */
html{
  overflow: auto;
  scroll-behavior: smooth;
  transition: 0.3s;
}

/*_____________________ボディ________________________*/

body{
display: block !important;
margin:0 !important;
padding:0 !important;
font-size:13px !important;
color:#333;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
/*font-family: 'Noto Sans JP', sans-serif;*/
/*background-color:#ffffff;*/
background-attachment: fixed; /* 背景の固定 */
/*overflow-y:scroll;*/
}

h1{
width: 100%;
margin:0 !important;
font-size:12px;
font-weight:normal;
color:#222;
padding:0 !important;
}

a, a:visited{
color:#087BCF !important;
}

a:hover{
text-decoration:none;
color:#cc0000;
}

hr	{
	display:none;
}

.clear	{
	clear:both;
}

#footer	{
	width:100%;
	padding:0;
	margin:15px 0 0px 0 !important;
	text-align:center;
  font-family: initial;
  bottom: 0;
}

#footer img	{
	width:100%;
  height: auto;
vertical-align: bottom;}

/*_____________________レイアウト________________________*/

#main {
	width:1280px;
	padding:0 !important;
	margin: 0 auto 0;
	background-color:#FFFFFF;
}

#header {
  width: 1280px;
  /*position: fixed;*/ /* ヘッダー固定用 */
  top: 0;
  z-index: 9999;
  background-color: #fff;
}

#header img {
  width: 1280px;
  height: auto;
}

#layout {
  width: 100%;
  height:  calc(100vh - calc(145px));
  /*padding: 100px 0 0 0;*/ /* ヘッダー固定用 */
  margin: 0 0 0 0;
}

#left	{
	width:450px;
	/*height: calc(100vh - calc(145px));*/
  /*overflow-y: auto;*/
	float:left;
  margin: 0;
	padding:0;
}

*::-ms-backdrop, #left {   /* IE11用 */
	height: 80%; 
}

#right	{
	width: 830px;
	/*height: calc(100vh - calc(145px));
  overflow-y: auto;*/
	float:left;
	margin:0px;
  padding: 15px 0 0 0;
}

*::-ms-backdrop, #right {   /* IE11用 */
	height: 80%; 
}


/*_____________________表の設定________________________*/
table {
	width: 97%;
	margin: 10px auto;
}

table, th, td{
  border-collapse: collapse;
  /*border:1px solid #ccc;*/

}

table{
	border-spacing: 0;  
	width: 95%;
	font-size:14px !important;
  margin: 20px auto;
}

table th{
	background-color:#f0f0f0;
	font-weight:bold;
	padding:10px 15px;
  word-wrap: break-all !important;
}

tbody th{
	background-color:#f7f7f7;
	text-align: left;
	font-weight:bold;
	padding:10px 15px;
  word-wrap: break-all !important;
}

table td{
	padding:10px 15px;
}

table th a, table td a{
  text-decoration: none;
  word-wrap: break-all !important;
}

table .table_ti{
  background-color: #ddd;
  text-align: center;
  letter-spacing: 1px;
}



/*_____________________左側メニュー________________________*/

/* トップページ書式 */
.home {
  margin: 0 19px 5px 10px;
  font-weight: bold;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: rgba(189,216,231,1.00);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.home a {
  width: 100%;
  color: #333;
  text-decoration: none;
  font-size: 18px;
}

.home a:hover{
  color: #333;
}

.home:hover {
  background-color: #CCE2ED;
  border: 1px solid #B3D3E3;
}


/* テーブルエリア設定 */
.sample_menu{
  /*height: 900px;*/
  margin-bottom: 30px;
  padding: 5 !important;
  /*overflow-y: scroll;*/
}

/*.sample_menu {
   scrollbar-width: thin;
 
}*/

/* .sample_menu スクロールバー全体 */
#left::-webkit-scrollbar, #right::-webkit-scrollbar  {
  width: 5px;
  height: 5px;
  background: #f7f7f7;
}

/* .sample_menu スクロールバーの軌道 */
#left::-webkit-scrollbar-track, #right::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(230, 230, 230, 1);
}

/* .sample_menu スクロールバーの動く部分 */
#left::-webkit-scrollbar-thumb, #right::-webkit-scrollbar-thumb  {
  background-color: rgba(180,180,180,0.5);
  box-shadow:0 0 0 1px rgba(230,230,231,.5);
}

/* firefox用 */
* {
  scrollbar-width: thin;/*細さ*/
  scrollbar-color: #b4b4b4 #f7f7f7;/*つまみの色 軌道の色*/
}


/* メニューテーブル書式 */

table.sample_table  {
  width: 100%;
  margin: 10px 5px;
  font-size: 11px !important;
}

.sample_table th, .sample_table td {
  padding: 3px 5px;
}

/* タイトル書式 */
.title {
  font-size: 15px;
}

/* 表項目書式 */
.field {
  background-color: #f0f0f0;
  /*border-top: 1px solid #ddd;*/
  /*border-bottom: 1px dashed #ddd;*/
  text-align: center;
}

.ex {
  padding-left: 1.7em !important;
  text-indent: -1.20em;
}

.yes {
  text-align: center;
  font-size: 10px;
}

.menu_li{
	margin:25px 0 0 0px;
  padding: 0;
	list-style-type:none;
	font-size:12px;
}

.menu_li ul{
}

.menu_li li {
  margin: 0 0 0 0px;
  padding: 5px 10px 3px 10px;
}

.menu_li a{
  color: #087BCF;
	line-height:100%;
	text-decoration:none;
}

.menu_li a:hover{
    color: #cc0000 !important;
}

.menu_li_l {
	margin:15px 8px 5px 0px !important;
}
.menu_li_s {
	margin:12px 8px 20px 0px;
  padding: 0px !important;
	list-style-type:none;
	font-size:11px;
}
.menu_li_s li	{
  padding: 5px 20px 5px 3px;
  margin:0 0 0 5px;
}


.menu_home	{
	font-size:14px;
	font-weight:bold;
	margin:0 0 20px 0;
}

.menu_home a, .menu_home a:link {
	color:#222 !important;
}

.menu_home:before	{
	content: url("../../common/img/home.jpg");
}

.li_1_t, .li_2_t, .li_3_t, .li_4_t, .li_5_t, .li_12_t, .li_py1_t, .li_py2_t, .li_py3_t {
  display: inline-block;
  padding: 2px 3px;
  background-color: #f0f0f0;
  text-align: center;
}

.li_1, .li_2, .li_3, .li_4, .li_5, .li_12, .li_py1, .li_py2, .li_py3 {
  padding: 1px 3px;
  line-height: 120%;
}

.li_2, .li_3, .li_4, .li_5 {
  font-size: 11px;
  letter-spacing: -.3px;
}

.li_1, .li_1_t, .li_12, .li_12_t, .li_py1, .li_py1_t, .li_py2, .li_py2_t, .li_py3, .li_py3_t  {
  vertical-align: top;
  padding-left: 1.5em !important;
  text-indent: -1.1em !important;
}

.li_1, .li_1_t {
  width: 96%;
}

.li_12, .li_12_t {
  width: 96%;
}

.li_py1, .li_py1_t {  /* Python（タイトル：サンプルなし） */
  width: 96%;
}
.li_py2, .li_py2_t {  /* Python（タイトル：サンプルあり） */
  width: 96%;
}
.li_py3, .li_py3_t {  /* Python（サンプル：サンプルあり） */
  width: 96%;
}

.li_1 a {
  line-height: 150%;
}

.li_12 a {
  line-height: 100%;
}

.li_1 a:before, .li_12 a:before, .li_py1 a:before, .li_py2 a:before, .li_py3 a:before {
  content: '+ ';
  color: #333;
}

.li_2, .li_2_t {
  width: 60%;
  content: '';
  word-wrap : break-word;
  overflow-wrap : break-word;
  margin-left: 8.4em;
  color: #666 !important;
}

.li_3, .li_3_t {
  width: 5%;
  text-align: center;
  vertical-align: top;
}

.li_4, .li_4_t {
  width: 12%;
  text-align: center;
  vertical-align: top;
}

.li_5, .li_5_t { /* Python */
  width: 17%;
  text-align: center;
  vertical-align: top;
}


.li_csp_t, .li_csp_f, .li_vb_t, .li_vb_f { /* 言語アイコン基本スタイル */
  all: initial;
  font-size: 11px;
  display: inline-block;
  border-radius: 2px;
}

.li_csp_t, .li_csp_f { /* 言語：C#のスタイル */
  width: 15px;
  margin: 0 0 0 3px;
  padding: 0px 3px;
}

.li_vb_t, .li_vb_f { /* 言語：VB.NETのスタイル */
  width: 40px;
  margin: 0 2px 0 0;
  padding: 0px 3px;
}

.li_csp_t { /* 言語：C#の文字・背景色 */
  color: #fff;
  background-color: #84B4D5;
}

.li_vb_t { /* 言語：VB.NET（ON）の文字・背景色 */
  color: #fff;
  background-color: #679BBF;
}

.li_csp_f, .li_vb_f { /* 言語：C#とVB.NET（OFF）の文字・背景色 */
  color: #a0a0a0;
  background-color: #d9d9d9;
}

.menu_other	{
	margin:15px 0 5px 0px !important;
	line-height:120%;
	padding:3px 6px;
}

.menu_other a{
  color: #222;
}

.menu_cvb	{ /* c# VB.NET メニューアイコン色 */
	border-left:4px #AED0E7 solid;
}

.menu_cplus	{ /* C++ メニューアイコン色 */
	border-left:4px #f93 solid;
}

.menu_py	{ /* Python メニューアイコン色 */
	border-left:4px #5e8db9 solid;
}

.menu_c	{ /* c メニューアイコン色 */
	border-left:4px #4BBBA8 solid;
}

.off {
  color: #999;
}

.v35sample {
  margin-top:  30px !important;
}

.active {
  background-color:red;
}

#sampleID {
  background-color: #ffff00;
}

/*_____________________表示メニュー________________________*/
pre{
  position:relative;}
/*button {
  display: none;
}*/
.copy-button{  
  color:#888;
  font-size:.6rem;
  display:inline-block;
  padding:8px 16px;
  margin-right:20px;
  box-shadow:0px 2px 5px 0px rgba(0,0,0,0.16), 0px 2px 6px 0px rgba(0,0,0,0.12);
  border:2px solid #666;
  cursor: pointer;
  background-color: #fff;
  transition: all .2s ease;
  position:absolute;
  right:0;
  top:-20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.copy-button.success{
  border-color:#00C851;
  background-color:#c8e6c9;
  color:#007E33;
}
.copy-button.failed{border-color:#ff4444;background-color:#ffcdd2;color:#CC0000;}
.copy-button:hover{    box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3), 0px 2px 10px 0px rgba(0,0,0,0.12);}

.pgm {
  width: 97%;
  margin: 0 0 0px 0;
  padding: 0;

}

.pgm ul {
  margin-bottom: 35px !important;
}

.pgm li{
  list-style-type: none;
}
.pgm_menu ul{
  width: 100%;
	margin:20px 0 20px -15px !important;
}
.pgm_title{
	font-size:20px;
	padding:5px 8px;
	margin:10px 20px 10px 0px !important;
	color:#222;
	font-weight:bold;
}

.pgm_cvb{  /* c# VB.NET トップページタイトルの左側アイコン色 */
	border-left:5px solid #69f;
}
.pgm_cplus{  /* c++ トップページタイトルの左側アイコン色 */
	border-left:5px solid #FF9933 ;
}

.pgm_py{  /* Python トップページタイトルの左側アイコン色 */
	border-left:5px solid #5e8db9;
}

.pgm_c{  /* C トップページタイトルの左側アイコン色 */
	border-left:5px solid #4BBBA8;
}

.pgm_title a{
	color:#222;
	text-decoration:none;
}


.subtitle	{
	margin:10px 15px;
}

.pgm_list 	{
	margin:10px 0 30px 0px !important;
}

.pgm_list li	{
	width:100%;
	margin:10px 0 15px -10px;
	list-style-type:none;
}

.pgm_list li h4	{
	width:100%;
	margin:10px 0 5px 0px;
  font-size: 16px;
}

.pgm_list div	{
	margin:10px 0;
	font-size:10px;
}

.pgm_list a{
	font-size:14px;
	color:#09C;
	font-weight:bold;
}

.pgm_list li h4 a{
	font-size:16px;
	color:#09C;
	font-weight:bold;
}

/*_____________表示メニュー（バージョンエリア）_____________*/
	
.version{
  width: 100%;
  margin: 5px 0 0 -30px;
}

.version_bn {
}

.version_bn li{
  width: 250px;
  height: 100px;
  padding: 0 important;
  list-style-type: none;
}
.version_bt{
  width: 250px;
  height: 100px;
}

/* リンク集 */
.version td.clickable:hover {
	background-color: #FFF7CD;
	cursor: pointer;
}


li#Ver33, li#Ver33 a {
    background: url("../img/dodnet_33_link1.png") no-repeat;
  	cursor: pointer;
}
li#Ver33:hover {
    background: url("../img/dodnet_33_link2.png") no-repeat;
}

li#Ver34, li#Ver34 a {
    background: url("../img/dodnet_34_link1.png") no-repeat;
  	cursor: pointer;
}
li#Ver34:hover {
    background: url("../img/dodnet_34_link2.png") no-repeat;
}


li#Ver35, li#Ver35 a {
    background: url("../img/dodnet_35_link1.png") no-repeat;
  	cursor: pointer;
}
li#Ver35:hover {
    background: url("../img/dodnet_35_link2.png") no-repeat;
}

#Ver33, #Ver34, #Ver35 {
      text-indent: -9999px;
}

/*_____________________コンテンツ________________________*/
#content	{
	width:810px;
	height:auto;
	margin:5px ;
}

/*#content h2	{
	margin:0px 0 -5px 0px;
	font-size:11px;
	line-height:1.5em;
	padding:3px 5px;
	font-style:italic;
	text-align:right;
	font-weight:normal;
}*/

#content h2	{  /* 各ページのタイトル */
	font-size:20px;
	padding:5px 10px 3px 10px;
	margin:0px 0 15px 0;
  letter-spacing: 0.02em;
  color: #222 !important;
  line-height: 170%;
}

.Content h3, #content h3	{
  display:inline-block;
	font-size:18px !important;
	padding:8px 5px 0px 5px;
	margin:15px 0 5px 15px;
  letter-spacing: 0.05em;
  color: #222 !important;
  border-bottom: 1px solid #000;
  line-height: 110%;
}

#content h3 a, #content h3 a:link, #content h3 a:hover {
  background-color: initial;
  text-decoration: none;
  color: #222;
}


.cvb_h3	{   /* h2 c# VB.NET ページタイトルの背景色 */
	background-color:#d0eeff;
}

.cplus_h3	{   /* h2 c++ ページタイトルの背景色 */
	background-color:#Fd6;
}

.py_h3	{   /* h2 Python ページタイトルの背景色 */
	background-color:#bed5eb;
}

h2.cvb	{   /* h2 c# VB.NET ページタイトルの背景色 */
	background-color:#d0eeff;
}

h2.cplus	{   /* h2 c++ ページタイトルの背景色 */
	background-color:#Fd6;
}

h2.py	{   /* h2 Python ページタイトルの背景色 */
	background-color:#bed5eb;
}

h3.cvb	{   /* h3 c# VB.NET ページタイトルの背景色 */
	/*border-left: 8px solid #AED0E7;*/
}

h3.cvb a, h3.cvb a:link	{   /* h3 c# VB.NET ページタイトルの文字色 */
  color: #000 !important;
}

h3.cplus	{   /* h3 c++ ページタイトルの背景色 */
	/*border-left: 8px solid #FC6;*/
}

h3.py	{   /* h3 Python ページタイトルの背景色 */
	/*border-left: 8px solid #9FBFDD;*/
}

.cvb a, .cvb a:link, .cvb a:hover,
.cplus a, .cplus a:link, .cplus a:hover,
.py a, .py a:link, .py a:hover {
  color: #000 !important;
}
h4.py a, h4.py a:link,h4 .py a:hover {
  text-decoration: none;
}

h4.cvb	{   /* h4 c# VB.NET ページタイトルの背景色 */
	border-left: 5px #AED0E7 solid;
}

h4.cplus	{   /* h4 c++ ページタイトルの背景色 */
	border-left: 5px #FC6 dotted;
}

h4.py	{   /* h4 Python ページタイトルの背景色 */
	border-left: 5px #bed5eb solid;
}

.s_py	{   /* h4 Python ページタイトルの背景色 */
	border-left: 7px #E1E7ED solid;
}

#content h4	{
	font-size:16px;
  font-weight: bold;
  padding: 8px 10px;
  margin: 25px 0 15px 15px;
  letter-spacing: 0.02em;
  line-height: 160%;
}

#content h4 a {
  text-decoration: none;
}


#content h4 a, #content h4 a:link, #content h4 a:hover	{
  color: #000;
}



#content h5	{
  font-weight: bold;
  font-size: 14px;
  margin: 15px 0 15px 15px;
}

p	{
	height:auto;
	margin:10px 15px 15px 18px ;
  line-height: 165%;
}

.imgbox {
  width: 90%;
  margin: 10px 15px;
}

.imgbox_s {
  width: 40%;
  margin: 10px 15px;
}

.imgbox img, .imgbox_s img {
  width: 100%;
  height: auto;
}


.juyo	{
	width:91%;
	margin:15px 20px;
	padding:15px;
	border:2px dashed #f30;
}

.juyo_1	{
	font-weight:bold;
	color:#f30;
}

.c_menu{
	margin:15px 25px;
	width:670px;
    padding: 5px;
}

.c_menu a:link	{
	font-size:16px;
	line-height:120%;
}

.c_menu div	{
}

.c_menu p{
	margin:5px 10px 0 0px;
}

.img_ins	{
	float:right;
	margin:10px 15px;
	padding:10px;
	background-color:#e7e7e7;
	text-align:center;
}

.img_ins2	{
	float:right;
	margin:10px 15px;
	padding:10px;
	text-align:center;
}

.to_top	{
	margin:5px;
	text-align:right;
}

.to_top a {
  scroll-behavior: smooth;
}

.mini_title	{
	width:670px;
	padding:1px 8px;
	line-height:125%;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px #FF9933 dashed;
	margin:30px 0 0 5px;
	color:#222;
}

/*_____________________左右レイアウト________________________*/

.layout_01{
  margin: 10px auto;
}

.layout_01_l {
  width: 400px;
  float: left;
}
.layout_01_r{
  width: 300px;
	padding:10px 0 !important;
  float: left;
}
.layout_01_r img{
  margin: 10px;
}

/*_____________________プログラムエリア________________________*/
.Content{
	padding: 5px;
}

.Content_s{
  width: 97%;
  margin: 10px 0 20px 10px;
	padding: 5px;
}

.v_bt	{
    background-color:#f7f7dd;
}
.vb_bt, .c_bt	{
  margin-left: 30px;
  width: 50px;
  text-align: center;
  padding: 3px 8px;
}

.vb_bt	{
  background-color:#65B7E4;
}
.c_bt	{
  background-color:#A0D4FF;
}

.Content p a, .Content_s p a {
  word-break: break-all;
  line-height: 200%;
}

.Content_s h5 {
  font-size: 15px !important;
  text-indent: -3.7em;
  padding-left: 3.7em;
  line-height: 180%;
}
.Content_s h5 .cvb {
  background-color: #DBE6EC;
  padding: 2px 3px;
  border-radius: 5px;
}

.excerpt, .excerpt_ss {
  text-align: center;
  margin: 25px 0 -10px 20px;
  padding: 5px 10px;
  background-color: #ddd;
}

.excerpt {
  width: 200px;
}

.excerpt_ss {
  width: 25px;
}
/* コードブロックの枠組み */
.code-container {
  position: relative;
}

/* コピー用ボタン */
.copy-btn {
  position: absolute;
  top: 8px;
  right: 22px;
  background-color: #cccccc;
  color: #333;
  border: none;
  padding: 4px 8px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 4px;
  z-index: 10;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.copy-btn:hover {
  opacity: 1;
}
/*_____________________リンクエリア________________________*/
.link {
  border-left: 5px solid #ddd;
  padding: 3px 10px;
}

.link a {
  text-decoration: none;
}

.link_page {
  font-size: 18px;
}


/*_____________________コンテンツボックス________________________*/
.box_1  {
  margin: 0;
  padding: 3px 3px;
}

.box_1 h5 {
  font-size: 15px;
  border-left: 3px solid #006699;
  padding: 3px 7px;
  color: #333;
}

.box_1 p {
  padding: 0 10px;
}

/*_____________________プログラムコード________________________*/

span.apiname, span.uiname, span.valuename, span.plamname, span.fnname, span.filename  {
  font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace,Helvetica Neue, sans-serif !important;
  font-size: 15px;
  font-weight: bold;
  overflow: auto;
  margin: 0 3px 0 3px;
}

span.apiname {  /* API：赤 */
  color: #cc0000;
}

span.uiname {  /* ユーザーインターフェース：緑 */
  color:#009966;
}

span.valuename {  /* 値：青 */
	color: #003399;
}

span.plamname {  /* パラメータ・変数：オレンジ */
	color: #996600;
}

span.fnname {  /* 関数：紫 */
	color: #771188;
}

span.filename {  
	color: #008800;
}

.sourcecode {
  background-color: #333;
  border-radius: 8px;
  font-size: 14px;
  padding:10px 10px 10px 10px;
  width: 93%;
	margin:20px 15px 25px 20px;
  line-height: 140%;
}

.sourcecode_2 {  /* ワンポイントアドバイス内 */
  background-color: #333;
  border-radius: 8px;
  font-size: 14px;
  padding:5px 10px 0px 10px;
  width: 90%;
	margin:8px 15px 25px 10px;
  line-height: 140%;
}

pre {
  white-space: pre;
    overflow: auto;
}

/*pre.c_code,
pre.cs_code,
pre.vb_code {
  font-size: 14px;
  padding:15px 10px 5px 10px;
  width: 90%;
	margin:0 0 10px 20px;
  line-height: 140%;
}*/

pre.vb_code	{
	border:3px solid #65B7E4;
}

pre.cs_code	{
	border:3px solid #A0D4FF;
}

pre.c_code {
    border: 3px solid #eee;
}

pre{
    counter-reset: rowNumber;
}
pre span.row-number{
    counter-increment: rowNumber;
}
pre span.row-number::before { 
    content:counter(rowNumber);
    /* 以下少しだけ装飾 */
    width: 2rem;
    display: inline-block;
    color: #aaa;
}
code {
  font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace,Helvetica Neue, sans-serif !important;
  overflow: auto;
}


/*スクロールバー全体*/
pre ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #555;
  border-radius: 10px;
}
/*スクロールバーの軌道*/
pre ::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(50, 50, 50, .1);
}

/*スクロールバーの動く部分*/
pre ::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(0, 0, 0, .3);
}


/*_____________________ポップアップ________________________*/
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}
.popup-content {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-content img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.clickable-image {
    cursor: pointer;
}

.close-button{
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background: url(/common/img/colorbox/controls.png) no-repeat top center;
    width: 38px;
    height: 19px;
    text-indent: -9999px;
}


/*_____________________サンプルプログラム________________________*/
table.sample_program {
	width: 95%;
	border-spacing: 0;  
	font-size:12px !important;
  margin: 20px auto;
}

table.sample_program, .sample_program th, .sample_program td{
  border-collapse: collapse;
  border:1px solid #ccc;
}

.sample_program th {
	background-color:#f0f0f0;
	font-weight:bold;
	padding: 5px 10px;
  word-wrap: break-all !important;
}

/*_____________________リンク集________________________*/

.language {
  font-size: 10px !important;
}

.version {
  margin: 5px 0 0 8px !important;
  width: 95%;
}

.version tr {
  border-bottom: 1px solid #ddd;
}

.version th, .version td{
  padding: 10px 5px !important;
  text-align: center !important;
}

.version th{
  font-size: 11px;
  font-weight: normal;
}
.version td {
  font-size: 11px !important;
  color: #555;
}

.version td a{
  font-weight: bold;
}

.bd_r1 {
  border-right: 1px #ddd solid;
}

.bd_r2 {
  border-right: 1px #ddd dashed;
}

.ici {
  margin: 10px 10px 8px 10px !important;
  padding: 5px 0 0 0;
  font-size: 11px;
  line-height: 150%;
}

.ici a {
  text-decoration: none;

}
.ici a, .ici a:link {
  color: #000 !important;
}


.bre::after{
	content: "\A" ;
	white-space: pre ;
}

/*_____________________文中の表________________________*/
table.table_s {
	width: 95%;
	border-spacing: 0;  
	font-size:12px !important;
  margin: 20px auto;
}

table.table_s, .table_s th, .table_s td{
  border-collapse: collapse;
	padding: 7px 8px;
  border:1px solid #ccc;
  line-height: 180%;
}

.table_s th {
	background-color:#F6FAFD;
	font-weight:bold;
  word-wrap: break-all !important;
}

tr.table_s_tr th {
	background-color:#f0f0f0;
	font-weight:bold;
  text-align: center !important;
}

.table_camption {
	width: 95%;
  font-size: 14px;
  margin: 10px 0 -15px 20px;
  color: #679BBF;
  font-weight: bold;
}

.moji_ss td {
  font-size: 11px;
  word-break: break-all;
}


/* キーボード */
.key {
  padding: 1px 5px;
  border-radius: 3px;
  margin: 0 2px;
  background: #eee;
  border: 1px solid #ccc;
}


/*________________ワンポイントアドバイス________________*/
.one_point {
  width: 90%;
  position: relative;
  margin: 30px auto 20px;
  padding: 8px 8px;
  border: 3px solid #FF6363;/* 薄い赤 */
}

.one_point p{
  font-size: 13px;
  margin: 20px 8px 5px;
}

.one_point .one_point_title {
  position: absolute;
  display: inline-block;
  top: -19px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  background: #FFF;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}

.one_point_title::before {
  content: url("../../../common/img/one_point.png");
  height: auto;
  margin-right: 5px;
}

.opt_fix {
  vertical-align: 6px;
}

/*light BOX*/
.samplebox1 {
	width: 315px;
	float: left;
	text-align: center;
	padding: 5px 7px 10px 7px;
}

/* other */
.device_tab{
  margin: 10px;
  line-height: 160%;
  font-size: 14px;
}

.dotnet_link a{
	color: #14C300;
}

.process {
  margin: 10px 3px;
  line-height: 175%;
}

.process li {
  line-height: 175%;
}

.process li img {
  margin: 5px;
}


/* IC4.0- */
.process_4 {
  font-size: 14px;
  margin: 15px 3px;
  line-height: 175%;
}

.process_4 li {
  line-height: 175%;
  margin-bottom: 10px;
}

.process_4 li img {
  margin: 5px;
}

.process_4 li p {
  font-size: 14px;
  margin-left: 0 !important;
}

.process_4 li ul {
  margin: 5px 0;
}

.process_4 li ul li {
  margin-bottom: 1px;
  list-style-type: disc;
}

.process_4 li .process_4-li {
  font-size: 15px;
}


ul.number {
  padding: 5px 0 0 25px;
}

.number li {
  list-style-type: none;
  margin:3px 0px;
}

.cha_btn {
  font-weight: bold;
}

.moji_12{
  font-size: 12px;
}

.moji_14{
  font-size: 14px;
}

/* トップへ戻る 右下固定 */
.backtotop {
	position:fixed;
	right:50px;
	bottom:80px;
	transition:1s;
	opacity:0.7;
}

.point {
  width: 90%;
  margin: 5px auto 25px;
  padding: 5px;border-radius: 10px;
}

.point h5 {
  margin: 0;
  line-height: 135% !important;
}

.point_cvb {
  background-color: #E4EDF1;
}

/*_____________________マルチプロセス表________________________*/
.maintable, .sinkobject_main, .sinkobject_sub {
  overflow:auto;
	width: 97%;
  margin: 20px !important;
  padding: 0 !important;
}

.maintable table, .sinkobject_main table , .sinkobject_sub table {
  width: 1360px;
  margin: 0px !important;
}

table.multipros {
	border-spacing: 0;  
	font-size:11px !important;
}

table.multipros, .multipros th, .multipros td {
  border-collapse: collapse;
  border:1px solid #ccc;
  padding: 5px;
}

.multipros td {
  text-align: center;
}

.multipros th .first_th {
	background-color:#f0f0f0;
	font-weight:bold;
	padding: 5px 10px;
  word-wrap: break-all !important;
  position: sticky;
  top: 0;
  left: 0;
}
.multipros th .second_th {
	background-color:#f0f0f0;
	font-weight:bold;
	padding: 5px 10px;
  word-wrap: break-all !important;
  position: sticky;
  top: 0;
  left: 160;
}
.multipros tr:first-child th:first-child, .multipros th:second-child{
    z-index: 1;
}

.multipros td, .multipros th{
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.multipros tr:first-child th{
    border-top: 1px solid #999;
}
.multipros th:first-child, .multipros th:second-child{
    border-left: 1px solid #999;
}

/* 表内の表示・非表示の切り替え */
.maintable .sub, .maintable .multipros_callback, .maintable .multipros_sinkswitch, 
.sinkobject_main .main, .sinkobject_main .multipros_ex, 
.sinkobject_sub .main, .sinkobject_sub .multipros_ex, .sinkobject_sub .multipros_callback { 
  display: none;
}

.sink {
  margin: 25px 0 !important;
}

.sink h5 {
  font-size: 16px;
  line-height: 100% !important;
  margin: 0;
}

.sink p {
  padding-top: 0;
}

.main_sink {
  word-break: break-all;
}

.timing {
  margin: 5px 0px;
}

.timing ul {
}

.timing li {
  margin-left: -3.5em;
  padding: 0 0 0 0px !important;
  list-style-type: none;
  font-weight: normal;
}
.sub_th {
}