@charset "UTF-8";
/* CSS Document */


/*---------------
	���ܥ�������
------------------*/
*{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5;
}

html{
	height:100%;
}

body{
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
	background-color:#000;
}

a{
	color:#ef0f34;
}

a:visited{
	color:#ef0f34;
}

.floatClear{
	clear:both;
	height:0;
}
	

#wrapper{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
	width:912px;


	text-align:center;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-color: #900;
	border-left-color: #900;
	overflow: hidden;
	background-image: url(../image/wrprbg.jpg);
	background-position:0px 130px;
	background-repeat:no-repeat;
	background-color:#e7f6f8;
	padding-bottom:40px;
	z-index:10;
}


#content{
	margin-right:auto;
	margin-left:auto;
	width:912px;
	text-align:left;
	color:#FFF;
	padding-bottom:25px;
}

h1{
	text-indent:-9999px;}

#header{
	height:647px;
	overflow:hidden;
		background-image: url(../image/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	z-index:100;}
p.buttonBox{
	margin-top:30px;
	text-align:center;
}
a.button{
	margin-right:auto;
	margin-left:auto;
	padding:5px 10px 5px 10px;
	border:3px #f00 double;
	background-color:#ddd;
	text-decoration:none;
}



#fordl, #forouboform{
	position:absolute;
	/*top:654px;*/
	top:784px;

	}
#fordl{	left:30px;}
#forouboform{ left:652px;}
#fordl a,#forouboform a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:224px;
	height:54px;

	background-repeat:no-repeat;
	background-position:0px 0px;}
#fordl a{	background-image:url(../image/btnfordl.jpg);}	
#forouboform a{
	background-image:url(../image/btnforform.jpg);}
#fordl a:hover, #forouboform a:hover{	
	background-position:0px -54px;
	}
#forhp1 a, #forhp2 a{
	display:block;
	position:absolute;
	font-size: 14px;
	color: #0000dd;
}
#forhp1 a{
	top:1168px;
	left:55px;}
 #forhp2 a{
	 top:1133px;
	left:470px;
	}
#forhp1 a:hover, #forhp2 a:hover{
	color: #33aaff;
}
#content #inrbody{

	padding:20px 40px 40px 40px;

}

#content #inrbody #articlesArea div{
	width:750px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;

}
#lead, #spec{
	font-size: 14px;
	line-height: 160%;
	color: #000;
	}
#spec{	margin-bottom:20px;}
#spec a{
	font-size: 14px;
	line-height: 160%;
	}
#content #inrbody #articlesArea p.pp{
	width:730px;
	margin:30px auto 10px auto;
	padding:5px;
	padding-left:5px;
	border:1px #dd0000 solid;
	border-width:1px 1px 1px 10px;
	background-color:#fff;
	color:#dd0000;
	background-image: url(../../trial/images/midashibg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	font-size: 14px;
	font-weight: bold;
}
#content #inrbody #articlesArea table{
	line-height: 160%;
	color: #000;
	}
#content #inrbody #articlesArea table.cap{
	margin-top:10px;

}

#content #inrbody #articlesArea table.cap td{
	font-size:10px;
	color:#000;
}
#content #inrbody #articlesArea table.cap td a{
	font-size:10px;
}
#content #inrbody #articlesArea #download{
	width:350px;
	margin:20px auto 20px auto;
	padding:10px 60px 20px 60px;
	background:#000 url(../../trial/images/dlbg.jpg) no-repeat;
	background-position:center center;
}
#content #inrbody #articlesArea #download a{
	width:352px;
	height:48px;
	display:block;
	text-indent:-9999px;
	background-image:url(../../trial/images/dlbtn1.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin:10px 0 20px 0px;}
	
#content #inrbody #articlesArea #download a:hover{
	background-position:0px -48px;
	}
#filedetail{
	display:block;}
#content #inrbody #articlesArea #download table{
	margin-top:10px;
	color:#fff;
}
#support{
	margin:15px 0 20px 0;}
	
#content #inrbody #articlesArea #settings table{
	width:750px;
	border-collapse:collapse;
	margin-top:10px;
}

#content #inrbody #articlesArea #settings td{
	border:1px #999 solid;
	border-width:0 0 1px 0;
}

#content #inrbody #articlesArea #faq table{
	width:750px;
}

#content #inrbody #articlesArea #faq td{
	padding:3px;
}

#content #inrbody #articlesArea #close,
#content #inrbody #articlesArea #back{
	margin-top:30px;
}

#content #inrbody #articlesArea #back{
	text-align:left;
}


#keyboardsetting table{
	width:100%;
	border-collapse:collapse;
}
#keyboardsetting table colgroup .action{
	background-color:#666;
}
#keyboardsetting table colgroup .key{
	background-color:#000;
}
#keyboardsetting table td{
	width:25%;
	border:1px #ddd solid;
}

#wrapper #footer{
	background-image: url(../image/footer.jpg);
	position:absolute;
	left:0px;
	bottom:0;
	width:912px;
	height:50px;
}
#wrapper #footer p{
	text-indent:-9999px;}
#cautionbox{
	width:700px;
	margin:600px auto 0px auto;
	padding-bottom:20px;}
#cautionbox dd{
	font-size: 14px;
	color: #000;
	text-indent: -1em;
	line-height: 160%;
}
#okotowari{
	width:740px;
	padding:20px;
	margin:10px auto 10px auto;
	border:solid 1px #d00;}