.utf8sans {font-family: "Lucida Grande","Arial Unicode MS", sans-serif}

* {
	margin: 0;
  padding: 0;
}

html, body {
  font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
  font-size: 13px;
	color: #666565;
  background: #ffffff;
  height: 100%;
}
img {
  vertical-align: middle;
}
a:link {
	text-decoration: none;
	color: #666565;
}
a:visited {
	text-decoration: none;
	color: #666565;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/* Top area */
.link_main {
	padding: 15px 0px 0px 15px;
}
.top_info {
	width: 800px;
	height: 90px;
	padding: 15px 0px 0px 15px;
}
.top_info_thin {
	width: 800px;
	height: 20px;
	padding: 15px 0px 0px 15px;
}
/* Top area */
.logo {
  text-align: center;
  vertical-align: middle;
}

.center_message {
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

/* Left area */
.left {
  vertical-align: top;
  font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
	font-size: 13px;
	width: 270px;
  padding: 20px 0px 0px 0px;
}
.left_link { 
	margin: 0 0 10px 0; 
	padding: 10px 20px; 
}
.portfolio_link { 
	padding: 3px 15px; 
}

/* Center area */
.main_area {
  width: 600px;
	padding: .9cm 0px 0px 0; 
  text-align: center;
  line-height: .5cm;
	font-size: 18px;
}
.main_area_bottom_text {
	padding: 5px 0px 0px 0; 
  text-align: center;
}
.main_area_kanji {
  width: 850px;
	margin: 0 auto;
  text-align: center;
	padding: 0px 0px 0px 30px; 
}
.kanji {
  float: left;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 137px;
  height: 100px;
	padding: 80px 0px 0px 0px; 
	font-size: 16px;
	/*border-bottom: 1px solid #eee;*/
}
.contact_area {
  width: 860px;
	margin: 0 auto;
  text-align: center;
	padding: 40px 0px 0px 0px; 
  vertical-align: middle;
}
.contact_img {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 280px;
	/*border-bottom: 1px solid #eee;*/
}
.contact_img_text {
  display: table-cell;
  float: right;
  vertical-align: middle;
	padding: 14px 0px 0px 0px; 
	/*border-bottom: 1px solid #eee;*/
}
.main_area_top {
  vertical-align: middle;
	padding: 0px 0px 0px 400px;
	/*border-bottom: 1px solid #eee;*/
}
.main_area_left {
	font-size: 13px;
  line-height: 17.25pt;
}
.main_area_column {
  position: absolute;
  top: 200px;
  left: 160px;
  width: 400px
}
.main_area_column_right {
  position: absolute;
  top: 200px;
  left: 580px;
  width: 400px
}
.main_area_column_indent {
	padding: 0px 0px 0px 40px; 
}

/* portfolio image stuff */
.portfolio_img {
  display: table-cell;
  height: 200px;
	padding: 0px 8px; 
  text-align: center;
  vertical-align: middle;
}
.portfolio_img img {
	border-bottom: 1px solid #666565;
	border-top: 1px solid #666565;
	border-left: 1px solid #666565;
	border-right: 1px solid #666565;
}
/* Style rule for IE 6 */
.portfolio_page_link {
  display: table-cell;
	padding: 0px 0px; 
	font-size: 13px;
	color: #666565;
  text-align: center;
  vertical-align: top;
}

.portfolio_view_image_top {
	margin: 0 auto;
	height: 30px;
	padding: 15px 0px 0px 15px;
}
.portfolio_view_image {
  vertical-align: middle;
  text-align: center;
}
.portfolio_view_image_links_table {
	font-size: 13px;
  margin-left:auto; 
  margin-right:auto;	
  width: 380;
  display: table;
  vertical-align: middle;
  text-align: center;
}
.portfolio_view_image_links {
  width: 33.333%;
  display: table-cell;
}
.portfolio_view_image img {
	border-top: 1px solid #666565;
	border-left: 1px solid #666565;
	border-right: 1px solid #666565;
	border-bottom: 1px solid #666565;
  margin: -10px 0 1px 0;
}

/* footer stuff */
#nonFooter {
  position: relative;
  min-height: 100%;
}
* html #nonFooter {
  height: 100%;
}

#content {
  padding-bottom: 1em;
}

#footer {
  vertical-align: middle;
  text-align: center;
  font-size: 10px;
  position: relative;
  margin-top: -3em;
}