@charset "Shift_JIS";
/*-----------------------------------------------
 __default.css updata
-----------------------------------------------*/
.con{
   position:relative;
   width : 980px;
   height : 560px;
   margin : -560px auto 0px;
}
.con #img{
   position : absolute;
   z-index : 10;
   left : 0px;
   bottom : 0px;
   animation: fadeIn 6s ease-in-out 0s 1 normal;
   -webkit-animation: fadeIn 6s ease-in-out 0s 1 normal;
}
@keyframes fadeIn {
   0% {
   opacity: 0}
100% {
   opacity: 1}
}
@-webkit-keyframes fadeIn {
   0% {
   opacity: 0}
100% {
   opacity: 1}
}
.con #text{
   position:absolute;
   z-index:10;
   top : 250px;
   left : 30px;
   font-weight : normal;
   font-size : 14px;
   line-height : 24px;
   color : #ffffff;
   text-shadow: 1.5px 1.5px 2px  rgba(0, 0, 255, 0.35);
   -webkit-text-shadow:1.5px 1.5px 2px  rgba(0, 0, 255, 0.35);
   /* Safari,Google Chrome用 */  
-moz-text-shadow:1.5px 1.5px 2px  rgba(0, 0, 255, 0.35);
   /* Firefox用 */  
   text-align : left;
   width : 550px;
   -webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
   -ms-transition: all 0.8s;
   -o-transition: all 0.8s;
   transition: all 0.8s;
   animation: fadeIn 6s ease-in-out 0s 1 normal;
   -webkit-animation: fadeIn 10s ease-in-out 0s 1 normal;
font-family: century;
}
.con #text_1{
   position:absolute;
   z-index:10;
   top : 400px;
   left : 350px;
   font-weight : normal;
   font-size : 14px;
   line-height : 22px;
   color : #ffffff;
   text-shadow: 1.5px 1.5px 2px  rgba(0, 0, 255, 0.30);
   -webkit-text-shadow:1.5px 1.5px 2px  rgba(0, 0, 255, 0.30);
   /* Safari,Google Chrome用 */  
-moz-text-shadow:1.5px 1.5px 2px  rgba(0, 0, 255, 0.30);
   /* Firefox用 */  
   font-family: Meiryo, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   text-align : left;
   width : 550px;
   -webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
   -ms-transition: all 0.8s;
   -o-transition: all 0.8s;
   transition: all 0.8s;
   animation: fadeIn 6s ease-in-out 0s 1 normal;
   -webkit-animation: fadeIn 10s ease-in-out 0s 1 normal;
}
@keyframes fadeIn {
   0% {
   opacity: 0}
100% {
   opacity: 1}
}
@-webkit-keyframes fadeIn {
   0% {
   opacity: 0}
100% {
   opacity: 1}
}
}
img,fieldset{
   border:0;
}
caption{
   text-align:left;
   font-weight:bold;
}
*{
   margin:0;
   padding:0;
}
/*-----------------------------------------------
 __slider
-----------------------------------------------*/

.wideslider{
   width: 100%;
   height : 560px;
   text-align: left;
   position: relative;
   overflow:hidden;
   margin-left : 0px;
   border-top-width : 1px;
   border-top-style : solid;
   border-top-color :#ffffff;
   background-repeat : repeat-x;
   background-position : center bottom;
   margin-top : 0px;
}
.wideslider ul,
.wideslider ul li{
   float: left;
   display: inline;
   overflow: hidden;
   text-align : left;
   margin-left : 0px;
}
.wideslider ul li img{
   width: 100%;
   display: none;
   text-align : left;
   margin-left : 0px;
}
.wideslider_base{
   top: 0;
   position: absolute;
   left : 0px;
}
.wideslider_wrap{
   top: 0;
   position: absolute;
   overflow: hidden;
   text-align : left;
   left : 0px;
}
.slider_prev,
.slider_next{
   top: 0;
   overflow: hidden;
   position: absolute;
   z-index : 1;
   cursor: pointer;
   width : 50px;
   height : 50px;
}
.slider_prev{
   background: #fff url(../menu/prev.jpg) no-repeat right center;
}
.slider_next{
   background: #fff url(../menu/next.jpg) no-repeat left center;
}
.pagination{
   bottom : 0px;
   width : 100%;
   height : 111px;
   position: absolute;
   z-index : 20;
   text-align : center;
   left : 24px;
}
.pagination a{
   display: inline-block;
   overflow: hidden;
}
a.pn1{
   background:url(../menu/product1.png) no-repeat;
   width : 118px;
   height : 111px;
   position : static;
}
a:hover.pn1,
a.pn1.active{
   background:url(../menu/product1_o.png) no-repeat;
}
a.pn2{
   background:url(../menu/product2.png) no-repeat;
   width : 118px;
   height : 111px;
}
a:hover.pn2,
a.pn2.active{
   background:url(../menu/product2_o.png) no-repeat;
}
a.pn3{
   background:url(../menu/product3.png) no-repeat;
   width : 118px;
   height : 111px;
}
a:hover.pn3,
a.pn3.active{
   background:url(../menu/product3_o.png) no-repeat;
}
a.pn4{
   background:url(../menu/product4.png) no-repeat;
   width : 118px;
   height : 111px;
}
a:hover.pn4,
a.pn4.active{
   background:url(../menu/product4_o.png) no-repeat;
}
a.pn5{
   background:url(../menu/product5.png) no-repeat;
   width : 118px;
   height : 111px;
}
a:hover.pn5,
a.pn5.active{
   background:url(../menu/product5_o.png) no-repeat;
}
a.pn6{
   background:url(../menu/product6.png) no-repeat;
   width : 118px;
   height : 111px;
}
a:hover.pn6,
a.pn6.active{
   background:url(../menu/product6_o.png) no-repeat;
}
a.pn7{
   background:url(../menu/product7.png) no-repeat;
   width : 118px;
   height : 111px;
}
a:hover.pn7,
a.pn7.active{
   background:url(../menu/product7_o.png) no-repeat;
}
a.pn8{
   background:url(../menu/product8.png) no-repeat;
   width : 118px;
   height : 111px;
}
a:hover.pn8,
a.pn8.active{
   background:url(../menu/product8_o.png) no-repeat;
}
a.pn9{
   background:url(../menu/product9.png) no-repeat;
   width:100px;
   height:60px;
}
a:hover.pn9,
a.pn9.active{
   background:url(../menu/product9_o.png) no-repeat;
}
a.pn10{
   background:url(../menu/product10.png) no-repeat;
   width:90px;
   height:60px;
}
a:hover.pn10,
a.pn10.active{
   background:url(../menu/product10_o.png) no-repeat;
}

.century_top{
   font-size : 74%;
font-family: century;
}