@charset "Shift_JIS";


body { 
	behavior: url("../work/csshover3.htc");
}
 
/* h2
********************************** */
h2 {
	height: 65px;
	background: url(../work/_img/h2.gif) no-repeat 30px 50% #1E2A63;
	text-indent: -9999px;
}
/* h3
********************************** */
h3 {
	margin: 15px 0 15px 30px;
	color: #7F81AF;
	font-size: 120%;
}
/* .navi#handles
********************************** */
.navi#handles {
	position: absolute;
	top: 30px;
	right: 30px;
}
.navi#handles li {
	text-indent: -9999px;
	height: 14px;
	width: 56px;
	padding: 0;
	margin: 0 0 0 30px;
	line-height: 1;
}
.navi#handles li.page01 {
	background: url(../work/_img/navi_page01.gif) no-repeat 0 0;
}
.navi#handles li.page02 {
	background: url(../work/_img/navi_page02.gif) no-repeat 0 0;
}
.navi#handles li.page03 {
	background: url(../work/_img/navi_page03.gif) no-repeat 0 0;
}
.navi#handles li.page04 {
	background: url(../work/_img/navi_page04.gif) no-repeat 0 0;
}
.navi#handles li#active, 
.navi#handles li:hover {
	background-position: 0 100%;
}
/* #box
********************************** */
#box {
	position:absolute;
}
#box div.page {
	width:780px;
	float:left;
	position: relative;
	background: #EFF0FA;
	padding-bottom: 20px;
}
#box .navi {
	width: 780px;
	position: relative;
	z-index: 10;
}
#box .navi li {
	height: 40px;
	width: 25px;
	text-indent: -9999px;
	position: absolute;
	top: 97px;
}
#box .navi li.prev {
	background: url(../work/_img/prev.gif) no-repeat 10% 0;
	left: 2px;
}
#box .navi li.next {
	background: url(../work/_img/next.gif) no-repeat 30% 0;
	right: -5px;
}
#box .navi li.next:hover {
	background: url(../work/_img/next_on.gif) no-repeat 30% 0;
	right: -5px;
}
/* .mask
********************************** */
.mask {
	position:relative;
	overflow:hidden;
	height: 360px;
	padding: 0 30px 30px 30px;
}
span img {
	display:block;
}

#box div div.step {
	width: 249px;
	float: left;
	position: relative;
}
#box div div.step p {
	padding-left: 30px;
}
#box div div.step p span.step {
	display: block;
	_height: 1%;
	margin: 5px 0 10px 0;
	border-left: 2px #7F81AF solid;
	font-size: 160%;
	line-height: 0.8;
	padding-left: 8px;
	color: #7F81AF;
	font-family: Arial, Helvetica, sans-serif;
}
#box div div.step p span.step span {
	font-size: 76%;
}
#box div div.step#s01, 
#box div div.step#s04, 
#box div div.step#s07, 
#box div div.step#s10 {
	width: 220px;
	margin-left: 30px;
	_margin-left: 0;
	_padding-left: 30px;
}
#box div div.step#s01 p, 
#box div div.step#s04 p, 
#box div div.step#s07 p, 
#box div div.step#s10 p {
	padding-left: 0;
}
#box div div.step p.next {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 10px;
	margin: 0;
	font-size: 86%;
	color: #D4013A;
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* .navi#page
********************************** */
.navi#page {
	margin: 0 30px;
	border-bottom: none;
}
#box div:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}