@charset "utf-8";
/* menu */

/*---ofbtn--------*/
#menu li.home a{background:url(../img/menu.gif) no-repeat 0px 0px; width:87px;}
#menu li.company a {background:url(../img/menu.gif) no-repeat -87px 0px; width:87px;}
#menu li.business a {background:url(../img/menu.gif) no-repeat -174px 0; width:87px;}
#menu li.recruit a {background:url(../img/menu.gif) no-repeat -261px 0; width:87px;}
#menu li.inquiry a {background:url(../img/menu.gif) no-repeat -348px 0; width:85px;}

/*--hover------*/
#menu li.home a:hover{background:url(../img/menu.gif) no-repeat 0px -30px; width:87px;}
#menu li.company a:hover {background:url(../img/menu.gif) no-repeat -87px -30px; width:87px;}
#menu li.business a:hover {background:url(../img/menu.gif) no-repeat -174px -30px; width:87px;}
#menu li.recruit a:hover {background:url(../img/menu.gif) no-repeat -261px -30px; width:87px;}
#menu li.inquiry a:hover {background:url(../img/menu.gif) no-repeat -348px -30px; width:85px;}

/* 2012.04.03 by wizcube */
.work_box{
	width:520px;
	padding-bottom:15px;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px dashed #999;
}

.work_image{
	float: left;
	margin-right: 5px;
	border: 1px #dddddd solid;
	width:120px;
	display:inline;
}

.work_caption{
	float: left;
	margin-right: 10px;
	width:120px;
	display:inline;
	font-size: 11px;
}

.work_image_noborder{
	float: left;
	margin-right: 5px;
	width:120px;
	display:inline;
}

.floatclear{
 	clear: both;
}

#banner_menu{
	margin-bottom:20px;
}

/* icon */
#icon_about{
	padding:15px;
	border: 1px #dddddd solid;
	height: 55px;
}
.icon_list{
	margin:0;
	padding:0;
	list-style:none;
}
.icon_list li{
	float: left;   
	padding:0px 8px 1px 20px;
	list-style: none outside;
	display: block;
	width:90px;
}
.icon_design{
	background:url('../img/icon_design.gif') left center no-repeat;
}
.icon_photo{
	background:url('../img/icon_photo.gif') left center no-repeat;
}
.icon_cms{
	background:url('../img/icon_cms.gif') left center no-repeat;
}
.icon_cart{
	background:url('../img/icon_cart.gif') left center no-repeat;
}
.icon_photgallery{
	background:url('../img/icon_photgallery.gif') left center no-repeat;
}
.icon_sns{
	background:url('../img/icon_sns.gif') left center no-repeat;
}
.icon_search{
	background:url('../img/icon_search.gif') left center no-repeat;
}
.icon_map{
	background:url('../img/icon_map.gif') left center no-repeat;
}
.icon_system{
	background:url('../img/icon_system.gif') left center no-repeat;
}
.icon_db{
	background:url('../img/icon_db.gif') left center no-repeat;
}
.icon_mobile{
	background:url('../img/icon_mobile.gif') left center no-repeat;
}
.icon_mainte{
	background:url('../img/icon_mainte.gif') left center no-repeat;
}
.icon_vb{
	background:url('../img/icon_vb.gif') left center no-repeat;
}
.icon_net{
	background:url('../img/icon_net.gif') left center no-repeat;
}
.icon_php{
	background:url('../img/icon_php.gif') left center no-repeat;
}
.icon_acs{
	background:url('../img/icon_acs.gif') left center no-repeat;
}
.icon_wrd{
	background:url('../img/icon_wrd.gif') left center no-repeat;
}
.icon_xls{
	background:url('../img/icon_xls.gif') left center no-repeat;
}
.icon_jet{
	background:url('../img/icon_jet.gif') left center no-repeat;
}
.icon_oracle{
	background:url('../img/icon_oracle.gif') left center no-repeat;
}
.icon_mssql{
	background:url('../img/icon_mssql.gif') left center no-repeat;
}
.icon_mysql{
	background:url('../img/icon_mysql.gif') left center no-repeat;
}
.icon_post{
	background:url('../img/icon_post.gif') left center no-repeat;
}
#banner_menu a:hover img {  
    opacity:0.8;  
    filter: alpha(opacity=80);  
    -ms-filter: "alpha( opacity=80 )";  
    background: #fff;
}