@charset "utf-8";
/*
border: 1px solid #f00;
white-space: nowrap;
text-align: center;
vertical-align: middle;
background: url("../img/image.jpg") right bottom no-repeat;
list-style-type: disc;none
list-style-image: url(image.gif);
list-style-position: inside;
a:link {
	color: #3f75fb;
	}
a:visited {
	color: #3f75fb;
	}
a:hover {
	color: #ff0000;
	}
a:active {
	color: #ff0000;
	}
display: inline;none;block
width: 300px;
height: 200px;
min-height: 100px;
float: left;
visibility: hidden;
position: absolute;relative
left: 0;
top: -1px;
font-size: 75%;
font-size: 62.5%
line-height: 1.6;
font-weight: bold;
font-style: normal;
clear: both;
*/

/* +++++ Format setting +++++ */
/* Body setting */
a:link {
	color: #1272d2;
	text-decoration: underline;
	}
a:visited {
	color: #1272d2;
	text-decoration: underline;
	}
a:hover {
	color: #1272d2;
	text-decoration: none;
	}
a:active {
	color: #1272d2;
	text-decoration: none;
	}

th, td {
	border: none;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}

p {
	margin-bottom: 0;
	}
dd {
	margin: 0;
	}
li{
	margin:0;
	}
ul ul, ul ol,
ol ol, ol ul {
	margin:0;
	}
ul li, ol li{
	margin:0;
	}
li li{
	margin:0;
	}



/* hide from ie on mac \*/
html {
	/*Width: 100%;
	height: 100%;
	overflow: hidden;*/
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* end hide */

body {
	line-height: 1;
	color: #606060;
	/*min-height:100%;*/
	background: #ffffff url(../img/bg-footer.gif) repeat left top;
	border-top: 3px solid #1f9cfb;
	}

#wrapper {
	width: 100%;
	background-color: #ffffff;
	}

#PAGETOP {
	/*display: none;*/
	visibility: hidden;
	position:absolute;
	left:0;
	top:-1px;
	}


.pageBodyBox {
	width: 100%;
	background: url(../img/bg-menu.gif) repeat-x left top;
	}
#pageBody {
	width: 910px;
	margin: 0 auto;
	background: url(../img/bg-page.gif) no-repeat left top;
	}

#contents {
	width: 900px;
	margin: 0 auto;
	background: url(../img/bg-contents.gif) repeat-y left top;
	}
	#contents #leftMenu {
		display: inline;
		width: 200px;
		float: left;
		}
	#contents #column {
		display: inline;
		width: 700px;
		float: right;
		/*padding-bottom: 30px;*/
		}

#container {
	width: 100%;
	}



/* +++++ Format header +++++ */
#header {
	width: 910px;
	margin: 0 auto;
	}
#header .headerBox {
	width: 900px;
	height: 60px;
	margin: 0 auto;
	position: relative;
	}

#header h1 {
	display: inline;
	width: 181px;
	float: left;
	padding: 17px 0 6px 0;
	}

#header .subMenuBox {
	display: inline;
	width: 346px;
	float: right;
	}

#header .subMenuBox li {
	display: inline;
	float: left;
	font-size: 0%;
	line-height: 0.1;
	}
	#header .subMenuBox li.contact {
		width: 105px;
		}
	#header .subMenuBox li.faq {
		width: 104px;
		}
	#header .subMenuBox li.english {
		width: 80px;
		}
	#header .subMenuBox li.chinese {
		width: 57px;
		}

#header .subMenuBox dl {
	font-size: 0%;
	line-height: 0.1;
	}
	#header .subMenuBox dt {
		display: inline;
		width: 55px;
		float: left;
		padding: 13px 0 0 0;
		font-size: 0%;
		line-height: 0.1;
		}
	#header .subMenuBox dd {
		display: inline;
		width: 22px;
		float: left;
		padding: 13px 0 0 0;
		font-size: 0%;
		line-height: 0.1;
		}

#header .subMenuBox form {
	display: inline;
	width: 215px;
	float: right;
	margin: 0;
	padding: 0;
	}
#header .subMenuBox form .keywordBox {
	border: 1px solid #cccccc;
	width: 170px;
	height: 18px;
	vertical-align: middle;
	margin: 12px 0 0 0;
	padding: 0;float: left;
	}
#header .subMenuBox form .keywordBox:focus {
	background-color:#e5f6ff;
	}
#header .subMenuBox form .keywordBox:blur {
	background-color:#f00;
	}
#header .subMenuBox form .searchBt {
	width: 35px;
	padding: 12px 0 0 0;float: right;
	}




#visual .globalMenu {
	clear: both;
	width: 900px;
	height: 51px;
	background: url(../img/bg-global.gif) no-repeat left top;
	/*position: absolute;
	left: 0;
	top: 60px;
	z-index: 1;*/
	}

#visual .globalMenu ul {
	/*width: 898px;
	height: 43px;*/
	padding: 8px 1px 0 1px;
	position: relative;
	}
#visual .globalMenu li {
	display: inline;
	width: 180px;
	float: left;
	}
	#visual .globalMenu li.home {
		width: 181px;
		}
	#visual .globalMenu li.about {
		width: 180px;
		}
	#visual .globalMenu li.business {
		width: 180px;
		}
	#visual .globalMenu li.ir {
		width: 180px;
		}
	#visual .globalMenu li.recruit {
		width: 177px;
		}




/* +++++ Format visual +++++ */
#visual {
	width: 100%;
	min-width: 910px;
	height: 227px;
	}
#visual .bgBox {
	width: 100%;
	/*behavior: expression(IEPNGFIX.fix(this));*/
	background: url(../img/bg-header.gif) repeat-x left top;
	}
* html #visual .visualBox {
	behavior: expression(IEPNGFIX.fix(this));
	}
#visual .visualBox {
	width: 910px;
	height: 227px;
	margin: 0 auto;
	/*behavior: expression(IEPNGFIX.fix(this));*/
	background: url(../img/bg-visual01.png) no-repeat left top;
	}
#visual .visualBox h2 {
	padding: 118px 5px 0 5px;
	}



/* +++++ Format topicsPath +++++ */
#topicsPath {
	width: 660px;
	margin: 0 auto;
	}
#topicsPath li {
	display: inline;
	float: left;
	}
#topicsPath li span.now {
	line-height:1.4;
	color: #1272d2;
	text-decoration: underline;
	}
#topicsPath li a {
	color: #606060;
	text-decoration: underline;
	}
	#topicsPath li a:link {
		text-decoration: underline;
		color: #606060;
		}
	#topicsPath li a:visited {
		text-decoration: underline;
		color: #606060;
		}
	#topicsPath li a:hover {
		text-decoration: none;
		color: #1272d2;
		}
	#topicsPath li a:active {
		text-decoration: none;
		color: #1272d2;
		}
#topicsPath .separator {
	dispay: block;
	padding: 0em 0.25em 0em 0.25em;
	}



/* +++++ Format leftMenu +++++ */
#leftMenu ul {
	width: 172px;
	margin: 5px 0 0 18px;
	border-top: 1px solid #d4d4d4;
	}
	#leftMenu li {
		display: inline;
		width: 172px;
		float: left;
		font-size:0%;
		line-height: 1.0;
		}



/* +++++ Format column +++++ */
#column a {
	}

#column h3 {
	width: 650px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	}

#column h4 {
	width: 610px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	}
	
#column .w140 {
	width: 140px;
	}

#column .w300 {
	width: 300px;
	margin: 0;
	}

#column .w360 {
	width: 360px;
	}

#column .w400 {
	width: 400px;
	}

#column .w610 {
	width: 610px;
	}

#column p.w610 {
	width: 610px;
	margin: 0 auto;
	}

#column .w770 {
	width: 770px;
	margin: 0 auto;
	}

#column .w810 {
	width: 810px;
	margin: 0 auto;
	}

#column div.menu {
	width: 606px;
	margin: 45px 0 0 55px;
	}
#column div.menu ul {
	width: 640px;
	margin-right: -50px;
	}
#column div.menu li {
	display: inline;
	width: 270px;/*320*/
	float: left;
	margin-right: 50px;
	padding-bottom: 40px;
	}
#column div.menu dl {
	/*width: 270px;*/
	}
	#column div.menu dd {
		padding: 0 15px;
		}



/* +++++ Format footer +++++ */
#footer {
	width: 100%;
	/*background: url(../img/bg-footer.gif) repeat left top;*/
	}

.footerBox {
	width: 910px;
	margin: 0 auto;
	padding: 9px 0 15px 0;
	}
.footerBox ul {
	display: inline;
	width: 660px;
	float: left;
	}
.footerBox address {
	display: inline;
	width: 260px;
	float: right;
	}

.footerBox li {
	display: inline;
	float: left;
	text-align: right;
	}
	.footerBox li.stc {
		width: 105px;
		}
	.footerBox li.infosecurity {
		width: 140px;
		}
	.footerBox li.privacy {
		width: 125px;
		}
	.footerBox li.disclaimer {
		width: 65px;
		}
	.footerBox li.sitemap {
		width: 80px;
		}

.toTop1 {
	display:block;
	margin:70px auto 0px;
	text-align:right;
	width:850px;
	height:20px;
	line-height:1;
	font-size:0;
	}
	
.toTop2 {
	display:block;
	margin:70px auto 0px;
	text-align:right;
	width:650px;
	height:20px;
	line-height:1;
	font-size:0;
	}


/* +++++ Format noColumn +++++ */
.noColumn #visual {
	/*background: #386ec6 url(../../img/bg-visual.jpg) no-repeat right bottom;*/
	}

.noColumn #visual .visualBox {
	background: url(../img/bg-visual02.png) no-repeat left top;
	}
	
.noColumn #contents {
	background: none;
	}

.noColumn #contents #column {
	display: block;
	margin: 0 auto;
	width: 850px;
	float: none;
	}
	
.noColumn #contents #column .section {
	margin-bottom: 40px;
	}
	
.noColumn #column #topicsPath {
	width: 850px;
	}
	
.noColumn #column h3 {
	width: 850px;
	}
	
.noColumn #column h4 {
	width: 810px;
	margin: 0 auto;
	}


.noColumn #column p {
	margin:0 auto 1em;
	}
	
.noColumn #column .section ul,
.noColumn #column .section ol {
	margin:0 auto 1em;
	}	
	
.noColumn #column .section li {
	display:block;
	list-style-position:outside;
	float:none;
	}
	
.noColumn #column .section ol li {
	display:list-item;
	margin:0 0 1em 2em;
	list-style-type:decimal;
	}	
	
.noColumn #column p.signature {
	clear:both;
	padding-top:30px;
	text-align:right;
	width: 810px;
	}





/**/
.paragraph {
	
	}
@media print {
	body {
		background: #ffffff;
		border-top: 3px solid #1f9cfb;
		}
	#footer {
		background: url(../img/bg-footer.gif) repeat left top;
		}
}