@charset "utf-8";

.contentsTop{
	width:100%;
    margin: 0 auto; 
	text-align:center;
	background-color:#ffe03f;
	box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.4);
}

h1 {
	width:100%;
}

h1 img {
	padding-top: 60px;
	vertical-align: bottom;
}



h2 {
	height: 130px;
	width:100%;
	background-color: #ebbd1f;
}

h2 img {
	padding-top: 20px;
}

.slider {
	background-color: #ffffff;
	width: 100%;
margin-top:20px;
}

.sliderWrap {
    display: -moz-inline-box;  
    display: inline-block;  
    /display: inline;  
	padding-top:20px;
	padding-bottom:10px;

}



/*　スライダー設定ここから　*/
.contentsTop .carousel {
    border-radius: 10px;
    float: left;
    padding-left: 10px;

}
.contentsTop .carousel>ul>li>a>img {
	width: 115px;
	height: 115px;
	vertical-align:middle;
	margin: 10px 10px 10px 0;
	border-radius: 5px;
    }

.contentsTop a.prev, .contentsTop a.next {
    display: block;
    width: 30px;
    height: 115px;
    line-height: 1;
    background-color: #ffffff;
	border: 1px solid  red;
    color: red;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 25px;
    border-radius: 8px;
    float: left;
}
.contentsTop a.prev {
	margin: 10px 10px 0 0;
	height: 115px;
	line-height: 115px;
    }

.contentsTop a.next {
	margin: 10px 0 0 10px;
	height: 115px;
	line-height: 115px;
    }

.contentsTop a.prev:hover, .contentsTop a.next:hover {
	background-color: red;
	color: #ffffff;
        }
/*　スライダー設定ここまで　*/