@charset "utf-8";


/* -------------------------------------------------------------------
 basic
------------------------------------------------------------------- */

/* base font -------------------- */

body,td,th,h1,h2,h3,h4,h5,h6 {
   color: #666666;
	font-family:verdana, helvetica, arial, sans-serif;
   font-size: 14px;
   line-height: 1.8;
}

address,em {
   font-style: normal;
}


/* base tag -------------------- */

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
   margin: 0px;
   padding: 0px;
}

body {
   margin:0;
   text-align: center;
   background:#666666;
	 color:#666666;
}

img {
   border: none;
	 vertical-align:top;
}
table {
	border-collapse:collapse;
	border-style: none;
	}

ol,ul {
   list-style: none;
}


/* text-link -------------------- */

a {
   color:#666;
			text-decoration:none;
}

a:hover {
   color:#666;
			text-decoration:underline;
}



/* -------------------------------------------------------------------
 clear
------------------------------------------------------------------- */

br.clr {
   clear: both;
   font-size: 0px;
   line-height: 0px;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

.clear-b { clear:both; }
/**/


/* -------------------------------------------------------------------
 layout
------------------------------------------------------------------- */

div#wrap {
	width:900px;
	text-align: left;
	background: url(../img/bcg_wrap.jpg) repeat-y left top;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}

div#main {
	background: url(../img/bcg_main.gif) repeat-y left top;
}




/* -------------------------------------------------------------------
 header
------------------------------------------------------------------- */

div#header {
	width:900px;
	background: url(../img/bcg_head.jpg) no-repeat left top;
	position: relative;
}

div#header h1 {
	text-indent: -9999px;
	width: 200px;
	margin-left: 28px;
	margin-top: 15px;
	float: left;
	overflow: hidden;
}
div#header ul#h-nav01 {
	margin-left: 595px;
	padding-top: 15px;
}
div#header ul#h-nav01 li {
	display: inline;
	padding-right: 10px;
	font-size: 12px;
}
div#header ul#h-nav01 li a {
	color: #FFFFFF;
	line-height: 10px;
	background: url(../img/icon_hnav01.gif) no-repeat left center;
	padding-left: 10px;
}
div#header ul#h-nav02 {
	left: 807px;
	top: 19px;
	position: absolute;
	height: 22px;
	width: 78;
	background: url(../img/bcg_lang.gif);
}
div#header ul#h-nav02 li {
	float: left;
	height: 15px;
	width: 22px;
	margin-right: 3px;
}
div#header ul#h-nav02 li a {
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 22px;
	overflow: hidden;
}
div#header p#read-txt {
	margin-left: 30px;
	padding-top: 35px;
	padding-bottom: 15px;
	clear:both;
}
div#header ul#g-nav {
	background: url(../img/bcg_g_menu.jpg) no-repeat left top;
}
div#header h1 a {
	display: block;
	height: 25px;
	width: 140px;
}
div#header ul#g-nav {
	padding-left: 54px;
	height: 38px;
	padding-top: 8px;
}
div#header ul#g-nav li {
	float: left;
	height: 30px;
	width: 130px;
	margin-right: 2px;
}
div#header ul#g-nav li a {
	display: block;
	height: 30px;
	width: 131px;
	overflow: hidden;
	text-indent: -9999px;
}

div#header ul#g-nav li#g-nav-01 a:hover {
background:url(../img/btn_gnav_company.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-02 a:hover {
background:url(../img/btn_gnav_product.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-03 a:hover {
background:url(../img/btn_gnav_tech.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-04 a:hover {
background:url(../img/btn_gnav_servise.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-05 a:hover {
background:url(../img/btn_gnav_oa.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-06 a:hover {
background:url(../img/btn_gnav_contact.jpg) no-repeat left top;
}

div#header ul#g-nav li#g-nav-01-on {
background:url(../img/btn_gnav_company.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-02-on {
background:url(../img/btn_gnav_product.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-03-on {
background:url(../img/btn_gnav_tech.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-04-on {
background:url(../img/btn_gnav_servise.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-05-on {
background:url(../img/btn_gnav_oa.jpg) no-repeat left top;
}
div#header ul#g-nav li#g-nav-06-on {
background:url(../img/btn_gnav_contact.jpg) no-repeat left top;
}

/* -------------------------------------------------------------------
 contents
------------------------------------------------------------------- */



div#content {
	float: right;
	width: 620px;
	padding-top: 25px;
	padding-right: 15px;
}

div#content p#pan a {
	color: #666666;
}
div#content p#pan {
	color: #666666;
	margin-bottom: 20px;
}


div.to-top-area {
	text-align: right;
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 40px;
	margin-bottom: 20px;
}
div#content img.posi-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 40px;
}
div#content img.posi-left {
	float: left;
	margin-right: 10px;
}

/* -------------------------------------------------------------------
left-area
------------------------------------------------------------------- */
div#left-area {
	float: left;
	width: 210px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 12px;
}

div#left-area div#comp-area {
	margin-top: 12px;
	background: url(../img/img_companyadd.jpg) no-repeat left top;
	text-indent: -9999px;
	height: 210px;
	width: 207px;
	margin-bottom: 20px;
}



/* -------------------------------------------------------------------
footer
------------------------------------------------------------------- */
div#footer {
	width: 100%;
	clear: both;
	background: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 20px;
}
div#footer ul {
	margin-top: 20px;
	text-align: center;
	border-top: 1px solid #666666;
	padding-top: 10px;
}
div#footer ul li {
	display: inline;
	padding: 0px 5px;
	border-right: 1px solid #CCCCCC;
	color: #666666;
	text-decoration: none;
}
div#footer ul li a {
	color: #666666;
}
div#footer p#cr {
	color: #666666;
	text-align: center;
	padding-top: 10px;
	font-size: 11px;
}
div#footer ul li#f-list {
	border-left: 1px solid #CCCCCC;
}

/*
=============================================
float
=============================================
*/

#floatBanner {
	background-image: url(../img/float/floatBack.png);
	height: 157px;
	width: 100%;
	position: fixed;
	z-index: 50;
	bottom: 0px;
}
#floatBanner .bannerContents {
	position: relative;
	height: 157px;
	width: 100%;
}
#floatBanner .bannerContents .bannerImg img {
	margin-top: 10px;
}


#closeBtnFloat {
	position: absolute;
	top: 10px;
	right: 10px;
}

#closeBtnFloat img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}