@charset "UTF-8";
/*********************************************************************************************/
/* [ Vector用 製品別 CSS ]
/*
/* (c)2008 Jungle, Inc. All Rights Reserved.
/*********************************************************************************************/

/* 製品ヘッダー */
#jungle #phead {
	margin:0 0 30px 0;
	text-align:right;
}

	#jungle #phead h1 {
		margin:0 0 0 0;
	}


/* 導入部分 */
#jungle #jungle #intro {
		padding:30px 0 0 0;
}

	#jungle #intro h2 {
		margin:0 0 20px 0;
	}

	#jungle #intro p{
		font-size:110%;
		margin: 0 0 10px 0;
	}

	#jungle #intro .trial {
		float:right;
		width:275px;
		margin:0 0 0 40px;
		text-align:center;
	}

	#jungle #intro .box{
		clear:both;
		width:700px;
		overflow:hidden;
		margin: 0 0 0 0;
	}

		#jungle #intro .box .pd_l{
			float:left;
			width:340px;
			display:inline;
		}

		#jungle #intro .box .pd_r{
			float:right;
			width:340px;
			display:inline;
		}

		#jungle #intro .box .pkg{
			float:left;
			width:100px;
			display:inline;

		}

		#jungle #intro .box .title{
			float:right;
			width:240px;
			display:inline;
		}

		#jungle #intro .box .title h3{
			margin:0 0 5px 0;
		}

		#jungle #intro .box .title p{
			font-size:100%;
		}

#jungle #banner {
	margin: 15px 0 35px 0;
	text-align: center;
}




/* 製品の特長 */
#jungle #features {
		padding:0 0 20px 0;
}

	#jungle #features h2 {
		margin:0 0 20px 0;
	}

	/* 共通 */
	#jungle .pdf_link {
		background:url(../images/parts/pdficon_small.gif) no-repeat left top;
		padding: 2px 0 0 20px;
		font-size:110%;
		font-weight:bold;
	}

	#jungle #features h3 {
		font-size:120%;
		font-weight:bold;
		margin:0 0 10px 0;
		clear: both;
	}

	#jungle #features h4 {
		font-size:120%;
		font-weight:bold;
		margin:0 0 10px 0;
	}



	#jungle #features h5 {
		font-weight:bold;
		margin:0 0 5px 0px;
	}

	#jungle #features p{
		margin: 0 0 20px 3px;
	}

	#jungle #features .scr{
		margin: 0 0 20px 20px;
		overflow:hidden;
		text-align: left;
	}


	#jungle #features #interface{
		background: #f6f1e7;
		width: 700px;
		overflow: hidden;
		padding-top: 15px;
		margin-bottom: 30px;
	}

	#jungle #features #interface #if{
		width: 660px;
		margin-left: 20px;
	}



	#jungle #features #interface .if_box{
		width: 436px;
		overflow: hidden;
		display: inline;
		float: left;
	}


	#jungle #features #interface .if1{
		width: 213px;
		display: inline;
		float: left;
	}

	#jungle #features #interface .if2{
		width: 213px;
		display: inline;
		float: right;
	}

	#jungle #features #interface .if3{
		width: 213px;
		display: inline;
		float: right;
	}


	#jungle #features .box{
		clear:both;
		width:700px;
		overflow:hidden;
		margin: 0 0 30px 0;
	}

		#jungle #features .box .scr_l{
			float:left;
			width:406px;
			display:inline;
			text-align:left;
		}

		#jungle #features .box .scr_r{
			float:right;
			width:272px;
			display:inline;
			text-align:left;
		}



	#jungle #features .sample{
		margin-bottom: 30px;
	}

	#jungle #features .sample1{
		width: 179px;
		float:left;
	}
	#jungle #features .sample2{
		width: 162px;
		float:left;
	}

	#jungle #features .sample a{
		display: block;
		width: 160px;
		border: solid 1px #CCC;

}

	#jungle #features .sample a:hover{
		border: solid 1px #009;
}


	#jungle #features .clr{
		clear: both;
		margin-bottom: 18px;
}



	#jungle #features #kinou{
		margin-bottom: 20px;
	}

	#jungle #features #kinou ul li{
		line-height: 1.7;
		list-style: square;
	}

	#jungle #features #dev_top h3{
		margin: 0;
	}

	#jungle #features #dev_center{
		background: #f6f1e7;
		padding: 10px 10px;
	}

	#jungle #features #dev_center ul{
		margin-top: 20px;
		margin-bottom: 20px;

	}

	#jungle #features #dev_center ul li{
		line-height: 1.7;
		list-style: square;
	}

	#jungle #features #dev_center p{
		margin: 0;
	}


	#jungle #features #dev_bottom{
		font-size: 0;
		margin-bottom: 20px;
	}



/* 機能比較表 */
#jungle #hikaku {
	width:700px;
	overflow:hidden;
	padding:30px 0 0 0;
}

	#jungle #hikaku h2 {
		margin:0 0 10px 0;
	}

	#jungle #hikaku p {
		margin:0 0 20px 0;
	}


	/* 動作環境 */
	#jungle #require {
		padding:30px 0 0 0;
	}
	
		#jungle #require h2 {
			margin:0 0 20px 0;
		}
	
		#jungle #require h3 {
			font-weight:bold;
			margin:0 0 3px 0;
		}
	
		#jungle #require p {
			margin:0 0 5px 0;
		}
	
		#jungle #require table {
			margin:0 0 20px 0;
			width:698px;
			border-top: 1px solid #AAAAAA;
			border-left: 1px solid #AAAAAA;
		}
		
			#jungle #require th {
				width:140px;
				padding:5px;
				font-weight:normal;
				text-align:center;
				vertical-align:middle;
				background-color:#F9F9F3;
				border-bottom: 1px solid #AAAAAA;
				border-right: 1px solid #AAAAAA;
			
			}
			
			#jungle #require td {
				padding:5px;
				border-bottom: 1px solid #AAAAAA;
				border-right: 1px solid #AAAAAA;
			}


/* ページ上部へ戻る */
#jungle .page_up {
	text-align:right;
	margin:0 0 5px 0;
}

	#jungle .page_up a{
		font-size:85%;
		*font-size:77%;
		font-family: "Verdana";
	}


/* 製品フッター */
#jungle #pfoot {
	margin:0 0 30px 0;
	padding:30px 0 0 0;
}

#jungle #pfoot h2 {
	font-weight: bold;
	}


#jungle #pfoot .notice{
	background:#F5F5F5;
	border:1px #AAAAAA solid;
	padding:5px;
	margin:0 0 20px 0;
}

	#jungle #pfoot .notice h3{
		background:url(../images/common/notice.gif) no-repeat left center;
		font-weight:bold;
		font-size:110%;
		margin: 0 0 5px 0;
		padding-left:18px;
	}
	
	#jungle #pfoot .notice li, #jungle #pfoot .notice_tm li{
		margin: 0 0 5px 0;
		font-size:85%;
		*font-size:77%;
		font-family: "Verdana";
	}