@charset "utf-8";

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


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

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

div#mainImgBox div#mainMessageBox{
    width: 320px;
    min-height:425px;
    height: auto !important;
    height: 425px;
    background-color:#fff;
    border-left: 1px solid #dedede;
    border-right: 1px solid #efefef;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

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

div#mainImgBox div#mainMessageBox dd:before { content: url("../../share/img/star_red_01.png"); }
div#mainImgBox div#mainMessageBox dd:after { content: url("../../share/img/star_red_01.png"); }


/* スライドショー */

#slider {
    position:absolute;
    top:0px;
    left:320px;
    z-index:1;
    width: 640px;
    height: 425px;
    overflow:hidden;
}


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


div#mainContents{
    border-radius: 10px;
    background-color: lightsteelblue;
    width: 960px;
    margin: 0 auto;
    text-align: left;
    margin-top: 5px;
    box-shadow:5px 5px 5px 5px rgba(0,0,0,0.4);
}

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

    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: 1.5px #000055 solid;
    }

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

    /* div#mainContents div.topicsBox a:after { content: url("../../share/img/arrow_blue.gif"); } */
    div#mainContents div.topicsBox a:before { content: url("../../share/img/arrow_blue_0.gif"); }
    div#mainContents div.topicsBox a:hover:before { content: url("../../share/img/arrow_white_0.gif"); }


/* 新着情報 */
div#newTopics{
    float: left;
}

    div#newTopics strong{
        font-weight: bold;
        font-size: 13px;
        margin-bottom: 5px;
        display: block;
        font-size: 14px;
    }

    div#newTopics dl{
        width: 295px;
    }

    div#newTopics dl dt,
    div#newTopics dl dd{
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

    div#newTopics dl dt{
        float:left;
        width:75px;
        clear:both;
        background: url("../../share/img/bg_border.gif") repeat 0 0 ;
    }

    div#newTopics dl dd{
        width:195px;
        margin-left:75px;
        padding-left: 20px;
    }


/* 概要 */
div#outlineBox{
    margin-left: 33px;
    float: left;
}

    div#outlineBox strong{
        font-weight: bold;
        font-size: 13px;
        margin-bottom: 8px;
        display: block;
        font-size: 14px;
    }

    div#outlineBox dl{
        width: 295px;
    }

    div#outlineBox dl dt,
    div#outlineBox dl dd{
        padding: 10px 0;
    }

    div#outlineBox dl dt{
        float:left;
        width:65px;
        clear:both;
        font-weight: bold;
    }

    div#outlineBox dl dd{
        width:200px;
        margin-left:65px;
        padding-left: 20px;
        color: #666;
    }


/* バナーエリア */
div#bannerBox{
    float: left;
    width: 960px;
}

    div#bannerBox ul{}
    div#bannerBox ul li{
        float: left;
        margin: 15px;
    }