body {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 12px;
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.6;
  background-color: #d5d1bc;
}

#container {
}

.inner {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

#header {
  height:98px;
  background-image: url(../images/header_bg.gif);
  background-repeat: repeat-x;
  background-position: center top;
}

#header .inner {
  position:relative;
}

#logo {
  padding-top: 28px;
  width:300px;
}

#header #main_nav {
  position:absolute;
  top:23px;
  left:480px;
}

#header #main_nav li {
  float: left;
  background-image: url(../images/nav_kei.gif);
  background-repeat: no-repeat;
}

#header #main_nav li a {
  display:block;
  width: 113px;
  height: 66px;
  padding-left: 7px;
  text-decoration:none;
  color:#EEE;
  font-size:12px;
  font-family:Verdana, sans-serif;
  margin-top:-5px;
}

#header #main_nav li a span {
  font-size:16px;
  display:block;
}

#header #main_nav li.last_child a {

}

#header #main_nav li a:hover {
  color:#FFF;
}

#home #main_nav_home a,
#service #main_nav_service a,
#portfolio #main_nav_portfolio a,
#tutorial #main_nav_tutorial a,
#about #main_nav_about a {
  background-image: url(../images/nav_current.gif);
  background-repeat: no-repeat;
  background-position: 10px bottom;
  color:#969696;
}

#content {
  background-color: #FFF;
  padding-bottom:40px;
  overflow: hidden;
}
#content_main {
  padding-top: 40px;
}

#content h1 {
  padding-top: 40px;
}

#page_top {
  text-align: right;
}

#page_top {
  text-align: right;
  background-color: #FFF;
  clear: both;
  padding-top:10px;
  padding-bottom:10px;
  font-size:12px;
}

#page_top a {
  text-decoration:none;
  color:#333;
  display:block;
}

#copyright {
  border-top: 1px solid #BDB897;
  padding-top: 10px;
  padding-bottom: 10px;
  clear: both;
}