@charset "utf-8";
/* CSS Document */
html, body {
	width:100%;
	height:100%;
	min-height:980px;
}
body {
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif;
	background: #F0F3FA; /* Old browsers */
	background: -moz-linear-gradient(top, #F0F3FA 1%, #B4CAD6 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#F0F3FA), color-stop(99%,#B4CAD6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F0F3FA 1%,#B4CAD6 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F0F3FA 1%,#B4CAD6 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F0F3FA 1%,#B4CAD6 99%); /* IE10+ */
	background: linear-gradient(top, #F0F3FA 1%,#B4CAD6 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F3FA', endColorstr='#B4CAD6',GradientType=0 ); /* IE6-9 */
	color:#4D6384;
}
a.back {
	background-image:url(../images/icon_back.png);
	width: 40px;
	height:40px;
	float:left;
	display:block;
	text-decoration:none;
	margin-right:10px;
}
#header {
	width:84%;
	padding:4% 8% 2%;
}
#header h1 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
#header h2 {
	font-size:20px;
	font-weight:bold;
	line-height:40px;
}
#header #logo {
	background-image:url(../images/logo.png);
  width:302px;
	height:194px;
	margin-bottom:10px;
}
#content {
	width:100%;
	overflow:auto;
	*overflow-y:hidden;
}
#content #inner {
	padding:0 8%;
	*padding:0 8% 25px;
}
#content #inner img {
	margin-top:20px;
}
#content ul {
	float:left;
	width:310px;
}
#content li {
	width:260px;
	margin:0 10px 10px 0;
	float:left;
	background:#FFF;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1);
	padding:24px 20px;
}
#home #content li {
	height:130px;
}
#engineer #content li {
	height:100px;
}
div.name {
	font-size:28px;
	font-weight:bold;
	height:36px;
}
div.job {
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
	background:url(../images/icon_user.png) left center no-repeat;
	padding-left:18px;
}
div.introduction {
	font-size:14px;
}
div.introduction a {
	background:url(../images/icon_link.png) left center no-repeat;
	padding-left:20px;
}
#footer {
	width:84%;
	padding:1% 8%;
}

#address {
	height:35px;
	width:531px;
	background:url(../images/address.png) left center no-repeat;
}
@media screen and (max-width:480px) {
	#address {
		height:61px;
		width:233px;
		background:url(../images/address2.png) left center no-repeat;
	}
}