@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background: #fff  url(../images/bg.gif) repeat-x;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	color:#000; line-height:18px;
}
a {
	text-decoration: underline; color:#03635b; font-weight:bold;
}

a:hover {
	text-decoration:underline;
	color: #023733;
}
a.black {
	text-decoration: none;
	color:#000000;
	font-weight: normal;
}

a.black:hover {
	text-decoration:underline;

}
.japan{
	padding-left:20px;
	background-image: url(../images/japan.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.login{
	padding-left:20px;
	background-image: url(../images/client.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.toll{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	line-height: 30px;
	*line-height: 18px !important;
*line-height: 18px ;
}
.caidan{float:right; margin-top:-24px; /*ff*/
	*margin-top: 25px;/*ie6*/ 
    *margin-top: 25px !important;/*ie7*/
 clear:both;}
.tagline{ color:#01524b;
font-style:italic;
font-size:12px}
.tagline2{line-height:27px;}
.green{
	font-size:16px;
	font-family: Verdana;
	color:#01524b;
	letter-spacing: -1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9BBFBC;
	display: block;
	padding-bottom: 2px;
}
.greenb{
	font-size:16px;
	font-family: Verdana;
	color:#01524b;
	letter-spacing: -1px;
}
.white a{font-size:11px; font-weight:bold; color:#FFFFFF;
                text-decoration:underline;}
.white a:hover{ text-decoration:none;}
.info{
	color:#01524b;
	font-size:12px;
	font-weight:bold;
*padding-bottom: 10px;/*ie6*/ 
    *padding-bottom: 10px !important;/*ie7*/
	border-top: #c7c8ca solid 1px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-family: Verdana;
}
.info a{
	color: #01504a;
	text-decoration: none;
}
.info a:hover{
	color: #01504a;
	text-decoration: underline;
}
.graybg{
	background:#e2e3e4;
	border-top: #357e76 solid 2px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	display: block;
	margin-top: 5px;
	margin-bottom: 0px;
}	   
.smallgreen{
	font-size:10px;
	font-weight:normal;
	color:#01524b;
	display: block;
	width: 860px;
	text-align: center;
	margin: 0px;
	padding: 0px;
            }		 		
#container{width:100%;}
/* Header */
#header{float:left; padding-top:16px; width:860px;}
#logo{background:url(../images/logo.jpg) no-repeat;
      height:104px; width:103px;
	  float:left;
	  margin:0px 0px 0 26px;
	  }
#topchoice{float:right; color:#96bbb7;}
#topchoice a{
	color:#96bbb7;
	font-weight:normal;
	text-decoration: underline;
}
#topchoice a:hover{
	color:#ffffff;
	font-weight:normal;
	text-decoration: underline;
}
#topchoice p{text-align:right; }
#menu{float:right; margin-bottom:0px; clear:both;}			  
#banner{background:url(../images/banner.jpg) no-repeat;
        height:193px; width:550px;
		padding-left:310px;
		padding-top:28px;
		float:left;
		clear:both;
		}	
/**** main ****/  
#main{
	width:860px;
	clear:both;
	padding-top: 0px;
}
#main table p{color:#fff; padding:0 20px 0 10px;}
#foot{ width:100%;
      color:#8e9090;
	   }
#foot .graybg ul {
	text-align: center;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
	display: block;
	width: 670px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 210px;
}
#foot .graybg ul li {
	float: left;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}

#foot a{ font-size:10px; font-weight:normal;color:#01524b;
          text-decoration:none;
		  }	  
#foot a:hover{color:#41a39a;}
/**** about us****/
#innercontainer{
	width:100%;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
} 
#aboutbanner{
        height:99px; width:860px;
		float:left;
		clear:both;
		} 
#left{
	float:left;
	*padding-top: 25px;/*ie6*/ 
    *padding-top: 25px !important;/*ie7*/
	width:684px;
	font-size:12px;
	padding-top: 0px;
	padding-right: 28px;
	padding-bottom: 0;
	padding-left: 25px;
	margin: 0px;
	  }
#leftdos{
	float:left;
	*padding-top: 25px;/*ie6*/ 
    *padding-top: 25px !important;/*ie7*/
	width:780px;
	font-size:12px;
	padding-top: 0px;
	padding-right: 28px;
	padding-bottom: 0;
	padding-left: 25px;
	margin: 0px;
	  }
#left p {
	line-height: 20px;
	font-size: 12px;
	font-family: Verdana;
}

#right p {
	line-height: 24px;
	font-size: 12px;
}	

#right{
	float:right;
	width:120px;
	padding-left: 0px;
	padding-top: 30px;
		}
#bulletin{
	color: #013b2f;
	font-family: Verdana;
	font-size: 20px;
	letter-spacing: -1px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
}
#bulletin h4{background:url(../images/top.gif) no-repeat ;
             padding:5px 20px 0;}
#bulletin span{
	background:url(../images/bottom.gif) no-repeat left bottom;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	width: 562px;
	display: block;
	margin: 0px;
	line-height: 22px;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
			}	
.clear{clear:both;}	
.floa{float:right;
      padding-left:38px;
	  }					
.border	{ border-bottom: solid 1px #94b6b3;}
#shapelist ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#spec {
	border: 1px solid #B5CFCC;
	font-size: 12px;
	background-color: #EDF3F3;
	color: #024F49;
}
#spec textarea, #spec input, {
	font-size: 12px;
	font-family: Verdana;
}
#contact {
	border: 1px solid #B5CFCC;
	font-size: 11px;
	background-color: #EDF3F3;
	color: #024F49;
}
#contact textarea, #contact input, #contact select {
	font-size: 11px;
	font-family: Verdana;
}

#shapelist ul li {
	float: none;
}
#shapelist ul li:hover, #shapelist ul li.sfhover {
	background-color:#E7EFEE;
	background-position: right bottom;
	text-indent: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#bulletin span.tit {
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}
#sitemap ul {
	font-size: 12px;
}
#sitemap {
	background-image: url(../images/sitemapbg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.subnavi {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.subnavi li {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 27px;
	display: block;
}
.subnavi li a {
	height: 27px;
	width: 106px;
	display: block;
	line-height: 27px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/subnavigate_linkbg.jpg);
	color: #003c2d;
	font-family: Verdana;
	font-size: 13px;
}
.subnavi li a:hover {
	background-image: url(../images/subnavigate_hoverbg.jpg);
	color: #FFFFFF;
}



#sitemap ul li {
	padding-bottom: 3px;
}
#sitemap ul li ul {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#sitemap ul li ul li {
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
}
.cgreen {
	color: #01524b;
}
.cgreenline {
	color: #01524B;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	font-size: 15px;
	font-family: Verdana;
	display: block;
}
/*- Menu Tabs J--------------------------- */
    #tabsJ {
	float:right;
	clear:both;
	font-size:14px;
	line-height:normal;
	margin-top: -23px;

	*margin-top: 26px !important;
	*margin-top: 26px ;
	width: 643px;
	*width: 643px !important;
	*width: 644px;
      }
    #tabsJ ul {
	margin:0;
	list-style:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 50px;
      }
    #tabsJ li {
	float:left;
	padding:0;
	position: relative;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;

	text-align: left;
      }
    #tabsJ li a {
	float:left;
	margin:0;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;

      }
    #tabsJ a span {
      float:left;
      display:block;

      padding:10px 18px 5px 15px;
      color:#fff;
      }

    #tabsJ a:hover span {
      color: #125d57;
      }
    #tabsJ a:hover {
      }


    #tabsJ li ul {
	display:none;
	position:absolute;
	top:30px;
	left:0px;
	margin-top:1px;
	width: 142px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: none;

			}

#tabsJ li ul li.border{

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9f9f9f;


}



#tabsJ li ul li a{
	background-color:#eefcfc;
	border-bottom:#9f9f9f 1px solid;
	border-left:#9f9f9f 2px solid;
	border-right:#9f9f9f 2px solid;
	font-size:11px;
	width:128px;
	text-align:left;
	color:#015347;
	font-weight:normal;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	float: left;
	text-indent: 5px;
    }
#tabsJ li ul li a:hover{
	color:#044c49;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align: left;
	}

.success { color: rgb(51,204,51); font-size: 0.9em; font-weight: bold; }
.error { color: rgb(255,51,0); font-size: 0.9em; font-weight: bold; }
.speclink {font-size:10px}

#questopt{
	background-image:url(../images/bullet.jpg);
	background-repeat:no-repeat;
	padding-left:12px;
	font-size:10px;
	}