@charset "UTF-8";

/* initialize */
* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	font-family: Verdana;
	font-size: small;
	line-height: 1;
}
a {
	color:#03F;
}
a:hover {
	color: #09F;
	text-decoration: none;
}
.clear {
	clear: both;
}





/* top */
body.top {
	width: 801px;
	margin: 0 auto;
}
body.top div.wrapper {
	width: 801px;
	height: 601px;
	position: absolute;
	top: 50%;
	margin-top: -300px;
	background: url(../images/top/bg.jpg) no-repeat left center;
}
body.top div.wrapper div.head p {
	padding: 1px 0 0 1px;
}
body.top div.wrapper div.head h1 {
	padding: 0 0 0 154px;
}
body.top div.wrapper div.button {
	padding: 35px 0 0 155px;
}
body.top div.wrapper div.button a {
	display: block;
	float: left;
}
body.top div.wrapper div.button a:hover {
	opacity: 0;
	filter:alpha(opacity=0);
}
body.top div.wrapper div.button p.description {
	font-size: small;
	position: absolute;
	padding: 0.3em 0 0 1em;
	left: 164px;
	top: 482px;
}
body.top div.wrapper div.menu {
	padding: 76px 0 0 139px;
}
body.top div.wrapper div.menu a {
	display: block;
}
body.top div.wrapper div.menu a:hover {
	opacity: 0;
	filter:alpha(opacity=0);
}
body.top div.wrapper div.menu div.main-menu {
	float: left;
	width: 527px;
	padding: 16px 0 0 0;
}
body.top div.wrapper div.menu div.main-menu a {
	float: left;
}
body.top div.wrapper div.menu div.main-menu a.oem {
	width: 75px;
	margin-right: 54px;
}
body.top div.wrapper div.menu div.main-menu a.company {
	width: 94px;
	margin-right: 62px;
}
body.top div.wrapper div.menu div.main-menu a.contact {
	width: 125px;
}
body.top div.wrapper div.menu div.banner {
	float: right;
	width: 135px;
	padding: 4px 0 0 0;
}
body.top div.wrapper div.menu div.banner a {
	width: 106px;
}





/* common */
body.oem,
body.company,
body.contact {
	width: 801px;
	margin: 0 auto;
}
div.header {
	background: url(../images/common/header.jpg) no-repeat left top;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	height: 72px;
}
div.header div.logo {
	float: left;
	width: 400px;
}
div.header div.logo p{
	padding: 8px 0 0 14px;
}
div.header div.tel {
	float: right;
	width: 216px;
	height: 65px;
}
/*
div.header div.navi a {
	float: left;
	display: block;
}
div.header div.navi a:hover {
	opacity: 0;
}
*/
div.container {
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
div.footer {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background: url(../images/common/footer.gif) no-repeat left center;
}
div.footer div.copy {
	float: left;
	width: 300px;
}
div.footer div.address {
	float: right;
	width: 400px;
	text-align: right;
}
div.footer p {
	font-size: x-small;
	padding: 6px 1em 0 1em;
	height: 15px;
}





/* oem */
body.oem div.container {
	width: 799px;
}
body.oem div.container h1 {
	padding: 29px 0 0 69px;
}
body.oem div.container h1 {
	padding: 29px 0 0 74px;
}
body.oem div.container p,
body.oem div.container dd {
	font-size: x-small;
	line-height: 1.5;
}
body.oem div.container p.description {
	padding: 0.5em 0 1em 142px;
}
body.oem div.container p.box {
	padding: 0 69px 1.5em 69px;
}
body.oem div.container div.concept {
	padding: 0 98px 0 98px;
}
body.oem div.container div.concept dt {
	font-size: large;
	padding: 0.2em 0 0.2em 0;
}
body.oem div.container div.concept dd {
	padding: 0 0 1em 0;
}
body.oem div.container div.concept div.left,
body.oem div.container div.concept div.right {
	width: 279px;
}
body.oem div.container div.concept div.left {
	float: left;
}
body.oem div.container div.concept div.right {
	float: right;
}
body.oem div.container div.achievements {
	padding: 0 98px 0 98px;
}
body.oem div.container div.achievements p.txt {
	float: left;
	width: 223px;
	padding: 1em 0 0 0;
}
body.oem div.container div.achievements p.img {
	float: right;
	width: 353px;
	padding: 1em 0 0 0;
}
body.oem div.container p.totop {
	padding: 0 0 0 69px;
}
body.oem div.container div.hit {
	padding: 0 51px 0 74px;
}
body.oem div.container div.hit p.flow {
	float: right;
	width: 265px;
	padding: 1em 0 0 0;
}
body.oem div.container div.hit p.lead {
	padding: 1em 0 2em 0;
}
body.oem div.container div.hit div.one {
	background: url(../images/oem/bg-1.gif) no-repeat left top;
}
body.oem div.container div.hit div.two {
	background: url(../images/oem/bg-2.gif) no-repeat left top;
}
body.oem div.container div.hit div.three {
	background: url(../images/oem/bg-3.gif) no-repeat left top;
}
body.oem div.container div.hit div.four {
	background: url(../images/oem/bg-4.gif) no-repeat left top;
}
body.oem div.container div.hit div.one,
body.oem div.container div.hit div.two,
body.oem div.container div.hit div.three,
body.oem div.container div.hit div.four {
	padding: 0 300px 0 45px;
}
body.oem div.container div.hit h3 {
	font-weight: normal;
	font-size: medium;
	line-height: 1.4;
}
body.oem div.container div.hit p {
	line-height: 1.5;
	padding: 0.2em 0 3em 0;
}
body.oem div.container div.hit div.box {
	background: url(../images/oem/bg-hit-box.jpg) no-repeat left center;
	width: 404px;
	height: 129px;
}
body.oem div.container div.hit div.box p {
	padding: 10px 108px 0 14px;
}
body.oem div.container div.hit p.img {
	float: left;
	width: 265px;
	padding: 0 0 2em 0;
}
body.oem div.container div.hit p.txt {
	float: right;
	width: 394px;
	padding: 1em 0 0 0;
}
body.oem div.container div.hit p.totop {
	padding: 0 0 2em 0;
}





/* company */
body.company div.container {
	padding: 0 58px 0 72px;
	width: 669px;
}
body.company div.container div.navi {
	padding: 27px 0 17px 84px;
}
body.company div.container div.staff div.content p {
	font-size: x-small;
	line-height: 1.5;
	padding: 1em 0 2em 1em;
}
body.company div.container div.staff div.image {
	background: url(../images/company/staff-0.jpg) no-repeat center center;
}
body.company div.container div.greeting {
	padding: 64px 0 0 0;
}
body.company div.container div.greeting div.content {
	float: left;
	width: 440px;
}
body.company div.container div.greeting div.content h2 {
	font-weight: normal;
	font-size: medium;
	padding: 1em 0 1em 0;
}
body.company div.container div.greeting div.content p {
	font-size: x-small;
	line-height: 1.5;
}
body.company div.container div.greeting div.content p.totop {
	padding: 1em 0 0 0;
}
body.company div.container div.greeting div.image {
	float: right;
	width: 201px;
}
body.company div.container div.philosophy {
	padding: 44px 0 0 0;
}
body.company div.container div.philosophy div.content {
	float: left;
	width: 440px;
}
body.company div.container div.philosophy div.content h2 {
	font-weight: normal;
	font-size: medium;
	padding: 1em 0 1em 0;
}
body.company div.container div.philosophy div.content dl,
body.company div.container div.philosophy div.content p {
	font-size: x-small;
	line-height: 1.5;
}
body.company div.container div.philosophy div.content dl dt {
	font-size: medium;
}
body.company div.container div.philosophy div.content dl dd {
	padding: 0 0 1em 0;
}
body.company div.container div.philosophy div.content p.totop {
	padding: 1em 0 0 0;
}
body.company div.container div.philosophy div.image {
	float: right;
	width: 217px;
}
body.company div.container div.profile {
	padding: 44px 0 44px 0;
}
body.company div.container div.profile div.content {
	float: left;
	width: 298px;
}
body.company div.container div.profile div.content dl {
	font-size: x-small;
	line-height: 1.5;
	padding: 3em 0 0 0;
}
body.company div.container div.profile div.content dd {
	padding: 0 0 1.5em 0;
	margin: -1.5em 0 0 5.5em;
}
body.company div.container div.profile div.content p.totop {
	padding: 1em 0 0 0;
	font-size: x-small;
	line-height: 1.5;
}
body.company div.container div.profile div.image {
	float: right;
	width: 362px;
}






/* contact */
body.contact div.container {
	width: 799px;
}
body.contact div.container div.content {
	float: left;
	width: 468px;
}
body.contact div.container div.content h1 {
	padding: 33px 0 0 54px;
}
body.contact div.container div.content ul {
	padding: 34px 0 0 54px;
	list-style: none;
	line-height: 2;
}
body.contact div.container div.content ul li {
	padding: 0 0 0 37px;
}
body.contact div.container div.content ul li.tel,
body.contact div.container div.content ul li.cel {
	font-size: x-small;
}
body.contact div.container div.content ul li.tel strong,
body.contact div.container div.content ul li.cel strong {
	font-size: xx-large;
	font-weight: normal;
	color: #390;
	line-height: 1.5;
}
body.contact div.container div.content ul li.fax,
body.contact div.container div.content ul li.mail,
body.contact div.container div.content ul li.time {
	font-size: medium;
}
body.contact div.container div.content ul li.tel {
	background: url(../images/contact/icon-tel.gif) no-repeat left center;
}
body.contact div.container div.content ul li.cel {
	background: url(../images/contact/icon-cel.gif) no-repeat left center;
}
body.contact div.container div.content ul li.fax {
	background: url(../images/contact/icon-fax.gif) no-repeat left center;
}
body.contact div.container div.content ul li.mail {
	background: url(../images/contact/icon-mail.gif) no-repeat left center;
}
body.contact div.container div.content ul li.time {
	background: url(../images/contact/icon-time.gif) no-repeat left center;
}
body.contact div.container div.image {
	float: right;
	width: 328px;
	padding: 64px 0 45px 0;
}