@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  color: #333333;
  background: #ffffff ;
}
#wrapper {
  width: 777px;
}

/* ヘッダ
---------------------------------------------------- */
#header {
	width: 777px;
	height: 80px;
	color: #ffffff;
	background: url(../images/header_top.jpg) no-repeat;
}
h1 {
	margin: 0;
	position: absolute;
	left: 0px;
	top: 26px;
}


/* グローバル・ナビゲーション
---------------------------------------------------- */
#header ul {
  margin: 0;
  list-style: none;
}
#header li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 32px;
	height: 34px;
	text-indent: -9999px;
	left: 689px;
	width: 50px;
}
#header li#top      { left: 526px; width: 38px; }
#header li#about    { left: 564px; width: 42px; }
#header li#works    { left: 606px; width: 45px; }
#header li#blog     { left: 651px; width: 38px; }
#header li#link  　 { left: 689px; width: 50px; }
#header li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 34px;
}
#header li#top a:hover {
  background: url(../images/gnavi_top.jpg) 0 0;
}
#header li#about a:hover {
  background: url(../images/gnavi_top.jpg) -37px 0;
}
#header li#works a:hover {
  background: url(../images/gnavi_top.jpg) -79px 0;
}
#header li#blog a:hover {
  background: url(../images/gnavi_top.jpg) -124px 0;
}
#header li#link a:hover {
  background: url(../images/gnavi_top.jpg) -162px 0;
}

/* 大きな画像
---------------------------------------------------- */
#cover {
	margin: 0 0 0 0px;
}
#cover img {
  vertical-align: bottom;
}
/* メイン・コンテンツ
---------------------------------------------------- */
#content {
  margin: 14px 0 0 10px;
  width: 777px;			/* ■IE6バグ回避に必要。無いと下に隙間ができる */
}
#content div {
  float: left;
  width: 248px;
}
#content h2 {
  margin: 0;
  padding: 0;
  height: 71px;
}
#content a, #content img {		/* ■画像周りの余白を消す */
  display: block;
}
#content a {
  width: 248px;
  height: auto;
}
#new h2 {
  background: url(../images/back1.jpg) 0 22px no-repeat;
}
#feature01 h2 {
  background: url(../images/akari05.jpg) 0 22px no-repeat;
}
#feature02 h2 {
  background: url(../images/studio04.jpg) 0 22px no-repeat;
}
#content p {
  margin: 0 0 20px;
  width: 236px;
  font-size: x-small;
  line-height: 1.4;
}

/* フッタ
---------------------------------------------------- */
#footer {
  clear: both;
  margin: 0 0 0 10px;
  border-top: 1px solid #cbcbcb;
  position: relative;
  width: 732px;
}
#footer ul {
  margin: 0;
  list-style: none;
}
#footer li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 8px;
  height: 19px;
  text-indent: -9999px;
}
#footer li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 19px;
}
#footer li#info    {
  left: 677px;
  width: 55px;
  background: url(../images/info.gif) no-repeat;
}
#footer li#sitemap {
  left: 604px;
  width: 73px;
  background: url(../images/sitemap.gif) no-repeat;
}
#footer li#privacy {
  left: 532px;
  width: 73px;
  background: url(../images/privacy.gif) no-repeat;
}
#footer p {
  margin-top: 10px;
  font-size: x-small;
  color: #666666;
  background: transparent;
}