@charset "UTF-8";

/*-----------------------------------

	main_image

-----------------------------------*/
#main_image{
	min-width: 1200px;
    height: 460px;
    position: relative;
    overflow: hidden;
	background: url(../img/index/main/main_bg.png) no-repeat center top;
	background-color: #dff7fe;
	padding-top: 5px;
}


#main_image .car1 {
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 30px;
    left: 0;
	background: url(../img/index/main/main_car1.png) repeat 0 0;
}

#main_image .car2 {
    width: 100%;
    height: 75px;
    position: absolute;
    bottom: 60px;
    left: 0;
	background: url(../img/index/main/main_car2.png) repeat 0 0;
}

#main_image .car3 {
    width: 100%;
    height: 65px;
    position: absolute;
    bottom: 168px;
    left: 0;
	background: url(../img/index/main/main_car3.png) repeat 0 0;
}

#main_image .car4 {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 196px;
    left: 0;
	background: url(../img/index/main/main_car4.png) repeat 0 0;
}

#main_image .car5 {
    width: 100%;
    height: 45px;
    position: absolute;
    bottom: 320px;
    left: 0;
	background: url(../img/index/main/main_car5.png) repeat 0 0;
}


#main_image .train {
	width: 100%;
    height: 70px;
    position: absolute;
    bottom: 294px;
    left: 0;
/*	right: 0;*/
	background: url(../img/index/main/main_train.png) repeat 0 0;
/*	background: url(../img/index/main/main_train.png) repeat center 0;*/
/*	margin: auto;*/
}


#main_image .cloud1 {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 406px;
    left: 0;
	background: url(../img/index/main/main_cloud1.png) repeat 0 0;
}

#main_image .cloud2 {
    width: 100%;
    height: 55px;
    position: absolute;
    bottom: 410px;
    left: 0;
	background: url(../img/index/main/main_cloud2.png) repeat 0 0;
}


#main_image .bg1 {
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 20px;
    left: 0;
	background: url(../img/index/main/main_bg1.png) no-repeat center top;
}

#main_image .bg2 {
    width: 100%;
    height: 170px;
    position: absolute;
    bottom: 86px;
    left: 0;
	background: url(../img/index/main/main_bg2.png) no-repeat center top;
}

#main_image .bg3 {
    width: 100%;
    height: 180px;
    position: absolute;
    bottom: 220px;
    left: 0;
	background: url(../img/index/main/main_bg3.png) no-repeat center top;
}

#main_image .bg4 {
    width: 100%;
    height: 55px;
    position: absolute;
    bottom: 259px;
    left: 0;
	background: url(../img/index/main/main_bg4.png) no-repeat center top;
}

#main_image .bg5 {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 351px;
    left: 0;
	background: url(../img/index/main/main_bg5.png) no-repeat center top;
}

#main_image .bg6 {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 351px;
    left: 0;
	background: url(../img/index/main/main_bg6.png) no-repeat center top;
}



#main_image .wheel,
#main_image .icon {
	margin: 0 auto;
    position: relative;
    width: 1200px;
}

#main_image .wheel_inner {
    width: 123px;
    height: 123px;
    position: absolute;
    top: 48px;
	right: 124px;
	background: url(../img/index/main/main_wheel.png) no-repeat center top;
    -webkit-animation: spin 120s linear infinite;
    -moz-animation: spin 120s linear infinite;
    -ms-animation: spin 120s linear infinite;
    -o-animation: spin 120s linear infinite;
    animation: spin 120s linear infinite;
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}



#main_image .icon_suzukitec img,
#main_image .icon_eco21 img,
#main_image .icon_saiseikan img {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#main_image .icon_suzukitec:hover img,
#main_image .icon_eco21:hover img,
#main_image .icon_saiseikan:hover img {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#main_image .icon_suzukitec {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 160px;
	right: 500px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    -o-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
}

#main_image .icon_eco21 {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 160px;
	right: 300px;
	-webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    -o-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
}

#main_image .icon_saiseikan {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 160px;
	right: 1000px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    -o-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
}

@-webkit-keyframes move {
	0% {top: 160px;}
	50% {top: 170px;}
	100% {top: 160px;}
}
@-moz-keyframes move {
	0% {top: 160px;}
	50% {top: 170px;}
	100% {top: 160px;}
}
@-ms-keyframes move {
	0% {top: 160px;}
	50% {top: 170px;}
	100% {top: 160px;}
}
@-o-keyframes move {
	0% {top: 160px;}
	50% {top: 170px;}
	100% {top: 160px;}
}
@keyframes move {
	0% {top: 160px;}
	50% {top: 170px;}
	100% {top: 160px;}
}