@charset "utf-8";


/*+++++++++++++++++++++++++++++++++++++++++++ menu */
#menu li.menu04 a{
	background-position: 0px -38px;
}

/*+++++++++++++++++++++++++++++++++++++++++++ subMenu */
#side #subMenu ul.ulAchieves{
	padding-top: 27px;
	background: url(images/subMenuHeader.gif) 0px 0px no-repeat;
}

/*+++++++++++++++++++++++++++++++++++++++++++ contents */

/* index */
#contents #ankertBox{
	margin: 0px auto;
	padding: 16px;
	width: 536px;
	border: 1px solid #00633D;
}
#contents #ankertBox p{
	margin: 0px 0px 1.5em 0px;
	line-height: 1.1em;
}
#contents #ankertBox p.ankertBoxList{
	display: block;
	padding-left: 24px;
	background: url(../common/images/listBg.gif) 0px 2px no-repeat;
}

#contents ul.ulIndex{
	list-style: none;
	width: 420px;
	margin: 0px 0px 2em 10px;
	padding: 0px 0px 0px 180px;
}
#contents ul.ulIndex li{
	padding: 0px 0px 6px 24px;
	line-height: 1.3em;
	background: url(../common/images/listBg.gif) 0px 3px no-repeat;
}
#contents ul.ulIndex1{ background: url(images/index/img01.jpg) 0px 0px no-repeat; }
#contents ul.ulIndex2{ background: url(images/index/img02.jpg) 0px 0px no-repeat; }
#contents ul.ulIndex li.spb{
	margin-bottom: 52px;
}

/* step */
ul#ulStepIndex{
	clear: both;
	width: 610px;
	height: 284px;
	margin: 20px 0px 0px 0px;
	padding: 48px 0px 0px 0px;
	background: url(images/step/stepHeader.gif) 0px 0px no-repeat;
}
ul#ulStepIndex li{
	list-style: none;
	float: left;
	width: 61px;
	height: 284px;
}
ul#ulStepIndex li a{
	display: block;
	width: 61px;
	height: 284px;
	text-indent: -9999px;
	overflow: hidden;
}
ul#ulStepIndex li.si1 a{ background:url(images/step/stepIndex1.gif) 0px 0px no-repeat; }
ul#ulStepIndex li.si2 a{ background:url(images/step/stepIndex2.gif) 0px 0px no-repeat; }
ul#ulStepIndex li.si3 a{ background:url(images/step/stepIndex3.gif) 0px 0px no-repeat; }
ul#ulStepIndex li.si4 a{ background:url(images/step/stepIndex4.gif) 0px 0px no-repeat; }
ul#ulStepIndex li.si5 a{ background:url(images/step/stepIndex5.gif) 0px 0px no-repeat; }
ul#ulStepIndex li.si6 a{ background:url(images/step/stepIndex6.gif) 0px 0px no-repeat; }
ul#ulStepIndex li.si7 a{ background:url(images/step/stepIndex7.gif) 0px 0px no-repeat; }
ul#ulStepIndex li.si8 a{ background:url(images/step/stepIndex8.gif) 0px 0px no-repeat; }
ul#ulStepIndex li.si9 a{ background:url(images/step/stepIndex9.gif) 0px 0px no-repeat; }
ul#ulStepIndex li.si10 a{ background:url(images/step/stepIndex10.gif) 0px 0px no-repeat; }
ul#ulStepIndex li a:hover{
	background-position: 0px -284px;
}

/* step00 */
ul#ulStep{
	clear: both;
	width: 610px;
	height: 46px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
ul#ulStep li{
	list-style: none;
	float: left;
	width: 61px;
	height: 46px;
}
ul#ulStep li a{
	display: block;
	width: 61px;
	height: 46px;
	text-indent: -9999px;
	overflow: hidden;
}
ul#ulStep li.s1 a{ background:url(images/step/step1.gif) 0px 0px no-repeat; }
ul#ulStep li.s2 a{ background:url(images/step/step2.gif) 0px 0px no-repeat; }
ul#ulStep li.s3 a{ background:url(images/step/step3.gif) 0px 0px no-repeat; }
ul#ulStep li.s4 a{ background:url(images/step/step4.gif) 0px 0px no-repeat; }
ul#ulStep li.s5 a{ background:url(images/step/step5.gif) 0px 0px no-repeat; }
ul#ulStep li.s6 a{ background:url(images/step/step6.gif) 0px 0px no-repeat; }
ul#ulStep li.s7 a{ background:url(images/step/step7.gif) 0px 0px no-repeat; }
ul#ulStep li.s8 a{ background:url(images/step/step8.gif) 0px 0px no-repeat; }
ul#ulStep li.s9 a{ background:url(images/step/step9.gif) 0px 0px no-repeat; }
ul#ulStep li.s10 a{ background:url(images/step/step10.gif) 0px 0px no-repeat; }
ul#ulStep li a:hover{
	background-position: 0px -46px;
}
ul#ulStep li a.on{
	background-position: 0px -46px;
}

#stepBox{
	width: 608px;
	margin: 0px 0px 8px 0px;
	border: 1px solid #717071;
}
#stepBox p{
	margin: 0px 10px 1.5em 10px;
}
#stepBox .stepInformationHeader{
	clear: both;
	width: 578px;
	border: none;
	margin: 0px auto;
}
#stepBox .stepInformationBox{
	width: 558px;
	border: 1px solid #DC3200;
	margin: 0px auto 16px auto;
	padding: 10px;
	background-color: #FFFFCC;
}
#stepBox .stepInformationBox table{
	width: 546px;
	margin: 0px auto;
}
#stepBox .stepInformationBox td{
	padding: 3px 0px 3px 0px;
	font-size: 100%;
	vertical-align: top;
}
#stepBox .stepInformationBox td.st1{
	width: 14px;
	color: #DC3200;
}
#stepBox .stepInformationBox td.st2{
	width: 14px;
}

#stepArrow{
	width: 610px;
	text-align: right;
}
#stepArrow img{
	padding-left: 8px;
}

/* maintenance */
#contents .kakishibu{
	position: relative;
	float: right;
	width: 177px;
	margin: 0px;
	padding: 0px 0px 10px 20px;
	text-align: right;
	font-size: 95%;
}
#contents .kakishibu .kakishibuNote{
	position: absolute;
	width: 177px;
	height: 20px;
	top: -20px;
	left: 0px;
	padding: 0px 0px 0px 20px;
	font-size: 95%;
	text-align: right;
}