/* ==== INDEX ==== */
	
/*	SECTION =0 RESET		-	reset padding and margin to 0

/*	SECTION =1 LAYOUT		-	id's for page layout

/*	SECTION =2 HEADINGS		-	h1,h2,h3,h4 etc.

/*	SECTION =3 MAIN			-	middle content area

/*	SECTION =4 HEADER		-	header and top navigation

/*	SECTION =5 LEFT NAV		-	left navigation

/*	SECTION =6 RIGHT NAV	-	right navigation

/*	SECTION =7 FOOTER		-	footer


/* SECTION =0 RESET
----------------------------------------------------------------------------------------------------*/


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,th,td,iframe {
	margin:0;
	padding:0;
	}


body {
	color:#fff;
	font: normal 12px £Í£Ó £Ð¥´¥·¥Ã¥¯,Osaka;
	margin:0;
	padding:0;
q	text-align:justify;
q	text-justify:inter-ideograph;
	background-color:#fff;
	line-height:1.5em;
	background:url(/images/bg-pattern.gif);
	}


	li {
q		list-style:none;
		}


	img {
		border:0;
		}

	
	a img {
		vertical-align:bottom;
		margin:0;
		padding:0;
		}


/*
	a:link {
		color:#000;
		font-size:12px;
		text-decoration:underline;
		}

	a:visited {
		color:#999;
		}

	a:hover {
		color:#f60;
		}
	
	a:active {
		color:#000;
		font-size:12px;
		text-decoration:underline;
		}
*/


/* SECTION =1 LAYOUT
----------------------------------------------------------------------------------------------------*/


#container {
	width:960px;
	margin:0 auto;
	padding:10px 5px;
	background-color:#333;

	}


	#header {
		position:relative;
		height:30px;
q		margin:0 0 10px;
		background-color:#333;
		}



		#main {

			
			}





	#footer {
		text-align:center;
		}
		
		
	.clear { 
		content: ".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		line-height:0;
		font-size:0;
		margin:0;
		padding:0;
		}


/* SECTION =2 HEADINGS
----------------------------------------------------------------------------------------------------*/


h1,h2,h3,h4 {
	background:url(../images/bg-heading.gif) 0 0 repeat-x;
	padding:2px 5px;
	color:#585c52;
	}


/* SECTION =3 MAIN
----------------------------------------------------------------------------------------------------*/

#main p {
	background-color:#000;
	padding:5px;
	margin:0 0 10px;
	font-size:10px;
	line-height:1.2em;
	color:#bbb;

	}


#main p span {
	font-size:12px;
	font-weight:bold;
	color:#f90;
	}


#main p span.diff {
	color:#0cf;
	}
	

#main p img {
	display:block;
	margin:0 0 10px;
	}


#main p em {
	color:#ff0;
	font-style:normal;
	font-weight:bold;
	}
	
.autocenter {
	display:block;
	margin:0 auto 10px;
	width:770px;
	}	
	
.autocenter2 {
	display:block;
	margin:0 auto 10px;
	width:894px;
	}		
	
.autocenter3 {
	display:block;
	margin:0 auto 10px;
	width:310px;
	}	



/* LOGIN BUTTON */


.log-cont {
	padding:10px;
	background-color:#222;
	width:330px;
	height:60px;
	display:block;
	float:right;
q	margin:0 5px 0 0;
	}


.log-cont a {
	color:#fff;
	}

	.log-cont dl {
		background-color:#111;
		padding:5px;
		}
		
		.log-cont dl dt {
			display:block;
			float:left;
			margin:0 10px 0 0;

			}
			
			


.log {
		width:90px;
		background:url(/images/btn-logall2.jpg) no-repeat;
		height:32px;
		display:block;
		}

.log-btn {	/*	login	*/
	display:block;
	background-position:0;	
	}

.log-btn:hover {	/*	login:hover	*/
	display:block;
	background-position:-90px 0;
	}







/* LINKS for thumbnail */


.links2 {
	width:960px;

	}


	.links2 ul {
		list-style-type: none;
		margin:10px 0 10px 0;
		_margin:10px 0 10px -5px;		
		}
		
		
		.links2 em {
			font-style:normal;
			}


		.links2 li {
			width: 80px;
			display:block;
			float:left;
			margin:0 0 8px 6px;
			}
			

/* DOWNLOAD AREA */
	
/* DOWNLOAD AREA ( for part1 ) */
		
	
div.dlarea {
	margin:10px 0 10px 0;
	_margin:10px 0 10px -20px;
	}

/*
div.dlarea ul {
	padding:10px 0;
	}
	
	
	div.dlarea ul li {
		display:block;
		float:left;
		margin:0 10px 0 0;
		padding:2px 5px;
		background-color:#fff;
		}
		
	
	div.dlarea ul li img {
		vertical-align:middle;
		margin:0 5px 0 0;
		}
*/



div.dlarea table {
	border-collapse:collapse;
	background-color:#c2d8fa !important;
	border:1px solid #000;
	width:100%;
	color:#000;	
	margin:0 0 20px;
	}

	
	div.dlarea table tr.ll {
			border-bottom:1px dotted #ccc;
	}
	
	
	div.dlarea table th {
	q	background:url(../images/bg-th.gif) 0 0 repeat-x;
		background-color:#000;
	q	height:80px;
		padding:5px 0;
		color:#fff;
		font-size:14px;
		}
	
	
	
	div.dlarea table th.cc {
		background:url(../images/gra-cc.jpg) 0 0 no-repeat;
		}


	div.dlarea table th.ip {
		background:url(../images/gra-1p.jpg) 0 0 no-repeat;
		}
			

	div.dlarea table th.ten {
		background:url(../images/gra-ten.jpg) 0 0 no-repeat;
		}


	div.dlarea table th.pac {
		background:url(../images/gra-pac.jpg) 0 0 no-repeat;
		}


	div.dlarea table th.mura {
		background:url(../images/gra-mura.jpg) 0 0 no-repeat;
		}

	
	div.dlarea table td {
		padding:10px;
		border-collapse:collapse;

		}
		
	
	div.dlarea table .line-b {
		border-bottom:1px solid #000;
		}
		
		
	div.dlarea table .line-r {
		border-right:1px solid #000;
		}
	
	
	div.dlarea table tr.line {
		border-bottom:1px solid #000;
		}		

	
	div.dlarea table em {
		display:block;
		float:left;
		padding:5px 0;
		margin:0 20px 0 0;
		font-style:normal;
		color:#ff0;
		font-weight:bold;
		font-size:14px;
		letter-spacing:1px;
		}
	

	div.dlarea table ul {
		display:block;
		margin:0 0 10px;
		height:20px;
		}

		
		div.dlarea table ul li {
			display:block;
			float:left;
			padding:1px 5px;
			background-color:#fff;
			white-space:nowrap;
			color:#333;
			text-align:left;
			margin:0 5px 0 0;
			}
	
	
	#main div.dlarea table td p {

		padding:3px 0;
		width:940px !important;
		margin:0 auto;
		color:#fff;
		text-align:center;
		background-color:#333  !important;
		font-size:12px;
		
		
		}		

	
	div.dlarea table td.say {
		background-color:#333;
		color:#fff;
		padding:2px 10px;
		width:100%;
		}			

/* download table ( for part2 & 3 ) */

table.newdl {
	border-collapse:collapse;
	background-color:#c2d8fa !important;
	border:1px solid #666;
	width:100% !important;
	color:#000;	
	margin:0 0 20px;
	}

	
	table.newdl tr.ll {
		background-color:#deebff;
	}
	
	
	table.newdl th {
		background:url(../images/bg-th.gif) 0 0 repeat-x;
		background-color:#000;
	q	height:80px;
		padding:5px 10px;
		color:#fff;
		font-size:14px;
		padding:5px;
		border-right:1px solid #666;
		}
	
	
	
	table.newdl th.cc {
		background:url(../images/gra-cc.jpg) 0 0 no-repeat;
		}


	table.newdl th.ip {
		background:url(../images/gra-1p.jpg) 0 0 no-repeat;
		}
			

	table.newdl th.ten {
		background:url(../images/gra-ten.jpg) 0 0 no-repeat;
		}


	table.newdl th.pac {
		background:url(../images/gra-pac.jpg) 0 0 no-repeat;
		}


	table.newdl th.mura {
		background:url(../images/gra-mura.jpg) 0 0 no-repeat;
		}

	
	table.newdl td {
		padding:10px;
		border-collapse:collapse;
		border-right:1px solid #666;		

		}
		
	
	table.newdl .line-b {
		border-bottom:1px solid #000;
		}
		
		
	table.newdl .line-r {
		border-right:1px solid #000;
		}
	
	
	table.newdl tr.line {
		border-bottom:1px solid #000;
		}		


	table.newdl em {
		display:block;
		float:left;
		padding:5px 10px;
		text-align:center;
		margin:0 20px 0 0;
		font-style:normal;
		color:#ff0;
		background-color:#000;
		font-weight:bold;
		font-size:14px;
		letter-spacing:1px;
		}


	table.newdl ul {
		display:block;
		margin:0 0 10px;
		height:20px;
		}

		
		table.newdl ul li {
			display:block;
			float:left;
			padding:1px 5px;
			background-color:#fff;
			white-space:nowrap;
			color:#333;
			text-align:left;
			margin:0 5px 0 0;
			}
	
	
	#main table.newdl td p {
		margin:2px 0 0 0;
		padding:5px;
		background-color:#000 !important;
		font-size:10px;
		color:#bbb;
		line-height:1.3em;
		
		
		}		

	
	table.newdl td.say {
		background-color:#333;
		color:#fff;
		padding:2px 10px;
		width:100%;
		}			
		

/* BUTTONS */


/* BUTTONS */

	 .icon {
		width:132px;
		background:url(/images/btn-down.gif) no-repeat;
		height:31px;
		display:block;
		float:left;
		outline:none;
		text-decoration:none;
		}

		.button {	/*	sample	*/
			display:block;
			background-position:0;	
			}

		.button:hover {	/*	member	*/
			display:block;
			background-position:-132px 0;
			}





table.newdl .icon {
		width:132px;
		background:url(/images/btn-down.gif) no-repeat;
		height:31px;
		display:block;
		float:left;
		outline:none;
		text-decoration:none;
		}

table.newdl .button {	/*	sample	*/
			display:block;
			background-position:0;	
			}

table.newdl .button:hover {	/*	member	*/
			display:block;
			background-position:-132px 0;
			}


#main table.newdl td p em {
		color:#f00;
}



#main table.uptable {}


#main table.uptable td {
q	background-color:#ccc;
	}



	#main table.uptable ul {
		background-color:#111;
		border:1px solid #fff;
		height:274px;
	}
	
	

	#main table.uptable ul li {
		list-style:none;
		line-height:1.5em;
		}
	
	
	#main table.uptable ul li.space {
		margin:5px 0 0 0;
		padding:5px 0 0 0;
q		border-top:1px solid #666;
		}
	
	
	#main table.uptable ul li em {
		font-style:normal;
		background-color:#000;
		display:block;
		width:178px;
		padding:2px 5px;
		}
	
		
	#main table.uptable ul li span {
		display:block;
		padding:0 0 5px;
		margin:0 0 5px;
		}


table.uptable .icon {
	display:block;
	background:url(../images/btn-all2.gif) 0 0 no-repeat;
	width:168px;
	height:35px;
	margin:0 10px 10px;
}


	table.uptable .btn1 {
		background-position:0;
	}
	
	table.uptable .btn1:hover {
			background-position:-168px 0;
	}
	
	table.uptable .btn2 {
		background-position:-336px 0;
	}
	
	table.uptable .btn2:hover {
			background-position:-504px 0;
	}	

	table.uptable .btn3 {
		background-position:-672px 0;
	}
	
	table.uptable .btn3:hover {
			background-position:-840px 0;
	}	


div.dlarea em.phrase {
	color:#fff;
	float:none;
	display:block;
	padding:0;
	margin:0;
	font-weight:normal;
	font-style:normal;
	}


dl.joiner {
	background-color:#000 !important;
	color:#fff;
	padding:6px 0 2px;
	margin:0;
	height:80px;
	}

	
dl.joiner dt {
	display:block;
	float:left;
	}
	
dl.joiner dd {
	display:block;
	float:left;

	}
	
dl.joiner dd span {
	border:1px solid #fff;
	width:470px;
	height:35px;
	display:block;
	position:relative;
	margin:0 0 2px;
	}

dl.joiner dd em {
	font-style:normal;
	vertical-align:middle;
	font-weight:normal;
	color:#fff;
	font-size:12px;
	padding:10px 0 0 5px;
	}

dl.joiner dd a img {
	position:absolute;
	top:0;
	right:-1px;
	}
	
/*	 for part4	 */
div.sites{
	width:960px;
	padding:10px 0;
	margin:20px 0 0 0;
	}
	
	
	
	div.sites ul {
		margin:0;
		_margin:0 0 0 -20px;
		}
			
	
		div.sites ul li {
			display:block;
			float:left;
			margin:0 0 20px 20px;
			width:285px;


			}
			


/* SECTION =4 HEADER
----------------------------------------------------------------------------------------------------*/


#header ul.tnav {
	position:absolute;
	top:0px;
	right:5px;

	}


	#header ul.tnav li {
		display:block;
		float:left;
		padding:0 10px 0 0;
		margin:0 10px 0 0;
		}


		#header ul.tnav li a {
			color:#fff;
			}
	
	
	
	#header #login {
		padding:5px 10px;
		background-color:#222;
		width:240px;

		}
		
		
		#header #login p {
			text-align:center;
			color:#fff;
			margin:0;
			padding:0;
			}
			
			
		#header #login a img {
			vertical-align:top;
			padding:0 0 0 40px;

			}				


#header-cart{
	background:url(/images/header-cart.gif) 0 0 no-repeat;
	width:960px;
	height:57px;
	margin:0 auto;
	}
	
	
	


/* SECTION =7 FOOTER	
----------------------------------------------------------------------------------------------------*/			


#footer {
	height:70px;
	padding:10px 0;
	background-color:#111;
	color:#fff;
	margin:10px 0 0 0;
	}


	#footer ul { 
		width:460px;
		margin:0 auto;
		
		}
		
		
		 #footer ul li {
			display:block;
			float:left;
			margin:0 12px;
			}
			
			
			#footer ul li a{
				color:#fff;
				}
				
				
	#footer p {
		padding:10px 0;
		margin:5px 0;
		}
				
			
/* SECTION =8 ETC PAGES	
----------------------------------------------------------------------------------------------------*/	

.etc-cont {
	padding:10px;
	background-color:#fff;
	color:#000;
	}
	
	
	.etc-cont ul {
		margin:0 0 0 20px;
		padding:0 0 0 20px;
		}
		
		
	.etc-cont ol {
		margin:0 0 0 20px;
		padding:0 0 0 20px;
		}
		

	.etc-cont ol li {
		margin:0 0 0 20px;
		padding:0 0 0 20px;
		}