/*-------------------------------------------*/
/*CSS*/
/*-------------------------------------------*/
@import url("/product/tool/tool_common/css/software_download_custom.css");
div.omron-ia{
}
/*パンくず*/
div.bread-crumb-area{
	/*width: 100rem;*/
	width: 91.8rem;
	padding-top:3rem;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}
div.bread-crumb-area ul {
	margin: 0.1em 18px 0.6em 0px;
}
div.bread-crumb-area ul {
	margin: 0.1em 18px 0.6em 0px;
	line-height: 1.4;
}
div.bread-crumb-area ul li {
	display: inline;
	font-size:1.1rem;
}
div.bread-crumb-area ul li a{
	color:#005eb8;
	text-decoration:none;
	transition: opacity 0.5s;
}
div.bread-crumb-area ul li a:hover{
	opacity:0.7;
	text-decoration:underline;
}
div.bread-crumb-area ul li a:visited{
	color: #6b5dd1;
}
div.bread-crumb-area span.separator {
	color: #000;
	margin-left: 5px;
	margin-right: 2px;
}

/*コンテンツエリア*/
body.tmplA01 div.contents-area, 
body.tmplA01_full div.contents-area {
	/*width: 100rem;*/
	width: 91.8rem;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	/*margin-top: 3rem;*/
}
/*2カラム**/
body.tmplA01 div.contents-area{
	display: flex;
	justify-content: space-between;
}

div.primary-contents-area{
	width:100%;
}
body.tmplA01 div.contents-area div.primary-contents-area{
	width: calc(100% - 21.6rem - 2.9rem);
}
body.tmplA01 div.contents-area div.related-info-area{
	width: 21.6rem;
}


div.contents-area *{
	font-size:1.4rem;
	line-height:1.4;
}

div.contents-area a{
	color:#005eb8;
	text-decoration:none;
	transition: opacity 0.5s;

}
div.contents-area a:hover{
	opacity:0.7;
	text-decoration:underline;
}


/*留意事項*/
div.contents-area div.columnA01 {
	margin-top: 1.49em;
	border: 1px solid #b3cced;
	padding: 1px;
}
div.contents-area div.columnA01 .lvl01 {
	padding: 0.8rem 0.8rem;
	background-color: #e6eef9;
}
div.contents-area div.columnA01 div.description {
	margin-top: 1px;
	padding: 1rem 0.8rem 1.3rem 0.8rem;
	background-color: #f0f5fc;
}
#tool-contents .description p{
	padding-right: 0.7rem;
	padding-left: 0.7rem;
}

div.contents-area div.columnA01 div.description p:nth-last-of-type(1){
	margin-bottom: 0 !important;
}
/*留意事項 cx-one*/
#tool-contents .description ol.item-list{
	padding-left:0;
}
#tool-contents .description ol.item-list li{
	margin-left:2em;
}

/*本文*/
.non-visual{
	display:none;
}
/*ヘッダー*/
div.contents-area .heading-lvl01A01 {
	min-height: 64px ;
	padding: 0 10px 0 10px ;
	border-top: 3px solid #005eb8;
	border-bottom: 1px solid #e5e5e5;
	background: url(/common/img/heading_bg_01.gif) left bottom repeat-x;
	line-height: 1.1 ;
}
div.contents-area .heading-lvl01A01 h2,
div.contents-area .heading-lvl01A01 h1 {
	font-size: 1.99rem;
	margin-top: 2.3rem;
	margin-bottom: 1.0rem;
	line-height: 3.14rem;
	letter-spacing: 0.07rem;
	/*font-weight: bold;  2025-08-03*/
}

/*サブタイトル*/
/*h2,h3共通*/
div.contents-area .heading-lvl02A01{
	margin-top: 1.99em;
	padding: 0.7rem 1rem 0.7rem 1rem;
	border-top: 3px solid #ccc;
	border-bottom: 1.5px dotted #ccc;
	line-height:1;
	/*background: url(/common/img/heading_lvl02A01_bg_01.gif) left bottom repeat-x;*/
}
div.contents-area .heading-lvl03A01{
	margin-top: 2.2rem;
	padding-bottom: 0.2rem;
	border-bottom: 1px solid #ccc;
	font-weight:bold;
}

div.contents-area .heading-lvl04A01{
	margin-top: 1.8rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
	border-left: 5px solid #ccc;
	line-height:1;
	/*font-weight:bold;*/
}
div.contents-area img.iconA01,
div.contents-area .heading-lvl04A01 img{
	margin:0 0.3rem 0 0.3rem;
}
div.contents-area .heading-lvl03A01 {
	margin-top: 1.8rem;
	padding-bottom: 0.2rem;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}

h6.heading-lvl03A01-link a {
	display: block;
	margin-top: 1.5rem;
	padding-bottom: 0.2rem;
	padding-left: 6px;
	text-indent: -6px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
dl.definition-blockA01 {
	margin-left: 4rem;
	margin-top:2rem;
}
ul.listA01{
	margin-top:1rem;
}
ul.listA01 li{
	list-style:disc;
}

div.contents-area #tool-contents .tool-head th, 
div.contents-area #tool-contents .tool-head td, 
div.contents-area #tool-contents .tool-item table th, 
div.contents-area #tool-contents .tool-item table td{
	padding:0.5rem 1rem;
	line-height: 1.4;
	/*word-wrap: anywhere;*/
	vertical-align: top;
}

#tool-contents h6,
#tool-contents .tool-item h6{
	/*font-weight:bold;   2025-08-03*/
}
.textA01{
	margin-top:1.5rem;
}

/*関連情報 2カラム*/
div.related-info-area div.related-info-blockA01{
	margin-bottom: 2rem;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(/common/img/related_info_blockA01_bg_01.gif) left top repeat-x;
}

div.related-info-area div.related-info-blockA01 .lvl01,
div.related-info-area div.related-info-blockA01 .lvl01-link {
	margin-right: 1px;
	margin-left: 1px;
	background-color: #e5e5e5;
	min-height: 2em;
	display: flex;
	align-items: center;
	padding-left: 1rem;
}
div.related-info-area div.related-info-blockA01 .lvl01 a,
div.related-info-area div.related-info-blockA01 .lvl01-link a{
	display: flex;
	padding: 0.4em 9px 0.4em 0;
	/*text-indent: -6px;*/
	color:#333;
	align-items: center;
}
div.related-info-area div.related-info-blockA01 .lvl01 a img,
div.related-info-area div.related-info-blockA01 .lvl01-link a img{
	padding-right:1rem;
}
div.related-info-area div.related-info-blockA01 ul,
div.related-info-area div.related-info-blockA01 p {
	margin-right: 1px;
	margin-left: 1px;
	padding: 0.6rem 1rem;
	background-color: #fff;
}
body.tmplA01 div.contents-area div.related-info-area .banner-listA01{
	margin-bottom: 2rem;
}	
div.related-info-blockA01 li em.lvl02 {
	display: block;
	padding: 0.4em 9px 0.4em 9px;
	border-bottom: 1px solid #e5e5e5;
}
div.related-info-blockA01 li {
  border-top: 1px solid #e5e5e5;
}
div.related-info-blockA01 li:first-child{
  border-top: 0;
}
div.related-info-blockA01 ul li li{
  border-top: 1px solid #e5e5e5;
}
div.related-info-blockA01 ul ul li{
	padding-top:0.3rem;
	padding-bottom:0.3rem;
}
div.related-info-blockA01 li ul {
  margin-left: 16px;
}
div.related-info-blockA01 ul ul{
	padding-top:0.0rem !important;
	padding-bottom:0.5rem !important;
}
div.related-info-blockA01 ul .nolink {
	display: block;
	padding: 0.4em 9px 0.4em 22px;
}


/*--------------------------------------------------------------------------------------*/

div.contents-area div.leadA01{
	margin-top:1rem;
}
#tool-contents .tool-item ul{
	margin-top:1rem;
}
#tool-contents .tool-item li{
	margin-bottom:0.5rem;
}
#tool-contents .tool-item li:nth-last-of-type(1){
	margin-bottom:0em;
}
#tool-contents .tool-item table li{
	margin:0 0 0.5rem 0;
}
#tool-contents .tool-item table li:nth-last-of-type(1){
	margin-bottom:0;
}
#tool-contents .tool-item p.alert{
	margin-top:1.5rem ;
	color:#993300;
}

.top-page-link-area{
	display:none;
}

/*ご承諾事項*/
#tool-contents .tool-item p {
	margin:0 0 1.4rem 0em 0.5rem;
}

/*ご承諾ボタン*/
#tool-contents ul.link-listA01 li {
	margin-top: 0.83em;
	padding-left: 0.9em;
	list-style-type: none;
	text-indent: -0.9em;
	text-align:center;
	display: block;
}

/* ------------tool-head------------ */
#tool-head h5 {
	border-bottom: 1px solid #CCCCCC;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	margin-left:0.5rem;
}

#tool-head h6{
	font-weight:bold;
	font-size:110%;
	margin-top: 0.5em;
	margin-left: 2em;
	margin-right: 2em;
}
#tool-head p {
	margin-top: 1rem;
	margin-left:0.5rem;
}
#tool-head ul {
	margin-top: 1.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1.5rem;
}
#tool-head li {
	margin-left: 2rem;
}


/*--------------------------------------------------------------------------------------*/
/*CX-ONE バージョンアップ専用「ご使用中のCX-ONE」*/
#tool-contents .tool-item #sabnavi26 .mainmenu{
	background-color: #e5e5e5;
	margin:2rem 0 0 0;
	padding:1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
#tool-contents .tool-item #sabnavi26 .mainmenu li{
	list-style-type:none;
	width:49%;
	margin:0;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
#tool-contents .tool-item #sabnavi26 .mainmenu li a{
	display: flex;
	padding:0.5rem 1rem;
	align-items: center;
}
#tool-contents .tool-item #sabnavi26 .mainmenu li a img{
	padding-right:0.5em;
}
/*--------------------------------------------------------------------------------------*/
/*CX-ONE*/
#navi33 h3,
#navidoc h3{
	margin:2rem 0 1rem;
}
#navi33 ul,
#navidoc ul{
	display: flex;
	flex-wrap: wrap;
	/*justify-content: center;*/
}
#navi33 ul li,
#navidoc ul li{
	list-style:none;
	display:inline;
	width: calc(100% / 3 - 2px);
	border:1px solid #e5e5e5;
	margin-bottom: -1px;
	margin-left: -1px;
}
#navi33 ul li a,
#navidoc ul li a{
	color:#005eb8 !important;
	display:block;
	background-image: url(/common/img/icon_05.gif);
	background-repeat: no-repeat;
	background-position: 0.5rem 50%;
	padding:0.3rem 1rem 0.3rem 1.5rem; 
	transition: background-color 0.5s;
}
div.contents-area #navi33 ul li a:hover,
div.contents-area #navidoc ul li a:hover{
	background-color:rgb(238, 238, 238) !important;
}

#navi33 ul li .nolink,
#navidoc ul li .nolink{
	padding: 0.3rem 1rem 0.3rem 1.5rem;
	display:block;
	color:#888;
}
#tool-contents ul.anotation-listA01,
#tool-contents .tool-item ul.anotation-listA01 {
	padding-top: 1em;

}
#navi33 ul li .active_menu,
#navidoc ul li .active_menu{
	display:block;
	background-image: url(/common/img/icon_00.gif);
	background-repeat: no-repeat;
	background-position: 0.5rem 50%;
	padding:0.3rem 1rem 0.3rem 1.5rem; 
	color: #FF6600;
}

/*CX-ONE 各ソフトウェア履歴*/
#tool-contents ul.anotation-listA01 li,
#tool-contents .tool-item ul.anotation-listA01 li {
	/*list-style-image: url(/common/img/note_listA01_icon_02.gif);*/
	padding: 0 0 5px 0;
	line-height: 1.5em;
	margin-bottom: 0em;
	margin-left: 2.5rem;
}
#item-downroad-text p{
	margin-bottom:1rem;
}
#item-downroad-text .listB03 li{
	margin-left: 2.5rem;
}
#tool-contents .tool-item p.osversion {
	margin-top: 1rem;
}



/*補正値*/
.mt10 {
	margin-top:10px !important;
}
.mt13 {
	margin-top:15px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt35 {
	margin-top:35px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt50 {
	margin-top:50px !important;
}

.ml10 {
	margin-left:10px !important;
}
.ml13 {
	margin-left:15px !important;
}
.ml15 {
	margin-left:15px !important;
}
.ml18 {
	margin-left:18px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml25 {
	margin-left:25px !important;
}
.ml30 {
	margin-left:30px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.table860{
	width:860px;
	margin-left:25px;
}
div.contact-boxA01{
	height:auto;
}
.center{
	text-align:center;
}

.brightcovetag{

}
/* ------------sabnavi_type2------------ */
#sabnavi_type2 {
	background-color: #e5e5e5;
	display: block;
	/*width: 674px;*/
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 24px;
}
#sabnavi_type2 a{
	display: flex;
	justify-content: start;
	align-items: center;
}
*html #sabnavi_type2 a:link, *html #sabnavi_type2 a:visited {
	text-decoration: none;
}
*html #sabnavi_type2 a:hover{
	text-decoration: underline;
}
#sabnavi_type2 a img{
	padding-right:0.5em;
}

#sabnavi_type2 ul {
	list-style-type: none;
}
#sabnavi_type2 li {
	float:left;
	list-style-type: none !important;
	background-color: #FFFFFF;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: 5px;
	padding-bottom: 4px;
}
#sabnavi_type2 .sab01 li {
	width:205px;
	height:18px;
}
#sabnavi_type2 .sab02 li {
	width:435px;
	/*width:317px;*/
	height:18px;
}
*html #sabnavi_type2 li {
	padding-top: 7px;
}
#sabnavi_type2 .nolink {
	background-color:#f2f2f2;
}
#sabnavi_type2 .sab02 li strong {
	color:#1a66ca;
}

/* ------------tool-item------------ */
#tool-table {
}
#tool-table h2{
	font-size:150%;
	font-weight:bold;
	border-top: 2px solid #0055c4;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-top: 1.5em;
	padding-left: 1em;
}
#tool-table h5{
	font-size:120%;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 1.5em;
	margin-bottom: 1em;
	/*margin-left: 1em;*/
	margin-right: 1em;
}

#tool-table h6{
	font-weight:bold;
	font-size:110%;
	margin-top: 1.5em;
	/*margin-left: 90px;*/
}
#tool-table p{
	margin-top: 0.5em;
	margin-left: 0px;
	margin-right: 0px;

}
#tool-table table {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	/*margin-left: 90px;*/
	margin-bottom: 5px;
	margin-top: 1em;
}
#tool-table table th, #tool-table table td {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
}
#tool-table table th {
	text-align: center;
	background-color: #eff0f3;
}
#tool-table table th p {
	margin-top: 0px;
}

#tool-table table img {
	text-align: center;
	margin-left: 5px;
}
img.img_center{
	display:block;
	margin: 0.3em auto 0;
}
img.image_type01 {
  width: 100%;
  height: auto;
}
img.image_type02 {
}
img.image_table_type01 {
}
#tool-contents div.tool-item table tbody tr td ol{
	margin-left:1.5em;
}
#tool-contents .center{
	text-align:center;
}
div.contents-area.top_3{
	margin-top:3em;
}
#item-downroad{
	width:auto;
}
/*-------------------------------------------*/
/*タブレット*/
/*-------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {

	body.tmplA01 div.contents-area, 
	body.tmplA01_full div.contents-area{
		width:auto;
	}
	div.primary-contents-area{
		width:calc(100%);
	}
	div.contents-area .heading-lvl01A01 {
		padding:0 2rem;
	}
	div.contents-area div.columnA01,
	div.bread-crumb-area,
	#tool-contents-old,
	#tool-contents{
		width:auto;
		margin-left:2rem;
		margin-right:2rem;
	}
	#tool-contents div.columnA01{
		margin-left:0;
		margin-right:0;
	}
	
	#tool-item table {
		width: 100%;
	}
	/*imageタグのパターン*/
	img.image_type01 {
	}
	img.image_type02 {
		/*width: 100%;
		height: auto;*/
	}

}
/*-------------------------------------------*/
/*モバイル向け*/
/*-------------------------------------------*/
@media screen and (max-width:768px) {

	div.contents-area .heading-lvl01A01{
	}
	body.tmplA01 div.contents-area, 
	body.tmplA01_full div.contents-area{
		width:auto;
		/*padding-left:2rem;
		padding-right:2rem;*/
	}
	div.contents-area .heading-lvl01A01 {
		padding:0 2rem;
	}
	div.bread-crumb-area,
	#tool-contents-old,
	#tool-contents{
		width:auto;
		padding-left:2rem;
		padding-right:2rem;
	}
	#tool-contents-old ul.link-listA01 li a{
		word-wrap: break-word;
	}
	/*2カラム**/
	body.tmplA01 div.contents-area{
		display: block;
		justify-content: space-between;
	}
	div.primary-contents-area{
		width: calc(100%);
		overflow: auto;
	}
	body.tmplA01 div.contents-area div.primary-contents-area{
		width: calc(100%);
	}
	body.tmplA01 div.contents-area div.related-info-area{
		width: auto;
		padding: 0 2rem;
	}
	body.tmplA01 div.contents-area div.related-info-area .banner-listA01 img{
		width:auto;
		height:auto;
	}
	#navi33 ul li,
	#navidoc ul li{
		width: calc(100% / 2 - 2px);
		margin-left: 0px;
	}
	#navidoc ul li:nth-child(even){
		margin-left: -1px;
	}
	#tool-contents .tool-head p {
	  margin: 1em 0em 0.5em 0em;
	}
	#tool-contents .tool-item{
		overflow: scroll;
	}
	.link-listA01 img{
		width:auto;
		height:auto;
	}
	.link-listA01 img.iconA01 {
		width: auto;
		height: auto;
	}
	#item-downroad-text,
	#item-downroad,
	#tool-item table{
		width:auto;
		
	}
	/*2025-08-04 微調整*/
	#tool-contents #item-downroad{
		padding-left: 0;
	}
	.textA01 p{
		margin-left: 0px;
	}
	#tool-item table.listbox{
		width: 100% !important;
		margin-left: 0 !important;
	}

	#tool-item table th {
		width:auto;
		min-width: auto;
	}
	div.contents-area #tool-contents .tool-head th, 
	div.contents-area #tool-contents .tool-head td, 
	div.contents-area #tool-contents .tool-item table th, 
	div.contents-area #tool-contents .tool-item table td{
		/*word-wrap: anywhere;*/
		word-break: break-all;
		width:auto;
	}
	.table860{
		width:100%;
		margin-left:0;
	}
	/**/
	.brightcovetag{
		width: 100% !important;
		height:fit-content !important;
	}
	
	/*imageタグのパターン*/
	img.image_type01 {
	}
	img.image_type02 {
		width: 100%;
		height: auto;
	}
	/*imageタグ： テーブルの中のサムネイル*/
	img.image_table_type01 {
		width: 5em !important;
		height: auto;
	}
	
	.primary-contents-area div.column2 div.element div#tool-contents div.description{
		padding:1em 0;
	}
	.primary-contents-area div.column2 div.element div#tool-contents div.description ul{
		margin:0 0.5em 0 1.5em;
	}
	.primary-contents-area div.column2 div.element {
		width: calc(50% - 10px);
	}
	.primary-contents-area div.column2 div.element div#tool-contents{
		padding-left:0;
		padding-right:0;
	}
}