@charset "utf-8";

/* 第2階層は共通して指定するもの
---------------------------------------*/
/* グローバルナビゲーション アクティブを指定する */
div#header ul#g_navi li#g_navi_customer a{
	background-position: -582pxZ -34px;
	}
/* h1の背景画像を指定する */
div#wrapper h1{
	background: url(../img/h1.gif) no-repeat;
	text-indent: -999em;
	}

/* WRAPPER
---------------------------------------*/
div#wrapper div.button{
	text-align: center;
	height: 80px;
}
div#wrapper div.button p{
	padding-left: 0px;
}
div#wrapper div.button p.attention{
	margin-left: auto;
	margin-right: auto;
	height: 26px;
	width: 458px;
	background-image:url(../img/attention.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	}
div#wrapper div.button p.form-btn{
	text-align: center;
}
div#wrapper div.button p.form-btn a{
	display: block;
	height: 33px;
	width: 462px;
	background: url(../img/formbtn.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	margin-left: auto;
	margin-right: auto;
}
div#wrapper div.button p.form-btn a:hover{
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	}
	
/*ステップごとの背景*/
div#wrapper div{
	background-repeat: no-repeat;
	background-position: left 30px;
	margin-bottom: 20px;
	height: 130px;
	text-align: right;
}
div#wrapper div#step1{
	background-image: url(../img/bgstep1.gif);
}
div#wrapper div#step2{
	background-image: url(../img/bgstep2.gif);
}
div#wrapper div#step3{
	background-image: url(../img/bgstep3.gif);
}
div#wrapper div#step4{
	background-image: url(../img/bgstep4.gif);
}
div#wrapper div#step5{
	background-image: url(../img/bgstep5.gif);
}

div#wrapper div p{
	padding-left: 110px;
	text-align: left;
}

div#wrapper h2{
	height: 20px;
	width: 726px;
	background: url(../img/h2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -999em;
	border-left: #1d5fc1 solid 3px;
	border-bottom: #cecece solid 1px;
}
div#wrapper div h3{
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999em;
	text-align: left;
	margin-bottom: 5px;
}
div#wrapper div#step1 h3{
	background-image: url(../img/h3step1.gif);
}
div#wrapper div#step2 h3{
	background-image: url(../img/h3step2.gif);
}
div#wrapper div#step3 h3{
	background-image: url(../img/h3step3.gif);
}
div#wrapper div#step4 h3{
	background-image: url(../img/h3step4.gif);
}
div#wrapper div#step5 h3{
	background-image: url(../img/h3step5.gif);
}

/*Contact Customer Service*/
div#wrapper div span a{
	display: block;
	height: 30px;
	width: 170px;
	background: url(../img/contactbtn.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	margin-left: auto;
	margin-top: 2em;
	text-align: left;
}
div#wrapper div span a:hover{
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	}
div#wrapper div#step5 a{
	display: block;
	height: 16px;
	background: url(../img/abgschedule.gif);
	background-repeat: no-repeat;
	text-indent: 0em;
	padding-left: 16px;
	margin-left: 110px;
	margin-top: 1em;
	text-align:left;
}