@charset "utf-8";

/* Contents
 * ****************************
 *
 * 1: general style
 * 2: body
 * 3: container
 * 4: header
 * 5: content
 * 6: navi
 * 7: footer
 *
 * ****************************
 */

/*980*/

/*======= 1: general style ========================================================*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

html {
	overflow-y: scroll;
}

/*======= 2: body ========================================================*/
body {
	color: #262626;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.5;
	text-align:center;
	position:relative;
}
html>body {
	font-size: 12px;
}


/*======= 3: container ========================================================*/
#container{
	margin:0 auto;
	position:relative;
	
	overflow:hidden;
	
	text-align:left;
	min-width:1000px;
	z-index:2;
	
	min-height:500px;
	background:#ffffff;
	
	
	-moz-box-shadow: 0px 2px 3px #aaaaaa;
 	-webkit-box-shadow: 0px 2px 3px #aaaaaa;
 	box-shadow: 0px 2px 3px #aaaaaa;
	behavior: url(/common/css/ie-css3.htc);
}

.wrap{
	width:910px;
	margin:0 auto;
	position:relative;
	padding-top:50px;
	padding-bottom:30px;
}
.wrap0{
	width:980px;
	margin:0 auto;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
	text-align:left;
}
.wrap1{
	position:relative;
	width:910px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:0px;
	text-align:left;
}
.wrap2{
	position:relative;
	width:910px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:0px;
	text-align:left;
}

/*======= 4: header ========================================================*/
header {
	position:relative;
	width:980px;
	margin:0 auto;
	z-index:10000;
	font-size:110%;
	font-weight:bold;
	top:-100px;
	left:0;
}

header nav{
	position:relative;
	width:980px;
	margin:0 auto;
}

.fixed {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
}

/*======= 5: content ========================================================*/
#contents {
	position:relative;
}





/*======= 6: navi ========================================================*/
header #globalNavi{
	padding:3px;
	background:url(/common/img/header_bg.png) 0 0 no-repeat;
	width:767px;
	height:55px;
	position:absolute;
	top:12px;
	left:0px;
	z-index:10001;
}
header #globalNavi #logo{
	position:absolute;
	top:13px;
	left:32px;
	z-index:10002;
}

#globalNavi ul{
	position:absolute;
	top:3px;
	left:205px;
	z-index:10003;
	height:55px;
}
#globalNavi ul li{
	float:left;
	text-align:center;
}
#globalNavi ul li.gn1{
	width:128px;
	padding-left:1px;
	background:url(/common/img/head_line1.gif) 0 50% no-repeat;
}
#globalNavi ul li.gn2{
	width:189px;
	padding-left:1px;
	background:url(/common/img/head_line2.gif) 0 50% no-repeat;
}
#globalNavi ul li.gn3{
	width:127px;
	padding-left:1px;
	background:url(/common/img/head_line2.gif) 0 50% no-repeat;
}
#globalNavi ul li.gn4{
	width:116px;
	padding-left:1px;
	background:url(/common/img/head_line1.gif) 0 50% no-repeat;
}

#globalNavi ul li a{
	display:block;
	padding-top:18px;
	height:37px;
	text-decoration:none !important;
}

/* gn1 */
#globalNavi ul li.gn1 a:link,
#globalNavi ul li.gn1 a:visited{
}
#globalNavi ul li.gn1 a:hover{
	background:url(/common/img/gn1_o.png) 50% 0 no-repeat;
}
#solution #globalNavi ul li.gn1 a{
	background:url(/common/img/gn1_o.png) 50% 0 no-repeat !important;
}

/* gn2 */
#globalNavi ul li.gn2 a:link,
#globalNavi ul li.gn2 a:visited{
}
#globalNavi ul li.gn2 a:hover{
	background:url(/common/img/gn2_o.png) 50% 0 no-repeat;
}
#corporate #globalNavi ul li.gn2 a{
	background:url(/common/img/gn2_o.png) 50% 0 no-repeat !important;
}

/* gn3 */
#globalNavi ul li.gn3 a:link,
#globalNavi ul li.gn3 a:visited{
}
#globalNavi ul li.gn3 a:hover{
	background:url(/common/img/gn3_o.png) 50% 0 no-repeat;
}
#globalmap #globalNavi ul li.gn3 a{
	background:url(/common/img/gn3_o.png) 50% 0 no-repeat !important;
}

/* gn4 */
#globalNavi ul li.gn4 a:link,
#globalNavi ul li.gn4 a:visited{
}
#globalNavi ul li.gn4 a:hover{
	background:url(/common/img/gn4_o.png) 50% 0 no-repeat;
}
#sitemap #globalNavi ul li.gn4 a{
	background:url(/common/img/gn4_o.png) 50% 0 no-repeat !important;
}




header #btn_product{
	position:absolute;
	top:15px;
	right:103px;
	z-index:10004;
	width:100px;
	height:55px;
}
header #btn_product a:link,
header #btn_product a:visited,
header #btn_contact a:link,
header #btn_contact a:visited{
	background:url(/common/img/head_btn_bg.png) 0 0 no-repeat;
	display:block;
	text-align:center;
	color:#ffffff;
	padding-top:17px;
	height:38px;
	text-decoration:none !important;
}

header #btn_product a:hover,
header #btn_contact a:hover{
	opacity:0.75;
	filter: alpha(opacity=75);/* ie lt 8 */
	-ms-filter: "alpha(opacity=75)";/* ie 8 */
	zoom:1;
}

header #btn_contact{
	position:absolute;
	top:15px;
	right:0px;
	z-index:10005;
	width:100px;
	height:55px;
}


/* page-top */
#page-top {
	z-index:1000;
	position: fixed;
	bottom: 40px;
	right: 0px;
	text-align:right;
	display:none;
}
#page-top a {
	display: block;
	width: 49px;
}


/*======= fix ========= */


header.fixed #globalNavi{
	padding:0px 3px;
	background:url(/common/img/header_bg_fix.png) 0 0 no-repeat;
	width:767px;
	height:48px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10001;
}
header.fixed #globalNavi #logo{
	padding-left:10px;
}
header.fixed #globalNavi #logo img{
	height:20px;
}

header.fixed #globalNavi ul{
	position:absolute;
	top:0px;
	left:205px;
	z-index:10003;
	height:48px;
}

header.fixed #globalNavi ul li a{
	padding-top:13px;
	height:35px;
}

header.fixed #btn_product{
	position:absolute;
	top:-9px;
	right:103px;
	z-index:10004;
	width:100px;
	height:55px;
}
header.fixed #btn_contact{
	position:absolute;
	top:-9px;
	right:0px;
	z-index:10005;
	width:100px;
	height:55px;
}


/*======= 7: footer ========================================================*/
footer {
	width: 100%;
	text-align:center;
	background:#d9d9d9;
	padding-bottom:10px;
}

#footerIn{
	position:relative;
	width: 980px;
	margin: 0 auto;
	text-align:left;
	background:url(/common/img/footer_r_bg.gif) right top repeat-y;
}




#footerIn_r{
	width:280px;
	float:right;
	text-align:left;
	padding:39px 20px 0px 20px;
}

#footerIn_l{
	width:645px;
	float:left;
	text-align:left;
}

#footerIn_l h2{
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #666666;
	font-size:120%;
}

#footerIn_r h2{
	font-size:120%;
	padding-bottom:10px;
	margin-bottom:15px;
}

#footerIn_r dt{
	font-size:110%;
	font-weight:bold;
	border-bottom:1px solid #666666;
	padding-bottom:10px;
	margin-bottom:10px;
	line-height:1;
}
#footerIn_r dd{
	margin-bottom:27px;
	
}

#footerIn_l a:link,
#footerIn_l a:visited{
	color: #262626;
	text-decoration:none;
}
#footerIn_l a:hover{
	color: #262626;
	text-decoration:underline;
}
#footerIn_l ul li{
	margin-bottom:2px;
}
#footerIn_l ul li ul li{
	background:url(/common/img/icon1.png) 0 0.48em no-repeat;
	padding-left:10px;
}

#footer_solu,
#footer_corp,
#footer_map{
	padding:39px 20px 45px 0px;
	width:200px;
	float:left;	
}
#footer_map{
	padding-right:0px !important;
}

#copyright {
	padding-top:15px;
	clear:both;
	border-top:1px dotted #808080;
}








/*======= 8: product_list ========================================================*/

#product_list_box{
	position:absolute;
	top:74px;
	right:0px;
	z-index:10100;
	width:980px;
	background:url(/common/img/product_list_arrow.png) 795px 0px no-repeat;
	padding-top:14px;
	display:none;
}


header.fixed #product_list_box{
	top:50px;
}

#product_list_box_in{
	text-align:left;
	background:#ffffff;
	border:1px solid #96989a;
	font-weight:normal;
	
	/*padding:15px 30px 30px 39px;*/
	padding:15px 10px 30px 39px;
	overflow:auto;
	height:530px;
}
#product_list_box_in h2{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1;
}

#product_list_box_in .cate_box{
	float:left;
}
#product_list_box_in .cate_box .cate_box_in{
	float:left;
	width:165px;
	margin-right:15px;
}
#product_list_box_in .cate_box .cate_box_in_end{
	float:left;
	width:165px;
	margin-right:0px;
}
#product_list_box_in #cate_l{
	width:534px;
	padding-right:6px;
	background:url(/common/img/product_list_box_line.png) 100% 0 repeat-y;
}
#product_list_box_in #cate_c{
	width:170px;
	padding:0 5px 0px 7px;
	background:url(/common/img/product_list_box_line.png) 100% 0 repeat-y;
	height:100%;
}
#product_list_box_in #cate_r{
	width:170px;
	padding:0 0px 0px 7px;
}

#product_list_box_in h3{
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #b3b3b3;
	line-height:1;
}

#product_list_box_in .cate_box{
	
}

#product_list_box_in p{
	background:#e6e6e6;
	padding:5px 10px;
	font-weight:bold;
	margin-bottom:15px;
}

#product_list_box_in h4{
	font-size:11px;
	font-weight:normal;
	margin-bottom:5px;
	line-height:1.2;
	text-align:left;
}
#product_list_box_in ul{
	margin-bottom:25px;
}
#product_list_box_in li{
	font-size:11px;
	margin-bottom:4px;
}

#product_list_box_in li a{
	background:url(/common/img/solu_dropdown_icon.png) 0 0.48em no-repeat;
	padding-left:10px;
	display:inline-block;
}



/*======= 9: solutions_list_box ========================================================*/

#solutions_list_box{
	position:absolute;
	top:70px;
	left:205px;
	z-index:10200;
	width:185px;
	background:url(/common/img/solu_dropdown_arrow.png) 20px 7px no-repeat;
	padding-top:17px;
	display:none;
	font-weight:normal !important;
	text-align:left;
}
#solutions_list_box_in{
	background:url(/common/img/solu_dropdown_bg.png) 0 0 repeat;
	padding:18px 19px 15px 14px;
	min-width:150px;
	border:1px solid #97999b;
}
#solutions_list_box_in a{
	background:url(/common/img/solu_dropdown_icon.png) 0 0.48em no-repeat;
	padding-left:10px;
	display:inline-block;
}

header.fixed #solutions_list_box{
	top:46px;
}


/*======= 10: topicsPath ========================================================*/

#topicsPath{
	background:url(/img/solutions/pan_bg.png) 0 0 repeat;
	padding:2px 10px;
	position:absolute;
	top:492px;
	left:40px;
	z-index:20;
	color:#ffffff;
}
#topicsPath a{
	color:#ffffff !important;
	display:inline-block;
	padding-right:13px;
	margin-right:8px;
	background:url(/img/solutions/pan_arrow.png) 100% 50% no-repeat;
}

#anchor{
	position: absolute;
	top: 480px;
	right: 30px;
	z-index:10;
}
#anchor li{
	position:relative;
	float:left;
	margin-left:10px;
}