

.step_ico {height:78px;}
.step_ico ul, .step_ico li{ margin:0px; padding:0px;}
.step_ico li{list-style:none; float:left;}
.Step01, .Step02, .Step03, .Step04, .Step05 { position:relative; font-family :'Meiryo';}
.stepColorG_01 {border:5px #76bd1d solid;}
.stepColorG_02 {background-color:#76bd1d;}
.stepColorG_03 {border-bottom:5px #76bd1d solid; color:#76bd1d;}
.stepColorB_01 {border:5px #3366cc solid;}
.stepColorB_02 {background-color:#3366cc;}
.stepColorB_03 {border-bottom:5px #3366cc solid; color:#3366cc;}

.step_ico a {
	color:#fff; font-weight:bold; border:none;
	text-decoration:none;letter-spacing: 3px;display:block;width:159px; height:78px;}
		.step_ico a span {position:absolute;right:15px;bottom:7px;}
	.Step01  { background: url(img/step01s.png); width:159px; height:78px;} 
	.Step02 { background: url(img/step02s.png); width:159px; height:78px;} 
	.Step03 { background: url(img/step03s.png); width:159px; height:78px;} 
	.Step04 { background: url(img/step04s.png); width:159px; height:78px;} 
	.Step05 { background: url(img/step05s.png); width:159px; height:78px;}  
	.stepico { background: url(img/stepico.gif); width:11px; height:78px;}

	.Step01Top{width:840px;position:relative;}
	.Step01TopC {width:840px;position:relative;top:32px;height:347px;}
			.Step02TopC {width:840px;position:relative;top:32px;height:290px;}
	.Step01TopBk { width:118px; height:32px; display:block;position: absolute; right:0px;}
	.Step01TopTxt {position: absolute; right:33px; color:#fff; font-family :'Meiryo'; font-weight:bold;top:4px;}
			.Step02TopTxt {position: absolute; right:17px; color:#fff; font-family :'Meiryo'; font-weight:bold;top:4px;}
	.clear { clear:both; width:100%; height:1px; }
#Step01 {height:385px;}
#Step02, #Step03, #Step04, #Step05 {height:330px;}
.Step01_r_01 {
position: absolute;text-align: center;display:block;border-radius: 200px;height:95px; width:95px;margin:20px 0 0 20px;
-webkit-box-shadow: 0 1px 5px rgba(150,150,150,0.75);-moz-box-shadow: 0 1px 5px rgba(150,150,150,0.75);box-shadow: 0 1px 5px rgba(150,150,150,0.75);

background: #f8ffe8; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f8ffe8 0%, #76bd1d 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f8ffe8 0%,#76bd1d 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f8ffe8 0%,#76bd1d 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#76bd1d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

	.Step01_r_01B {
	position: absolute;text-align: center;display:block;border-radius: 200px;height:95px; width:95px;margin:20px 0 0 20px;
	-webkit-box-shadow: 0 1px 5px rgba(150,150,150,0.75);-moz-box-shadow: 0 1px 5px rgba(150,150,150,0.75);box-shadow: 0 1px 5px rgba(150,150,150,0.75);

	background: #e8ebff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #e8ebff 0%, #3366cc 55%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #e8ebff 0%,#3366cc 55%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #e8ebff 0%,#3366cc 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ebff', endColorstr='#3366cc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
.Step01_r_02, .Step01_r_03{font-family :Arial;color:#fff;font-weight:bold;position: absolute;}
.Step01_r_02 {top:10px; left:22px;font-size:20px;}
.Step01_r_03 {top:50px; left:15px;font-size:60px;}
.Step01_r_04 {
width:700px;height:52px;left:112px;position: absolute;font-family :'Meiryo';font-weight:bold;font-size:30px;top:20px; }
.Step01_r_05{position: absolute;margin:5px 0px 0px 15px;}
.Step01TopCTxt {position: absolute;width:600px; height:80px;color:#2f2f2f;font-size:14px;left:123px;top:90px;}
	.Step02TopCTxt {position: absolute;width:480px; height:80px;color:#2f2f2f;font-size:16px;left:123px;top:90px;line-height:1.5em;}
	.Step02TopCImg {position: absolute;width:200px; height:150px;color:#2f2f2f;font-size:16px;right:20px;top:90px;background-image:url(img/step02img.png);}
	.Step03TopCImg {position: absolute;width:200px; height:150px;color:#2f2f2f;font-size:16px;right:20px;top:90px;background-image:url(img/step03img.png);}
	.Step04TopCImg {position: absolute;width:200px; height:150px;color:#2f2f2f;font-size:16px;right:20px;top:90px;background-image:url(img/step04img.png);}
	.Step05TopCImg {position: absolute;width:200px; height:150px;color:#2f2f2f;font-size:16px;right:20px;top:90px;background-image:url(img/step05img.gif);}
.Step01TopCBox { position: absolute;width:90% ;height:156px;background-color:#d9e3e8;display:block;left:40px;top:162px;text-align:center;padding-bottom:10px;}
	.Step01TopCBox ul {margin-top:20px;margin-left:30px}
.Step01TopCBox li {list-style:none;float:left; margin-right:30px;width:200px;font-size: 14px;}
.Step01T-btna, .Step01T-btnb, .Step01T-btnc{
	width:200px;height:64px;border-radius: 10px;display:block;  font-size: 20px;  color: #ffffff;
	-webkit-border-radius: 28;-moz-border-radius: 28;border-radius: 30px;
	text-decoration: none;font-size: 18px; padding:10px 3px 5px 3px; font-weight:bold;
}

.Step01T-btna {
  background: #ff9500;
  background-image: -webkit-linear-gradient(top, #ff9500, #ff8300);
  background-image: -moz-linear-gradient(top, #ff9500, #ff8300);
  background-image: -ms-linear-gradient(top, #ff9500, #ff8300);
  background-image: -o-linear-gradient(top, #ff9500, #ff8300);
  background-image: linear-gradient(to bottom, #ff9500, #ff8300);
  text-decoration: none;
}
.Step01T-btna:hover {
  background: #ffbf00;
  background-image: -webkit-linear-gradient(top, #ffbf00, #ff8300);
  background-image: -moz-linear-gradient(top, #ffbf00, #ff8300);
  background-image: -ms-linear-gradient(top, #ffbf00, #ff8300);
  background-image: -o-linear-gradient(top, #ffbf00, #ff8300);
  background-image: linear-gradient(to bottom, #ffbf00, #ff8300);
  text-decoration: none;}
.Step01T-btnb {
  background: #5d93fb;
  background-image: -webkit-linear-gradient(top, #5d93fb, #4a84fa);
  background-image: -moz-linear-gradient(top, #5d93fb, #4a84fa);
  background-image: -ms-linear-gradient(top, #5d93fb, #4a84fa);
  background-image: -o-linear-gradient(top, #5d93fb, #4a84fa);
  background-image: linear-gradient(to bottom, #5d93fb, #4a84fa);
}
.Step01T-btnb:hover {
  background: #00ffea;
  background-image: -webkit-linear-gradient(top, #00ffea, #4a84fa);
  background-image: -moz-linear-gradient(top, #00ffea, #4a84fa);
  background-image: -ms-linear-gradient(top, #00ffea, #4a84fa);
  background-image: -o-linear-gradient(top, #00ffea, #4a84fa);
  background-image: linear-gradient(to bottom, #00ffea, #4a84fa);
  text-decoration: none;
} 
.Step01T-btnc {
  background: #ff5500;
  background-image: -webkit-linear-gradient(top, #ff5500, #fb4100);
  background-image: -moz-linear-gradient(top, #ff5500, #fb4100);
  background-image: -ms-linear-gradient(top, #ff5500, #fb4100);
  background-image: -o-linear-gradient(top, #ff5500, #fb4100);
  background-image: linear-gradient(to bottom, #ff5500, #fb4100);
}

.Step01T-btnc:hover {
  background: #fa9600;
  background-image: -webkit-linear-gradient(top, #fa824b, #ff0030);
  background-image: -moz-linear-gradient(top #fa824b, #ff0030,);
  background-image: -ms-linear-gradient(top #fa824b, #ff0030);
  background-image: -o-linear-gradient(top #fa824b, #ff0030);
  background-image: linear-gradient(to bottom, #fa824b, #ff0030);
  text-decoration: none;
}

.StepArrow {width:100%;text-align:center;}
.StepArrow div {background:url(img/stepyajirushi.gif);width:23px;height:47px;margin: 0 auto; display:block;}
.page-top {width:100%; height:40px; margin-top:10px;}
.page-top a { width:100px; height:30px;background-color:#aba097;border-radius: 5px;float:right;
border:1px #968c84 solid;display:block;color:#fff;text-align:center;padding-top:5px;}
.page-top a:hover {background-color:#383838;}



@media (max-width: 990px) {
	.step_ico { height:39px;}
	.step_ico li {margin-bottom:10px;}
	.step_ico a, .Step01 , .Step02 , .Step03 , .Step04 , .Step05{
    width: 130px;height:39px;}
	.stepico { background-image:none;height:39px; }
	.stepico div {margin-top:15px;display: inline-block;
    width:0;    height: 0;    margin-left: 2px;    vertical-align: middle;
    border-top: 4px dashed;    border-top: 4px solid \9;    border-style: solid;
    border-width: 4px;    border-color: transparent transparent transparent #f39800;}
	.Step01Top, .Step01TopC , .Step01TopC li, .Step01T-btna, .Step01T-btnb, .Step01T-btnc,
	.Step02Top, .Step02TopC
	{width:100%;}
	.Step01_r_04  {width:90%;left:18px;top:70px;}
	.Step01_r_05 {left:110px;font-size:22px;margin:0px;}
	 .Step01TopCTxt {width:90%;left:20px;top:130px;}
	 .Step02TopCTxt {width:90%;left:20px;top:130px;}
	.Step01TopC{   height: 640px;}
	.Step01TopCBox {   height: 400px;top:220px;left:10px;}
	#Step01 {height:670px;}
	#Step02, #Step03, #Step04 , #Step05 {height: 560px;}

	.Step02TopC {height: 530px;}
	.Step02TopCImg {top:360px;right:20px}
	.Step03TopCImg {top:300px;right:20px;}
	.Step04TopCImg {top:330px;right:20px;}
	.Step05TopCImg {top:190px;right:20px;}
	.Step01TopCBox ul {margin-left:0px;}
	.Step02TopC p{font-size:14px;}

	
}
