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

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


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

div#index div.primaryContentsArea a {
  outline: none;
}

div#index div.primaryContentsArea {
  height: 813px;
  padding-top: 18px;
  border: none;
  background: #fff url(../img/index_bg.jpg) left top no-repeat;
}

div#index div.primaryContentsArea div.mainArea {
  margin: 0 7px 10px 32px;
display: block;
}

div#index div.primaryContentsArea div.mainArea:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

*+html body div#index div.primaryContentsArea div.mainArea {
  height: 1%;
}

*html body div#index div.primaryContentsArea div.mainArea {
  height: 1%;
}

/* title */

div#index div.primaryContentsArea div.mainArea div.title {
  float: left;
  width: 313px;
  margin-top: 24px;
  background: transparent url(../img/index_title.jpg) left top no-repeat;
  text-align: center;
}

div#index div.primaryContentsArea div.mainArea div.title h1 {
  width: 313px;
  height: 135px;
  background: none;
}

div#index div.primaryContentsArea div.mainArea div.title p {
  line-height: 1.8;
  color: #666;
}

div#index div.primaryContentsArea div.mainArea div.title p.shoulder {
  height: 28px;
  text-indent: -9999px;
}

/* coordinate */

div#index div.primaryContentsArea div.mainArea div.coordinate {
  float: right;
  width: 331px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

*+html body div#index div.primaryContentsArea div.mainArea div.coordinate {
  height: 1%;
}

*html body div#index div.primaryContentsArea div.mainArea div.coordinate {
  height: 1%;
}

div#index div.primaryContentsArea div.mainArea div.coordinate div.leftColumn {
  float: left;
  width: 125px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate div.rightColumn {
  float: right;
  width: 206px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p {
  text-indent: -9999px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item02 {
  margin-top: 41px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item03 {
  margin-top: 55px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item04 {
  margin-top: 108px;
  margin-left: 63px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item05 {
  margin-top: 31px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item06 {
  margin-top: 9px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p a {
  display: block;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item01 a {
  width: 125px;
  height: 108px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item01 a:hover {
  background-image: url(../img/index_item01.jpg);
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item02 a {
  width: 125px;
  height: 79px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item02 a:hover {
  background-image: url(../img/index_item02.jpg);
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item03 a {
  width: 125px;
  height: 193px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item03 a:hover {
  background-image: url(../img/index_item03.jpg);
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item04 a {
  width: 130px;
  height: 89px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item04 a:hover {
  background-image: url(../img/index_item04.jpg);
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item05 a {
  width: 155px;
  height: 55px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item05 a:hover {
  background-image: url(../img/index_item05.jpg);
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item06 a {
  width: 206px;
  height: 184px;
}

div#index div.primaryContentsArea div.mainArea div.coordinate p#item06 a:hover {
  background-image: url(../img/index_item06.jpg);
}


/* contents menu */

div#index div.primaryContentsArea div.contentsflower ol {
  list-style-type: none;
  margin-left: 32px;
/margin-top:476px;
}

div#index div.primaryContentsArea div.contentsflower ol:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

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

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

div#index div.primaryContentsArea div.contentsflower ol li {
  float: left;
  width: 194px;
  text-indent: -9999px;
}

div#index div.primaryContentsArea div.contentsflower ol li#menu02 {
  margin-right: 20px;
  margin-left: 21px;
}

div#index div.primaryContentsArea div.contentsflower ol li a {
  display: block;
  width: 194px;
  height: 219px;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}

div#index div.primaryContentsArea div.contentsflower ol li#menu01 a {
  background-image: url(../img/index_menu01.jpg);
}

div#index div.primaryContentsArea div.contentsflower ol li#menu02 a {
  background-image: url(../img/index_menu02.jpg);
}

div#index div.primaryContentsArea div.contentsflower ol li#menu03 a {
  background-image: url(../img/index_menu03.jpg);
}

div#index div.primaryContentsArea div.contentsflower ol li a:hover {
  background-position: 0 -219px;
}