@charset "Shift_JIS";

/* header
------------------------------------------------------------------*/
#top-header {
  width: 836px;
  height: 380px;
  margin: 0;
  padding: 0px 15px 0;
  background: url(../top_img/headertop_bg.jpg) no-repeat;
 }

#top-title {
  width: 836px;
  height: 80px;
  margin: 0;
  padding: 0;
  overflow: hidden;

 }

#top-header img {
  width: 836px;
  height: 300px;
  margin: 0;
  padding: 0;
  font-size: 77%;
  line-height: 100%;
 }

#top-header h1, #top-header h2, #top-header p {
  margin: 0;
  padding: 0;
  font-size: 77%;
  line-height: 100%;
  text-indent: -9999px;
 }

#top-header p#home {
  clear: both;
  float: left;
  width: 76px;
  height: 22px;
  margin: 274px 0 0 22px;
  padding: 0;
 }

#top-header p#home a {
  display: block;
  width: 76px;
  height: 22px;
  line-height: normal;
  overflow: hidden;
 }

/* main
------------------------------------------------------------------*/
#top-main {
  float: right;
  width: 578px;
  height: auto;
  margin: 0;
  padding: 0 5px 0 20px;
  background: url(../top_img/top_intro.jpg) no-repeat;
 }

#top-intro {
  width: 578px;
  height: auto;
 }

#top-intro h3 {
  width: 578px;
  height: 104px;
  margin: 0;
  padding: 0 0 10px;
  text-indent: -9999px;
 }

#top-intro-text {
  float: left;
  width: 445px;
  height: auto;
 }

#top-intro-text p {
  font-size: 92%;
  line-height: 140%;
 }

#top-intro img {
  float: right;
  margin: 0 15px 0 0;
  padding: 0;
 }

#top-menu {
  width: 570px;
  height: auto;
  margin: 20px 0 0;
  padding: 0;
  background: #F3F3F3 url(../top_img/item_bg.gif) repeat-y;
  border-top: 6px #F3F3F3 solid;
  border-bottom: 5px #F3F3F3 solid;
 }

.top-menu {
  width: 559px;
  height: auto;
  margin: 0;
  padding: 0 0 17px 11px;
  background: url(../top_img/item_foot.gif) no-repeat left bottom;
 }

#top-item01, #top-item02, #top-item03, #top-item04, #top-item05, #top-item06 {
  float: left;
  width: 265px;
  height: auto;
  margin: 0 9px 0 0;
  padding: 15px 0 0 5px;
  background: url(../top_img/item_head.gif) no-repeat left top;
 }

.item-text {
  float: left;
  width: 135px;
  height: auto;
  margin: 0;
  padding: 0;
 }

#top-menu h3 {
  width: 138px;
  height: 34px;
  margin: 0;
  padding: 0;
  font-size: 77%;
  line-height: 100%;
  text-indent: -9999px;
 }

#top-item01 h3 {
  background: url(../top_img/h3item01.jpg) no-repeat;
 }

#top-item02 h3 {
  background: url(../top_img/h3item02.jpg) no-repeat;
 }

#top-item03 h3 {
  background: url(../top_img/h3item03.jpg) no-repeat;
 }

#top-item04 h3 {
  background: url(../top_img/h3item04.jpg) no-repeat;
 }

#top-item05 h3 {
  background: url(../top_img/h3item05.jpg) no-repeat;
 }

#top-item06 h3 {
  background: url(../top_img/h3item06.jpg) no-repeat;
 }

#top-menu p {
  width: 105px;
  height: auto;
  margin: 0;
  padding: 10px 15px 0;
  font-size: 77%;
  line-height: 140%;
 }

#top-menu img {
  float: right;
  margin: 0;
  padding: 0 15px 0 0;
 }

#top-info {
  width: 570px;
  height: auto;
  margin: 20px 0 0;
  background: url(../top_img/info_bg.gif) repeat-y;
 }

#top-info h3 {
  width: 570px;
  height: 50px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background: url(../top_img/h3info.gif) no-repeat;
 }

#top-info ul {
  width: 530px;
  height: auto;
  margin: 0;
  padding: 0 20px 15px;
  background: url(../top_img/info_foot.gif) no-repeat left bottom;
 }

#top-info li {
  width: 530px;
  height: auto;
  margin: 0;
  padding: 0 0 5px;
  font-size: 92%;
  line-height: 140%;
  border-bottom: 1px #CCC dotted;
 }

#top-info h4 span {
  margin: 0;
  padding: 0 10px 0 0;
 }