@charset "utf-8";
body{
   width: 100%;
   height: 100%;
   background: url(/img/top/main_bg.jpg) repeat #000000;
}
#viewport{
   overflow: hidden;
   z-index: 499;
   min-height: 100%;
   height: auto !important;
   height: 100%;
}
#wrapper{
   width:980px;
   margin:0 auto;
   z-index: 10;
   position: relative;
}
#wrapper_bg{
   width:100%;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   position: relative;
   /*background: url(/img/top/main_yellow_bg.png) repeat;*/
}
#wrapper_bg.wrapper_bg_on{
   margin:0 auto;
   background: url(/img/top/keyvisual-bg.png) center top no-repeat;
   /*background: url(/img/top/main_yellow_bg.png) repeat;*/
}
.about #wrapper,
.product #wrapper,
.news #wrapper,
.character #wrapper,
.special #wrapper,
.story #wrapper{
   width:100%;
   margin:0 auto;
   z-index: 10;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   position: relative;
   padding-bottom:112px;
}
.about #wrapper_bg{
   width:100%;
   height: auto;
   position: absolute;
   top:0px;
   left: 0px;
   background: url(../img/main_yellow_bg_lower_about.png) repeat;
}
.news #wrapper_bg_up,
.character #wrapper_bg_up,
.product #wrapper_bg_up,
.special #wrapper_bg_up,
.story #wrapper_bg_up{
   width:100%;
   height: 216px;
   opacity: 0.6;
   background: url(../img/main_yellow_bg_up.png) repeat-x;
}
.news #wrapper_bg_bottom,
.character #wrapper_bg_bottom,
.product #wrapper_bg_bottom,
.special #wrapper_bg_bottom{
   width:100%;
   height: 207px;
   opacity: 0.6;
   position: absolute;
   bottom: 0;
   left:0;
   background: url(../img/main_yellow_bg_bottom.png) repeat-x;
}
.news #wrapper_bg,
.product #wrapper_bg,
.character #wrapper_bg,
.special #wrapper_bg,
.story #wrapper_bg{
   width:100%;
   height: auto;
   position: absolute;
   top:0px;
   left: 0px;
   background: none;
}
#lower_inner_wrap{
   width:980px;
   padding-top: 115px;
   margin: auto;
}
.about #main_title,
.character #main_title,
.news #main_title,
.product #main_title,
.special #main_title{
   height: 123px;
   width:980px;
   margin: auto;
}
/*detail*/
#list_area{
   width:277px;
   height: auto;
   margin-bottom: 130px;
   font-size: 12px;
   float: left;
   background: url(../img/list_bg.png) repeat;
}
#list_area #list_area_inner{
   padding:21px 19px;
}
 #list_area_inner .date{
   margin-bottom: 6px;
}
#detail_wrap{
   width:692px;
   padding-bottom: 20px;
   margin-bottom: 95px;
   height: auto;
   float: right;
   background: url(../img/detail_wrap_bg.gif) top center no-repeat #000000;
}
.detail_wrap_inner{
   padding:14px;
}
#img_box{
   margin-bottom:23px;
}
#txt_box{
   width:613px;
   margin:18px auto 0;
}
#txt_box .date{
   font-size: 13px;
   font-weight: bold;
   margin-bottom:4px;
}
#txt_box .date span,
.new_color{
   color: #e4ff00;
}
#txt_box {
   font-size: 13px;
   line-height: 160%;
}
#txt_box h1{
   font-size:19px;
   margin-bottom:11px;
   padding-bottom:11px;
   line-height: 140%;
   border-bottom: 1px solid #4a4a4a;
}
/*header*/
.top header{
   
}
.about header,
.news header,
.story header,
.character header,
.product header,
.special header{
   width:100%;
   height:115px;
   z-index: 100;
   position: fixed;
   top:0;
   left:0;
   background: url(../img/header_bg.png) repeat;
}
#header_inner{
   width:980px;
   margin: auto;
   position: relative;
}
#header_inner h1{
   position: absolute;
   top:5px;
   left: 0px;
}
#header_inner nav{
   width:719px;
   height:115px;
   position: absolute;
   top:0px;
   right: 0px;
   background: url(../img/lower_gnavi_bg.png) no-repeat;
}
#lower_gnavi{
   position: relative;
   width:719px;
   height:115px;
}
#lower_gnavi #gnavi01{
   position: absolute;
   top:22px;
   left:42px;
}
#lower_gnavi #gnavi02{
   position: absolute;
   top:42px;
   left:112px;
}
#lower_gnavi #gnavi03{
   position: absolute;
   top:7px;
   left:219px;
}
#lower_gnavi #gnavi04{
   position: absolute;
   top:53px;
   left:273px;
}
#lower_gnavi #gnavi05{
   position: absolute;
   top:12px;
   left:343px;
}
#lower_gnavi #gnavi06{
   position: absolute;
   top:7px;
   left:522px;
}
#lower_gnavi #gnavi07{
   position: absolute;
   top:40px;
   left:590px;
}
#lower_gnavi #gnavi02.on img,
#lower_gnavi #gnavi03.on img,
#lower_gnavi #gnavi04.on img,
#lower_gnavi #gnavi05.on img,
#lower_gnavi #gnavi06.on img,
#lower_gnavi #gnavi07.on img{
   display: none;
}
#lower_gnavi #gnavi02.on{
   width:102px;
   height:53px;
   background: url(../img/gnavi02_on.png) no-repeat;
}
#lower_gnavi #gnavi03.on{
   width:85px;
   height:53px;
   background: url(../img/gnavi03_on.png) no-repeat;
}
#lower_gnavi #gnavi04.on{
   width:173px;
   height:53px;
   background: url(../img/gnavi04_on.png) no-repeat;
}
#lower_gnavi #gnavi05.on{
   width:173px;
   height:53px;
   background: url(../img/gnavi05_on.png) no-repeat;
}
#lower_gnavi #gnavi06.on{
   width:143px;
   height:53px;
   background: url(../img/gnavi06_on.png) no-repeat;
}
#lower_gnavi #gnavi07.on{
   width:123px;
   height:60px;
   background: url(../img/gnavi07_on.png) no-repeat;
}
/*footer*/
footer{
   z-index: 110;
   width:100%;
   height: 149px;
   margin:0 auto;
   position: absolute;
   bottom: 0;
   background: url(../img/footer_bg.png) repeat-x;
}
#footer_projection{
   width:141px;
   height:54px;
   background: url(../img/footer_projection.png) no-repeat;
   position: absolute;
   top:-51px;
   right: 0px;
   z-index: 1;
}
#footer_inner{
   width:1024px;
   height: 149px;
   margin:0 auto;
   position: relative;
   background: url(../img/footer_texture.png) center 3px no-repeat;
}
#footer_inner #info_area{
   position: absolute;
   top:48px;
   left:22px;
   width: 873px;
   height: 85px;
}
#info_area #sns_area{
   height: 21px;
   position: absolute;
   top:0px;
   right:0px;
}
html* #sns_area{
   margin:5px 0 0 0 ;
}
#sns_area #plus_btn{
   width:68px;
   height: 25px;
   float: left;
}
#sns_area #tweet_btn{
   width:116px;
   float: left;
}
#sns_area #like_btn{
   width:120px;
   float: left;
   overflow: hidden;
}
#info_area #banner_area{
   position: absolute;
   width: 464px;
   top:0px;
   left:17px;
}
footer ul {
   margin-left: 40px;
}
footer ul li{
   float: left;
   margin-top: 21px;
   margin-right: 10px;
   padding-right: 10px;
   line-height: 120%;
   border-right: 1px solid #efea3a;
}
footer ul li.last{
   border-right:none;
}
footer ul li a{
   color: #efea3a;
}
footer #banner01,
footer #banner02,
footer #banner03,
footer #banner04{
   height: 42px;
   float: left;
   margin-right: 5px;
   margin-bottom: 6px;
}
footer #banner04{
   height: auto;
}
#copyright{
   position:absolute;
   bottom:0px;
   right:0px;
}
#page_top{
   float: right;
   margin-top: -35px;
   z-index: 4;
   width:125px;
   height:130px;
}
#page_top img{
   padding-top: 35px;
   padding-left: 7px;
}
#page_top a{
   width:125px;
   height:130px;
   z-index: 6;
   display: block;
}
/*motion-------------------------------------------------------------------------------------------*/
.character_motion{
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-animation: motion 0.7s ease-in 0s ;
         -moz-animation: motion 0.7s ease-in 0s ;
          -ms-animation: motion 0.7s ease-in 0s ;
           -o-animation: motion 0.7s ease-in 0s ;
              animation: motion 0.7s ease-in 0s ;
      -webkit-transform-origin: 50% 10%;
         -moz-transform-origin: 50% 10%;
          -ms-transform-origin: 50% 10%;
           -o-transform-origin: 50% 10%;
              transform-origin: 50% 10%;
      }
      @-webkit-keyframes motion {
         0%                 { -webkit-transform: scale(3) translateY(0px); opacity: 1; }
         50%               { -webkit-transform: scale(1) translateY(0px);   opacity: 1;}
         70%               { -webkit-transform: scale(1.1) translateY(0px);   opacity: 1;}
         100%               { -webkit-transform: scale(1)    translateY(0px);   opacity: 1;}
         }
      @-moz-keyframes motion {
         0%                 { -moz-transform: scale(3) translateY(0px); opacity: 1; }
         50%               { -moz-transform: scale(1) translateY(0px);   opacity: 1;}
         70%               { -moz-transform: scale(1.1) translateY(0px);   opacity: 1;}
         100%               { -moz-transform: scale(1)    translateY(0px);   opacity: 1;}
         }
      @-ms-keyframes motion {
         0%                 { -ms-transform: scale(3) translateY(0px); opacity: 1; }
         50%               { -ms-transform: scale(1) translateY(0px);   opacity: 1;}
         70%               { -ms-transform: scale(1.1) translateY(0px);   opacity: 1;}
         100%               { -ms-transform: scale(1)    translateY(0px);   opacity: 1;}
         }
      @-o-keyframes motion {
         0%                 { -o-transform: scale(3) translateY(0px); opacity: 1; }
         50%               { -o-transform: scale(1) translateY(0px);   opacity: 1;}
         70%               { -o-transform: scale(1.1) translateY(0px);   opacity: 1;}
         100%               { -o-transform: scale(1)    translateY(0px);   opacity: 1;}
         }
      @keyframes motion {
         0%                 { transform: scale(3) translateY(0px); opacity: 1; }
         50%               { transform: scale(1) translateY(0px);   opacity: 1;}
         70%               { transform: scale(1.1) translateY(0px);   opacity: 1;}
         100%               { transform: scale(1)    translateY(0px);   opacity: 1;}
         }
         
.bloodlad_title {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-animation: motion_title 0.4s ease-in 0s ;
         -moz-animation: motion_title 0.4s ease-in 0s ;
          -ms-animation: motion_title 0.4s ease-in 0s ;
           -o-animation: motion_title 0.4s ease-in 0s ;
              animation: motion_title 0.4s ease-in 0s ;
      -webkit-transform-origin: 50% 15%;
         -moz-transform-origin: 50% 15%;
          -ms-transform-origin: 50% 15%;
           -o-transform-origin: 50% 15%;
              transform-origin: 50% 15%;
      }
      @-webkit-keyframes motion_title {
         0%                 { -webkit-transform: scale(2.4);}
         50%                { -webkit-transform: scale(1);}
         70%                { -webkit-transform: scale(1.1);}
         100%               { -webkit-transform: scale(1);}
         }
      @-moz-keyframes motion_title {
         0%                 { -moz-transform: scale(2.4);}
         50%                { -moz-transform: scale(1);}
         70%                { -moz-transform: scale(1.1);}
         100%               { -moz-transform: scale(1);}
         }
      @-ms-keyframes motion_title {
         0%                 { -ms-transform: scale(2.4);}
         50%                { -ms-transform: scale(1);}
         70%                { -ms-transform: scale(1.1);}
         100%               { -ms-transform: scale(1);}
         }
      @-o-keyframes motion_title {
         0%                 { -o-transform: scale(2.4);}
         50%                { -o-transform: scale(1);}
         70%                { -o-transform: scale(1.1);}
         100%               { -o-transform: scale(1);}
         }
      @keyframes motion_title {
         0%                 { transform: scale(2.4);}
         50%                { transform: scale(1);}
         70%                { transform: scale(1.2);}
         100%               { transform: scale(1);}
         }

.copy_motion {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-animation: motion_cp 0.4s ease-in 0s ;
         -moz-animation: motion_cp 0.4s ease-in 0s ;
          -ms-animation: motion_cp 0.4s ease-in 0s ;
           -o-animation: motion_cp 0.4s ease-in 0s ;
              animation: motion_cp 0.4s ease-in 0s ;
      -webkit-transform-origin: 50% 40%;
         -moz-transform-origin: 50% 40%;
          -ms-transform-origin: 50% 40%;
           -o-transform-origin: 50% 40%;
              transform-origin: 50% 40%;
      }
      @-webkit-keyframes motion_cp {
         0%                 { -webkit-transform: scale(3);}
         50%                { -webkit-transform: scale(1);}
         70%                { -webkit-transform: scale(1.1);}
         100%               { -webkit-transform: scale(1);}
         }
      @-moz-keyframes motion_cp {
         0%                 { -moz-transform: scale(3);}
         50%                { -moz-transform: scale(1);}
         70%                { -moz-transform: scale(1.1);}
         100%               { -moz-transform: scale(1);}
         }
      @-ms-keyframes motion_cp {
         0%                 { -ms-transform: scale(3);}
         50%                { -ms-transform: scale(1);}
         70%                { -ms-transform: scale(1.1);}
         100%               { -ms-transform: scale(1);}
         }
      @-o-keyframes motion_cp {
         0%                 { -o-transform: scale(3);}
         50%                { -o-transform: scale(1);}
         70%                { -o-transform: scale(1.1);}
         100%               { -o-transform: scale(1);}
         }
      @keyframes motion_cp {
         0%                 { transform: scale(3);}
         50%                { transform: scale(1);}
         70%                { transform: scale(1.1);}
         100%               { transform: scale(1);}
         }

/*.author_motion {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-animation: motion_au 0.7s ease-in 0s ;
         -moz-animation: motion_au 0.7s ease-in 0s ;
          -ms-animation: motion_au 0.7s ease-in 0s ;
           -o-animation: motion_au 0.7s ease-in 0s ;
              animation: motion_au 0.7s ease-in 0s ;
      -webkit-transform-origin: 50% 0%;
         -moz-transform-origin: 50% 0%;
          -ms-transform-origin: 50% 0%;
           -o-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      }
      @-webkit-keyframes motion_au {
         0%                 { -webkit-transform: scale(3);}
         50%                { -webkit-transform: scale(1);}
         70%                { -webkit-transform: scale(1.1);}
         100%               { -webkit-transform: scale(1);}
         }
      @-moz-keyframes motion_au {
         0%                 { -moz-transform: scale(3);}
         50%                { -moz-transform: scale(1);}
         70%                { -moz-transform: scale(1.1);}
         100%               { -moz-transform: scale(1);}
         }
      @-ms-keyframes motion_au {
         0%                 { -ms-transform: scale(3);}
         50%                { -ms-transform: scale(1);}
         70%                { -ms-transform: scale(1.1);}
         100%               { -ms-transform: scale(1);}
         }
      @-o-keyframes motion_au {
         0%                 { -o-transform: scale(3);}
         50%                { -o-transform: scale(1);}
         70%                { -o-transform: scale(1.1);}
         100%               { -o-transform: scale(1);}
         }
      @keyframes motion_au {
         0%                 { transform: scale(3);}
         50%                { transform: scale(1);}
         70%                { transform: scale(1.1);}
         100%               { transform: scale(1);}
         }*/
         
.ty_motion {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-animation: motion_ty 0.7s ease-in 0s ;
         -moz-animation: motion_ty 0.7s ease-in 0s ;
          -ms-animation: motion_ty 0.7s ease-in 0s ;
           -o-animation: motion_ty 0.7s ease-in 0s ;
              animation: motion_ty 0.7s ease-in 0s ;
      -webkit-transform-origin: 50% 0%;
         -moz-transform-origin: 50% 0%;
          -ms-transform-origin: 50% 0%;
           -o-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      }
      @-webkit-keyframes motion_ty {
         0%                 { -webkit-transform: scale(3);}
         50%                { -webkit-transform: scale(1);}
         70%                { -webkit-transform: scale(1.1);}
         100%               { -webkit-transform: scale(1);}
         }
      @-moz-keyframes motion_ty {
         0%                 { -moz-transform: scale(3);}
         50%                { -moz-transform: scale(1);}
         70%                { -moz-transform: scale(1.1);}
         100%               { -moz-transform: scale(1);}
         }
      @-ms-keyframes motion_ty {
         0%                 { -ms-transform: scale(3);}
         50%                { -ms-transform: scale(1);}
         70%                { -ms-transform: scale(1.1);}
         100%               { -ms-transform: scale(1);}
         }
      @-o-keyframes motion_ty {
         0%                 { -o-transform: scale(3);}
         50%                { -o-transform: scale(1);}
         70%                { -o-transform: scale(1.1);}
         100%               { -o-transform: scale(1);}
         }
      @keyframes motion_ty {
         0%                 { transform: scale(3);}
         50%                { transform: scale(1);}
         70%                { transform: scale(1.1);}
         100%               { transform: scale(1);}
         }
.news_motion {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-animation: motion_news 0.4s ease-in 0s ;
         -moz-animation: motion_news 0.4s ease-in 0s ;
          -ms-animation: motion_news 0.4s ease-in 0s ;
           -o-animation: motion_news 0.4s ease-in 0s ;
              animation: motion_news 0.4s ease-in 0s ;
      -webkit-transform-origin: 10% 10%;
         -moz-transform-origin: 10% 10%;
          -ms-transform-origin: 10% 10%;
           -o-transform-origin: 10% 10%;
              transform-origin: 10% 10%;
      }
      @-webkit-keyframes motion_news {
         0%                 { -webkit-transform: scale(1.2);   opacity: 1; }
         50%                { -webkit-transform: scale(1);   opacity: 1; }
         70%                { -webkit-transform: scale(1.1);   opacity: 1; }
         100%               { -webkit-transform: scale(1);   opacity: 1; }
         }
      @-moz-keyframes motion_news {
         0%                 { -moz-transform: scale(1.2);   opacity: 1;}
         50%                { -moz-transform: scale(1);   opacity: 1;}
         70%                { -moz-transform: scale(1.1);   opacity: 1; }
         100%               { -moz-transform: scale(1);   opacity: 1;}
         }
      @-ms-keyframes motion_news {
         0%                 { -ms-transform: scale(1.2);   opacity: 1;}
         50%                { -ms-transform: scale(1);   opacity: 1;}
         70%                { -webkit-transform: scale(1.1);   opacity: 1; }
         100%               { -ms-transform: scale(1);   opacity: 1;}
         }
      @-o-keyframes motion_news {
         0%                 { -o-transform: scale(1.2);   opacity: 1;}
         50%                { -o-transform: scale(1);   opacity: 1;}
         70%                { -o-transform: scale(1.1);   opacity: 1; }
         100%               { -o-transform: scale(1);   opacity: 1;}
         }
      @keyframes motion_news {
         0%                 { transform: scale(1.2);   opacity: 1;}
         50%                { transform: scale(1);   opacity: 1;}
         70%                { transform: scale(1.1);   opacity: 1; }
         100%               { transform: scale(1);   opacity: 1;}
         }
.read_on {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-animation: motion_read 0.4s ease-in 0s ;
         -moz-animation: motion_read 0.4s ease-in 0s ;
          -ms-animation: motion_read 0.4s ease-in 0s ;
           -o-animation: motion_read 0.4s ease-in 0s ;
              animation: motion_read 0.4s ease-in 0s ;
      -webkit-transform-origin: 50% 40%;
         -moz-transform-origin: 50% 40%;
          -ms-transform-origin: 50% 40%;
           -o-transform-origin: 50% 40%;
              transform-origin: 50% 40%;
      }
      @-webkit-keyframes motion_read {
         0%                 { -webkit-transform: scale(3);}
         50%                { -webkit-transform: scale(1);}
         70%                { -webkit-transform: scale(1.1);}
         100%               { -webkit-transform: scale(1);}
         }
      @-moz-keyframes motion_read {
         0%                 { -moz-transform: scale(3);}
         50%                { -moz-transform: scale(1);}
         70%                { -moz-transform: scale(1.1);}
         100%               { -moz-transform: scale(1);}
         }
      @-ms-keyframes motion_read {
         0%                 { -ms-transform: scale(3);}
         50%                { -ms-transform: scale(1);}
         70%                { -ms-transform: scale(1.1);}
         100%               { -ms-transform: scale(1);}
         }
      @-o-keyframes motion_read {
         0%                 { -o-transform: scale(3);}
         50%                { -o-transform: scale(1);}
         70%                { -o-transform: scale(1.1);}
         100%               { -o-transform: scale(1);}
         }
      @keyframes motion_read {
         0%                 { transform: scale(3);}
         50%                { transform: scale(1);}
         70%                { transform: scale(1.1);}
         100%               { transform: scale(1);}
         }
.intoroduction_on {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-animation: motion_read 0.3s ease-in 0s ;
         -moz-animation: motion_read 0.3s ease-in 0s ;
          -ms-animation: motion_read 0.3s ease-in 0s ;
           -o-animation: motion_read 0.3s ease-in 0s ;
              animation: motion_read 0.3s ease-in 0s ;
      -webkit-transform-origin: 100% 0%;
         -moz-transform-origin: 100% 0%;
          -ms-transform-origin: 100% 0%;
           -o-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      }
      @-webkit-keyframes motion_read {
         0%                 { -webkit-transform: scale(3);}
         50%                { -webkit-transform: scale(1);}
         70%                { -webkit-transform: scale(1.1);}
         100%               { -webkit-transform: scale(1);}
         }
      @-moz-keyframes motion_read {
         0%                 { -moz-transform: scale(3);}
         50%                { -moz-transform: scale(1);}
         70%                { -moz-transform: scale(1.1);}
         100%               { -moz-transform: scale(1);}
         }
      @-ms-keyframes motion_read {
         0%                 { -ms-transform: scale(3);}
         50%                { -ms-transform: scale(1);}
         70%                { -ms-transform: scale(1.1);}
         100%               { -ms-transform: scale(1);}
         }
      @-o-keyframes motion_read {
         0%                 { -o-transform: scale(3);}
         50%                { -o-transform: scale(1);}
         70%                { -o-transform: scale(1.1);}
         100%               { -o-transform: scale(1);}
         }
      @keyframes motion_read {
         0%                 { transform: scale(3);}
         50%                { transform: scale(1);}
         70%                { transform: scale(1.1);}
         100%               { transform: scale(1);}
         }
.special_on {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-animation: motion_read 0.3s ease-in 0s ;
         -moz-animation: motion_read 0.3s ease-in 0s ;
          -ms-animation: motion_read 0.3s ease-in 0s ;
           -o-animation: motion_read 0.3s ease-in 0s ;
              animation: motion_read 0.3s ease-in 0s ;
      -webkit-transform-origin: -30% 0%;
         -moz-transform-origin: -30% 0%;
          -ms-transform-origin: -30% 0%;
           -o-transform-origin: -30% 0%;
              transform-origin: -30% 0%;
      }
      @-webkit-keyframes motion_read {
         0%                 { -webkit-transform: scale(3);}
         50%                { -webkit-transform: scale(1);}
         70%                { -webkit-transform: scale(1.1);}
         100%               { -webkit-transform: scale(1);}
         }
      @-moz-keyframes motion_read {
         0%                 { -moz-transform: scale(3);}
         50%                { -moz-transform: scale(1);}
         70%                { -moz-transform: scale(1.1);}
         100%               { -moz-transform: scale(1);}
         }
      @-ms-keyframes motion_read {
         0%                 { -ms-transform: scale(3);}
         50%                { -ms-transform: scale(1);}
         70%                { -ms-transform: scale(1.1);}
         100%               { -ms-transform: scale(1);}
         }
      @-o-keyframes motion_read {
         0%                 { -o-transform: scale(3);}
         50%                { -o-transform: scale(1);}
         70%                { -o-transform: scale(1.1);}
         100%               { -o-transform: scale(1);}
         }
      @keyframes motion_read {
         0%                 { transform: scale(3);}
         50%                { transform: scale(1);}
         70%                { transform: scale(1.1);}
         100%               { transform: scale(1);}
         }
         
/*news部分共通*/
.news_box p{
   width:229px;
   height:124px;
   margin-bottom:10px;
   text-indent: -9999px;
}
.news_box p a{
   width:229px;
   height:124px;
   display: block;
}
.news_box a:hover{

}
.news_box .comingsoon{
   background: url(../img/comingsoon.gif) no-repeat;
}
#newslist_wrapper{
   margin-bottom: 50px;
}
#newslist_wrapper,
#news_wrapper{
   zoom: 1;
}
.newslist{
   padding-bottom: 12px;
   margin-bottom: 12px;
   border-bottom: 1px solid #343434;
}
.newslist.last{
   border-bottom: none;
   margin-bottom: 0px;
   padding-bottom: 0px;
}
.newslist span{
   color: #E4FF00;
}
#newslist_wrapper:after,
#news_wrapper:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
#newslist_wrapper .news_box{
   width:239px;
   min-height:254px;
   height: auto !important;
   height: 254px;
   padding-bottom: 10px;
   margin-right:7px;
   margin-bottom: 6px;
   position: relative;
   float: left;
   background: url(/img/news/news_box.png) repeat;
}
#newslist_wrapper .news_box.last{
   margin-right:0px;
}
#newslist_wrapper .news_box .new{
   width:43px;
   height:43px;
   position: absolute;
   top:0;
   right: 0;
   z-index: 10;
   background: url(/img/news/news_icon.png) no-repeat;
}
#newslist_wrapper .news_box .limit-icon{
   width:43px;
   height:43px;
   position: absolute;
   top:0;
   right: 0;
   z-index: 10;
   background: url(/img/story/package/limit_icon.png) no-repeat;
}
#newslist_wrapper .news_box_inner{
   padding:5px;
}
.thumb_area{
   width:229px;
   height:129px;
   overflow: hidden;
   position: absolute;
   top:5px;
   left:5px;
}
#newslist_wrapper .img_more{
   position: absolute;
   top:230px;
   left:0;
   z-index: 9;
}
#newslist_wrapper .news_box dl{
   width:213px;
   margin: auto;
}
#newslist_wrapper .news_box dt{
   margin-bottom:5px;
   font-weight: bold;
}
#newslist_wrapper .news_box dd.date{
   margin-bottom: 3px;
   font-weight: bold;
}
#newslist_wrapper .news_box dd.date span{
   color: #e4ff00;
}
#newslist_wrapper .news_box dd.title{
   
}
#newslist_wrapper .news_box dd{
   line-height: 150%;
}
#pager{
   display: none;
   clear: both;
   text-align: center;
   margin-bottom: 30px;
}
#news_back{
   float: right;
   padding:10px 3px 0px 0px;
}
#newslist_wrapper .news_box.coming_last{
   margin-right:0px;
}