@charset "utf-8";


/*================================main layout===================================*/

/*common*/
#skip,
.none{position:absolute; overflow:hidden; visibility:hidden; z-index:-10; }
#warp{width:980px; padding-bottom:50px; margin:0px auto;  position:relative;}
#banner_box{padding-top:68px;  margin-left:5%; margin-right:5%; padding-left:20px;  padding-right:20px; overflow:hidden; width:1050px;}
#banner_box .banner_wrap_cls {position:relative; top:0; left:0; width:4400px; height:300px;}







/*banner1*/
#banner_box .b_img{padding-bottom:2%; padding-left:5%;}
#banner_box .s1_img{float:right; padding-right:7%}
#banner_box .s2_img{float:right; padding-right:7%}
#banner_box .s3_img{float:right; padding-right:7%}
#banner_box .s4_img{float:right; padding-right:7%}
.img_wrap {width:1100px;height:350px; float:left;}

/*banner_icon*/
.banner_icon{width:100px;overflow:hidden; margin:15px auto;}
.banner_icon p{cursor:pointer; float:left; width:18px; height:19px; padding-left:3px; padding-right:3px;
						background:url(../images/layout/bullet/step_on.png) no-repeat left top;}
.banner_icon p.banner_sele{background:url(../images/layout/bullet/step_off.png) no-repeat left top;}
.banner_icon p span{position:absolute; overflow:hidden; visibility:hidden; z-index:-10; }

/*menu*/
#head{ background:url(../images/layout/visual_bg.png) repeat-x left top; width:980px;}
#menu{position:relative;clear:both;margin-left:5%; margin-right:5%;
			z-index:100;
			padding-right:8px;/*ie*/
			background:url(../images/layout/top_right.png) no-repeat right top;/*ie*/
			}
#menu h1{width:125px; height:49px; float:left; background:url(../../images/layout/top_left.png) no-repeat left top;}
#menu ul#menu_list{
			z-index:120;
			padding-left:20px;
			margin-left:125px;
			height:47px;
			border-bottom:1px solid #d2d2d2;
			background:url(../images/layout/top_bg.png) repeat-x 15px top;/*ie*/
			background:-moz-linear-gradient(top, #f6f6f6, #e2e4e5); /*moz*/
			background:-webkit-gradient(linear, left top, left bottom,  from(#f6f6f6), to(#e2e4e5)); /*webkit*/
			}
#menu ul#menu_list .list{cursor:pointer; float:left; text-align:center; padding-left:19px; padding-right:19px; margin-top:15px; height:39px;  width:68px;} 
#menu ul#menu_list .nolist{cursor:pointer; float:left; text-align:center; padding-left:19px; padding-right:19px; margin-top:15px; height:39px;  width:68px;} 

#menu ul#menu_list .list:hover {text-align:center; width:68px; margin-top:8px; padding-top:10px; height:30px;
										background:url(../../images/layout/menu_hover.png) no-repeat left top;}
#menu ul#menu_list .nolist:hover {text-align:center; width:68px; margin-top:8px; padding-top:10px; height:30px;
										background:url(../../images/layout/menu_hover.png) no-repeat left top;}

#menu ul#menu_list .list a{font-family:verdana; font-size:12px; font-weight:bold; color:#666666; text-decoration:none; }
#menu ul#menu_list .list a:hover{font-family:verdana; font-size:12px; font-weight:bold; color:#666666; text-decoration:none;}
#menu ul#menu_list .list a.sele{color:#343f45; }
#menu ul#menu_list .nolist a{font-family:verdana; font-size:12px; font-weight:bold; color:#666666; text-decoration:none; }
#menu ul#menu_list .nolist a.sele{color:#343f45; }

.sitmap{float:right; position:absolute; right:2%;top:15px;}
.sitmap a{font-family:verdana; font-size:11px; color:#666666; text-decoration:none;}
.sitmap a:hover{color:#343f45; }

#menu ul#menu_list .list ul{position:absolute; top:0px; left:0px; overflow:visible; width:100%; margin:0px auto; background:#fff; padding-top:63px; padding-left:145px; padding-bottom:10px;
z-index:-10;}
#menu ul#menu_list .list ul li{ floaT:left; border-left:1px solid #d1d3d4; padding-top:10px; padding-bottom:20px; padding-left:20px; padding-right:20px; width:70px; height:30px;}
#menu ul#menu_list .list ul li:hover{ floaT:left; border-left:1px solid #d1d3d4; padding-top:10px; padding-bottom:20px; }
#menu ul#menu_list .list ul li a{text-decoration:none; color:#28282a; font-family:verdana;}
#menu ul#menu_list .list ul li a:hover{text-decoration:none; color:#28282a; font-size:14px; font-family:verdana; font-weight:bold; }
.fake{width:100%; background:#fff; height:140px; position:absolute; left:0; top:0;}



/*container*/
#container{margin-left:5%; clear:both; margin-right:5%;  margin-top:3%; padding-left:20px; padding-right:20px;}

/*section_box*/
.section_box{ position:relative;   padding-bottom:5px;  border-bottom:1px solid #d7dadc;}
.section_box h2{float:left; width:180px; height:30px; line-height:30px; padding-left:30px;background:url(../images/layout/bullet/icon1.png) no-repeat left 10px;}
.section_box h2 img{margin-top:10px;}

#section_list{overflow:hidden;}
#section1 ul li{ padding-top:5px; cursor:pointer;  padding-bottom:15px; float:left;text-align:center; padding-left:19px; padding-right:19px; }
#section1 ul li.sele{background:url(../images/layout/con_tab.png) no-repeat left top;  width:65px; padding-bottom:15px; text-align:center;padding-left:0px; padding-right:10px; }
#section1 ul li:hover{overflow:hidden; color:#fff;}
#section1 ul li.sele a:hover{color:#fff;}
#section1 ul li.sele a{color:#fff;}
#section1 ul li a{ font-weight:bold; font-family:verdana; font-size:11px; color:#666666; text-decoration:none;}
#section1 ul li a:hover{color:#000; }

/*open_box*/
.open_box{background:#222425;  position:relative; display:inline-block;}
.portfolio_list{overflow:hidden; min-width:940px;}
.portfolio_list .list_box{float:left; width:480px;height:123px;  height:133px; padding-left:60px; padding-bottom:20px; padding-top:40px;  overflow:hidden; background:url(../images/layout/main_con_line.png) repeat-x left bottom; }
.portfolio_list .list_box .img_left{float:left;width:130px; text-align:center;}
.portfolio_list .list_box .con_right{float:left;  width:300px;}
.portfolio_list .list_box .con_right h3{color:#fff; font-size:18px;margin-bottom:15px;}
.portfolio_list .list_box .con_right p{margin-bottom:7px;}
.portfolio_list .list_box .con_right span{color:#fff; font-size:12px; font-weight:bold; font-family:verdana;}
.portfolio_list .list_box .con_right span.point_color{font-size:11px;color:#889ca7; padding-right:10px; width:50px; display:inline-block;}
.portfolio_list .list_box .con_right p.point_color2{color:#999999;}
.button_icon{position:absolute; right:-8px; top:55px;}
.button_icon a{display:block; margin-top:5px;}

.mon1 {padding:6px; padding-left:0px; background:url(../../images/layout/portfolio/imac_s.png) no-repeat left top; width:138px; height:133px;}
.mon1 img { width:126px; height:72px; }

.mon2 {padding:22px 6px 6px 12px; text-align:left !important; background:url(../../images/layout/test_img.png) no-repeat left top; width:138px; height:117px;}
.mon2 img {width:51px; height:76px;}

.mon3 {padding:44px 6px 6px 18px; text-align:left !important;  background:url(../../images/layout/portfolio/server_img.png) no-repeat left top; width:130px; height:95px;}
.mon3 img {width:101px; height:63px; }


/*notice*/
#section2 h2{}
#notice{margin-top:15px;}
#notice li{padding-bottom:15px;padding-top:10px;}
#notice li a{text-decoration:none; color:#273239; font-weight:bold;}





/*section3*/
#section3{border-bottom:0px;}
#section3 h2{}
#business{margin-top:27px; overflow:hidden;}
#business li{width:200px; float:left; padding-right:10em;}
#business li dl{}
#business li dl dt{margin-bottom:20px;}
#business li dl dd{margin-bottom:20px; line-height:20px;}
.dd_img{height:127px;}


/*footer*/
#footer{margin-left:5%; margin-right:5%; margin-top:53px;  padding-bottom:50px; padding-left:20px; padding-right:20px;}
#footer img{vertical-align:middle;}
#footer .left_footer{float:left;}
#footer .left_footer span{font-size:11px; letter-spacing:-0.1em;}
.left_footer p{margin-bottom:5px;}
.address_box span{padding-left:10px;background:url(../../images/layout/bullet/line.png) no-repeat left 5px; margin-right:15px;}
#footer .right_footer{float:right; margin-top:10px;}
#footer .right_footer span{font-size:11px; letter-spacing:-0.05em;}
.copy_box{float:right; font-size:10px; margin-top:10px; padding-right:13px;}








/*================================sub layout===================================*/