/* バナースライド設定 */

.jcarousel-skin-tango .jcarousel-container {
    background: #fff;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 980px;
    margin: 20px auto 0 auto;
}

/*
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}
*/

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  939px;
	margin-left:20px;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  313px;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 313px;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 21px;
    height: 90px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0px;
    width: 20px;
    height: 90px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/* 事例紹介スライド設定 */
.jcarousel-skin-tango2 .jcarousel-container {
    background: #fff;
}

.jcarousel-skin-tango2 .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango2 .jcarousel-container-horizontal {
    width: 619px;
    margin: 20px auto 30px auto;
}


.jcarousel-skin-tango2 .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango2 .jcarousel-clip-horizontal {
    width:  579px;
	margin-left:20px;
    height: 90px;
}

.jcarousel-skin-tango2 .jcarousel-clip-vertical {
    width:  193px;
    height: 90px;
}

.jcarousel-skin-tango2 .jcarousel-item {
    width: 193px;
    height: 90px;
}

.jcarousel-skin-tango2 .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}


/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango2 .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 21px;
    height: 90px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0px;
    width: 20px;
    height: 90px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}



/* TOPメインエリアスライド設定
-------------*/

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
}

	.showcase-content-container
	{
		background-color: #fff;
	}
	
	.showcase-content-container a:hover
	{
     filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
	  -moz-transition: all 0.3s ease-out;
	  -o-transition: all 0.3s ease-out;
	  -webkit-transition: all 0.3s ease-out;
	  -ms-transition: all 0.3s ease-out;
	  }
	
	/* Navigation arrows */
	.showcase-arrow-next
	{
		position: absolute;
		background: url(../../images/share/share_arrow02_off.gif);
		width: 40px;
		height: 40px;
		top: 155px;
		cursor: pointer;
		z-index:2000;
	}
	.showcase-arrow-previous
	{
		position: absolute;
		background: url(../../images/share/share_arrow01_off.gif);
		width: 40px;
		height: 40px;
		top: 155px;
		cursor: pointer;
		z-index:2000;
	
	}
	
	.showcase-arrow-previous
	{
		left: 0;
	}
	.showcase-arrow-previous:hover
	{
		background-position: -40px -40px;
	}
	.showcase-arrow-next
	{
		right: 0;
	}
	.showcase-arrow-next:hover
	{
		background-position: -40px -40px;
	}	
	/* Content */
	.showcase-content
	{
		background-color: #fff;
	}
		
		

/*アコーディオン設定*/
.st-accordion{
    width:620px;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion ul li{
    height: 52px;
    border-bottom: 1px solid #fff;
    border-top:1px solid #fff;
    overflow: hidden;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    display: block;
	position: relative;
    line-height: 100px;
	outline:none;
	background: transparent url(../../images/tenjijyo/tenjijyo_btn04.gif) no-repeat center center;	

}
.st-accordion ul li > a span{
	background: transparent url(../../images/tenjijyo/tenjijyo_btn04_2.gif) no-repeat center center;
	text-indent:-9000px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 36%;
	right: 15px;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
}
.st-accordion ul li > a:hover{
     filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
	  -moz-transition: all 0.3s ease-out;
	  -o-transition: all 0.3s ease-out;
	  -webkit-transition: all 0.3s ease-out;
	  -ms-transition: all 0.3s ease-out;
	  
	  }
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 15px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:15px;
	opacity:1;
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
    padding: 0; 
}
.st-content img{
}
@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:36px;
	}
}