html{
	color:#222;
}
body{
	margin:0;
	padding:0;
	line-height:1;
	word-wrap:break-word;
}
p,h1,h2,ul,li{
	margin:0;
	padding:0;
}
h1{
	font-size:120%;
	padding:15px 0;
}
a{
	text-decoration:none;
	color:#00f;
}
a:hover{
	color:#08f;
}
img{
	border:0;
}
li{
	list-style-type:none;
}
.clearafter:after{
	content:"";
	display:block;
	clear:both;
}

/* layout */
.box{
	width:100%;
}
@media screen and (min-width:1000px){
	.box{
		width:1000px;
		margin:0 auto;
	}
}

/* head */
#head{
	padding:100px 0;
	background-color:#fc0;
}
#campany img{
	width:100%;
	max-width:360px;
}

/* service */
#service{
	padding:30px 0;
	background-color:#fff;
}
#service article{
	width:33.3%;
	float:left;
}
#service article p{
	font-size:90%;
	line-height:1.7;
	padding:80px 15px;
	background-repeat:no-repeat;
	background-position:50% 0; 
	background-size:64px;
}
#service article h2{
	font-size:100%;
	padding:20px 0 15px 0;
	text-align:center;
}
#service1{
	background-image:url(image/icon_pc.png);
}
#service2{
	background-image:url(image/icon_up.png);
}
#service3{
	background-image:url(image/icon_24.png);
}
#service4{
	background-image:url(image/icon_hands.png);
}
#service5{
	background-image:url(image/icon_kb.png);
}


/* profile */
#profile{
	padding:30px 0;
	background-color:#f9f9f9;
}
ul{
	margin:0;
}
dt{
	float:left;
	padding:5px;
	width:8em;
	font-weight:bold;
	font-size:90%;
}
dd{
	padding:5px;
	font-size:90%;
}


/* foot */
#foot{
	padding:30px 0;
	background-color:#69c;
	color:#fff;
}
#foot p{
	font-size:100%;
}