/****************

|  Body

****************/

* {

	margin:0px;

	padding:0px;

}



html, body {height:100%; width:100%;}



body {

	color:#000000;

	font-family:"microsoft yahei", verdana, Arial, Helvetica, sans-serif;

	font-size:90%;

}

#outer {

	width:100%;

	height:100%;

	/*background-position:top;*/

}

#wrapperNew {

	background:url(../images/groud.jpg) repeat-y center;

	margin: 0px auto 0px auto;

}



#menuTitle {

	padding-bottom:10px;

	padding-left:10px;

	padding-right:10px;

}



/***********/

.floatLeft			{float:left;}

.floatRight			{float:right;}

.height30{height:30px; text-align:right; background:url(../images/topJ3.jpg) no-repeat 30px center; width:780px; margin:0 auto; line-height:30px; padding-right:19px; padding-top:5px;}

.height40			{height:40px;}

.height80			{height:25px;}

.height10			{height:10px;}

.height100			{height:100px;}

.height200			{height:200px;}

.height300			{height:300px;}



.width708			{width:708px;}



.marginTop5			{margin-top:5px;}

.marginTop10		{margin-top:10px;}

.marginTop20		{margin-top:20px;}

.marginTop25		{margin-top:25px;}

.marginTop50		{margin-top:50px;}

.marginLef20		{margin-left:20px;}

.marginLef100		{margin-left:100px;}

.marginLeft180      {margin-left:180px;}

.marginLefXX		{margin-left:50px;}

.marginRig20		{margin-right:20px;}

.marginBot20		{margin-bottom:20px;}





.valignCenter		{line-height:20px;height:20px;}

.clear				{clear:both;}



/****************

|  Index

****************/



.pagecontainer {

	width:799px;

	position:relative;

	margin: 0px auto 0px auto;

}

.pagecontainerJP1 {

	position:relative ;

	margin-left: 30px;

}

.pagecontainerJP2 {

	position:relative ;

	margin-left: 140px;

}

.pagecontainerJP3 {

	position:relative center;

	margin: 0px auto 0px auto;

}

.languageSel {

	position:relative ;

	margin-left: 30px;
	margin-top:5px;

}



.TopBlack {

	position:relative;

	margin: 0px auto 0px auto;

	margin:0px;

	width:708px;

	height:14px;

	background: #333333;

}



.TopWhite {

	position:relative;

	margin:0px;

	float:left;

	width:708px;

	height:80px; 

	background:url(../images/top3.gif) no-repeat; 

	margin:0px;

}



.Top1 {

	position:relative;

	float:right;

	margin:0px;

	width:49px;

	height:6px;

	background: url(../images/Top1.gif) no-repeat;

}



.TopImage {

	position:relative;

	margin:0px;

	float:left;

	width:708px;

	height:120px;

	background:url(../images/2.jpg) no-repeat;

	background-color:#ffffff;

}



.tran1x1 {

	float:left;

	height:15px;

	background:url(../images/trans-1x1.gif);

	background-repeat:repeat-x;

}



.BotBlack {

	position:relative;

	float:left;

	margin:0px;

	width:708px;

	height:40px;

	background: #333333;

}



.Bottom1 {

	position:relative;

	margin:0px;

	height:25px;

	background:url(../images/Bottom1.gif);

	background-repeat:repeat-x;

}



.Bot2 {

	position:relative;

	float:left;

	margin:0px;

	width:39px;

	height:6px;

	background: url(../images/Bot2.gif) no-repeat;

	border:1px solid #dc5000;

}

#footerlinks {

	float:left;

	margin:10px 5px 10px 0px;

	padding-left:200px;

	padding-bottom:5px;

	list-style:none;

}



#footerlinks li {

	color:#333333;

	float:left;

	padding:0px 3px 0px 0px 0px;

	font-size:70%;

}



#footerlinks li a {

	color:#333333;

	float:left;

	text-decoration:none;

	text-transform:none;

}



#wrapper {

	position:relative;

	float:left;

	width:708px;

	margin-top: -5px;

	background:#ffffff;

}

.companyName {

	position:relative;

	margin-left:100px;

	margin-top:35px;

	width:280px;

	height:34px;

	background:url(../images/companyname.gif) no-repeat;

}



.companyNamejp {

	position:relative;

	margin-left:100px;

	margin-top:35px;

	width:280px;

	height:34px;

	font-family:‚l‚r ƒSƒVƒbƒN ,verdana, Arial, Helvetica, sans-serif;

	color:#010101;

	font-size:150%;

}



.LogicTech {

	position:relative;

	padding-left:20px;

	margin-top:-10px;

	width:55px;

	height:15px;

	font-size:70%;

	color:#010101;

}



.menuTop {

	position:relative;

	float:left;

	width:150px;

	height:80px;

	background:url(../images/menu3.gif);

	background-repeat:repeat-x;

	margin:0px;

}

.menu {

	position:relative;

	float:left;

	width:150px;

	margin-top:0px;

	background-repeat:repeat-y;

	margin-left:0px;

	margin-right:10px;

}

.firstPageLink {

	position:no-repeat;

	float:right;

	width:100px;

	color:#1019d1;

	margin-left:1px;

	margin-right:50px;

	text-decoration:underline;

}
.wzLink {

	color:#1019d1;

	text-decoration:none;

}

.menulistChoose {

	position:relative;

	float:left;

	width:120px;

	height:28px;

	background:url(../images/menu4_choose.gif) no-repeat;

	background-position:bottom left;

	text-align:center;

	margin-bottom:5px;

	padding-top:5px;

}



.menuBot {

	position:relative;

	float:left;

	width:150px;

	background:url(../images/menu5.gif); 

	background-position: bottom;

	background-repeat:repeat-x; 

	margin-top:20px;

}

.leftimage {

	position:relative;

	float:left;

	width:150px;

	height:150px;

	border:0; 

	background:#ffffff;

}

	

.menulist {

	position:relative;

	float:left;

	width:150px;

	height:35px;

	background:url(../images/btn_bg.png) no-repeat;

	background-position:bottom left;

	text-align:center;

	margin-bottom:0px;

	padding-top:0px;

}

.menuTitle {

	position:relative;

	float:left;

	width:567px;

	height:27px;

	background:url(../images/news.jpg) no-repeat;

	background-position:bottom left;

	text-align:left;

	margin-bottom:20px;

	padding-top:0px;

}

.NewsText {

	position:relative;

	float:left;

	width:15px;

	height:15px;

	margin-bottom:0px;

	margin-left:13px;

	margin-right:10px;

	padding-top:0px;

}

.menuNews {

	position:relative;

	float:left;

	width:567px;

	height:27px;

	background:url(../images/news.jpg) no-repeat;

	background-position:bottom left;

	text-align:left;

	margin-bottom:20px;

	padding-top:0px;

}

.linkTitle {

	position:relative;

	float:left;

	width:567px;

	height:27px;

	background:url(../images/news.jpg) no-repeat;

	background-position:bottom left;

	text-align:left;

	margin-bottom:20px;

	padding-top:0px;

}



.menutext {

	font-size:100%;

	font-weight:bold;

	/*color:#ffffff;

	color:#e6ef4f;*/

	color:#010101;

	line-height:250%;

	text-decoration:none;

	padding-left:5px;

}



.hide {

	display:none;

}



.menutextChoose {

	font-size:90%;

	font-weight:bold;

	color:#1019d1;

	line-height:250%;

	text-decoration:none;

	padding-left:5px;

}



.container {

	position:relative;

	float:left;

	width:600px;

	background:#ffffff;

	color:#696969;

}





/****************

*  Border

****************/

.greyBorder			{border:1px solid #cccccc;}

.pineBorder			{border: 1px solid #f3bcd6;}



a {

	border:0px;

	color:#7c7a65;

	text-decoration:underline;

}



a img {

	border:0; 

}



a:hover {

	color:#990000;

	text-decoration:underline;

}



a.active {

	color:#990000;

	text-decoration:underline;

}



.backTopLink {

	color:#6a3030;

	font-weight:normal;

	text-decoration:none;

	float:right;

	margin-top:20px;

	margin-right:20px;

}



/****************

*  language

****************/



.Sel114 {

	position:relative;

	width:80px;

	height:20px;

	color:#1019d1;

	margin-right: 20px;

	/*background:url(../images/language.gif) no-repeat;

	background-position:left;*/

	text-align:right;

	text-decoration:none;

	padding-bottom:5px;

}





/****************

*  content

****************/

.content {

	position:relative;

	float:left;

	width:600px;

	background:#ffffff;

	color:#696969;

	padding-top:10px;

	padding-left:10px;

	padding-right:10px;

	text-align:left;

	font-size:100%;

	background:#ffffff;

}

.content1 {

	position:relative;

	float:left;

	padding-top:0px;

	padding-left:25px;

	padding-right:5px;

	text-align:left;

	font-size:100%;
	line-height:24px;

	background:#ffffff;

	margin-bottom:30px;

}

.picture1 {

	padding-top:0px;

	padding-left:10px;

	padding-right:5px;



}

.content2 {

	position:relative;

	margin: 0px auto 0px auto;

}

.contentTable {

	position:no-repeat;

	float:left;

	padding-top:18px;

	padding-left:18px;

	padding-right:10px;

	text-align:left;

	font-size:100%;

	background:#ffffff;

}



.picture {

	position:relative;

	float:left;

	margin-top:-6px;

	padding-left:0px;

	padding-right:10px;

	text-align:left;

	font-size:100%;

	background:#ffffff;

}

.tranCut {

	position:relative;

	float:left;

	margin-top:10px;

	margin-left:10px;

	height:1px;

	width:460px;

	background:url(../images/tranCut1x1.gif);

	background-repeat:repeat-x;

}



.photoposition {

	position:relative;

	margin:0px;

	float:left;

	width:528px;

	height:350px;

	background:url(../images/life.jpg);







}





/****************

*  Other

****************/

.hide {

	display:none;

}



/****************

*  JPabout

****************/

.aboutTable{

	width:500px;

	font-size:90%;

	border:none;

}



.aboutTable ul {

	margin-left:10px;

}



.aboutTable ul li {

	margin-left:30px;

}



/****************

*  JPservice

****************/

.toolsTable {

	width:500px;

	font-size:90%;

	background-color:#e8e8e8;

	cell-spacing:1px;

	cellpadding:2px;

	border:none;

}



/****************

*  JPnews

****************/



.newsTable {

	width:500px;

	font-size:90%;

	cellpadding:2px;

	border:none;

	line-height:150%;

}



.newsTable a {

	border:0px;

	color:#696969;

	text-decoration:none;

}





/****************

*  JPculture

****************/



.preferenceSheetListHold {

	position:relative;

	float:center;

	background-color: #cfe2f6;

	text-align:left;

	margin-left:10px;

	margin-right:10px;

	margin-bottom: 10px;

	padding: 10px 10px 1px 10px;

	width: 460px;

}





.preferenceSheetList {

	float: left;

	margin-top:5px;

}



.preferenceSheetListFirst {

	width: 269px;	

}



.sheetListNorm {

	background-image: url("../images/bullet.gif");

	background-repeat: no-repeat;

	display: block;

	padding-left: 30px;

	margin-bottom: 5px;

	height:22px;

}



.sheetListSel {

	background-image: url("../images/bulletChange.gif");

	background-repeat: no-repeat;

	display: block;

	padding-left: 30px;

	margin-bottom: 5px;

	height:22px;

	font-weight:bold;

	color:#9d255e;

}



.sheetListNorm a {

	font-size: 90%;

	color:#663366;

	text-decoration: none;

}



.sheetListSel a {

	font-size: 90%;

	color:#9d255e;

	text-decoration: none;

}



.preferenceSheet {

	float:left;

	padding: 0px 10px 10px 10px;

	color:#696969;

}



.hiddenSheet  { display:none;  }

.currentSheet {	display:block; }





.cultureTable {

	margin-left:10px;

	width:480px;

	font-size:90%;

	background-color:#ffffff;

	cellpadding:2px;

}



.cultureTable ul {

	margin-left:10px;



}



.cultureTable ul li {

	margin-left:30px;



}



/****************

*  JPinvite

****************/



.inviteTable {

	margin-left:10px;

	width:450px;

	font-size:90%;

	background-color:#ffffff;

	cellpadding:2px;

}



.inviteTable p {

	margin-left:18px;

}



.inviteTable ul li {

	margin-left:30px;



}



.educateTable {

	width:450px;

	font-size:90%;

	background-color:#e8e8e8;

	border:none;

}



.educateTable tr th {

	height:20px;

	text-align:center;

	color:#ffffff;

}



.educateTable tr td {

	height:30px;

}



.mailBox {

	width:200px;

	height:26px;

	line-height:26px;

	background: url("../images/mailBoxBlack.gif");

	background-repeat:repeat-x;

}



/****************

*  JPcontact

****************/



.contactTable {

	margin-left:10px;

	width:500px;

	font-size:90%;

	background-color:#ffffff;

}