/* CSS Document */


#all-box {
  width: 924px;
  margin: 0 auto;
}


/*======================================================================* 
 *  Header Area                                                         *
 *======================================================================*/

#header {
  width: 924px;
  height: 84px;
  background: url(../img/bg-header.jpg) left top no-repeat;
}

#logo {
  padding: 36px 0 0 71px;
  margin: 0;
  float: left;
}
#logo a {
  /*\*/
    overflow: hidden;
  /**/
  width: 225px;
  height: 37px;
  background: url(../img/logo.gif) left top no-repeat;
  text-indent: -9999px;
  display: block;
}

#gnavi {
  width: 438px;
  padding: 0 52px 0 0;
  float: right;
}
#gnavi li { float: left; }
#gnavi li.gnavi_02, #gnavi li.gnavi_03 {
  margin-top: 12px;
}
#gnavi li a {
  /*\*/
    overflow: hidden;
  /**/
  height: 25px;
  text-indent: -9999px;
  display: block;
}
#gnavi li.gnavi_01 a { width: 169px; height: 79px; background: url(../img/navi_01.gif) left top no-repeat; }
#gnavi li.gnavi_02 a { width: 165px; background: url(../img/navi_02.gif) left top no-repeat; }
#gnavi li.gnavi_03 a { width: 104px; background: url(../img/navi_03.gif) left top no-repeat; }
#gnavi li.gnavi_04 a { width: 71px; background: url(../img/navi_04.gif) left top no-repeat; }
#gnavi li.gnavi_05 a { width: 119px; background: url(../img/navi_05.gif) left top no-repeat; }
#gnavi li.gnavi_06 a { width: 79px; background: url(../img/navi_06.gif) left top no-repeat; }
#gnavi li a:hover { background-position: left -25px; }
#gnavi li.gnavi_01 a:hover { background-position: left -79px; }
#gnavi li span {
  height: 25px;
  text-indent: -9999px;
  display: block;
}
#gnavi li.gnavi_01 span { width: 169px; height: 79px; background: url(../img/navi_01.gif) left bottom no-repeat; }
#gnavi li.gnavi_02 span { width: 165px; background: url(../img/navi_02.gif) left bottom no-repeat; }
#gnavi li.gnavi_03 span { width: 104px; background: url(../img/navi_03.gif) left bottom no-repeat; }
#gnavi li.gnavi_04 span { width: 71px; background: url(../img/navi_04.gif) left bottom no-repeat; }
#gnavi li.gnavi_05 span { width: 119px; background: url(../img/navi_05.gif) left bottom no-repeat; }
#gnavi li.gnavi_06 span { width: 79px; background: url(../img/navi_06.gif) left bottom no-repeat; }


/*======================================================================* 
 *  Contents Area                                                       *
 *======================================================================*/

#contents-box {
  width: 924px;
  height: 685px;
  padding: 0;
  margin: 0;
  background: url(../img/bg-main.jpg) left top no-repeat;
}

#contents-box .left-box {
  width: 400px;
  height: 663px;
  padding: 22px 15px 0 45px;
  float: left;
}

#contents-box .right-box {
  width: 400px;
  height: 663px;
  padding: 22px 49px 0 15px;
  float: right;
}


/*======================================================================* 
 *  Footer Area                                                         *
 *======================================================================*/

#footer {
  width: 871px;
  height: 67px;
  padding: 14px 32px 0 21px;
  background: url(../img/bg-footer.gif) 728px top no-repeat;
  clear: both;
}

#fnavi {
  width: 558px;
  color: #fff;
  font-size: 75%;
  float: left;
}
#fnavi li { float: left; }
#fnavi li a { color: #fff; text-decoration: none; }
#fnavi li a:hover { text-decoration: underline; }

#copyright {
  width: 313px;
  height: 15px;
  background: url(../img/copyright.gif) left top no-repeat;
  text-indent: -9999px;
  float: right;
}