﻿@charset "utf-8";
/* CSS Document */
#Contents dl{
}
#Contents dd p{
	margin:0 10px 10px 30px;
}
#Contents dd h4{
	width:460px;
	height:20px;
	background:url(../images/h4TitleBackground_3.jpg) repeat-x;
	border:1px solid #666666;
	margin:30px 0 10px 15px;
	padding:3px 0 0 15px;
	font-size:14px;
	color:#173590;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width: 460px;
	height:20px;
}
#Contents dt#top{
	margin-top:-20px;
	width:500px;
	height:150px;
	display:block;
}
#Contents dt#top img{
width:500px;}
h3{
	margin:0;
	padding:0;
}
#Contents a.ToProductWeb{
	width:185px;
	height:25px;
	display:block;
	position:absolute;
	background:url(../images/products/ToProductWeb.gif);
	left: 324px;
	top: 170px;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
}
#Contents dd#TabMenu{
	width:480px;
	padding:0;
	display:inline-block;
	border-bottom:1px solid #000000;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
#Contents dd#TabMenu:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#Contents dd ul#TabNavi{
	margin:0 0 0 27px;
	padding:0;
	list-style-type:none;
	white-space:nowrap;
}
#Contents dd ul#TabNavi li{
	margin:0;
	padding:0;
	float:left;
}
#TabNavi li a{
	/*▼IE用BOX設定▼*/
	width:117px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用設定▼*/
	margin:0 0 0 -12px;
	padding:5px 8px 0 0;
	display:block;
	width:117px;
	height:15px;
	text-align:center;
	background:url(../images/products/TabMenu.gif) left top no-repeat;
	text-decoration:none;
	color:#999999;
	position:relative;
	font-size:11px;
}
#TabNavi li a:hover{
	background:url(../images/products/TabMenu_Hover.gif) left top no-repeat;
	position:relative;
	color:#333333;
}
#TabNavi li a.ThisPage,#TabNavi li a.ThisPage:hover{
	background:url(../images/products/TabMenu_ThisPage.gif) left top no-repeat;
	height:16px;
	margin-bottom:-1px;
	z-index:20;
	color:#000000;
	position:relative;
}
/*▼opera用hack*/
html:first-child #TabNavi li a:hover,html:first-child #TabNavi li a{
	position:static;
}
/*▲opera用hack*/
#TabNavi li a.Top{
	height:35px;
	margin-bottom:-1px;
}
#TabNavi li a.Blank{
	margin-right:107px;
}
#TabNavi li a.Bottom{
	margin-top:-19px;
}
#TabNavi li a.w68,#TabNavi li a.w68ThisPage{
	background:url(../images/products/TabMenu68.gif) left top no-repeat;
	/*▼IE用BOX設定▼*/
	width:68px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用設定▼*/
	width:60px;
}
#TabNavi li a.w68:hover{
	background:url(../images/products/TabMenu68_Hover.gif) left top no-repeat;
	position:relative;
	color:#333333;
}
#TabNavi li a.w68ThisPage,#TabNavi li a.w68ThisPage:hover{
	background:url(../images/products/TabMenu68_ThisPage.gif) left top no-repeat;
	height:16px;
	margin-bottom:-1px;
	z-index:20;
	color:#000000;
	position:relative;
}
#TabNavi li a.w136,#TabNavi li a.w136ThisPage{
	background:url(../images/products/TabMenu136.gif) left top no-repeat;
	/*▼IE用BOX設定▼*/
	width:136px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用設定▼*/
	width:128px;
}
#TabNavi li a.w136:hover{
	background:url(../images/products/TabMenu136_Hover.gif) left top no-repeat;
	position:relative;
	color:#333333;
}
#TabNavi li a.w136ThisPage,#TabNavi li a.w136ThisPage:hover{
	background:url(../images/products/TabMenu136_ThisPage.gif) left top no-repeat;
	height:16px;
	margin-bottom:-1px;
	z-index:20;
	color:#000000;
	position:relative;
}
#TabNavi li a.w160,#TabNavi li a.w160ThisPage{
	background:url(../images/products/TabMenu160.gif) left top no-repeat;
	/*▼IE用BOX設定▼*/
	width:160px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用設定▼*/
	width:152px;
}
#TabNavi li a.w160:hover{
	background:url(../images/products/TabMenu160_Hover.gif) left top no-repeat;
	position:relative;
	color:#333333;
}
#TabNavi li a.w160ThisPage,#TabNavi li a.w160ThisPage:hover{
	background:url(../images/products/TabMenu160_ThisPage.gif) left top no-repeat;
	height:16px;
	margin-bottom:-1px;
	z-index:20;
	color:#000000;
	position:relative;
}
#TabNavi li a.w15,#TabNavi li a.w15ThisPage{
	background:url(../images/products/TabMenu15.gif) left top no-repeat;
	/*▼IE用BOX設定▼*/
	width:180px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用設定▼*/
	width:172px;
}
#TabNavi li a.w15:hover{
	background:url(../images/products/TabMenu15_Hover.gif) left top no-repeat;
	position:relative;
	color:#333333;
}
#TabNavi li a.w15ThisPage,#TabNavi li a.w15ThisPage:hover{
	background:url(../images/products/TabMenu15_ThisPage.gif) left top no-repeat;
	height:16px;
	margin-bottom:-1px;
	z-index:20;
	color:#000000;
	position:relative;
}
#TabNavi li a.Double,#TabNavi li a.DoubleThisPage,#TabNavi li a.DTop,#TabNavi li a.DBottom,#TabNavi li a.DThisPage{
	background:url(../images/products/TabMenuD.gif) left top no-repeat;
	/*▼IE用BOX設定▼*/
	width:238px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用設定▼*/
	width:230px;
}
#TabNavi li a.DTop{
	height:35px;
	margin-bottom:-1px;
}
#TabNavi li a.DBottom{
	margin-top:-19px;
}
#TabNavi li a.DTop:hover,#TabNavi li a.DBottom:hover,#TabNavi li a.Double:hover{
	background:url(../images/products/TabMenuD_Hover.gif) left top no-repeat;
}
#TabNavi li a.DoubleThisPage{
	background:url(../images/products/TabMenuD_ThisPage.gif) left top no-repeat;
	height:16px;
	margin-bottom:-1px;
	z-index:20;
	color:#000000;
}
#TabNavi li a.DThisPage{
	background:url(../images/products/TabMenuD_ThisPage.gif) left top no-repeat;
	margin-top:-19px;
	height:16px;
	margin-bottom:-1px;
	z-index:20;
	color:#000000;
}
.ProductsData{
	/*▼IE用BOX設定▼*/
	width:458px;
	background-color:#F8F9FE;
	border:1px solid #999999;
	margin-left:30px;
	padding:10px 20px 10px 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width:408px;
}
div.ProductsData:after{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;
} 
#Contents dd div.ProductsData ul,#Contents dd div.ProductsData ol{
	margin:0 0 -5px 0;
}
#Contents dd div.ProductsData ol li{
	margin-left:30px;
}
#Contents dd div.ProductsData p{
	margin:0 10px 10px 10px;
}
div.ProductsData ul ul{
	margin-top:0;
}
div.ProductsData table{
	margin-top:5px;
	background-color:#FFFFFF;
	border-collapse:collapse;
	border:1px solid #999999;
}
div.ProductsData td{
	vertical-align:top;
	border:1px solid #666666;
	line-height:120%;
	padding:5px;
}
#Contents dd div.ProductsData strong{
	clear:both;
	border-bottom:1px dotted #666666;
	display:block;
	margin-bottom:6px;
	margin-top:15px;
}
#Contents dd div.ProductsData table{
	margin-left:10px;
	margin-right:10px;
}
#Contents dd div.SupportProcessor li{
font-size:10px;}
#ProcessorTable strong{
	width:455px;
	background-color:#D5ECEC;
	display:block;
	padding:2px 0 2px 5px;
	margin:5px 0 3px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width:450px;
}
#Contents dd #ProcessorTable ul{
	margin:0;
	margin-left:5px;
}
#Contents dd #ProcessorTable li{
	margin:0;
	width:150px;
	line-height:120%;
	float:left;
	display:block;
}
#Contents dd #Host{
margin:0 10px 0 40px;
}
.HostTable{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}


/*MULTI*/
/*メイン図*/
#Contents dd div.Multi{
margin-left:30px;
}
#Contents dd div.Koutei{
	width:430x;
	height:290px;
	background:url(../images/products/software/multi/ES.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#Contents dd div.Koutei a{
	display:block;
	float:left;
	height:205px;
	text-indent:-9999px;
	overflow:hidden;
}
#Contents dd div.Koutei a.T01{
	width:116px;
	background:url(../images/products/software/multi/ES.jpg) no-repeat;
}
#Contents dd div.Koutei a.T02{
	width:100px;
	background:url(../images/products/software/multi/ES.jpg) -116px 0  no-repeat;
}
#Contents dd div.Koutei a.T03{
	width:100px;
	background:url(../images/products/software/multi/ES.jpg) -216px 0  no-repeat;
}
#Contents dd div.Koutei a.T04{
	width:114px;
	background:url(../images/products/software/multi/ES.jpg) -316px 0  no-repeat;
}
#Contents dd div.Koutei a.T01:hover{
	background:url(../images/products/software/multi/ES_hover.jpg) no-repeat;
}
#Contents dd div.Koutei a.T02:hover{
	background:url(../images/products/software/multi/ES_hover.jpg) -116px 0 no-repeat;
}
#Contents dd div.Koutei a.T03:hover{
	background:url(../images/products/software/multi/ES_hover.jpg) -216px 0 no-repeat;
}
#Contents dd div.Koutei a.T04:hover{
	background:url(../images/products/software/multi/ES_hover.jpg) -316px 0 no-repeat;
}
#Contents dd div.Renkei{
	clear:both;
	width:430px;
	height:196px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/products/software/multi/ES.jpg) 0 -290px  no-repeat;
}
#Contents dd div.Renkei a.RTOS,#Contents dd div.Renkei a.HDP{
	display:block;
	height:215px;
	height:154px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
#Contents dd div.Renkei a.RTOS{
	width:216px;
	height:154px;
	background:url(../images/products/software/multi/ES.jpg) 0 -290px  no-repeat;
}
#Contents dd div.Renkei a.HDP{
	width:214px;
	background:url(../images/products/software/multi/ES.jpg) -216px -290px  no-repeat;
}
#Contents dd div.Renkei a.RTOS:hover{
	background:url(../images/products/software/multi/ES_hover.jpg) 0 -290px  no-repeat;
}
#Contents dd div.Renkei a.HDP:hover{
	background:url(../images/products/software/multi/ES_hover.jpg) -216px -290px  no-repeat;
}
/*ツール構成*/
/*基本ツール*/
#Contents dd div.Tools{
	margin-left:20px;
}
#Contents dd div.Basic{
	display:block;
	width:450px;
	height:80px;
	background-image:url(../images/products/software/multi/multi.jpg);
	text-indent:-9999px;
	overflow:hidden;
}
#Contents dd div a.Basic01,#Contents dd div a.Basic02,#Contents dd div a.Basic03,#Contents dd div a.Basic04,#Contents dd div a.Basic05,#Contents dd div a.Basic06,#Contents dd div a.Basic07{
	display:block;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
#Contents dd div a.Basic01,#Contents dd div a.Basic04{
	width:154px;
	clear:both;
}
#Contents dd div a.Basic02,#Contents dd div a.Basic05{
	width:142px;
}
#Contents dd div a.Basic03,#Contents dd div a.Basic06{
	width:154px;
}
#Contents dd div a.Basic07{
	width:450px;
	clear:both;
}
#Contents dd div a.Basic01{
	background:url(../images/products/software/multi/multi.jpg) 0 -79px no-repeat;
}
#Contents dd div a.Basic01:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) 0 -79px no-repeat;
}
#Contents dd div a.Basic02{
	background:url(../images/products/software/multi/multi.jpg) -154px -79px no-repeat;
}
#Contents dd div a.Basic02:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) -154px -79px no-repeat;
}
#Contents dd div a.Basic03{
	background:url(../images/products/software/multi/multi.jpg) -296px -79px no-repeat;
}
#Contents dd div a.Basic03:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) -296px -79px no-repeat;
}
#Contents dd div a.Basic04{
	background:url(../images/products/software/multi/multi.jpg) 0 -117px no-repeat;
}
#Contents dd div a.Basic04:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) 0 -117px no-repeat;
}
#Contents dd div a.Basic05{
	background:url(../images/products/software/multi/multi.jpg) -154px -117px no-repeat;
}
#Contents dd div a.Basic05:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) -154px -117px no-repeat;
}
#Contents dd div a.Basic06{
	background:url(../images/products/software/multi/multi.jpg) -296px -117px no-repeat;
}
#Contents dd div a.Basic06:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) -296px -117px no-repeat;
}
#Contents dd div a.Basic07{
	background:url(../images/products/software/multi/multi.jpg) 0 -155px no-repeat;
}
#Contents dd div a.Basic07:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) 0 -155px no-repeat;
}

/*アドバンスツール*/
#Contents dd div.Adv{
	width:450px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/products/software/multi/multi.jpg) 0 -193px;
	clear:both;
}
#Contents dd div a.Adv01,#Contents dd div a.Adv02,#Contents dd div a.Adv03,#Contents dd div a.Adv04{
	display:block;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
#Contents dd div a.Adv01{
	width:154px;
}
#Contents dd div a.Adv02{
	width:142px;
}
#Contents dd div a.Adv03{
	width:154px;
}
#Contents dd div a.Adv04{
	width:450px;
	clear:both;
	height:52px;
}
a.Adv01{
	background:url(../images/products/software/multi/multi.jpg) 0 -227px no-repeat;
}
a.Adv01:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) 0 -227px no-repeat;
}
a.Adv02{
	background:url(../images/products/software/multi/multi.jpg) -154px -227px no-repeat;
}
a.Adv02:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) -154px -227px no-repeat;
}
a.Adv03{
	background:url(../images/products/software/multi/multi.jpg) -296px -227px no-repeat;
}
a.Adv03:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) -296px -227px no-repeat;
}
a.Adv04{
	background:url(../images/products/software/multi/multi.jpg) 0 -264px no-repeat;
}
a.Adv04:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) 0 -264px no-repeat;
}
