@charset "utf-8";

*{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
}

body{
	background-color: #eaf3fd;
	font-family: Arial, Helvetica, Hei, SimSun, sans-serif;
}
img{
	border: none;
}

.clear_both{
	clear: both;
}

.float-left{
	float: left;	
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}

#wrapper{
	width: 1380px;
	margin: auto;
	background-image: url("../img/chinese/cn_top-img.jpg");		
	background-repeat: no-repeat;
}

#header, #main {
	width: 890px;
	margin: auto;
}

#header{
	height: 180px;
}

#header h1{
	float: left;
	margin: 20px 10px 0 0;
}

#header p{
	padding-top: 25px;
	font-size: 80%;
}

#top-msg{
	margin: 0 20px;
	width: 580px;
	font-weight: bolder;

}





/* Contact Banner*/
#contact1{
	background-image: url("../img/chinese/bnr_cn_contact1.gif");
	background-repeat: no-repeat;
	height: 150px;
	margin: 15px 20px 15px;
}

#contact2 {
	background-image: url("../img/chinese/bnr_cn_contact2.gif");
	background-repeat: no-repeat;
	height: 206px;
}


#contact3 {
	background-image: url("../img/chinese/bnr_cn_contact3.gif");
	background-repeat: no-repeat;
	height: 210px;
}

#contact4 {
	background-image: url("../img/chinese/bnr_cn_contact4.gif");
	background-repeat: no-repeat;
	height: 210px;
	margin-top:10px;
}

#contact1 a{
	width: 200px;
	height: 50px;
	display: block;
	position: relative;
	top: 45px;
	left: 310px;
	text-indent: -9999px;
}

#contact2 a{
	width: 240px;
	height: 50px;
	display: block;
	position: relative;
	top: 100px;
	left: 560px;
	text-indent: -9999px;
}

#contact3 a{
	width: 240px;
	height: 50px;
	display: block;
	position: relative;
	top: 92px;
	left: 335px;
	text-indent: -9999px;
}

#contact4 a{
	width: 240px;
	height: 50px;
	display: block;
	position: relative;
	top: 95px;
	left: 560px;
	text-indent: -9999px;
}







/* Points */
#points {
	background-image: url("../img/chinese/bg_cn_points.gif");
	background-repeat: no-repeat;
	height: 1462px;
	margin-bottom: 20px;
}
#points a{
	text-decoration: none;
}
#point1{ 
	margin: 110px 0 5px 18px;
	float: left;
	width: 418px;
	height: 268px;
	background-image: url("../img/chinese/cn_point1.gif");
}

#point1 p{
	padding: 90px 20px 10px;
}

#point1 table td{
	padding: 0 10px 0 0;
}

#point1 table, a{
	padding: 10px 20px;	
}

#point1 hr{

	border: none;
	border-top: dotted 1px #3678b6;
	height: 1px;
	color: #FFFFFF;
	width: 380px;
	margin: auto;
	
}


#point2{ 
	margin: 110px 0 5px 18px;
	float: left;
	width: 418px;
	height: 268px;
	background-image: url("../img/chinese/cn_point2.gif");
}

#point2 p{
	padding: 90px 20px 10px;
	width: 210px;
}
#point2 a{
	padding: 10px 20px;	
}

#point3{ 
	margin: 5px 0 5px 18px;
	float: left;
	width: 418px;
	height: 248px;
	background-image: url("../img/chinese/cn_point3.gif");
}

#point3 p{
	padding: 45px 20px 10px;
}

#point4{ 
	margin: 5px 0 5px 18px;
	float: left;
	width: 418px;
	height: 268px;
	background-image: url("../img/chinese/cn_point4.gif");
}

#point4 p{
	padding: 65px 20px 10px;
}

#point5{ 
	margin: 5px 0 5px 18px;
	float: left;
	width: 418px;
	height: 268px;
	background-image: url("../img/chinese/cn_point5.gif");
}

#point5 p{
	padding: 80px 20px 10px;
	width: 220px;
}

#point6{ 
	margin: 5px 0 5px 18px;
	float: left;
	width: 418px;
	height: 268px;
	background-image: url("../img/chinese/cn_point6.gif");
}

#point6 p{
	padding: 70px 20px 10px;
}

#point7{ 
	margin: 5px 0 5px 18px;
	float: left;
	width: 418px;
	height: 268px;
	background-image: url("../img/chinese/cn_point7.gif");
}

#point7 p{
	padding: 75px 20px 10px;
	width: 215px;
}

#point8{ 
	margin: 5px 0 5px 18px;
	float: left;
	width: 418px;
	height: 248px;
	background-image: url("../img/chinese/cn_point8.gif");
}

#point8 p{
	padding: 75px 20px 10px;
	width: 215px;
}

#point9 {
	margin: 3px 20px;
	clear: both;
	width: 843px;
	height: 248px;
	background-image: url("../img/chinese/cn_point9.gif");
	padding-top: 5px; 
}


#point9 p{
	padding: 0 20px;
	width: 450px;
	clear: both;

}

#point9 table{

	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 20px;
}

#point9 table th{
	background-color: #a0c4e2;
	border: solid 1px #cbdfef;
	padding: 3px 10px;
	text-align: left;
	width: 130px;
	font-weight: bold;
}

#point9 table td{
	background-color: #ffffff;
	border: solid 1px #cbdfef;
	padding: 3px 10px;
	width: 130px;
	text-align: center;
	font-weight: bold;
}











/* Service Lineup */

#services{
	background-image: url("../img/chinese/bg_cn_service-lineup.gif");
	width: 894px;
	height: 1031px
}

#services #title img{
	margin: 20px 17px 5px;
}

.blue-box{
	background-image: url("../img/chinese/blue-box.gif");
	background-repeat: no-repeat;
	width: 276px;
	float: left;
	height: 248px;
	margin: 10px 0px 5px 17px;
}


#services .yellow-box{
	background-image: url("../img/chinese/yellow-box.gif");
	background-repeat: no-repeat;
	width: 416px;
	height: 128px;
	margin: 15px 0 0 20px;
	float: left;
}

#services .yellow-box h2{
	color: #ff9900;
	width: 380px;
	padding: 15px 20px 5px;
	font-size: 180%;
	font-weight: bold;
}

#services .yellow-box h5{
	width: 380px;
	padding: 0 20px;
	font-weight: normal;
	font-size: 90%;
}



#services h2{
	color: #3678b6;
	width: 250px;
	padding: 0 13px 5px;
	font-size: 180%;
	font-weight: bold;
}


#services p{
	width: 250px;
	padding: 15px 13px 5px;
}

#services h5{
	width: 250px;
	padding: 0 13px;
	font-weight: normal;
	font-size: 90%;
}







/* Access Information */

#access{
	margin: 20px 0;
	background-image: url("../img/chinese/bg_cn_access.gif");
	width: 890px;
	margin: auto;
	height: 634px;
}

#access #details{
	margin: auto;
	width: 840px;
}

#access  p{
	width: 380px;
	font-weight: bolder;
	padding: 70px 0 10px;
}

#access img{
	margin: 30px 0 10px;
	padding-right: 30px;
}

#access #map{
	padding: 30px 0 0; 
}

#access table{
	text-align: center;
	vertical-align: middle;
	width: 380px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
}

#access table th{
	background-color: #dbe8f2;
	padding: 5px 10px;	
	font-weight: normal;
	font-size: 80%;
	border: 1px #dcdcdc solid;

}

#access table td{
	font-size: 80%;	
	padding: 5px 10px;	
	border: 1px #dcdcdc solid;
	text-align: left;

}

#access dl dt{
	font-weight: bolder;
	margin: 5px 0;

}

#access dl dd{

}

#access .blue-dot{
	color: #a4c2e1;
	font-size: 130%;
	margin: 5px 5px 5px 0;
}


/* Footer */

#footer{
	width: 890px;
	margin: 20px 0;
}

#footer #copyright{
	background-color: #387db8;
	color: #ffffff;
	padding: 30px;
	text-align: center;
	font-size: 80%;
}

#stuff{
	padding:20px;
	background:#FFF;
	width: 841px;
	margin: auto;
	border: 4px solid #EFEFEF;
}
#stuff h2{
	font-size:30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:3678b6;
	
	}
#stuff h3{
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFFFFF;
	background:#3678b6;
	width:100%;
	height:30px;
	padding:5px 10px ;
}
#stuff .title{
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFFFFF;
	background:#3678b6;
	width:833px;
	height:30px;
	padding-left:10px;
}

#chstuff{
	padding-top:20px;
	width:100%;
	height:220px;
	display:block;
	clear:both;
}


#stuff #chstuff .left{
	float:left;
	width:400px;
	height:210px;
	}
	
	#stuff #chstuff .right{
	float:right;
	width:400px;
	height:210px;
	
	}
#stuff #chstuff .right2 h6{
	font-size:18px;
	color:#3678b6;
	}
	
#stuff #chstuff .left2{
	float:left;
	height:210px;
	padding-right:10px;
	}
#stuff #chstuff .right2{
	float:left;
	width:200px;
	height:210px;
	}
li{
	display:block;
	list-style-type:none;
	}
.massage{
	font-size: 18px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3678b6;
    display: block;
    margin: 10px 0 5px 440px;
    text-align: left;

}
hr {
    border: 1px dotted #3678b6;
    margin-left: 430px;
	/*margin-top: 150px;*/
}