@charset "utf-8";
@import url("reset.css");

/* ---------------------------------------------------------------------- */
/*Basic style*/
html{
	font-size: 16px;
	background-color:#e6e6e6;}
body{
	font-size: 100% /*16px*/;
	line-height:1.5 /*24px*/;
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px 0 0;
	padding: 0;
	border-top: 4px solid #00A85E;
	color: #4d4d4d;
	background-color: #fff;}

/*heading*/
h2{
	margin-bottom: 18px;
	padding: 12px 18px;
	font-size: 137.5% /*22px*/;
	line-height: 1.0909 /*24px*/;
	color: #4d4d4d;
	background-color: #fff;
	border-top: 5px solid #00A85E;
	border-bottom: 1px solid #ccc;}
h2:before{
	content:"";
	margin-right: 10px;
	border-left: 7px solid #00A85E;}
h3{
	font-size: 112.5%/*18px*/;
	line-height:1.3333/*24px*/;
	margin: 12px 0 12px;}
h3:before{
	content: "\25C6";
	margin-right: 6px;
	color: #7cc73f;}
h4{
	margin-top: 12px;}
h4:before{
	content: "\25cf";
	margin-right: 3px;
	color: #00A85E;}

/*link*/
a:link,
a:visited{
	color: #0069e0;}
a[href]:hover{
	color: #7cc73f;}

/*paragraph*/
p{
	margin-bottom: 0.5em;}

/*list*/
ul{
	padding-left:2em;
	list-style-type: disc;}
ol{
	padding-left:2em;
	list-style-type: decimal;}
dl{
	margin: 12px 0;}
dl dt{
	margin-left:1em;
	font-weight:bold;}
dl dd{
	margin: 0 0 1em 2em;}

/*table*/
table{
	margin: 12px 0 24px;
	border: 2px solid #999;}
th{
	padding: 6px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-right: 1px solid #999;
	vertical-align: middle;}
thead th{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	white-space: nowrap;
	border: 1px solid #999;
	background-color: #ddd;}
thead{
	border-bottom: 3px double #999;}
td{
	padding: 6px 12px;
	border: 1px solid #ccc;
	vertical-align: middle;}
table p,
table ul,
table ol{
	margin-bottom: 6px;}

/*form*/
form ul{
	padding: 0;
	list-style-type:none;}

em{
	color:#ff0000;}

/*clearfix*/
.clearfix:after{
	content:".";
	display: block;
	height: 1px;
	visibility: hidden;
	clear:both;}
* html .clearfix{ /* IE6 */
	zoom: 1; }
*:first-child+html .clearfix{ /* IE7 */
	zoom: 1;}

/* ---------------------------------------------------------------------- */
/*header*/
.header{
	width: 100%;
	margin: 18px auto 0;}
.product_logo{
	width: 980px;
	margin: 0 auto;}
.site_description{
	width: 980px;
	margin: -24px auto 3px;
	text-align: right;
	color: #808080;}

/*header_nav*/
.header_nav{
	margin-top: 3px;
	background-color: #4d4d4d;
	background: linear-gradient(#4d4d4d, #333);}
.header_nav > ul{
	*zoom: 1;
	width: 1000px;
	margin: 0px auto ;
	padding: 0;
	border-left: 1px solid rgba(255,255,255,0.2);
	list-style-type:none;}
.header_nav > ul:before,
.header_nav > ul:after{
	content: "";
	display: table;}
.header_nav > ul:after{
	clear: both;}

.header_nav > ul li{
	position: relative;
	width: 19.75%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,0.2);}
.header_nav > ul li a{
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;}
.header_nav > ul li a:hover{
	color: #fff;
	background-color:#666;
	box-shadow: inset 0px 0px 5px #333;}
.header_nav > ul li a.has-submenu{
	background-image: url(../image/menu_submenu.png);
	background-repeat: no-repeat;
	background-position: bottom center;}

.header_nav > ul li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-left: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;}

.header_nav > ul li ul li{
	width: 100%;}
.header_nav > ul li ul li a{
	padding: 13px 15px;
	border-top: 1px solid #4d4d4d;
	background: #808080;
	text-align: left;
	font-weight: normal;}
.header_nav > ul li ul a:hover{
	color: #fff;
	background-color:#4d4d4d;
	box-shadow: none;}

.header_nav > ul li ul{
	display: none;}
.header_nav > ul li:hover ul{
	display: block;}

/* ---------------------------------------------------------------------- */
/*footer*/
.footer{
	clear: both;
	margin: 0;
	padding:0;}
.footer a:link,
.footer a:visited{
	color: #4d4d4d;}
.footer a[href]:hover{
	color: #00A85E;}

/*footer_nav*/
.footer_nav{
	color: #999;
	background-color: #fcfcfc;
	border-top: 1px solid #e6e6e6;}
.footer_nav ul{
	padding:0px;
	list-style-type: none;}
.footer_nav > ul{
	width: 980px;
	margin: 0 auto;
	padding: 24px 0;
	overflow: hidden;}
.footer_nav > ul > li{
	float: left;
	width: 20%;
	font-weight: bold;}
.footer_nav > ul > li ul li{
	float: none;
	width: auto;
	font-size: 87.5% /*14px*/;
	line-height: 1.7143 /*24px*/;
	font-weight: normal;}
.footer_nav > ul > li ul li:before{
	content: "\25B6";
	margin-right: 2px;
	padding-right: 2px;
	font-size: 64.3% /*9px*/;
	line-height: 2.667 /*24px*/;
	color: #ccc;}
.footer_nav a:link,
.footer_nav a:visited{
	color: #666;}
.footer_nav a[href]:hover{
	color: #7cc73f;}

/*language_nav*/
.language_nav{
	margin: 0;
	padding: 24px 0 8px;
	text-align: center;
	overflow: hidden;
	background-color: #e6e6e6;
	border-top: 1px solid #ccc;}
.language_nav li{
	display: inline;
	margin-right: 0.75em;
	padding-right: 1em;
	border-right: 1px solid #4d4d4d;}
.language_nav li:last-child{
	margin: 0;
	padding: 0;
	border: none;}

/*copylight*/
.copyright{
	text-align: center;
	padding-bottom: 24px;
	background-color:#e6e6e6;}


/* ---------------------------------------------------------------------- */
/*body*/
.section{
	width:980px;
	margin: 0 auto 72px;}
.article{
	margin-bottom: 3em/*48px*/;}

/*float img*/
.left{
	float: left;
	margin: 0 12px 12px 0;}
.right{
	float: right;
	margin: 0 0 12px 12px;}

/* image */
img{
	border: none;}
.image_center{
	text-align: center;
	padding: 4px 0;}
ul.image_center li{
	display: inline-block;
	vertical-align:middle;}
.image_right{
	float: right;
	margin-left: 12px;}
.image_left{
	float: left;
	margin-right: 12px;}
.image_caption dt{
	margin: 0;
	font-weight: normal;
	font-size: small;}
.image_caption dd{
	margin: 0 0 1em;}
.clear{
	clear: both;
	visibility: hidden;}

/*toppage*/
.eyecatch{
	margin-bottom: 24px;
	padding: 24px 0;
	background-color: #eee;
	border-bottom: 1px solid #ccc;}

.news ul{
	margin: 0 0 1em 1em;}
.news ul a{
	font-weight:bold;}

.topics .article{
	margin-bottom: 24px;
	padding: 0 24px 24px;
	border-bottom: 1px solid #ccc;}
.topics .article:last-child{
	border: none;}

/*page*/
.page{
	margin-top:24px;}

/*edition*/
.edition table{
	margin-left: auto;
	margin-right: auto;}
.edition table td{
	text-align: center;}
.edition .new{
	font-size:87.5%/*14px*/;
	font-weight:bold;
	color:#c00;}

/*edition*/
.tooltip{
	position:relative;
	border-bottom: 1px dotted #666;}
.tooltip .tip{
	display:none;}
.tooltip:hover .tip{
	display:block;
	position: absolute;
	top: 13px;
	left: 2px;
	z-index: 10;
	width: 300px;
	padding: 5px;
	color: #fff;
	background-color: #4d4d4d;
	border: 1px solid #333;
	border-radius: 5px;}
.tip a:link,
.tip a:visited{
	color: #fff;}
.tip a:hover{
	color: #7cc73f;}

/*download*/
.license{
	width: 75%;
	height: 8em;
	margin: 12px auto 24px;
	padding: 6px;
	overflow: auto;
	border: 1px solid #ccc;}
.license h1{
	margin-bottom: 1em;
	font-size: 100%/*16px*/;
	line-height: 1.5/* 24px*/;}
.license p{
	margin-bottom: 0.1em;}

/*installer*/
.download_list{
	margin-left: auto;
	margin-right: auto;
	border: none !important;}
.download_list tr,
.download_list th,
.download_list td{
	vertical-align: top;
	background-color:#fff;
	border: none;}
.download_list .forosx{
	border-left: 2px solid #ccc;}
.download_list th{
	padding: 3px 12px;}
.download_list th span{
	font-size: 114.28%;
	line-height: 1.5;
	font-weight: bold;}
.download_list th span:before{
	content: "\25cf";
	margin-right: 3px;
	color: #00A85E;}

.download_list td{
	padding: 0 24px;}
.download_list a:hover img{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";}
.download_list .caption{
	width:250px;
	font-size: 86.6%;
	line-height: 1.5;}

/*zip*/
#layer_zip{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 12px 24px 3px;}
#layer_zip .zip_list{
	border: 0;}
#layer_zip .zip_list tr,
#layer_zip .zip_list th,
#layer_zip .zip_list td{
	background-color: #eee;
	border:0;}
#layer_zip .zip_list th{
	font-weight:bold;}


/*developer*/
/*gotolink*/
.gotolink{
	width: 75%;
	margin: 12px auto 24px;
	padding: 0;
	text-align: center;
	font-size: 106.66% /*16px*/;
	line-height: 1.5 /*24px*/;
	font-weight: bold;
	background-color: #eee;
	border: 1px solid #0069e0;
	border-radius: 3px;
	position: relative;}
.gotolink:hover{
	top: 2px;
	border: 1px solid #7cc73f;}
.gotolink a{
	display: block;
	width: 100%;
	padding: 6px 0;
	text-decoration: none;}

/*purchase*/
.price{
	text-align: right;
	font-size:112.5% /*18px*/;
	line-height: 1.333 /*24px*/;
	font-weight: bold;}
.format{
	width: 50%;
	margin: 12px;
	padding: 24px 48px;
	border: 2px solid #999;}
.example{
	color:#999;}
.note{
	color:#f00;}


.gotoregister{
	width: 80%;
	margin: 24px auto;
	padding: 6px 0;
	text-align: center}
.gotoregister a{
	display: block;
	padding: 6px 12px;
	text-align:center;
	font-size:125% /*20px*/;
	line-height: 2.0;
	font-weight: bold;
	text-decoration: none;
	background-color: #fcfcfc;
	border: 3px solid #ccc;
	border-radius: 3px;
	position: relative;}
.gotoregister a:hover{
	top: 2px;}
.gotoregister a img{
	vertical-align: -0.5em;
	margin-right: 0.5em;
	margin-left: -0.5em;}
.gotoregister a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);}


/*contact*/
.contact address{
	font-size: 112.5%/*18px*/;
	line-height:1.3333/*24px*/;
	font-style:normal;
	text-indent: 1.5em;}

/*tutorial*/
.tutorial h4{
	margin-top: 24px;}
.sample{
	margin: 12px 24px;
	padding: 12px 24px;
	font-size: 87.5%/*14px*/;
	line-height: 1.7143;
	background-color: #eee;
	border: 1px solid #ccc;
	overflow:hidden;}

/*nomenu*/
.nomenu .header_nav,
.nomenu .site_description,
.nomenu .footer_nav{
	display:none;}
.nomenu .article{
	margin: 48px auto;
	padding: 24px;
	border: 3px solid #e6e6e6;
	border-radius: 3px;}
.nomenu .article h2{
	font-size: 112.5%/*18px*/;
	line-height:1.3333/*24px*/;
	margin: 0 0 24px;
	padding: 0;
	border: none;}
.nomenu .article h2:before{
	content: "\25C6";
	margin-right: 6px;
	color: #7cc73f;
	border:none;}
.nav_page{
	margin-top: 24px;}

/* ---------------------------------------------------------------------- */
/*JS plug-in*/

/*if js off*/
.js_off{
	display: block;}
ul .js_off{
	display: list-item;}
.js_on{
	display: none;}

/*bxslider*/
.bx-wrapper{
	width: 980px;
	margin: 0 auto;
	border: none;}
.bxslider{
	padding: 0;}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #999;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #4d4d4d;}

/*folding*/
.open{
	color: #0069e0;
	text-decoration: underline;}
.open:hover{
	color: #7cc73f;}

/*figure*/
.figure{
	margin: 0 auto 3px;
	color: #fff;
	background-color:#1e415a;
	border: none;}
.figure tr,
.figure td{
	border: none;
	padding:0;}