﻿@charset "utf-8";
/* CSS Document */
#Contents h2#ES{
	background:url(../images/products/ESh2TitleBackground.png) no-repeat;
}
#Contents h2#AS{
	background:url(../images/products/ASh2TitleBackground.png) no-repeat;
}
#Contents h2#RP{
	background:url(../images/products/RPh2TitleBackground.png) no-repeat;
}
#Contents dl{
}
#Contents dd p{
	margin:0 10px 10px 30px;
}
#Contents dd h4{
	font-size:12px;
	font-weight:800;
	background:none;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #FF410B;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
#Contents dd h4.ES{
	border-left-color: #004a2a;
}
#Contents dd h4.AS{
	border-left-color: #076cae;
}
#Contents dd h4.RP{
	border-left-color: #330066;
}
#Contents dt#top{
	margin-top:-20px;
	width:650px;
	height:190px;
	display:block;
}
#Contents dt#top img{
	width:650px;
}
h3{
	margin:0;
	padding:0;
}
#Contents a.ToProductWeb{
	display:block;
	position:absolute;
	width:151px;
	height:22px;
	background: url(../images/products/ToProductWeb.gif) no-repeat left top;
	left: 25px;
	top: 115px;
	text-decoration:none;
	color:#666666;
	padding:0 0.5em 0 0.8em;
	line-height:22px;
	font-size:12px;
}
#Contents a.ToProductWeb:hover{
	background: url(../images/products/ToProductWeb_on.gif) no-repeat left top;
	color:#FFFFFF;
}
#Contents dd#TabMenu{
	position:absolute;
	width:630px;
	margin:0;
	margin-top:-30px;
	padding:0;
	display:inline-block;
}
#Contents dd#TabMenu:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#Contents dd ul#TabNavi{
	margin:0 0 0 20px;
	padding:0;
	list-style-type:none;
	white-space:nowrap;
}
#Contents dd ul#TabNavi li{
	margin:0;
	padding:0;
	float:left;
}
#TabNavi li a{
	margin-left:-1px;
	padding:0 10px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	display:block;
	height:15px;
	text-align:center;
	text-decoration:none;
	color:#999999;
	position:relative;
	font-size:12px;
}
#TabNavi li a:hover{
	position:relative;
	color:#000000;
	text-decoration:underline;
}
#TabNavi li a.ThisPage,#TabNavi li a.ThisPage:hover{
	position:relative;
	color:#000000;
	text-decoration:underline;
}

.ProductsData{
	background-color:#F8F9FE;
	border:1px solid #999999;
	margin-left:30px;
	width:560px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
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;
}

#Contents dd div.SupportProcessor ul.stp {
	margin-top:0.2em;
	margin-bottom:-0.6em;
	padding-bottom:0;
}
#Contents dd div.SupportProcessor ul.stp li {
	font-size:10px;
	float:none;
	width:auto;
	margin-left:0.6em;
	padding:0 0 0.5em 1.6em;
}





#ProcessorTable strong{
	width:630px;
	background-color:#333333;
	display:block;
	padding:2px 0 2px 5px;
	margin:5px 0 3px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width:610px;
	color: #FFFFFF;
}
#Contents dd #ProcessorTable ul{
	margin:0;
	margin-left:20px;
}
#Contents dd #ProcessorTable li{
	margin:0;
	width:135px;
	line-height:120%;
	float:left;
	display:block;
	background:url(../images/h4TitleBackground.gif) left center no-repeat;
	padding-left:10px;
}
#Contents dd #ProcessorTable div{
	margin-left:15px;
	margin-bottom:3px;
	border-bottom:1px dotted #000000;
}
#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:100px;
}
#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:100px;
	width: 450px;
}
#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:225px;
}
#Contents dd div a.Adv02{
	width:225px;
}
/*#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.Adv02{
	background:url(../images/products/software/multi/multi.jpg) -225px -227px no-repeat;
}
a.Adv02:hover{
	background:url(../images/products/software/multi/multi_hover.jpg) -225px -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;
}
#Contents dd td.TitleLine{
background-color:#CCCCCC;
font-weight:800;
text-align:center;
}
#Contents dd td.Line01{
background-color:#E9EDED;
}
