@charset "utf-8";

* {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
font-family:Verdana, arial, sans-serif;
}

body,h1,h2,h3,h4,h5,h6,ol,ul,li,p,form {
margin:0;
padding:0;
font-size:12px;
list-style:none;
font-weight:400;
line-height:1.5;
}

img {
border:0;
}

.banner a { border:1px solid #CCC; }
.banner a:hover { border:1px solid #000; }

img.photo {
border:3px solid #CCC;
padding:5px;
}
.list li {
padding:3px 0 5px 24px;
border-bottom:1px dashed #CCC;
background:url("/img/home.gif") -150px -403px no-repeat;
}

a { color:#00A0E9; }
a:hover { color:#CCC; }

table {
width:90%;
margin:15px auto;
background:#DDD;
}
table th {
text-align:center;
background:#EEE;
padding:.5em;
}
table td {
text-align:left;
background:#FFF;
padding:.5em;
position:relative;
}
table.table-box {
background:#FFF;
margin:0;
padding:0;
width:100%;
}
table.table-box td {
padding:0;
}
table.table-box td.box-img {
width:180px;
text-align:center;
}

.font-white,
.font-white a {
color:#FFF;
}
input , textarea { font-size:100%; }

.pankuzu {
padding:2px 0 0 2px;
}

body {
background:#F6F7F7;
}

.wrapper {
clear:both;
width:812px;
margin:0 auto;
}

#container {
float:left;
width:100%;
}

#side {
float:left;
width:200px;
}
	.sprite,
	.sprite a {
	display:block;
	position:relative;
	overflow:hidden;
	}
		.sprite img,
		.sprite a img {
		position:absolute;
		}
		#side-logo a{ width:200px; height:200px; }
		#side-logo a img { top:-11px; left:-12px; }
		
	ul#side-menu {
	margin-top:7px;
	float:left;
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	padding-bottom:3px;
	}
		#side-company,
		#side-service,
		#side-case { 
		width:200px; 
		height:28px; 
		margin-bottom:3px; 
		}
		#side-service,
		#side-case { 
		margin-top:3px; 
		}
		#side-btob,
		#side-btoc { 
		width:200px; 
		height:20px; 
		margin-top:3px;
		}
		#side-concept a,
		#side-message a,
		#side-profile a,
		#side-privacy a,
		#side-contact a,
		#side-marketing a,
		#side-ci a,
		#side-web a,
		#side-design a,
		#side-ec a,
		#side-case1 a,
		#side-case2 a,
		#side-case3 a,
		#side-case4 a { 
		width:200px; 
		height:28px; 
		}
	
		#side-company img { top:-217px; left:-12px; }
		#side-concept a img { top:-255px; left:-12px; }
		#side-message a img { top:-281px; left:-12px; }
		#side-profile a img { top:-305px; left:-12px; }
		#side-privacy a img { top:-329px; left:-12px; }
		#side-contact a img { top:-353px; left:-12px; }
		
		#side-service img { top:-391px; left:-12px; }
		#side-btob img { top:-426px; left:-12px; }
		#side-marketing a img { top:-450px; left:-12px; }
		#side-ci a img { top:-475px; left:-12px; }
		#side-web a img { top:-500px; left:-12px; }
		#side-design a img { top:-525px; left:-12px; }
		#side-btoc img { top:-554px; left:-12px; }
		#side-ec a img { top:-576px; left:-12px; }
		
		#side-case img { top:-610px; left:-12px; }
		#side-case1 a img { top:-646px; left:-12px; }
		#side-case2 a img { top:-672px; left:-12px; }
		#side-case3 a img { top:-696px; left:-12px; }
		#side-case4 a img { top:-720px; left:-12px; }
		
		#side-logo a:hover img,
		#side-concept a:hover img,
		#side-message a:hover img,
		#side-profile a:hover img,
		#side-privacy a:hover img,
		#side-contact a:hover img,
		#side-marketing a:hover img,
		#side-ci a:hover img,
		#side-web a:hover img,
		#side-design a:hover img,
		#side-ec a:hover img,
		#side-case1 a:hover img,
		#side-case2 a:hover img,
		#side-case3 a:hover img,
		#side-case4 a:hover img,
		#side-concept a.side-active img,
		#side-message a.side-active img,
		#side-profile a.side-active img,
		#side-privacy a.side-active img,
		#side-contact a.side-active img,
		#side-marketing a.side-active img,
		#side-ci a.side-active img,
		#side-web a.side-active img,
		#side-design a.side-active img,
		#side-ec a.side-active img,
		#side-case1 a.side-active img,
		#side-case2 a.side-active img,
		#side-case3 a.side-active img,
		#side-case4 a.side-active img{ 
		left:-312px;
		}


#main {
float:right;
width:600px;
}

.box {
clear:both;
float:left;
width:100%;
}
.box-left {
float:left;
}
.box-right {
float:right;
}
.box-img {
width:180px;
text-align:center;
}
.box-body {
width:370px;
text-align:left;
}
.title {
padding:5px 0;
}
.box-border {
float:left;
width:559px;
border:1px solid #CCC;
background:#FFF;
padding:10px 20px;
}
.box-border-body {
padding:10px;
border:5px solid #EEE;
margin:10px 0;
}
.box-border p {
padding:.5em 1em;
font-size:14px;
}
.box-list {
margin:3px 0 4px 0;
}
.list-title {
font-weight:800;
font-size:18px;
padding:0 0 10px 0;
border-bottom:1px dashed #CCC;
margin-bottom:10px;
}
.list-category {
font-weight:800;
color:#696969;
border-left:3px solid #696969;
padding-left:5px;
}
/* ***** home ***** */
	ul#home-panel {
	margin:7px 0;
	overflow:hidden;
	}
	ul#home-panel li {
	float:left;
	margin:0 2px;

	}
	ul#home-panel li a {
	width:195px;
	height:114px;
	}
	#panel-company a img { top:-12px; left:-12px; }
	#panel-company a:hover img { left:-312px; }
	#panel-service a img { top:-140px; left:-12px; }
	#panel-service a:hover img { left:-312px; }
	#panel-case a img { top:-268px; left:-12px; }
	#panel-case a:hover img { left:-312px; }
	
	#home-topics { width:114px; height:28px; }
	#home-topics img { top:-409px; left:-12px; }
	#home-ec { width:114px; height:28px; }
	#home-ec img { top:-456px; left:-12px; }
	
	.home-banner { float:left; width:185px; text-align:center; }
	.home-banner .sprite a { width:160px; height:50px; margin:0 auto;}
	#home-positivi a img { top:-512px; left:-26px;}
	#home-bezier a img { top:-577px; left:-22px; }
	#home-larimare a img { top:-507px; left:-205px;}

.concept-body {
width:300px;
margin:50px auto;
}
.wpcf7-not-valid-tip-no-ajax {
position:absolute;
padding:0 0 0 5px;
color:#E4007F;
font-weight:800;
}
.wpcf7-validation-errors {
text-align:center;
color:#E4007F;
font-weight:800;
}
.wpcf7-mail-sent-ok {
padding:20px;
border:5px solid #00A0E9;
background:#FAFAFA;
text-align:center;
font-weight:800;
}

#footer {
float:;left;
width:100%;
height:150px;
background:url("/img/footer.gif") 0 0 no-repeat;
position:relative;
}
#footer-logo {
position:absolute;
top:25px;
left:26px;
}
#footer-logo a {
display:block;
width:150px;
height:100px;
}
	#footer ul a {
	font-size:10px;
	}
	#footer ul li {
	float:left;
	width:100%;
	height:18px;
	overflow:hidden;
	}
	ul#footer-company {
	position:absolute;
	left:240px;
	top:37px;
	}
	ul#footer-service {
	position:absolute;
	left:355px;
	top:37px;
	}
	ul#footer-case {
	position:absolute;
	left:470px;
	top:37px;
	}
	#footer-contact {
	position:absolute;
	right:22px;
	bottom:25px;
	}
	#footer-contact a {
	width:142px;
	height:28px;
	border:1px solid #CCC;
	}
	#footer-contact a img {
	top:-677px;
	left:-12px;
	}
	#footer-contact a:hover img {
	left:-312px;
	}