@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
  margin: 0;　
  padding: 0;
  color: #333333;
  background: #ffffff url(../images/back02.gif) no-repeat;
}
#wrapper {
  width: 777px;
}


/* ヘッダ
---------------------------------------------------- */
#header {
  width: 777px;
  height: 100px;
  color: #333333;
  background: url(../images/header02.gif) no-repeat;
}




/* グローバル・ナビゲーション
---------------------------------------------------- */
#header ul {
  margin: 0;
  list-style: none;
}
#header li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 4px;
  height: 13px;
  text-indent: -9999px;
}
#header li#top      { left: 518px; width: 33px; }
#header li#about    { left: 570px; width: 74px; }
#header li#job  { left: 627px; width: 49px; }
#header li#faq { left: 682px; width: 27px; }
#header li#mail      { left: 732px; width: 37px; }
#header li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 34px;
}
#header li#top a:hover {
  background: url(../images/gnavi02.gif) 0 0;
}
#header li#about a:hover {
  background: url(../images/gnavi02.gif) -32px 0;
}
#header li#clients a:hover {
  background: url(../images/gnavi02.gif) -76px 0;
}
#header li#services a:hover {
  background: url(../images/gnavi02.gif) -123px 0;
}
#header li#faq a:hover {
  background: url(../images/gnavi02.gif) -184px 0;
}

/* 大きな画像
---------------------------------------------------- */
#cover {
	position: absolute;
	top: 88px;
	left: 528px;
	width: 215px;
	height: 246px;
     font-size: small;
     background: url(../images/content4.jpg) no-repeat;
}
#cover h2 {
  padding: 10px 0 10px 0;  
  font-size: small;
  text-align: right;
  color: #ffffff;
 
}

/* メイン・コンテンツ
---------------------------------------------------- */
#content {
  margin: 14px 0 0 10px;
  width: 490px;			/* ■IE6バグ回避に必要。無いと下に隙間ができる */
  position: absolute;
  top: 0px;
  left: 242px;
  height: 1059px;
}

/* リンクのとこ
---------------------------------------------------- */
#rec_link {
  margin: 14px 0 0 10px;
  width: 732px;			/* ■IE6バグ回避に必要。無いと下に隙間ができる */
  position: absolute;
  top: 1470px;
  left: 5px;
  height: 120px;
}



/* フッタ
---------------------------------------------------- */
#footer {
	clear: both;
	margin: 0 0 0 10px;
	width: 732px;			/* ■IE6バグ回避に必要。無いと下に隙間ができる */
	position: absolute;
	top: 1950px;
	left: 4px;
	height: 15px;
}
#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: 0px;
  font-size: x-small;
  color: #666666;
  background: transparent;
}

/* ナビゲーション
---------------------------------------------------- */
#navigation {
	position: absolute;
	top: 360px;
	left: 10px;
	width: 236px;
	height: 300px;
}

/* オンライン登録
---------------------------------------------------- */
#reg {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 740px;
	height: 850px;
}

/* 相互リンク
---------------------------------------------------- */
#link {
	clear: both;
	margin: 0 0 0 10px;
	width: 800px;			/* ■IE6バグ回避に必要。無いと下に隙間ができる */
	position: absolute;
	top:860px;
	left: 4px;
	height: 500px;
}


#banner {
	clear: both;
	margin: 0 0 0 10px;
	width: 800px;			/* ■IE6バグ回避に必要。無いと下に隙間ができる */
	position: absolute;
	top: 100px;
	left: 20px;
	height: 500px;
}

#textlink {
	clear: both;
	margin: 0 0 0 10px;
	width: 800px;			/* ■IE6バグ回避に必要。無いと下に隙間ができる */
	position: absolute;
	top: 500px;
	left: 20px;
	height: 360px;
}


/* メニュー
---------------------------------------------------- */
ul#menu {
  margin: 0;
  padding: 0;

  width: 230px;
  list-style: none;
  color: #666666;

}
ul#menu li {
  display: block;
  margin: 0;
  padding: 6px 0px 6px 15px;
  font-size: small;
  background: url(../images/dot.jpg) no-repeat 0px 10px;
}
ul#menu li span {
  display: block;
  font-size: x-small;
}
ul#menu li a {
  text-decoration: none;
  color: #666666;
  border-bottom: solid 1px #dcd3c5;
}
ul#menu li a:hover {
  color: #ff3300;
  border-bottom: dotted 1px #ff9900;
}
ul#menu li#select {
  color: #ffffff;
  background: url(../images/listimg.gif) no-repeat 26px 14px #3399ff;
}