@charset "Shift_JIS";

/* 全体構造---------------------------- */
body { margin-top:0px; background: url(../images/body_back.jpg) center repeat-y; }
#wrapper { margin:0px auto;  width:760px; background:url(../images/0_body.jpg) repeat-y;}

/* リンク------------- */
a:link { font-size:9pt; color: #009900;  font-family: "ＭＳ Ｐゴシック", Osaka; letter-spacing:0.1em;
  background: transparent;    text-decoration: none;  }
a:visited { font-size:9pt;  color: #993300; font-family: "ＭＳ Ｐゴシック", Osaka; letter-spacing:0.1em;
  background: transparent;     text-decoration: none;  }
a:hover { font-size:9pt;  color: #9933; font-family: "ＭＳ Ｐゴシック", Osaka; letter-spacing:0.1em;
  background: transparent;    text-decoration: none; }
a:active { font-size:9pt;  color: #9933; font-family: "ＭＳ Ｐゴシック", Osaka; letter-spacing:0.1em;
  background: transparent;    text-decoration: none; }

.a:link { font-size:10pt; color: #000066; background: transparent;    text-decoration: none;  }
.a:visited { font-size:10pt;  color: #000066;  background: transparent;     text-decoration: none;  }
.a:hover { font-size:10pt;  color: #000066;  background: transparent;    text-decoration: none; }
.a:active { font-size:10pt;  color: #000066; background: transparent;    text-decoration: none; }


/* ヘッダ-------------------------------------- */
#header { margin:0px;  height: 140px;  color: #FFD700;  background: url(../images/0_header.jpg) no-repeat;}
#header #logo { position: absolute; top: 0px; }
#header h1 { margin:0px 200px 0px 250px; padding-top:40px;   font-size: 22pt; font-style: italic;  font-weight: bold; font-style:italic;  font-family:"Courier New", Courier, mono;  color: #ff33ff; }

#header ul {  margin: 30px 0px 0px 180px ;  width: 430px;  list-style: none;
  text-align: right;  font-size: 9pt; font-family: "ＭＳ ゴシック", "Osaka−等幅", Courier, mono;   line-height: 1.0; }
#header li {  display: inline;  padding-left: 1em;  text-transform: capitalize;  background: transparent;}

/* ページ本体
----------------------------------------------- */
#pagebody {  width: 760px;}

#content {
  float: right;  width: 580px; height: auto;     }
 
#content h1 {
  margin: 30px 0 0 60px;  font-size: 18pt; font-style: italic;  font-weight: bold; font-style:italic;
  font-family:"Courier New", Courier, mono;  color: #c0c0c0;}
 
#content h2 {  margin: 50px 0 0 30px;  font-size: 14pt; line-height:20px; font-style: italic;  font-weight: bold;  color: #996600;}
#content .h2 {  margin: 50px 0 0 30px;  font-size: 14pt; line-height:28px; font-style: italic;  font-weight: bold;  color: #006600;}

#content h3 { color:#333333; font-size: 11pt;   }
#content h4 {  margin: 5px 0 0 0px;  font-size: 11pt; }
#content p { font-size: 10pt;  line-height: 17px;  margin-left:15px;}

/* ナビゲーション  
---------------------------------------------------- */
#navigation {
  float: left;
  width: 110px;
  padding: 80px 0 0 15px;
}
#navigation ul {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
#navigation li {
  margin: 0;
  padding: 0;
  width: 110px;
  height: 35px;
  text-indent: -9999px;
}
#navigation li a {
  text-decoration: none;
  		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 110px;
  height: 35px;
}

#navigation li#products      {
  background: url(../images/0nav.gif) no-repeat 0 0;
}
#navigation li#direction    {
  background: url(../images/0nav.gif) no-repeat 0 -35px;
}
#navigation li#design  {
   background: url(../images/0nav.gif) no-repeat 0 -70px;
}
#navigation li#order {
  background: url(../images/0nav.gif) no-repeat 0 -105px;
}
#navigation li#question      {
  background: url(../images/0nav.gif) no-repeat 0 -140px;
}
#navigation li#office      {
  background: url(../images/0nav.gif) no-repeat 0 -175px;
}


#navigation li#products a:hover  {
  background: url(../images/0nav.gif) no-repeat -115px -0px;
}
#navigation li#direction a:hover {
  background: url(../images/0nav.gif) no-repeat -115px -35px;
}
#navigation li#design a:hover {
  background: url(../images/0nav.gif) no-repeat -115px -70px;
}
#navigation li#order a:hover {
  background: url(../images/0nav.gif) no-repeat -115px -105px;
}
#navigation li#question a:hover      {
  background: url(../images/0nav.gif) no-repeat -115px -140px;
}
#navigation li#office a:hover    {
  background: url(../images/0nav.gif) no-repeat -115px -175px;
}
 

/* フッタ
------------------  letter-spacing:1px;-------------------- */
#footer {  clear: both;  width:760px;  height: 20px;  background: url(../images/0_footer.jpg) no-repeat;}