/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:100%;
}

* p,
* td {line-height:150%;color:#333333;}

* p {margin:0.5em 0 1.5em;}

* td {_font-size:66%;}

* span.sup {
	vertical-align:super;
	font-size:0.6em;
	line-height:1;
}

* a img {border:none;}

* .clearfix {zoom:1;}
* .clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	padding:10px;
	background:#F8F8F8;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#wrap {
	width:650px;
	_width:690px;
	min-height:390px;
	_height:390px;
	margin:0 auto;
	padding:20px;
	text-align:left;
	background:white;
	position:relative;
}
	#wrap form {
		position:absolute;
		top:10px;
		right:10px;
	}
#wrap form p { margin:0; }
		#wrap form.notclose {
			position:static;
			margin:10px 0;
		}

#wrap table.nomal {
	width:100%;
	margin:0 0 0;
	border:none;
}
	#wrap table.nomal td {
		padding:0;
		font-size:100%;
		border:none;
	}
	#wrap table.nomal tr {
		background:none;
	}
#wrap table,
#wrap table.spec {
	width:100%;
	margin:0.5em 0;
	border-top:#333333 1px solid;
	border-left:#333333 1px solid;
	border-collapse:collapse;
}
#wrap table caption,
#wrap h5 {
	margin-top:0.5em;
	text-align:left;
	font-weight:bold;
	font-family:"Trebuchet MS";
}
	#wrap table th,
	#wrap table td,
	#wrap table.nomal table th,
	#wrap table.nomal table td,
	#wrap table.spec th,
	#wrap table.spec td {
		padding:2px;
		font-size:74%;
		border-right:#333333 1px solid;
		border-bottom:#333333 1px solid;
	}
	#wrap table tr.discon {
		background:#cccccc;
	}
	#wrap table tr.discon2 {
		background:#aaaaaa;
	}
	#wrap table td.discon {
		background:#cccccc;
	}

#wrap h6 {
	margin-top:0.5em;
	text-align:left;
	font-weight:bold;
}

#wrap table th {
	background:#666666;
	color:#FFFFFF;
}

#wrap table tr,
#wrap table.spec tr {
	background:#FFFFFF;
}
	#wrap table tr.even {
		background:#eeeeee;
	}

.widthFree #wrap {
	width:auto;
}
.width1024 #wrap {
	width:874px;
}
#wrap table.equal th,
#wrap table.equal td {
	width:9%;
	word-break:break-all;
	word-wrap: break-word;
}
.widthFree #wrap table.equal th.ct {
	width:7%;
}
.widthFree #wrap table.equal th,
.widthFree #wrap table.equal td {
	width:5%;
}

#wrap p {
	font-size:73%;
	color:#000000;
}
#wrap h2 {
	margin:0 0 0;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#999;
}
#wrap h3,
#faqList li.title {
	margin:0 0 12px;
	line-height:1;
	font-family:"Trebuchet MS";
	font-size:24px;
	width:500px;
}
/*	body.support #wrap h3 {
		margin-bottom:40px;
	}*/
#wrap h4 {
	margin:1.5em 0 0;
	color:#03F;
	font-family:"Trebuchet MS";
}
#wrap h5 {
	margin:1.5em 0 0;
	clear:both;
	font-family:"Trebuchet MS";
}
#wrap h6 {
	margin:1.5em 0 0;
	clear:both;
	font-family:"Trebuchet MS";
}
	.contents #wrap h4 {
		font-size:20px;
		margin-bottom:2em;
	}
	.contents #wrap h5 {
		border:1px solid #000;
		background:#00F;
		padding:5px;
		color:#ffffff;
		/*display:inline-block;
		#display:inline;
		zoom:1;*/
		width:50%;
		margin-top:3.5em;
	}
	.contents #wrap h6 {
		font-weight:normal;
		font-style:italic;
		text-decoration:underline;
		margin-top:1.5em;
	}
	
hr {
 margin:1em 0; padding:0; height:1px;
 border-width:0; border-top:1px solid #C1CAD8;
}
#wrap ol,
#wrap ul {
	padding-left:2em;
	font-size:73%;
	margin:10px 0;
	color:#000099;
}
	#wrap ol li {
		margin:0.5em 0;}
.support #wrap ul li {
 margin-bottom:0.5em;
 list-style-image:url(../img/ani_download_s.gif);
 color:#000;
}

* .block {zoom:1;}
* .block:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.block {display: inline-table;}

#wrap div.block img {
	float:left;
	margin-right:10px;
}
#wrap div.block table {
	width:439px;
	_width:440px;
}
#wrap div.block h4 {
	color:#FFFFFF;
}
	#wrap div.block h4 strong {
		color:#800000;
	}

.specTable{}
#wrap .specTable .noBorder,
#wrap .specTable .noBorder td{
border-width:0;
}
#wrap .noBorder,
#wrap .noBorder td{
border:none;
}
	.specTable td.note {
		display:none;
	}
.driverIndex a {
 font-size:12px;
 color:#333;
 text-decoration:none;
}

#wrap dl {
	border-top:#666666 2px solid;
	margin:1em 0;
		font-size:74%;
}
	#wrap dt {
		margin:0.4em 1em 0;
		font-weight:bold;
	}
	#wrap dd {
		margin:0.2em 0 0;
		padding:0 0 0.6em 2em;
		border-bottom:#cccccc 1px dotted;
	}
	body.distform #wrap dd {min-height:1.55em;
	line-height:1.5;}

#wrap dl.note {
	border:none;
	margin:0.5em 0;
}
	#wrap dl.note dt {
		float:left;
		clear:left;
		width:1em;
		margin:0.3em 0;
		font-weight:normal;
	}	
	#wrap dl.note dd {
		padding:0.3em 0 0.3em 1.5em;
		border:none;
		margin:0;
	}
	

#wrap label:hover {
	color:#FF0000;
}

* em {
	color:#FF3300;
	font-weight:bold;
}

* .bggreen {background:#d1ffd1;}
* .bgblue {background:#d1e8ff;}

* p.bggreen,
* p.bgblue{padding:0.5em;}

* .txtC {text-align:center;}
* .txtL {text-align:left;}
* .txtR {text-align:right;}

* .imgFloatL { float:left; margin:0 10px 5px 0;}
* .imgFloatR { float:right; margin:0 10px 5px 0;}

* .clear { clear:both;}


.cute-button {
  background: url(../img/button-bg-left.png) no-repeat 0 0;
  height: 24px;
  margin: 0 20px 0 0;        /* any value is OK */
  padding: 0 0 0 12px;
  display: -moz-inline-box;  /* just for Firefox 2.x below */
  display: inline-block;
  zoom: 1; *display: inline;  /* just for IE */
  font-size:73%;
}
	.cute-button a,
	.cute-button button {
	  background: url(../img/button-bg-right.png) no-repeat 100% 0;
	  height: 24px; line-height: 24px;
	  cursor: pointer;
	  padding: 0 12px 0 0;
	  margin: 0;
	  border: none;
	  overflow: visible; /* just for IE */
	  display: -moz-inline-box;  /* just for Firefox 2.x below */
	  display: inline-block;
	  zoom: 1; *display: inline;  /* just for IE */
	  color:#333333;
	  text-decoration:none;
	}
td .cute-button {
	font-size:100%;
}
.yet .cute-button {
  background: url(../img/button-bg-left_yet.png) no-repeat 0 0;
}
	.yet .cute-button a {
	  background: url(../img/button-bg-right_yet.png) no-repeat 100% 0;
	  cursor:default;
	}
	
/*

    SDK

*/

.column {
	/*background:url(../img/bg_column.gif) 0 0 repeat;*/
	border:#cccccc solid 2px;
	padding:1em;
	margin-top:1.5em;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
}
#wrap .column h4 {
	margin-top:0.5em;
}
#wrap .column h5 {
	font-size:90%;
}

#wrap .sdkform {}
	#wrap .sdkform dd {
		padding:0 0 0 1em;
	}
	#wrap .sdkform input,
	#wrap .sdkform select,
	#wrap .sdkform textarea {
		width:50%;
		margin:2px 2px 2px 10px;
		background:none;
		border:none;
		font-size:200%;
	}
	#wrap .sdkform .name input {
		width:30%;
	}
	#wrap .sdkform select {
		width:auto;
	}
	#wrap .sdkform textarea {
		width:95%;
	}
	#wrap .sdkform label input:focus,
	#wrap .sdkform label:hover input,
	#wrap .sdkform label select:focus,
	#wrap .sdkform label:hover select,
	#wrap .sdkform label textarea:focus,
	#wrap .sdkform label:hover textarea {
		background:url(../img/bg_column_focus.gif) 0 0 repeat;
	}


/*

    FAQ

*/

#wrap ul#faqList {
	padding:0;
	font-size:100%;
}
#faqList li {
	background:#f8f8f8;
	border:#cccccc 1px solid;
	margin-bottom:1em;
	list-style:none;
	padding:10px;
}
	#faqList li ul{
		color:#333333;
	}
		#faqList li li {
			background:none;
			padding:0;
			list-style:disc;
			border:none;
		}
	#faqList li .tags {
		display:none;
	}
	
#faqList li.title {
	border:none;
	background:none;
	padding:0;
	margin-top:2em;
}
	#faqList li.title span {
		font-size:12px;
		color:#999999;
	}
#faqList li.pageTopAnch {
	border:none;
	background:none;
	padding:0;
	text-align:right;
	font-size:73%;
}

#wrap .question {
	font-weight:bold;
	color:#3333cc;
	margin:0 0 1em 0;
}
#wrap .question span {
	font-size :250%;
	float:left;
	margin:7px 5px 15px 0;
	color:#3333ff;
	display:block;
	height:23px;
}

#wrap .answer {
	clear:both;
	margin-top:15px;
}
#wrap .answer span {
	font-size :250%;
	margin:15px 5px 5px 0;
	display:block;
	font-weight:bold;
	color:#ff3333;
}