@charset "utf-8";
/* animation.css */




/* アニメーションの枠 */
#animation {
    width: 750px;
    height: 370px;
    border: 0px;
    background-color: #000;
    overflow: hidden;
    position: relative;
}

/* top や left などの絶対位置でアニメーションさせる */
#animation img, #animation p {
    position: absolute;
}

/* 画像は全て透明にしておく */
#animation img {
    opacity: 0;
    -moz-opacity: 0; /*for Firefox*/
    filter: alpha(opacity=0); /*for IE*/
}

/* 2買い目の背景画像は右からスクロールする */
#animation img {
	right: 0;
}


/*要素のプロパティ*/
#cut01bg {
    top: -143px;
}
#cut01text {
    left: 350px;
    top: 75px;
}
#cut02title {
    left: 292px;
    top: 0px;
}
#cut03bg {
	top: -440px;
}
#cut03text1 {
    left: 536px;
    top: 300px;
}
#cut03text2 {
    left: 148px;
    top: 80px;
}
#cut03text3 {
    left: 104px;
    top: 120px;
}
#cut04bg {
	left: 166px;
}
#cut04text {
    left: 0px;
    top: 20px;
}
#cut05bgleft {
    left: 0px;
    top: 0px;
}
#cut05bgright {
    left: 362px;
    top: -120px;
}
#cut05text1 {
    left: 317px;
    top: 62px;
}
#cut05text2 {
    left: 353px;
    top: 15px;
    height: 222px;
    width: 107px;
}
#cut05bg {
	width: 950px;
	height: 670px;
}

#cut06bg {
    left: 0px;
    top: -180px;
}
#cut06text {
    left: 497px;
    top: 315px;
}
#cut07bg {
    left: -52px;
    top: 0px;
}
#cut07text {
    left: 407px;
    top: 335px;
}
#cut08bg {
    left: -255px;
    top: 0px;
}
#cut08text {
    left: 531px;
    top: 335px;
}
#cut09bg {
    left: -119px;
    top: -60px;
    width: 986px;
    height: 486px;
}
#cut09text1 {
    left: 684px;
    top: 27px;
}

#cut09title {
    left: 537px;
    top: 25px;
}
#cutframe {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    opacity: 1;

}