#eye-box { width:980px; height:277px; overflow:hidden; position:relative; border:1px solid #ccc; box-shadow:0px 3px 5px rgba(0,0,0,0.4); }
#eye-wrapper { width:980px; height:277px; background:url(../img/eyecatch1.jpg) no-repeat; display:none; }
#eye-catch { width:980px; height:277px; top:0; left:0; position:absolute; left:0px; transition:left 1s; z-index:15; }
#eye-catch #ly2,#eye-catch #ly3,#eye-catch #ly4 { display:block; position:absolute; transition:left 1s; }
#eye-catch #ly2 { z-index:20; left:-980px; }
#eye-catch #ly3 { z-index:19; left:-980px; }
#eye-catch #ly4 { z-index:18; left:-980px; }

#eye-move { position:absolute; top:0; left:0; width:980px; height:277px; z-index:50; display:none; }

#subrogo { position:absolute; margin-top:100px; margin-left:75px; z-index:30; font-family:PMingLiU,serif; font-size:260%; color:#000000; letter-spacing:-0.1em; line-height:73%; }
#subrogo span { text-shadow:0px 0px 20px #ffffff; position:relative; display:inline-block; }
#subrogo .l8, #subrogo .l9 { color:#f3ca72; position:relative; left:15%; }
#subrogo .t1, #subrogo .w6 { font-size:120%; }
#subrogo .t1 { vertical-align:middle; }
#subrogo .w6 { left:25%; }
#subrogo .e7 { left:16%; }

#catchtext { font-family:Meiryo, Osaka; text-align:right; transition:margin-top 1s; position:absolute; margin-top:110px; width:979px; text-indent:11.5em; font-size:140%; z-index:25; background-color:rgba(255,255,255,0.7); padding:8px 0; }
#catchtext p { padding:0; margin:0; }

#subrogo span.t1m { -webkit-animation: anime1 12s ease-out 0.1s; animation: anime1 12s ease-out 0.1s; }
#subrogo span.r2m { -webkit-animation: anime2 12s ease-out 0.2s; animation: anime2 12s ease-out 0.2s; }
#subrogo span.u3m { -webkit-animation: anime3 12s ease-out 0.4s; animation: anime3 12s ease-out 0.4s; }
#subrogo span.s4m { -webkit-animation: anime4 12s ease-out 0.3s; animation: anime4 12s ease-out 0.3s; }
#subrogo span.t5m { -webkit-animation: anime5 12s ease-out 0.5s; animation: anime5 12s ease-out 0.5s; }
#subrogo span.w6m { -webkit-animation: anime6 12s ease-out 0.3s; animation: anime6 12s ease-out 0.3s; }
#subrogo span.e7m { -webkit-animation: anime7 12s ease-out 0.2s; animation: anime7 12s ease-out 0.2s; }
#subrogo span.l8m { -webkit-animation: anime8 12s ease-out 0.4s; animation: anime8 12s ease-out 0.4s; }
#subrogo span.l9m { -webkit-animation: anime9 12s ease-out 0.1s; animation: anime9 12s ease-out 0.1s; }

@-webkit-keyframes anime1 { 30% { color:#fff; font-size:600%; left:50px; top:-21px; filter:alpha(opacity=0); opacity:0; transform:rotate(-45deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@-webkit-keyframes anime2 { 30% { color:#fff; font-size:600%; left:20px; top:-20px; filter:alpha(opacity=0); opacity:0; transform:rotate(-15deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@-webkit-keyframes anime3 { 30% { color:#fff; font-size:600%; left:60px; top:-28px; filter:alpha(opacity=0); opacity:0; transform:rotate(-45deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@-webkit-keyframes anime4 { 30% { color:#fff; font-size:600%; left:80px; top:-40px; filter:alpha(opacity=0); opacity:0; transform:rotate(45deg);  } 100%{ filter:alpha(opacity=0); opacity:0; }}
@-webkit-keyframes anime5 { 30% { color:#fff; font-size:600%; left:90px; top:-18px; filter:alpha(opacity=0); opacity:0; transform:rotate(20deg);  } 100%{ filter:alpha(opacity=0); opacity:0; }}
@-webkit-keyframes anime6 { 30% { color:#fff; font-size:600%; left:30px; top:-10px; filter:alpha(opacity=0); opacity:0; transform:rotate(-10deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@-webkit-keyframes anime7 { 30% { color:#fff; font-size:600%; left:70px; top:-40px; filter:alpha(opacity=0); opacity:0; transform:rotate(30deg);  } 100%{ filter:alpha(opacity=0); opacity:0; }}
@-webkit-keyframes anime8 { 30% { color:#fff; font-size:600%; left:80px; top:-35px; filter:alpha(opacity=0); opacity:0; transform:rotate(-25deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@-webkit-keyframes anime9 { 30% { color:#fff; font-size:600%; left:30px; top:-45px; filter:alpha(opacity=0); opacity:0; transform:rotate(15deg);  } 100%{ filter:alpha(opacity=0); opacity:0; }}

@keyframes anime1 { 30% { color:#fff; font-size:600%; left:50px; top:-21px; filter:alpha(opacity=0); opacity:0; transform:rotate(-45deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@keyframes anime2 { 30% { color:#fff; font-size:600%; left:20px; top:-20px; filter:alpha(opacity=0); opacity:0; transform:rotate(-15deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@keyframes anime3 { 30% { color:#fff; font-size:600%; left:60px; top:-28px; filter:alpha(opacity=0); opacity:0; transform:rotate(-45deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@keyframes anime4 { 30% { color:#fff; font-size:600%; left:80px; top:-40px; filter:alpha(opacity=0); opacity:0; transform:rotate(45deg);  } 100%{ filter:alpha(opacity=0); opacity:0; }}
@keyframes anime5 { 30% { color:#fff; font-size:600%; left:90px; top:-18px; filter:alpha(opacity=0); opacity:0; transform:rotate(20deg);  } 100%{ filter:alpha(opacity=0); opacity:0; }}
@keyframes anime6 { 30% { color:#fff; font-size:600%; left:30px; top:-10px; filter:alpha(opacity=0); opacity:0; transform:rotate(-10deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@keyframes anime7 { 30% { color:#fff; font-size:600%; left:70px; top:-40px; filter:alpha(opacity=0); opacity:0; transform:rotate(30deg);  } 100%{ filter:alpha(opacity=0); opacity:0; }}
@keyframes anime8 { 30% { color:#fff; font-size:600%; left:80px; top:-35px; filter:alpha(opacity=0); opacity:0; transform:rotate(-25deg); } 100%{ filter:alpha(opacity=0); opacity:0; }}
@keyframes anime9 { 30% { color:#fff; font-size:600%; left:30px; top:-45px; filter:alpha(opacity=0); opacity:0; transform:rotate(15deg);  } 100%{ filter:alpha(opacity=0); opacity:0; }}

#subrogo span.t1e { -webkit-animation: finish1 2s ease-out 0.1s; animation: finish1 2s ease-out 0.1s; }
#subrogo span.r2e { -webkit-animation: finish2 2s ease-out 0.2s; animation: finish2 2s ease-out 0.2s; }
#subrogo span.u3e { -webkit-animation: finish3 2s ease-out 0.4s; animation: finish3 2s ease-out 0.4s; }
#subrogo span.s4e { -webkit-animation: finish4 2s ease-out 0.3s; animation: finish4 2s ease-out 0.3s; }
#subrogo span.t5e { -webkit-animation: finish5 2s ease-out 0.5s; animation: finish5 2s ease-out 0.5s; }
#subrogo span.w6e { -webkit-animation: finish6 2s ease-out 0.3s; animation: finish6 2s ease-out 0.3s; }
#subrogo span.e7e { -webkit-animation: finish7 2s ease-out 0.2s; animation: finish7 2s ease-out 0.2s; }
#subrogo span.l8e { -webkit-animation: finish8 2s ease-out 0.4s; animation: finish8 2s ease-out 0.4s; }
#subrogo span.l9e { -webkit-animation: finish9 2s ease-out 0.1s; animation: finish9 2s ease-out 0.1s; }

@-webkit-keyframes finish1 { 0% { color:#fff; font-size:600%; left:50px; top:-21px; filter:alpha(opacity=0); opacity:0; transform:rotate(-45deg); }}
@-webkit-keyframes finish2 { 0% { color:#fff; font-size:600%; left:20px; top:-20px; filter:alpha(opacity=0); opacity:0; transform:rotate(-15deg); }}
@-webkit-keyframes finish3 { 0% { color:#fff; font-size:600%; left:60px; top:-28px; filter:alpha(opacity=0); opacity:0; transform:rotate(-45deg); }}
@-webkit-keyframes finish4 { 0% { color:#fff; font-size:600%; left:80px; top:-40px; filter:alpha(opacity=0); opacity:0; transform:rotate(45deg);  }}
@-webkit-keyframes finish5 { 0% { color:#fff; font-size:600%; left:90px; top:-18px; filter:alpha(opacity=0); opacity:0; transform:rotate(20deg);  }}
@-webkit-keyframes finish6 { 0% { color:#fff; font-size:600%; left:30px; top:-10px; filter:alpha(opacity=0); opacity:0; transform:rotate(-10deg); }}
@-webkit-keyframes finish7 { 0% { color:#fff; font-size:600%; left:70px; top:-40px; filter:alpha(opacity=0); opacity:0; transform:rotate(30deg);  }}
@-webkit-keyframes finish8 { 0% { color:#fff; font-size:600%; left:80px; top:-35px; filter:alpha(opacity=0); opacity:0; transform:rotate(-25deg); }}
@-webkit-keyframes finish9 { 0% { color:#fff; font-size:600%; left:30px; top:-45px; filter:alpha(opacity=0); opacity:0; transform:rotate(15deg);  }}

@keyframes finish1 { 0% { color:#fff; font-size:600%; left:50px; top:-21px; filter:alpha(opacity=0); opacity:0; transform:rotate(-45deg); }}
@keyframes finish2 { 0% { color:#fff; font-size:600%; left:20px; top:-20px; filter:alpha(opacity=0); opacity:0; transform:rotate(-15deg); }}
@keyframes finish3 { 0% { color:#fff; font-size:600%; left:60px; top:-28px; filter:alpha(opacity=0); opacity:0; transform:rotate(-45deg); }}
@keyframes finish4 { 0% { color:#fff; font-size:600%; left:80px; top:-40px; filter:alpha(opacity=0); opacity:0; transform:rotate(45deg);  }}
@keyframes finish5 { 0% { color:#fff; font-size:600%; left:90px; top:-18px; filter:alpha(opacity=0); opacity:0; transform:rotate(20deg);  }}
@keyframes finish6 { 0% { color:#fff; font-size:600%; left:30px; top:-10px; filter:alpha(opacity=0); opacity:0; transform:rotate(-10deg); }}
@keyframes finish7 { 0% { color:#fff; font-size:600%; left:70px; top:-40px; filter:alpha(opacity=0); opacity:0; transform:rotate(30deg);  }}
@keyframes finish8 { 0% { color:#fff; font-size:600%; left:80px; top:-35px; filter:alpha(opacity=0); opacity:0; transform:rotate(-25deg); }}
@keyframes finish9 { 0% { color:#fff; font-size:600%; left:30px; top:-45px; filter:alpha(opacity=0); opacity:0; transform:rotate(15deg);  }}