﻿@charset "utf-8";
/* reset */
ul,li{margin:0;padding:0;}

/****画像サイズ　960-540***/
.hslider{height:663px;width:480px;overflow: hidden;position: relative;}    /*height:563px;  +23*/  
.hslider-content li{ display: block;  position: relative; z-index: 1;  width: 480px;  height: 663px;  overflow: hidden;float: left;/*以下、追加*/ padding-top:7px; fon-size:14px;font-family:Meiryo UI;color:#000099; }	
    /*height: 280px*//*height: 563px;  +23*/

.hslider-content li img {height:640px;margin-top:5px;}	/*追加*/

.hslider-content .hslider-c{display: none;}
.hslider-content .active{display: block;}
.hslider .main-img {display:block;}
.hslider .left-img { opacity:0; display: block;z-index: 1;position: absolute;left:-800px;_left: 0;_display: none;top: 0;}
.hslider .right-img { opacity:0; display: block;z-index: 2;position: absolute;right:20px;_right: 0;_display: none;top: 0;}

.hslider-nav{ position: absolute; z-index: 2; bottom: 15px; right: 15px; }
.hslider-nav li{background:#fff;float:left;display: none/*inline*/;width: 25px;height:7px;margin-left:3px;font-size:0;line-height:0; opacity: 0.4;filter: alpha(opacity=40);overflow: hidden;/*cursor: pointer*/}
.hslider-nav li.active{ opacity: 1; filter: alpha(opacity=100); }
.hslider .next,.hslider .prev{position:absolute;top:50%;margin-top:-31px;z-index:1;width:28px;height:62px;line-height:62px;background: #000;background:rgba(0,0,0,.2);color:#fff;text-align:center;font-size:22px;font-weight:400;font-family:simsun;cursor: pointer;_background-color: #000;filter: alpha(opacity=20);-webkit-user-select:none;}

.hslider .hslider-pager{display:none;}
.hslider:hover .hslider-pager{display:block;}

.hslider .prev{left:0;border-radius:0 5px 5px 0;}
.hslider .next{right:0;border-radius:5px 0 0 5px;}


#J_slider2 .hslider-content{position: absolute;top:0;}
#J_slider2 .hslider-content .hslider-c{float:left;overflow:hidden; display: inline; float: left;}


#J_slider3 .hslider-content{position: absolute;top:0;}
#J_slider3 .hslider-content .hslider-c{float:left;overflow:hidden; display: inline; float: left;}


#J_slider4 .hslider-content{position: absolute;top:0;}
#J_slider4 .hslider-content .hslider-c{display:inline;position: absolute;left:0;top:0;opacity:0;transition: opacity 0.3s ease-in;}
#J_slider4 .hslider-content .active{opacity:1;}