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

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


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

div#index div.headerArea {
	width: 690px;
	height: 408px;
	background: transparent url(../img/index_title.jpg) left top no-repeat;
}

div#index div.headerArea h1 {
	height: 175px;
}

div#index div.headerArea p {
	margin-left: 23px;
}

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

div#index div.contents {
	padding-bottom: 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-image: url(../img/index_menu_bg.gif);
}

div#index div.contents ul {
	margin: 15px 0 0 14px;
	width: 690px;
}

div#index div.contents ul li,
div#index div.contents a {
	display:block;
	width:223px;
	height:228px;
	float:left;
}

div#index div.contents ul li a {
	background-repeat:no-repeat;
	text-indent:-9999px;
}

div#index div.contents ul li a:hover {
	background-position:0 -228px;
}

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

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

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

/* .clearfix */

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

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

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