@charset "utf-8";

#style .topTitle{
    color:#ffffff;
    font-weight: bold;
    margin:30px 0 40px 0;
}
#style .topTitle .titIn{
    padding:10px 0 0 0;
}

@media only screen and (max-width:767px){
    #style .topTitle{
        background:#00395c;
        font-size:1.4em;
        text-align:center;
        padding:20px 0;
    }
}
@media print, screen and (min-width:768px){
    #style .topTitle{
        background:url(../images/bgTitle.png) right top no-repeat;
        min-height:220px;
        font-size:3.2em;
        line-height:120%;
        padding:80px 0 0 30px;
    }
}


/*------------------------- 
商品バナー一覧エリア
-------------------------*/
#style .titItem{
    background: #00395c;
    color:#ffffff;
    line-height:120%;
    font-weight: bold;
}
#style .listBanner{
    padding-bottom:10px;
}
#style .titArrow{
    border-top: 15px solid #00395c;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin: 0 0 10px 40px;
    width: 0px;
    height: 0px;
}

@media only screen and (max-width:767px){
    #style .titItem{
        margin-top:30px;
        font-size:1.4em;
        padding:10px;
    }
    #style .titArrow{
        margin-left:20px;
    }
}
@media print, screen and (min-width:768px){
    #style .titItem{
        margin-top:50px;
        font-size:2.0em;
        padding:10px;
    }
    #style .titArrow{
        border-top: 15px solid #00395c;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        margin: 0 0 10px 40px;
        width: 0px;
        height: 0px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
}
@media only screen and (min-width:992px) and (max-width:1199px){
}
@media only screen and (min-width:1200px){
}

/*------------------------- 
secLinkBanner
-------------------------*/
#style .secLinkBanner{
    background: #f7f7f7;
    padding:20px 0 40px 0;
}
#style .secLinkBanner .boxIn{
    width:90%;
    max-width:1000px;
    margin:0 auto;
}
#style .secLinkBanner .boxBanner{
    padding-bottom:15px;
}
@media only screen and (max-width:767px){
    #style .secLinkBanner{
        padding:20px 0 10px 0;
    }
}
@media print, screen and (min-width:768px){
    #style .secLinkBanner .boxBanner.noPad{
        padding-bottom:5px;
    }
}