/* CSS Document */
/* common */
	*{
		margin:0px;
		padding:0px;
	}
	
	html{
		height:100%;
	}
	
	#aWrap{
		height:100%;
	}
	
	body{
		background:gray url('image/back2.png');
		margin:0px;
		padding:0px;
		height:100%;
		margin-left:30px;
	}
	
	h1{
		background:url('image/j-bar.jpg');
		color:white;
		width:1000px;
		height:64px;
		padding:3px;
		padding-left:10px;
		font-weight:normal;
		position:relative;
		border-left:1px solid darkgray;
		border-right:1px solid darkgray;
	}
	
	.content{
		overflow:auto;
		margin:0px;
		left:0px;
		position:relative;
		background:white;
		width:993px;
		padding:10px;
		min-height:80%;
		z-index:1;
		border-left:1px solid darkgray;
		border-right:1px solid darkgray;
		font-weight:lighter;
	}
	
	/* ie6 */
	* html .content{
		height:80%;
	}
	
	#Copyright{
		clear:both;
		position:relative;
		width:993px;
		background:darkgray url('image/cpback.png');
		color:white;
		text-align:center;
		padding:10px;
		border-left:1px solid darkgray;
		border-right:1px solid darkgray;
	}
	
	b , strong{
		font-weight:bold;
	}
	
	
	.red {
		color:red;
	}
	.blue {
		color:blue;
		
	}
	
	.blue a:link,.blue a:visited,.blue a:active{
		color:blue;
		font-weight:bold;
	}
	h2{
		clear:right;
		margin:8px;
		padding:2px;
		padding-left:30px;
		background:white url('image/h2.gif') no-repeat;
		font-weight:lighter;
		overflow:hidden;
	}
	
	h3{
		margin:8px;
		clear:right;
		border-left:3px solid #003399;
		border-bottom:2px solid darkgray;
		padding:2px;
		margin-left:20px;
		background-color:aliceblue;
		width:400px;
	}
	
	h4{
		margin:5px;
		border-bottom:2px solid darkgray;
		padding:2px;
		background-color:white;
		width:300px;
	}
	
	ol,ul{
		line-height:130%;
	}
	
	ul li{
		padding-left:13px;
		list-style:none;
		padding-top:2px;
		margin-left:4px;
		background:url('image/marker.gif') no-repeat left;
	}
	
	.content dl{
		margin-left:35px;	
		padding-left:10px;
	}
	
	table{
		width:600px;
		margin-left:25px;
		border:1px solid gray;
		
	}
	
	table td{
		border:1px solid gray ;
		padding:2px;
	}
	
	table th{
		background:silver;
		border:1px solid gray;
	}
	
	.img_table{
		border:1px gray solid;
		background:whitesmoke;
		margin:0px;
		margin-left:auto;
		margin-right:auto;
		width:200px;
	}
	
	
	.img_table tr{
		border:1px gray solid;
	} 
	
	.img_table th{
		padding:1px;
		margin:0px;
		border:none;
		background:whitesmoke;
	}
	
	.img_table td{
		background:white;
	}
	
	.half-text{
		float:left;
		width:520px;
		
	}
	
	.half-right{
		float:right;
		width:450px;
	}
		
	p{
		margin-left:30px;
		line-height:130%;
	}

/* end common */

/* top page */
	#top_pic{
		width:100%;
		border:1px solid #999999;
	}

	.half-right h2{
		margin-left:0px;
	}
	#topic{
		margin:0px;

		height:200px;
	}
	#recent{
		margin:0px;
		overflow:scroll;
		overflow-x:hidden;
		overflow-y:scroll;
		height:200px;
	}
	
	/* ie6 */
	* html #recent{
		margin:0px;
		overflow:scroll;
		overflow-x:hidden;
		overflow-y:scroll;
		height:420px;
	}
	
	#recent dt{
		border-left:2px solid gray;
		border-bottom:1px solid gray;
		padding:2px;
		margin-bottom:2px;
	}
	
	#recent dd{
	
		text-indent:1em;
		padding:2px;
	}
/* end top */

/* product */
	.tb_stand{
		width:400px;
		border:1px solid gray;
		margin-left:auto;
		margin-right:auto;
	}
	
	.tb_stand *{
		text-align:center;
		font-size:small;
	}
	
	.ccol *{
		width:52px;
	}

	.CtlgLong{
		clear:both;
		width:900px;
		margin:0px 25px;
		margin-top:8px;
		margin-bottom:10px;
		padding:0px;
	}
	
	.CtlgLong h3, .CtlgHalf h3{
		width:100%;
		background:dimgray;
		clear:both;
		padding:2px;
		padding-bottom:0px;
		border:none;
		border-bottom:1px solid black;
		border-top:1px solid black;
		margin:0px;
		margin-bottom:3px;
		text-align:center;
		color:white;
	}
	
	.CtlgHalf{
		float:left;
		width:445px;
		margin-left:13px;
		margin-right:-3px;
		margin-top:8px;
		padding:0px;
	}
	
	/* except ie6*/
	html>body .CtlgHalf{
	
		margin-left:25px;
		margin-right:-15px;
		margin-bottom:10px;
	}
	
	.CtlgHalf p{
		margin-left:5px;
		margin-bottom:3px;
	}
	
	.cmpart {
		float:left;
	}
	
	.mrg{
		padding:5px;
		width:420px;
	}
	
	.mrg td, .mrg table, .mrg th{
		margin-left:5px;
		padding-left:0px;
		border:none;
		border-bottom:1px solid gray;
		width:400px;
	}
	
	.mrg th{
		width:50px;
		text-align:center;
	}
	
	.mrgfull p , .mrgfull ul{
		margin-left:25px;
	
	}
	
	.mrgfull td, .mrgfull table, .mrgfull th{
		margin-left:25px;
		padding-left:0px;
		border:none;
		border-bottom:1px solid gray;
		width:400px;
	}
	
	.mrgfull th{
		width:50px;
	}
	
	.meritul{
		list-style-type:none;
		margin:0px;
		padding:0px;
		list-style-position:outside;
	}
	.meritul li{
		padding:0px;
		margin:0px;
		background:none;
		margin-bottom:10px;
	}
	.meritul h4{
		padding:0px;
		margin:0px;
		background:none;
		margin-bottom:10px;
		width:90%;
	}
	
	#overflowBox{
		overflow:hidden;
	}
/* end product */

/* es */

	#strict{
		width:750px;
		border:1px solid black;
		height:300px;
		overflow:scroll;
		margin-left:100px;
		padding:10px;
	
	}
	
	.notify {
		width:800px;
		margin:0px 82px;
		padding:3px;
		background:khaki;
		border:1px solid crimson;
		text-align:center;
	}
	
	#st_link{
		width:758px;
		text-align:center;
		border:2px solid silver;
		background:lightgrey;
		padding:5px;
		font-weight:bold;
		margin-left:100px;
	}
	
	#st_link a{
		color:navy;
		font:bold;
	}
	
	#i_long{
		width:100px;
		border:1px solid gray;
	}
	
	#i_vlong{
		witdh:300px;
		height:100px;
		border:1px solid gray;
	}
	
	.textbox{
		position:relative;
		width:95%;
		height:481px;
		padding:2px;
		background-color:#fcfcfc;
	}
/* end es */





/* sitemap */

.site *{
	margin-bottom:3px;
}
.site dt{
	background:url('image/marker.gif') no-repeat left;
	padding-left:10px;
}

.site dd{
	margin-left:15px;
	padding-left:10px;
}

/* end sitemap */

/* flow */

	.mlist {
		margin-left:20px;
		padding-left:20px;
	}
	
	.margin_img{
		margin:10px;
	}
	
	#flow_1{
		width:330px;
		height:204px;
	}
	#flow_2{
		width:330px;
		height:233px;
	}
/* end flow */

/* contact */

	.contact_dl{
		line-height:130%;
	}
	.contact_dl dt{
		text-decoration:underline;
	}
	.contact_dl dd{
		padding-left:10px;
	}

/* end contact */

/* data */

#tokkitable{
	width:600px;
	text-align:center;
	
}

.h3long{
	width:550px;
}

/* end data */