﻿.jscarousal-horizontal { position:relative; margin:0 auto; padding:0; }
.jscarousal-horizontal-back, .jscarousal-horizontal-forward { display:none; }
.jscarousal-horizontal-back { display:none; background:url('../wp_default_image/btn_arrow_left.gif') no-repeat left; }
.jscarousal-horizontal-forward { display:none; background:url('../wp_default_image/btn_arrow_right.gif') no-repeat right; }
.jscarousal-contents-horizontal { overflow:hidden; position:relative; width:100%; height:215px; margin:0; padding:0; text-align:center; }
.jscarousal-contents-horizontal > div { overflow:hidden; }
.jscarousal-contents-horizontal > div > div { float:left; width:23.5%; margin:0 2% 0 0; }
.jscarousal-contents-horizontal > div > div:last-child { margin:0; }
.jscarousal-contents-horizontal > div > div img { width:100%; height:180px; vertical-align:middle; margin-bottom:10px; }
.jscarousal-vertical { overflow:hidden; position:relative; width:140px; height:460px; margin:0; padding:0; }
.jscarousal-vertical-back, .jscarousal-vertical-forward { position:relative; z-index:100; width:100%; height:30px; background-color:#121212; cursor:pointer; }
.jscarousal-vertical-back { background:url('../wp_default_image/btn_arrow_top.gif') no-repeat bottom; }
.jscarousal-vertical-forward { background:url('../wp_default_image/btn_arrow_bottom.gif') no-repeat top; }
.jscarousal-contents-vertical { overflow:hidden; width:140px; height:400px; }
.jscarousal-contents-vertical > div { overflow:hidden; position:absolute; top:40px; width:100%; height:820px; }
.jscarousal-contents-vertical > div > div { width:140px; height:125px; margin:8px 8px 8px 14px; }
.jscarousal-contents-vertical > div > div span { display:block; width:70%; text-align:center; }
.hidden { display:none; }
.visible { display:block; }
.thumbnail-text { overflow:hidden; display:block; height:28px; text-align:center; color:#444; text-overflow: ellipsis; }
.thumbnail-active { filter:alpha(opacity=100); opacity:1.0; cursor:pointer; }
.thumbnail-inactive { filter:alpha(opacity=20); opacity:0.2; cursor:pointer; }
.carousel_bottom_banner { width:1000px; margin:0 auto; }
.carousel_bottom_banner ul { display:block; margin-left:25px; padding:0; list-style:none; }
.carousel_bottom_banner li { display:block; float:left; width:180px; height:50px; margin-right:10px; padding:0; border:1px solid #ddd; }
.carousel_banner_clear { float:none; clear:both; }
.carousel_banner_prev { float:left; position:relative; top:-40px; margin:0; }
.carousel_banner_next { float:right; position:relative; top:-40px; margin:0; }
.carousel_banner_page { display:none; float:left; width:100%; text-align:center; }
.carousel_banner_page a { display:none; margin:0 5px; text-decoration:none; }

@media (max-width:1100px)
{
	.jscarousal-contents-horizontal { height:200px; }
	.jscarousal-contents-horizontal > div > div img { height:170px; }
}
@media (max-width:900px)
{
	.jscarousal-contents-horizontal { height:190px; }
	.jscarousal-contents-horizontal > div > div img { height:160px; }
}
@media (max-width:800px)
{
	.jscarousal-contents-horizontal { height:170px; }
	.jscarousal-contents-horizontal > div > div img { height:140px; }
}
@media (max-width:700px)
{
	.jscarousal-contents-horizontal { height:180px; }
	.jscarousal-contents-horizontal > div > div { width:31%; margin:0 3% 0 0; }
	.jscarousal-contents-horizontal > div > div img { height:150px; }
}
@media (max-width:600px)
{
	.jscarousal-contents-horizontal { height:130px; }
	.jscarousal-contents-horizontal > div > div img { height:100px; }
}