@charset "utf-8";
/* CSS Document */

/* .slideShow
------------------------- */
.slideShow {
    margin: 0 auto 50px auto;
    text-align: left;
    display: none;
	width: 802px !important;
	font-size: 0;
	position: relative;
}
 
/* .mainView
------------------------- */
.slideShow .mainView {
    width: 640px !important;
	height: 480px !important;
    position: relative;
    overflow: hidden;
	display: inline-block;
}
.slideShow .mainView ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideShow .mainView ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.slideShow .mainView ul li img {
    width: 100%;
}
 
/* .thumbNail
------------------------- */
.slideShow .thumbNail {
    width: 161px;
    overflow: hidden;
	display: inline-block;
	height: 480px;
}
 
.slideShow .thumbNail ul {
    width: 110%;
}
 
.slideShow .thumbNail ul li {
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer;
	width: 162px !important;
	position: relative;
}

.slideShow .thumbNail ul li span {
	position: absolute;
	display: block;
	width: 100%;
	background: rgba(183,184,183,0.9);
	font-size: 13px;
	text-align: right;
	padding: 8px 12px 8px;
	bottom: 0;
	left: 0;
	font-weight: bold;
}
 
.slideShow .thumbNail ul li img {
    width: 101% !important;
}
 
.slideShow .thumbNail ul li.active {
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
/* sideNavi
------------------------- */
.slideShow .btnPrev,
.slideShow .btnNext {
    top: 0;
    width: 5%;
    height: 100%;
    position: absolute;
    z-index: 3;
	display: none;
}

.slideShow a.btnPrev:hover,
.slideShow a.btnNext:hover {
	opacity: 0.5;
}

.slideShow .btnPrev {
	background: #d7d7d7 url(../img/panel/ibaragi/slide_prev.png) center no-repeat;
	left: -83px;
}
.slideShow .btnNext {
    right: -76px;
	background: #d7d7d7 url(../img/panel/ibaragi/slide_next.png) center no-repeat;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.slideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.slideShow ul {
    display: inline-block;
    overflow: hidden;
}


/*++++++++++++++++++++++++++++++++++
		SmartPhone
++++++++++++++++++++++++++++++++++*/

@media screen and (max-width:640px){
	
/* .slideShow
------------------------- */
.slideShow {
    margin: 0 0 27px 0;
    display: none;
	width: 100% !important;
	font-size: 0;
	position: relative;
}

/* .mainView
------------------------- */
.slideShow .mainView {
    width: 100% !important;
	height: auto !important;
    position: relative;
    overflow: hidden;
	display: block;
}

/* .thumbNail
------------------------- */
.slideShow .thumbNail {
    width: 100%;
    overflow: hidden;
	display: block;
	height: inherit;
}

.slideShow .thumbNail ul {
    width: 100%;
	display: table;
	table-layout: fixed;
}
 
.slideShow .thumbNail ul li {
    float: none;
    display: table-cell;
    overflow: hidden;
    cursor: pointer;
	width: inherit !important;
}

.slideShow .thumbNail ul li span {
    position: absolute;
    display: block;
    width: 100%;
    background: rgba(183,184,183,0.9);
    font-size: 11px;
    text-align: right;
    padding: 4px 6px 4px;
    bottom: 0;
    left: 0;
    font-weight: bold;
}

/* sideNavi
------------------------- */
/*.slideShow .btnPrev,
.slideShow .btnNext {
    top: 0;
    width: 20px;
    height: 100%;
    position: absolute;
    z-index: 3;
}

.slideShow .btnPrev {
	
	left: -20px;
}
.slideShow .btnNext {
    right: -20px;
	
}*/
 
 

 
	
	
	
}