@charset "UTF-8";
/* CSS Document */

body {
	background-color:#999;
	text-align: center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:11px;
	height: 100%;
	width: 100%;
}
div#contents {
	background-color:#FFF;
	height: 530px;
	width: 760px;
	margin-top: -265px;
	margin-left: -380px;
	position:absolute;
	top: 50%;
	left: 50%;
	border-color:#CCC;
	border-width:1px;
	border-style:groove;
}
div#contents-top {
	background-image:url(../images/contents-back-top.jpg);
	background-repeat:repeat-x;
	position:absolute;
	height: 83px;
	width: 682px;
	top: 20px;
	left: 43px;
	text-align:left;
}
div#contents-middle {
	background-image:url(../images/contents-back-middle.jpg);
	background-repeat:no-repeat;
	position:absolute;
	height: 238px;
	left: 43px;
	top: 103px;
}
div#contents-new {
	position:relative;
	text-align: left;
	background-image:url(../images/contents-back-middle.jpg);
	background-repeat:no-repeat;
	height: 238px;
	top: 103px;
	left: 43px;
}
div#contents-inquiry {
	position:relative;
	text-align: left;
	background-image:url(../images/inquiry-back.jpg);
	background-repeat:no-repeat;
	height: 238px;
	top: 103px;
	margin-left: 43px;
}
div#contents-developer {
	position:relative;
	text-align: left;
	background-image:url(../images/developer-back.jpg);
	background-repeat:no-repeat;
	top: 103px;
	height: 238px;
	margin-left: 43px;
}
div#contents-twieee {
	position:relative;
	top: 103px;
	text-align: left;
	background-image:url(../images/twieee-back.jpg);
	background-repeat:no-repeat;
	height: 238px;
	margin-left: 43px;
}
div#contents-stroll {
	position:relative;
	top: 103px;
	text-align: left;
	background-image:url(../images/stroll-back.jpg);
	background-repeat:no-repeat;
	height: 238px;
	margin-left: 43px;
}
div#contents-info {
	position:relative;
	top: 103px;
	text-align: left;
	background-image:url(../images/info-back.jpg);
	background-repeat:no-repeat;
	height: 238px;
	margin-left: 43px;
}
img#subtitle {
	position: absolute;
	text-align: left;
	margin-left: 30px;
	margin-top: 20px;
}
div#what-detail {
	margin-left: 30px;
	margin-top: 60px;
	height: 150px;
	width: 400px;
	background-color:#FFF;
	border-color:#CCC;
	border-width: 1px;
	border-style:groove;
	position:absolute;
}
div#detail {
	margin-left: 200px;
	margin-top: 20px;
	height: 200px;
	width: 450px;
	background-color:#FFF;
	border-color:#CCC;
	border-width: 1px;
	border-style:groove;
	position:absolute;
}
div#contents-bottom {
	background-image:url(../images/contents-back-bottom.jpg);
	background-repeat:repeat-x;
	height: 147px;
	width: 682px;
	top: 341px;
	left: 43px;
	position: absolute;
}
div#products {
	position: absolute;
	text-align: left;
	left: 30px;
	top: 20px;
	height: 120px;
	width: 100px;
}
div#new-product {
	position: absolute;
	text-align: left;
	left: 1px;
	top: 49px;
}
div#work {
	position: absolute;
	text-align: left;
	height: 120px;
	width: 120px;
	left: 200px;
	top: 20px;
}
div#about {
	position: absolute;
	text-align: left;
	height: 120px;
	width: 120px;
	left: 370px;
	top: 20px;
}
div#about2 {
	position: absolute;
	text-align: left;
	height: 140px;
	width: 120px;
	left: 500px;
	top: 38px;
}
div#address {
	position:relative;
	top: 270px;
	width: 760px;
	text-align:center;
}
.items {
	margin-left: 20px;
	margin-top: 15px;
}
h2#subtitle {
	margin-top: 10px;
	margin-left: 10px;
	font-size:14px;
}
h3#windows {
	margin-top: 60px;
	margin-left: 40px;
	position:absolute;
}
h3#macos {
	margin-top: 90px;
	margin-left: 40px;
	position:absolute;
}
h3#web {
	margin-top: 120px;
	margin-left: 40px;
	position:absolute;
}
p {
	margin-top: 10px;
	margin-left: 10px;
}
li {
	margin-top: 1em;
	margin-left: 20px;
}
form#form-inquiry {
	margin-left: 10px;
}