/* Circular Content Carousel Style */
body {
        background:#ffffff;
}
h1,h2,h3,h4/*,p*/ {
	margin:0;padding:4px;
}
a:hover {
	color:#dcdcdc;
}
.ca-container{
        position:relative;
        margin:25px auto 20px auto;
        width:900px;
        height:400px;
}
.ca-wrapper{
        width:100%;
        height:100%;
        position:relative;
}
.ca-item{
        position:relative;
        float:left;
        width:303px;
        height:100%;
        text-align:center;
}
.ca-pic{

}
.ca-more{
        position: absolute;
        bottom: 10px;
        right:0px;
        padding:4px 15px;
        font-weight:bold;
        background: #696969;
        text-align:center;
        color: #fff;
        font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", san-serif;

}
.ca-close{
        position:absolute;
        top:10px;
        right:10px;
        background:#fff url(../images/cross.png) no-repeat center center;
        width:27px;
        height:27px;
        text-indent:-9000px;
        outline:none;
        -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
        box-shadow:1px 1px 2px rgba(0,0,0,0.2);
        opacity:0.7;
}
.ca-close:hover{
        opacity:1.0;
}
.ca-item-main{
        padding:10px;
        position:absolute;
        top:5px;
        left:1px;
        right:15px;
        bottom:5px;
        background:#ffffff;
        overflow:hidden;
        -moz-box-shadow:0px 0px 3px rgba(0,0,0,1.0),inset 0px 0px 5px rgba(255, 255, 255, 0.2);
        -webkit-box-shadow:0px 0px 3px rgba(0,0,0,1.0),inset 0px 0px 5px rgba(255, 255, 255, 0.2);
        box-shadow:0px 0px 3px rgba(0,0,0,1.0),inset 0px 0px 5px rgba(255, 255, 255, 0.2);
}
.ca-icon{
        width:250px;
        height:140px;
        position:relative;
        margin:5px auto;
}
.ca-item h3{
        font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", san-serif;
        font-size:15px;
        color:#7e7e7e;
        margin:10px 0px 0px 0px;
        text-align:center;
}
.ca-item h7{
        font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", san-serif;
        font-size:12px;
        color:#7e7e7e;
        margin:0px;
        text-align:center;
}
.ca-item .sub {
        font-size:12px;
        color:#fff;
        text-align:center;
        margin-bottom:20px;
        display:block;
}
.ca-item h4{
        font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", san-serif;
        font-size:13px;
        text-align:left;
        border-left:10px solid #a9a9a9;
        padding-left:10px;
        line-height:24px;
        margin:10px;
        position:relative;
}
.ca-item h4 span{
        display:block;
        color:#8c8c8c;
}
 
.ca-content-wrapper{
        background:#a9a9a9;
        position:absolute;
        width:0px; /* expands to width of the wrapper minus 1 element */
        height:390px;
        top:5px;
        text-align:left;
        z-index:10000;
        overflow:hidden;
        -moz-box-shadow:0px 0px 3px rgba(0,0,0,1.0),inset 0px 0px 5px rgba(255, 255, 255, 0.3);
        -webkit-box-shadow:0px 0px 3px rgba(0,0,0,1.0),inset 0px 0px 5px rgba(255, 255, 255, 0.3);
        box-shadow:0px 0px 3px rgba(0,0,0,1.0),inset 0px 0px 5px rgba(255, 255, 255, 0.3);
}
.ca-content{
        padding:10px 20px 10px 5px;
        overflow:hidden;
}
.ca-content-text{
        font-size: 14px;
        margin:10px 20px;
        padding:10px 20px;
        line-height:24px;
        color:#fff;

}
.ca-content-text p{
        padding-bottom:15px;
}
.ca-content h6{
        margin:25px 20px 0px 35px;
        font-size:20px;
        padding-bottom:5px;
        font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", san-serif;
        color:#fff;
        border-bottom:2px solid #ffffff;

}
.ca-content ul{
        margin:20px 0px 0px 30px;
        height:0px;
}
.ca-content ul li{
        float:left;
        margin:0px 10px;
        list-style:none;
}
.ca-content ul li a{
        color:#7e7e7e;
        background: #ffffff;
        padding:3px 6px;
        font-size:14px;
        font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", san-serif;

}
.ca-content ul li a:hover{
        background:#dcdcdc;
        color:#7e7e7e;
        text-shadow:none;
}
.ca-nav span{
        width:25px;
        height:38px;
        background:transparent url(../images/arrows.png) no-repeat top left;
        position:absolute;
        top:50%;
        margin-top:-19px;
        left:-40px;
        text-indent:-9000px;
        opacity:0.7;
        cursor:pointer;
        z-index:100;
}
.ca-nav span.ca-nav-next{
        background-position:top right;
        left:auto;
        right:-40px;
}
.ca-nav span:hover{
        opacity:1.0;
}