/* CSS Document */


#all-box {
  width: 950px;
  margin: 0 auto;
  background: url(../img/bg-contents.gif) left top repeat-y #fff;
}


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

#header {
  width: 900px;
  padding: 20px 25px 18px 25px;
  background: url(../img/bg-header.gif) left top no-repeat;
}

#logo {
  width: 186px;
  height: 95px;
  margin: 0;
  padding: 0;
  float: left;
}

#logo a {
  /*\*/
    overflow: hidden;
  /**/
  width: 186px;
  height: 95px;
  background: url(../img/logo.gif) left top no-repeat;
  text-indent: -9999px;
  display: block;
}

#description {
  width: 655px;
  height: 95px;
  margin: 0;
  padding: 0;
  background: url(../img/description.gif) left top no-repeat;
  text-indent: -9999px;
  float: right;
}

ul#gnavi-list {
  width: 900px;
  margin: 0;
  padding: 9px 0 25px 0;
  clear: both;
}

ul#gnavi-list li {
  height: 15px;
  list-style-type: none;
  float: left;
}

ul#gnavi-list li a {
  /*\*/
    overflow: hidden;
  /**/
  height: 15px;
  text-indent: -9999px;
  display: block;
}

ul#gnavi-list li.gnavi01 a { width: 76px; background: url(../img/li-gnavi01.gif) left top no-repeat; }
ul#gnavi-list li.gnavi02 a { width: 112px; background: url(../img/li-gnavi02.gif) left top no-repeat; }
ul#gnavi-list li.gnavi03 a { width: 126px; background: url(../img/li-gnavi03.gif) left top no-repeat; }
ul#gnavi-list li.gnavi04 a { width: 157px; background: url(../img/li-gnavi04.gif) left top no-repeat; }
ul#gnavi-list li.gnavi05 a { width: 140px; background: url(../img/li-gnavi05.gif) left top no-repeat; }
ul#gnavi-list li.gnavi06 a { width: 222px; background: url(../img/li-gnavi06.gif) left top no-repeat; }

ul#gnavi-list li a:hover, ul#gnavi-list li a.active { background-position: left -15px; }

ul#gnavi-list li.gnavi01 { width: 76px; background: url(../img/li-gnavi01.gif) left -15px no-repeat; }
ul#gnavi-list li.gnavi02 { width: 112px; background: url(../img/li-gnavi02.gif) left -15px no-repeat; }
ul#gnavi-list li.gnavi03 { width: 126px; background: url(../img/li-gnavi03.gif) left -15px no-repeat; }
ul#gnavi-list li.gnavi04 { width: 157px; background: url(../img/li-gnavi04.gif) left -15px no-repeat; }
ul#gnavi-list li.gnavi05 { width: 140px; background: url(../img/li-gnavi05.gif) left -15px no-repeat; }
ul#gnavi-list li.gnavi06 { width: 222px; background: url(../img/li-gnavi06.gif) left -15px no-repeat; }

ul#gnavi-list li span {
  /*\*/
    overflow: hidden;
  /**/
  height: 15px;
  text-indent: -9999px;
  display: block;
}

#breadcrumbs {
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #0894ce;
  font-size: 69%;
}

#breadcrumbs a { color: #ff7272; }


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

#contents-box {
  width: 900px;
  padding: 0 25px 30px 25px;
}

#contents-box .left-box {
  width: 563px;
  padding: 0 0 20px 0;
  float: left;
}

#contents-box .right-box {
  width: 320px;
  padding: 0 0 20px 0;
  float: right;
}


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

#footer {
  width: 900px;
  margin: 0 auto;
  padding: 15px 0 15px 0;
  border-top: 1px solid #ccc;
  font-size: 69%;
  clear: both;
}

ul#fnavi-list {
  width: 646px;
  margin: 0;
  padding: 0;
  float: left;
}

ul#fnavi-list li {
  list-style-type: none;
  float: left;
}

ul#fnavi-list li a { color: #333; }

p#copyright {
  width: 254px;
  height: 10px;
  margin: 1px 0 0 0;
  padding: 0;
  background: url(../img/copyright.gif) left top no-repeat;
  text-indent: -9999px;
  float: right;
}


/*======================================================================* 
 *  Page Top                                                            *
 *======================================================================*/

#pagetop {
  width: 900px;
  margin: 0 auto;
  padding: 0 0 15px 0;
  text-align: right;
}

#pagetop a {
  padding: 0 0 0 15px;
  color: #333;
  font-size: 75%;
  background: url(../img/index-pagetop.gif) left center no-repeat;
}