* {
	margin: 0;
	padding:0;
}

HTML {
   overflow: -moz-scrollbars-vertical; 
   overflow-x: auto;
}

html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
	margin: 0 auto -1em; /* the bottom margin is the negative value of the footer's height */
	background-color:#ffffff;
	
}

#header {
	margin:auto;
	background-color:#ffffff;
	height:114px;
	padding-left:10px;
}

#content-box {
	background-color:#ccabff;
	width:100%;
	min-width:769px;
	font-size:0px;
	overflow:hidden;
	border-top:1px solid #666666;
}

#content-left {
	float:left;
	margin:0;
	width:604px;
	height:287px;
	background-color:#e6cffd;
	background-image: url(images/content.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#presented-content {
	float:left;
	width:454px;
	padding:20px 20px 0px 20px;
	text-align:justify;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#content-end {
	float:left;
	width:65px;
	height:287px;
	background-image:url(images/content-end.jpg);
}

#kana {
	float:right;
	width:100px;
	height:287px;
	background-image:url(images/right-side.jpg);
}

.text {
	padding:5px 0px 0px 5px;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	}
	
.gallery {
	padding:5px 0px 0px 5px;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	}
	
.content-clear {
	clear:both;
	height:0px;
}
#bottom-edge {
	background-color:#ffffff;
	width:100%;
	min-width:769px;
	height:26px;
	background-image:url(images/below-repeat.jpg);
}

#below-left {
	float:left;
	background-image:url(images/below-content.jpg);
	width:604px;
	height:26px;
}
#below-content-end {
	float:left;
	background-image:url(images/below-content-end.jpg);
	width:65px;
	height:26px;
}
#below-kana {
	float:right;
	background-image:url(images/below-kana.jpg);
	width:100px;
	height:26px;
	background-position:right;
	background-repeat:no-repeat;
}

#push {
	height: 1em; /* #push must be the same height as #footer */
}

#footer {
	margin:auto;
	height: 1em; /* #foooter must be the same height as #push */
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	padding-left:5px;
}

#menu {
	float:left;
	width:100px;
	height:267px;
	margin-top:20px;
	}

#navlist
{
padding-left: 10px;
margin-left: 0;
width: 100px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
}

#navlist li a:link, #navlist li a:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	color:#666666;
	padding-left:10px;
}

#navlist li a:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	color:#000000;
	background-image:url(images/menu-arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}

#navlist #active a { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	color:#ccabff;
	cursor:default;
	background-image:none;
}

.portfolio-image {
	float:left;
	margin-right:5px;
	border:1px #666666 solid;
}

.portfolio-title {
	float:left;
	width:142px;
	padding-bottom:4px;
	padding-top:3px;
	padding-right:5px;
	padding-left:2px;
}

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccabff;
	text-decoration:none;
}

.service {
	float:left;
	height:13px;
	width:150px;
	margin-left:5px;
	padding-left:10px;
	background-image:url(images/menu-arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}