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

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	background-color: #CCCCCC;
}

a{outline:none;}

#container {
	margin: auto;
	padding: 0px;
	width: 820px;
	background-image: url(../images/base/back-container.gif);
	background-repeat: repeat-y;
}
#container-top {
	width: 820px;
	height: 35px;
	background-image: url(../images/base/back-container-top.gif);
}
#container-bottom {
	width: 820px;
	height: 40px;
	background-image: url(../images/base/back-container-bottom.gif);
}
/* End #container */

#content {
}
/* End #content */

#header {
	height: 55px;
	margin: 0px;
	padding: 0px;
	width: 820px;
}
#header img {
	margin-left: 40px;
	margin-top: 2px;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#access {
	padding: 0px;
	height: 55px;
	width: 500px;
	float: right;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contact {
	padding: 0px;
	height: 25px;
	width: 101px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	margin-top: 8px;
}
#contact li {
	background-image: url(../images/base/back-btn-contact.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	height: 25px;
	width: 101px;
	text-indent: -9999px;
}
#contact li a {
    display: block;
	height: 25px;
	width: 101px;
}
#contact li a:hover {
	background-image: url(../images/base/back-btn-contact.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}
/* End #header */

#nav {
	width: 240px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav ul {
	padding: 0px;
	width: 220px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#nav li {
	display: block;
	height: 35px;
	width: 220px;
	margin-bottom: 10px;
	padding: 0px;
	list-style-type: none;
	text-indent: -9999px;
}
#nav li a {
	display: block;
	height: 35px;
	width: 220px;
	padding: 0px;
	list-style-type: none;
	background-image: url(../images/base/back-nav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#nav li#nav-top a { background-position: -220px 0px; }
#nav li#nav-company a { background-position: -220px -45px; }
#nav li#nav-service a { background-position: -220px -90px; }
#nav li#nav-works a { background-position: -220px -135px; }
#nav li#nav-process a { background-position: -220px -180px; }
#nav li#nav-danpost a { background-position: -220px -225px; }
#nav li#nav-contact a { background-position: -220px -270px; }
#nav li#nav-torihiki a { background-position: -220px -315px; }

#nav li#nav-top a:hover { background-position: -440px 0px; }
#nav li#nav-company a:hover { background-position: -440px -45px; }
#nav li#nav-service a:hover { background-position: -440px -90px; }
#nav li#nav-works a:hover { background-position: -440px -135px; }
#nav li#nav-process a:hover { background-position: -440px -180px; }
#nav li#nav-danpost a:hover { background-position: -440px -225px; }
#nav li#nav-contact a:hover { background-position: -440px -270px; }
#nav li#nav-torihiki a:hover { background-position: -440px -315px; }

/* End #nav */

#main-content {
	width: 520px;
	margin-left: 20px;
	float: left;
}
/* End #content */

#footer {
	height: 17px;
	background-image: url(../images/base/back-footer.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	width: 820px;
	clear: both;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}