@charset "utf-8";

/*-------------------------------------*/
/* メインイメージ */
/*-------------------------------------*/

div#bgColor{
    background: #FFFBFF;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

div#mainImgBox{
    margin: 0 auto;
    text-align: left;
    width: 960px;
    min-height:381px;
    height: auto !important;
    height: 381px;
    position: relative;
}

div#mainImgBox div#mainMessageBox{
    width: 277px;
    min-height:381px;
    height: auto !important;
    height: 381px;
    background-color:rgba(255,255,255,0.8);
    border-left: 1px solid #dedede;
    border-right: 1px solid #efefef;
    z-index: 2;
    position: absolute;
}

    div#mainImgBox div#mainMessageBox img{
        display: block;
        padding: 10px 10px 0px 10px;
    }
    div#mainImgBox div#mainMessageBox strong{
        font-weight: bold;
        font-size: 17px;
        display: block;
        padding: 10px 20px 10px;
    }
    div#mainImgBox div#mainMessageBox span{
        padding: 0 20px;
        display: block;
        line-height: 1.9;
    }


/* スライドショー */

#slides {
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
}

.slides_container {
    width: 960px;
    height: 381px;
    overflow:hidden;
    position:relative;
    display:none;
}

.slides_container a {
    width:960px;
    height:381px;
    display:block;
}

.slides_container a img {
    display:block;
}

.pagination {
    position:absolute;
    top: 390px;
    right: 5px;
}

.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../img/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}

.pagination li.current a {
    background-position:0 -12px;
}

/*-------------------------------------*/


div#mainContents{
    width: 960px;
    margin: 0 auto;
    text-align: left;
    margin-top: 20px;
}

    /* ３つのトピックス */
    div#mainContents div.topicsBox{
        width: 295px;
        float: left;
        margin-left: 33px;
        margin-bottom: 75px;
    }

    div#mainContents div.firstItem{
        margin-left: 0;
    }

    div#mainContents div.topicsBox strong{
        margin-bottom: 15px;
        font-weight: bold;
        display: block;
        font-size: 14px;
        border-bottom: 1px #dedede solid;
    }

    div#mainContents div.topicsBox span{
        line-height: 1.8;
        display: block;
        text-align: justify;
        margin-bottom: 8px;
    }

    /*--- DT-ADD ---*/
    div#mainContents div.topicsBoxLeft{
        width: 200px;
        float: left;
        margin-left: 0;
        margin-bottom: 0px;
    }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxLeft strong{
            margin-bottom: 15px;
            font-weight: bold;
            display: block;
            font-size: 14px;
            border-bottom: 1px #dedede solid;
        }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxLeft span{
            line-height: 1.8;
            display: block;
            text-align: justify;
            margin-bottom: 10px;
        }

    /*--- DT-ADD ---*/
    div#mainContents div.topicsBoxCenter{
        width: 450px;
        float: left;
        margin-left: 30px;
        margin-bottom: 0px;
    }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxCenter strong{
            margin-bottom: 15px;
            font-weight: bold;
            display: block;
            font-size: 14px;
            border-bottom: 1px #dedede solid;
        }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxCenter span{
            line-height: 1.8;
            display: block;
            text-align: justify;
            margin-bottom: 10px;
        }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxCenter dl{
            width: 295px;
        }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxCenter dl dt,
        div#mainContents div.topicsBoxCenter dl dd{
            padding: 10px 0;
            border-bottom: 1px solid #ddd;
        }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxCenter dl dt{
            float:left;
            width:75px;
            clear:both;
            background: url(../img/bg_boder.gif) repeat 0 0 ;
        }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxCenter dl dd{
            width:360px;
            margin-left:75px;
            padding-left: 20px;
        }

    /*--- DT-ADD ---*/
    div#mainContents div.topicsBoxRight{
        width: 250px;
        float: left;
        margin-left: 30px;
        margin-bottom: 0px;
    }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxRight strong{
            margin-bottom: 15px;
            font-weight: bold;
            display: block;
            font-size: 14px;
            border-bottom: 1px #dedede solid;
        }
        /*--- DT-ADD ---*/
        div#mainContents div.topicsBoxRight span{
            line-height: 1.8;
            display: block;
            text-align: justify;
            margin-bottom: 10px;
        }

    div#mainContents div.topicsBoxRight ul{}
    div#mainContents div.topicsBoxRight ul li{
        margin-bottom: 15px;
    }