@charset "utf-8";
#mainbox {
margin:10px 0 0 0;
padding:0;
width:948px;
}
h1{
width:948px;
height: 40px;
margin:0;
padding:0;
}

/*features-box*/
.features-box{
width:948px;
}

.features{
margin-top:10px;width:192px;float:left;padding-left:34px;
}

.New{
width:35px;height: 24px;
}
h2.features-h2{
line-height:1.5;font-size:1.2em;border-bottom:solid 3px #F76B11 ;color:#F76B11;font-weight: normal; margin:0;
}

.features-text{
line-height:1.6em;margin-top:10px;font-size:1em;
}
dl dd{
margin:0;
}

.dot-x{
background:url('../images/dot-x.gif');background-repeat: repeat-x;width:950px;height: 1px;
}
/*menuArea*/
.menuArea{
width:948px;margin-top:10px;margin-left:1px;
}
.menu-btn{
margin:0;
padding:0;
width:158px;float:left;height:38px;
}


/*Whats-New*/
#Whats-New-box{
width:948px;background:#FAE3C7;height:22px;margin-top:400px;z-index:2;margin-left:1px;
}

#Whats-New-box img{
vertical-align:middle;
}
#Whats-New-box p{
float:left;
}
#Whats-New-box span{
float:right;
text-align:right;
font-size:10px;
}
.enq-faq a:link {color:#3448D8;text-decoration:none;}
.enq-faq a:visited {color:#3448D8;text-decoration:none;}
.enq-faq a:hover {color:#FF6600;text-decoration:none;}

div#faq-menu-box{
background:#FFFFFF; height:80px;width:800px;margin-left:auto;margin-right:auto;margin-top:30px;
}
ul#enq-faq{
list-style-type:none;margin:0;padding:0;background:#FFFFFF
}
.enq-faq-li{
width:159px;float:left;padding:10px 0;text-align: center;border-right: 1px solid #cccccc;font-size:1.2em;font-weight: bold;height:30px;
}
.enq-faq-li2{
width:160px;float:left;padding:10px 0;text-align: center;font-size:1.2em;font-weight: bold;height:30px;
}

h2.faq_h2{
width:928px;
font-size:1.2em;
font-weight: bold;
background:#eeeeee;
padding:10px 0 0 10px;
border-left: 10px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-left:1px;
}
dt{
border-bottom: 1px solid #cccccc;margin:30px 10px 10px 10px;font-weight: bold;font-size:1.2em;
}
dt span{
color:#0060B6;
}
dd{
font-size:1.2em;
padding:0 0 0 20px;
width:880px;
padding-left:3em;
text-indent:-1em;
}

dd span{
color:#F7955A;font-weight: bold;
}

.faq-box{
margin-bottom:30px;
}
.faq-box2{
margin-bottom:0;
}

.top{
margin:20px 10px 20px 0; text-align:right;
}
.top2{
margin:20px 10px 0 0; text-align:right;
}


features-text. a:link {color:#0071BC;text-decoration:none;}
features-text. a:visited {color:#0071BC;text-decoration:none;}
features-text. a:hover {color:#0099FF;text-decoration:none;}

#imageContainer {
position:relative;
margin-left: 1px;
width:948px; /*�摜�̉���*/
height;382px;
}

#imageContainer img {
display:none;
position:absolute;
top:0; left:0;

}
.p-top{
margin-right: 45px; 
}





.toolTip1{ position: relative; }
.toolTip1 span {
    background-color: #FCEFCC;
    border: 1px solid #F76B11;
    color: #666666;
    display: block;
    left: -440px;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    top: -18px;
    visibility: hidden;
    width: 176px;
}
a.toolTip1:hover,a.toolTip1:hover span{ visibility: visible; z-index: 100; }

.toolTip2{ position: relative; }
.toolTip2 span {
    background-color: #FCEFCC;
    border: 1px solid #F76B11;
    color: #666666;
    display: block;
    left: -440px;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    top: -53px;
    visibility: hidden;
    width: 176px;
}
a.toolTip2:hover,a.toolTip2:hover span{ visibility: visible; z-index: 100; }

.toolTip3{ position: relative; }
.toolTip3 span {
    background-color: #FCEFCC;
    border: 1px solid #F76B11;
    color: #666666;
    display: block;
    left: -440px;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    top: -88px;
    visibility: hidden;
    width: 176px;
}
a.toolTip3:hover,a.toolTip3:hover span{ visibility: visible; z-index: 100; }

.toolTip4{ position: relative; }
.toolTip4 span {
    background-color: #FCEFCC;
    border: 1px solid #F76B11;
    color: #666666;
    display: block;
    left: -440px;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    top: -123px;
    visibility: hidden;
    width: 176px;
}
a.toolTip4:hover,a.toolTip4:hover span{ visibility: visible; z-index: 100; }

.toolTip5{ position: relative; }
.toolTip5 span {
    background-color: #FCEFCC;
    border: 1px solid #F76B11;
    color: #666666;
    display: block;
    left: -440px;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    top: -170px;
    visibility: hidden;
    width: 176px;
}
a.toolTip5:hover,a.toolTip5:hover span{ visibility: visible; z-index: 100; }

span#lang_options {
    display: block;
    text-align: center;
}
p#result_note {
    text-align: center;
    color: #fff;
}
#WN-box{
width:930px;
margin-left:auto;
margin-right:auto;
margin-top:30px;

}
.WN-box-txt{
margin-top:10px;
font-size:1.2em;
}
.WN-box-txt span{
color:#F76B11;
}

.WN-box-line{
background:url('../images/dot-x.gif');background-repeat: repeat-x;width:930px;height: 20px;
}

h2.title-h2{
margin:40px 0 10px 1px;
width:948px;
height;40px;
}

/*index
----------------------------------------------------------*/
#Pro8-box{
width: 948px; margin-left:1px;margin-top:10px;
}
.pro8-box-1{
width:200px;height:90px;margin-left:10px;padding-left:1em;text-indent:-1em;font-weight:bold;float: left;line-height:1.3;
}
span.Pro-point{
font-size: large;
}