@charset "utf-8";

body 
	{
	margin:0;
	text-align:center;
	background-image:url(image/s002.gif);
	font-family:Arial,'sans-serif';/*  'ＭＳ Ｐゴシック', */
	}
	
/* アウトライン */
#outline
	{
	width:750px;
	text-align:left;
 	margin:0px auto;
	background-color: #ffffe5;
	padding:0px;
	border-right: 2px solid #394c26;
	border-left: 2px solid #394c26;
	}

/* 共通領域 */
img
	{
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	border: 0px;
	}

/* ヘッダー領域 */	
.header
	{
	text-align: left;
	}
	
 	.topbar
		{
		margin: 0px;
		padding:10px 0px 2px 5px;
		height:18px;
		color: #FFFFFF;
		background-color:#394c26;	
		font-size: 80%;
		text-align: left;
		}
		
	/* ロゴ */
	.logo
		{
		padding:0px;
		margin:0;
		vertical-align:bottom;
		background-color: #ffffe5;
		}
		
	.top_img
		{
		text-align:right;
		padding:0;
		margin:0;
		}
	
	/* メニューボタン */	
	.menu
		{
		text-align: center;
		margin: 0;
		background-image: url(image/menubar.png);
		background-repeat: no-repeat;
		/* background-color: #003300; */
		padding:10px 0 10px 0;
		}
	
		.main_menu
			{
			font-size:11pt;
	 		font-weight: bold;
	 		padding:0px 20px 0px 20px;
			margin: 0;
			color:#FFFFFF;
			}
			
		.main_menu_active
			{
			font-size:11pt;
	 		font-weight: bold;
	 		padding:0px 20px 0px 20px;
			margin: 0;
			color:#FFCC66;
			}
	
/* メインコンテンツ領域 */							
.main
	{
	width:590px;
	float:right;
	margin-top:10px;
	}
	
	.main p
		{
		font-size: 90%;
		margin:10px 30px 10px 30px;
		padding:0;
		}

	.main ul li,.main ol li
		{
		margin:0px;
		padding:2px;
		}
		
	.main ul,.main ol
		{
		font-size: 80%;
		margin:10px 20px 10px 50px;
		padding:2px;
		}
			
	.main table
		{
		font-size: 90%;
		margin:10px 20px 10px 20px;
		padding: 0;
		}

	.main td
		{
		vertical-align:top;
		margin: 0px;
		padding:0px;
		}

/*製品比較表*/		
	.cpr
		{
		margin:10px 10px 10px 10px;
		padding: 0;
		background-color: #7F7F7F;
		}

	.cpr td
		{
		margin:10px 10px 10px 10px;
		padding: 5px;
		background-color:#FFFFE5;
		text-align: left;
		vertical-align:middle;
		}		

	.cpr td.row
		{
		margin:10px 10px 10px 10px;
		padding: 5px;
		text-align: center;
		vertical-align:middle;
		background-color:#FFFF99;
		}	

	.cpr td.head
		{
		margin:10px 10px 10px 10px;
		padding: 5px;
		text-align: center;
		vertical-align:middle;
		background-color:#669900;
		}
		
/* サイトマップ */
	.sitemap ul li
		{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		font-size: 12pt;
		}
		
	.sitemap li
		{
		margin: 0 0 0 30px;
		padding: 0px;
		}
		
	/* サポート＞約款インラインフレーム */	
	.stip
		{
		margin: 10px;
		padding:0;
		width: 95%;
		height: 200px;
		border: 1px solid #ccc;
		}

/*ニュース・トピックス */
	.main .news
		{
		margin:0px 10px 0px 20px;
		padding: 0px;
		}
			
	.nday
		{
		margin:0px 0px 2px 0px;
		padding: 0px;
		font-family: Verdana, Tahoma, sans-serif;
		font-size: 90%;
		color:#003300;
		}
		
	.ncon
		{
		margin:0px 0px 2px 0px ;
		padding:0px 0px 0px 20px;
		font-size:90%;
		border-bottom: 1px dotted;
		}

/* インストール説明 */
	.main .inst
		{
		margin:-20px 20px 40px 40px;
		padding: 0px;
		}		

	.main .inst li
		{
		margin:30px 0px 5px 0px;
		padding: 0px;
		}
		
/*********************************************/	
/* テーブル　セル内データ左詰 */
	table.app
		{
		width: 520px;
		margin: 5px 10px 10px 20px;
		text-align:left;
		border-collapse : collapse ;
		border-width : 1px 0 0 1px ;
		border-style : solid ;
		border-color : #C0C0C0 ;
		}

		table.app th
			{
			margin:0px;
			padding:5px 10px 5px 10px;
			border-width : 0 1px 1px 0 ;
			border-style : solid ;
			border-color : #C0C0C0 ;
			vertical-align: middle;
			}

		table.app td
			{
			margin:0px;
			padding:5px 10px 5px 10px;
			border-width : 0 1px 1px 0 ;
			border-style : solid ;
			border-color : #C0C0C0 ;
			vertical-align: middle;
			font-size:80%;
			}
			
			table.app td ol,table.app td ul
				{
				margin: 0px 0px 0px 10px;
				padding: 0px;
				font-size:100%;
				}
	
		table.app .att
			{
			font-size:90%;
			color:red;	
			}
			
				
	/* テーブル　セル内データ中央寄 */
	table.app2
		{
		width: 550px;
		margin: 5px 10px 10px 10px;
		border-collapse : collapse ;
		border-width : 1px 0 0 1px ;
		border-style : solid ;
		border-color : #C0C0C0 ;		}
	
		table.app2 td
			{
			margin:0px;
			padding:5px 5px 5px 5px;
			text-align:center;
			border-width : 0 1px 1px 0 ;
			border-style : solid ;
			border-color : #C0C0C0 ;
			vertical-align: middle;
			}
			
			table.app2 td ol,table.app2 td ul
				{
				margin: 0px 0px 0px 10px;
				padding: 0px;
				}
				
	/* 枠なし */
	table.app3
	
		{
		margin: 0px 20px 5px 20px;
		padding:0px;
		}
	
		table.app3 tr
			{
			margin:0px 0px 0px 10px;
			padding:0px;
			}	

		table.app3 td
			{
			margin:0px;
			padding:0px 5px 0px 5px;
			}	
			
			table.app3 td ol,table.app3 td ul
				{
				margin: 0px 0px 0px 10px;
				padding: 0px;
				}
				
	/* テーブル　セル内データ左詰 */		
	table.app4
		{
		width: 550px;
		margin: 5px 10px 10px 10px;
		padding:0px;
		text-align:left;
		border-collapse : collapse ;
		border-width : 1px 0 0 1px ;
		border-style : solid ;
		border-color : #C0C0C0 ;
		}

		table.app4 td
			{
			margin:0px;
			border-width : 0 1px 1px 0 ;
			border-style : solid ;
			border-color : #C0C0C0 ;
			padding : 5px;
			}
			
			table.app4 td ol,table.app4 td ul
				{
				margin: 0px 0px 0px 20px;
				padding: 0px;
				}


/*製品トップ　問答*/

	table.solu
		{
		margin: 0px 0px 0px 0px;
		padding:0px;
		width:550px;
		font-size:90%;
		border-bottom: 1px dotted black;
		}
	
			table.solu td
				{
				margin:0px;
				padding:0px 0px 0px 0px;
				border-bottom: 1px red;
				}

			table.solu tr
				{
				margin:0px;
				padding:0px 0px 0px 0px;
				}

			table.solu td.prob
				{
				font-size: 90%;
				color: #93550C;
				margin:0px;
				padding:0px 0px 0px 0px;
				width:275px;
				}
			
			table.solu td.answ
				{
				font-size: 90%;
				color: #819916;
				margin:100px;
				padding: 0px;
				width:275px;
				}		

/* 表内、plus、Pro2のヘッダセルの色 */
.head_pl{font-size:100%; font-weight:bold; text-align: center; background-color: #13462F; color: white;}
.head_pr{font-size:100%; font-weight:bold; text-align: center; background-color: #7F0012; color: white;}
.fct{font-weight:bold; background-color: #C0C0C0;}

/*********************************************/	

/*よくあるＱ＆Ａ*/	
	.q_a
		{
		margin:10px 20px 10px 10px;
		padding:10px;
		font-size: 90%;		
		border: 1px #7F310C solid;
		}

	.q_a dt
		{
		padding:0px 0px 5px 20px;
		margin:0px 0px 0px 0px;
		color: #000000;
		font-weight:bold;
		background-image: url(image/Q.PNG);
		background-repeat: no-repeat;
		border-bottom: 1px #7F310C dotted;
		}
		
	.q_a dd
		{
		padding:0px 0px 0px 20px;
		margin:5px 0px 0px 0px;
		color: black;
		background-image: url(image/A.PNG);
		background-repeat: no-repeat;
		}
		
/*解説付きイメージ*/	
	.thumbnail
		{
		margin: 0px;
		padding:0px;
		border:2px #000066 solid;
		}
	.thumbcaption
		{
		margin:4px;
		padding:0 0 0 8px;
		font-size: 90%;
		font-weight: bold;
		border-left:15px #669900 solid;
		text-align: left; 
		}
	.img_table
		{
		margin: 10px 0 0 0;
		padding:0;
		}
				
	.img_td
		{
		margin: 0px 0px 0px 0px;
		padding:0;
		width: 170px;
		}
	
	.img_cap
		{
		margin:0 0 0 20px;
		padding:20px ;
		font-weight:bold;
		background-color: #CC9933;
		color: #FFFFFF;
		
		}
		
	.img_table ul
		{
		margin: 0px 0px 0px 20px;
		padding:0;
		font-size: 100%;
		}
	
	.img_table dt
		{
		margin: 0;
		padding:0;
		font-size: 90%;
		font-weight: bold;
		}
		
	._table dd
		{
		margin: 0.2em 0 0.2em 1em;
		padding:0;
		font-size: 90%;
		}

/*アップデート*/

	.update
		{
		margin: 0px;
		padding: 0px;
		background-color: #7F7F7F;
		}

	.update td
		{
		margin: 10px;
		padding: 5px;
		background-color: #FFFFE5;
		}
		
	.release_date
		{
		margin: 0px;
		padding: 1px;
		font-size: 100%;
		font-weight: bold;
		}
		
	.release_no
		{
		margin: 0px;
		padding: 1px;
		font-size: 130%;
		font-weight: bold;
		color: #3366CC;
		}
		
	.release_detail
		{
		margin: 0px 0px 8px 3px;
		padding: 0px;
		font-size: 90%;
		}
			
/*********************************************************/					
/* 折り返し */
.c-both
	{
	clear:both;
	}

.bottom_menu
	{
	text-align:center;
	margin:30px 0px 0px 0px;
	padding:3px;
	font-size:70%;
	}

.footer/* フッター領域 */
	{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	height: 25px;
	margin: ;
	font-size: smaller;
	font-style: normal;
	font-family: Verdana, Tahoma, sans-serif;
	color: #FFFFFF;
	background-color: #394c26;
	}
	
/*****************************見出し******/	
h1
	{
	height: 40px;
	font-size: 130%;
	margin:0px 0px 0px 0px;
	padding:6px 5px 0px 40px;
	font-weight:bold;
	color: white;
	background-image: url(image/h1_image.png);
	background-repeat: no-repeat;
	background-position: top;
	}

h2
	{
	margin:5px 20px 10px 10px;
	padding:3px 0px 3px 10px;
	font-weight: bold;
	font-size:105%;
	color:#394C26;
	/* border-right: 2px #394C26 solid; */
	/* border-top: 2px #394C26 solid; */
	border-bottom: 2px #394C26 solid;
	border-left:15px #394C26 solid;
	} 
	
h3
	{
	margin:10px 10px 10px 10px;
	padding: 0;	
	font-size:100%;
	color:#993366;
	}

h4
	{
	margin:10px 10px 10px 10px;
	padding: 0;	
	font-size:90%;
	color:#000000;
	}



/**************************パス*****/
.path
	{
	font-size: 80%;
	margin:10px 0px 10px 0px;
	padding: 0px;
	}
/**************************サイドバー*****/
.side/* サイドバー領域 */
	{
	width:150px;
	float:left;
	margin: 10px 0px 0px 0px;
	padding:0;
	}
	
	.sidebar1/* サイドバー1(上部) */
		{
		margin: 0px;
		padding: 0px;
		width:150px;
		vertical-align: top;
		}
		
		.sidebar1 p
			{
			font-size: 90%;
			margin:10px;
			}		
								
.s1
	{
	margin:0px 0px 2px 0px;
	padding:2px 0px 2px 5px;
	background-color: #394C26;
/* 	background-image: url(image/sidebar_bgimg1.png);
 */	background-repeat: no-repeat;
	background-position:bottom;
	font-size:80%;
	font-weight: bold;
 	color: #FFFFFF;
 	}

.s1blank
	{
	height: 5px;
	margin:0px 0px px 0px;
	padding:0px;
	background-repeat: no-repeat;
 	}
 	
 	.s2
		{
		margin:0px 0px 2px 0px;
		padding:2px 0px 2px 5px;
		width: 130px;
		background-color: #D9E695;
		background-image: url(image/sidebar_bgimg2.png);
		background-repeat: no-repeat;
		background-position:bottom;
		font-size:80%;
	 	}
	
	.s2act
		{
		margin:0px 0px 2px 0px;
		padding:2px 0px 2px 5px;
		width: 135px;
		background-color: #A2BF1C;
		background-image: url(image/sidebar_bgimg2act.png);
		background-repeat: no-repeat;
		background-position:bottom;
		font-size:80%;
	 	}
	
		.s3
			{
			margin:0px 0px 2px 0px;
			padding:2px 0px 2px 20px;
 			background-image: url(image/sidebar_bgimg4.png);
 			background-repeat: no-repeat;
			background-position:8px center;
			font-size:80%;
		 	}
		
		.s3act
			{
			margin:0px 0px 2px 0px;
			padding:2px 0px 2px 20px;
 			background-image: url(image/sidebar_bgimg3.png);
 			background-repeat: no-repeat;
			background-position:7px center;
			font-size:80%;
			color: #FFFFCC;
		 	}	
								
	.sidebar2/* サイドバー下部 */
		{
		width:130px;
		margin:10px 0px 0px 0px;
		}
		
		.sidebar2 ul
			{
	 		margin-top: 0px;
			margin-bottom:5px;
			margin-left: -1px;
			margin-right:5px; 
			list-style-type:none;
			font-size: 80%;
			font-weight: bold;
			padding:5px;
			}
			
		.sidebar2 li
			{
			margin:1px 0px 1px 0px;
			padding: 0px;
			}	

	.mailto
	 	{
	 	margin: 0px 0px 0px 5px;
	 	padding: 0px;
	 	font-size: 75%;
		width: 150px;
	 	}
	 	
.sideber2_header/* Pro2最新情報 */
	{
 	margin-top: 5px 0px 0px 0px;
	font-size: 80%;
	font-weight: bold;
	padding:0px 5px 0px 5px;
	border: 2px solid #394C26;
	background-color: #394C26;
	color:#FFFFFF;
	width: 135px;
	}
	
.sideber2_cont
	{
 	margin-top: 0px 0px 0px 0px;
	font-size: 80%;
	padding:0px 5px 0px 5px;
	width: 135px;
	}


		 	
/**************************リンク*****/
a { text-decoration: none; }
a:link { color: #819916 }　/* 通常リンクの色 */
a:visited { color:#394C26; }
a:hover {  color: #CC6633; text-decoration: underline;}


a.menu_ref:link { color: white; }/* メニューボタンリンクの色 */
a.menu_ref:visited { color: white; }
a.menu_ref:hover { color:#FFCC66; }
a.menu_ref:hover { text-decoration: none;}

.menu_ref
	{
	text-decoration: none;
	color: white;
	}

a.menu_ref2:link { color:black; }/* サイドバーリンクの色 */
a.menu_ref2:visited { color:black; }
a.menu_ref2:hover { color :#CCCCCC; }
a.menu_ref2:hover { text-decoration: none;}

.menu_ref2
	{
	text-decoration: none;
	color: white;
	}
	
.GotoPageTop
	{
	margin:5px 20px 5px 5px;
	padding:0;
	text-align: right;
	font-size: 80%;
	}