/*----------------------------------------
		import
----------------------------------------*/

@import url("/mar/manual/common/css/basestyle.css");


/* ↓ 企画毎のスタイルは、これより下に記述します。 ↓ */

div#index div.headerArea {
  height: 421px;
  background: transparent url(../img/index_main_image.gif) left top no-repeat;
}

div#index div.headerArea h1 {
  width: 352px;
  height: 117px;
  margin: 11px 0 20px 38px;
  background-image: url(../img/index_title.gif);
  text-indent: -9999px;
}

div#index div.headerArea p {
  margin: 0 285px 0 31px;
}

div#index div.contents h2 {
  width: 690px;
  height: 43px;
  background-image: url(../img/index_subtitle.gif);
}

div#index div.contents {
  padding-bottom: 35px;
  background-color: #f1e0c9;
  text-align: center;
}

div#index div.contents ol {
  width: 640px;
  margin: 0 auto;
  _margin: 0;
}

div#index div.contents ol li {
  float: left;
  text-indent: -9999px;
}

div#index div.contents ol li#menu01 {
  width: 210px;
  height: 348px;
}

div#index div.contents ol li#menu02 {
  width: 218px;
  height: 182px;
}

div#index div.contents ol li#menu03 {
  width: 212px;
  height: 182px;
}

div#index div.contents ol li#menu04 {
  width: 218px;
  height: 166px;
}

div#index div.contents ol li#menu05 {
  width: 212px;
  height: 166px;
}

div#index div.contents ol li a {
  display: block;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}

div#index div.contents ol li#menu01 a {
  width: 205px;
  height: 348px;
  background-image: url(../img/index_menu01.gif);
}

div#index div.contents ol li#menu01 a:hover {
  background-position: -205px 0;
}

div#index div.contents ol li#menu02 a {
  width: 214px;
  height: 179px;
  background-image: url(../img/index_menu02.gif);
}

div#index div.contents ol li#menu02 a:hover {
  background-position: -214px 0;
}

div#index div.contents ol li#menu03 a {
  width: 212px;
  height: 179px;
  background-image: url(../img/index_menu03.gif);
}

div#index div.contents ol li#menu03 a:hover {
  background-position: -212px 0;
}

div#index div.contents ol li#menu04 a {
  width: 214px;
  height: 166px;
  background-image: url(../img/index_menu04.gif);
}

div#index div.contents ol li#menu04 a:hover {
  background-position: -214px 0;
}

div#index div.contents ol li#menu05 a {
  width: 212px;
  height: 166px;
  background-image: url(../img/index_menu05.gif);
}

div#index div.contents ol li#menu05 a:hover {
  background-position: -212px 0;
}

/* .clearfix */

div#index div.contents ol:after {
  content: "";
	display: block;
	clear: both;
}

*+html body div#index div.contents ol {
  height: 1%;
}

*html body div#index div.contents ol {
  height: 1%;
}