@charset "shift_jis";

.carouselArrowL,
.carouselArrowR{position:absolute; background-position:center center; background-repeat:no-repeat; background-size:auto; cursor:pointer;}

/*  メインビジュアル  */
#mainVisualInner{ position:relative; font-size:0px;}
#mainVisualInner img{width:920px; padding:10px;}
#mainVisualInner ul.jCarousel li{ background-color:#FFFFFF; min-height:319px;}
#mainVisualInner .jCarouselNavi{ background-color:#dedede; padding: 5px 0;}
#mainVisualInner .jCarouselNavi a{display:inline-block;width:150px; height:36px;margin:0px 4px;padding:0px;background-position: center center;background-repeat:no-repeat;border:2px solid #dedede;cursor:pointer;}
#mainVisualInner .jCarouselNavi a.selected{border:2px solid #fe6253}

#mainVisualInner .carouselArrowL,
#mainVisualInner .carouselArrowR{ width:27px; height:27px; bottom:31px;background-size:27px 27px}
#mainVisualInner .carouselArrowL{ left:21px;  background-image:url(../images/carouselMainArrowL.png);}
#mainVisualInner .carouselArrowR{ right:21px; background-image:url(../images/carouselMainArrowR.png);}
html.ie7 #mainVisualInner .carouselArrowL,
html.ie8 #mainVisualInner .carouselArrowL{ background-image:url(../images/carouselMainArrowL_ie.png);}
html.ie7 #mainVisualInner .carouselArrowR,
html.ie8 #mainVisualInner .carouselArrowR{ background-image:url(../images/carouselMainArrowR_ie.png);}

@media screen and (max-width:940px) and (min-width:700px){
	#mainVisualInner{ background-color:#f4f4f4; padding:10px 0; width: 700px!important;}
	#mainVisualInner img{width:98%; padding:1%;}
	#mainVisualInner ul.jCarousel li{ min-height:233px;}
	#mainVisualInner .jCarouselNavi{background-color:#f4f4f4;padding:10px 0 0 0;}
	#mainVisualInner .jCarouselNavi a{width:12px;height:12px;margin:0px 7px;background-image:url(../images/carouselMainNavi.png)!important; background-size:12px 12px;border:0!important;	}
	#mainVisualInner .jCarouselNavi a.selected{	background-image:url(../images/carouselMainNaviCurrent.png)!important}
html.ie7 #mainVisualInner .jCarouselNavi a,
html.ie8 #mainVisualInner .jCarouselNavi a{ background-image:url(../images/carouselMainNavi_ie.png)!important;}
html.ie7 #mainVisualInner .jCarouselNavi a.selected,
html.ie8 #mainVisualInner .jCarouselNavi a.selected{ background-image:url(../images/carouselMainNaviCurrent_ie.png)!important;}

	#mainVisualInner .carouselArrowL,
	#mainVisualInner .carouselArrowR{ bottom:3px;}
	#mainVisualInner .carouselArrowL{ left:5px;}
	#mainVisualInner .carouselArrowR{ right:5px;}
}
@media (max-width:700px){
	#mainVisualInner{ background-color:#f4f4f4; padding:10px 0;}
	#mainVisual{ padding-left:3%;padding-right:3%;}
	#mainVisualInner img{width:98%; padding:1%;}
	#mainVisualInner ul.jCarousel li{ min-height:50px;}
	#mainVisualInner .jCarouselNavi{background-color:#f4f4f4;padding:10px 0 0 0;}
	#mainVisualInner .jCarouselNavi a{width:12px;height:12px;margin:0px 7px;background-image:url(../images/carouselMainNavi.png)!important;background-size:12px 12px;border:0!important;	}
	#mainVisualInner .jCarouselNavi a.selected{	background-image:url(../images/carouselMainNaviCurrent.png)!important}
html.ie7 #mainVisualInner .jCarouselNavi a,
html.ie8 #mainVisualInner .jCarouselNavi a{ background-image:url(../images/carouselMainNavi_ie.png)!important;}
html.ie7 #mainVisualInner .jCarouselNavi a.selected,
html.ie8 #mainVisualInner .jCarouselNavi a.selected{ background-image:url(../images/carouselMainNaviCurrent_ie.png)!important;}
	
	#mainVisualInner .carouselArrowL,
	#mainVisualInner .carouselArrowR{ bottom:2px;}
	#mainVisualInner .carouselArrowL{ left:0px; }
	#mainVisualInner .carouselArrowR{ right:0px;}
}

/*  サイドバナー  */
#asideContents aside.typeL{ height:207px; padding-bottom:0px;}
#sideBanner{ display: block;width:198px;height:172px; position:relative; background:url(../images/sideBannerBack.jpg) left top no-repeat; padding-top:37px;overflow:hidden;  }
#sideBanner_sp{ display:none}
#sideBanner ul.jCarousel{ width:151px;}
#sideBanner ul.jCarousel li{ }
#sideBanner .jCarouselWrapper0,
#sideBanner .jCarouselWrapper1{ width:151px!important; min-height:168px;  overflow:visible!important;padding-left:23px!important;}
#sideBanner .jCarouselWrapper0 ul.jCarousel,
#sideBanner .jCarouselWrapper1 ul.jCarousel{ padding-left:4px!important; }
#sideBanner .jCarouselWrapper0 ul.jCarousel li,
#sideBanner .jCarouselWrapper1 ul.jCarousel li{width:151px!important;}

#sideBanner .jCarouselNavi{padding-top:3px;*padding-top:13px;}
#sideBanner .jCarouselNavi a{display:inline-block;width:8px;height:8px;margin:0px 2px;padding:0px;background:url(../images/carouselSideNavi.png) left top no-repeat!important;border:0!important;cursor:pointer;	}
#sideBanner .jCarouselNavi a.selected{ background-image:url(../images/carouselSideNaviCurrent.png)!important}
#sideBanner .carouselArrowL,
#sideBanner .carouselArrowR{ width:27px; height:27px; bottom:89px;}
#sideBanner .carouselArrowL{ left:1px;  background-image:url(../images/carouselSideArrowL.png);}
#sideBanner .carouselArrowR{ right:1px; background-image:url(../images/carouselSideArrowR.png);}
@media screen and (min-width:940px){
	#asideContents aside.typeL{ width:198px;}
}
@media (max-width:700px){
	#sideBanner{ display:none;}
	#sideBanner_sp{ display: block;}
}