@charset "utf-8";
body{background: #3c6cec;}

.info_wp{ width: 100%; max-width: 1500px; background:url(/corda/15th/img/thumbnail/info_bg.jpg) #fff7b9 top left no-repeat; margin: 0 auto; padding-bottom: 15%;
 overflow:hidden;
}

.index_title{width: 40%; max-width: 445px; margin: 0 auto; text-align: center; padding: 15% 0 10% 0;}
.base-wp{padding-bottom: 0;}

.cont-list-box{

border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 5px double #ffde5b;

}
.cont-list-box{width: calc(31.33% - 10px);}

@media screen and (max-width: 640px) {
.cont-list-box{width: calc(48% - 10px);}
}


.info-category-box{width: 95%; max-width: 750px; margin: 0 auto;}
.info-category-box li{width: 12%; margin: 0 auto; margin: 1%; text-align: center;}
.info-category-box li a{width: 98%; display:block; padding: 20px 2%; color: #fff;}
.info-category-box li:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}


@media screen and (max-width: 640px) {
.info-category-box li{width: 23%;}
}



.category-all{background: #fff; box-shadow:-3px -4px 0px -1px #3c6cec inset; -webkit-box-shadow:-3px -4px 0px -1px #3c6cec inset; -moz-box-shadow:-3px -4px 0px -1px #3c6cec inset;}
.category-all a{ color: #3c6cec !important;}