* {
        font-family:  "Noto Sans JP",Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a{ text-decoration: none;}

li{     list-style: none;}

li:hover{
        filter:alpha(opacity=95);
        -ms-filter: alpha(opacity=95);
        -moz-opacity: 0.95;
        opacity: 0.95;
}

a:hover > img{
        filter:alpha(opacity=45);
        -ms-filter: alpha(opacity=45);
        -moz-opacity: 0.45;
        opacity: 0.45;
}

.title{
        line-height: 30px;
        font-size: 34px;
        font-style: italic;
        color: #5A89FF;
        font-weight: bold;
        text-shadow: 5px 5px 5px #EBE0D3;
}

.cnt{
        margin: 0 auto;
        width: 1100px;
}

.navi_bg{
        height: 35px;
        background-image: linear-gradient(0deg,#3D77F1, #0B3A9D);
}

.footer_table{
        font-size: 14px;
        color: #1a2f54;
        line-height: 21px;
}

#main{
        clear: left;
        margin: 0px 0px auto;
        padding: 0px;
}

#pul{
        margin: 0px auto;
        padding: 0px;
        width: 1105px;
        height: 35px;
}

#list {
        margin: 0px 0px auto;
        padding: 0px;
        width: 1130px;
        text-align: center;
        vertical-align: middle;
        align-items: center;
}

#list li{
        position: relative;
        float: left;
        margin: 0px;
        padding-top: 8px;
        width: 200px;
        height: 27px;
        color: #fff;
        border: solid 1px #ccc;
        font-size: 14px;
        filter:alpha(opacity=100);
        -ms-filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
}

#list > li{
        border-top-style: hidden;
        border-bottom-style: hidden;
}

#list > li:nth-of-type(1){
        width: 200px;
        letter-spacing: 1px;
}

#list > li:nth-of-type(2){
        width: 200px;
        letter-spacing: 2px;
}

#list > li:nth-of-type(3){
        width: 210px;
}

#list > li:nth-of-type(4){
        width: 220px;
}

#list > li:nth-of-type(5){
        width: 240px;
}


#list li + li{
        border-left: 0;

}

#list > li:hover{
        background: #0a5ef7;
}

#list > li > a{
        display:inline-block;
        width: 200px;
        color: #fff;
        font-size: 14px;
}

#list > li:nth-of-type(1) > a{
        width: 200px;
}

#list > li:nth-of-type(2) > a{
        width: 200px;
}

#list > li:nth-of-type(3) > a{
        width: 210px;
}

#list > li:nth-of-type(4) > a{
        width: 220px;
}

#list > li:nth-of-type(5) > a{
        width: 240px;
}

#list li ul{
display: none;
        position: absolute;
        top: 100%;
        left: -1px;
        padding: 0px;
        border: solid 1px #ccc;
        z-index: 100;
}

#list li ul li{
        margin: 0;
        padding-top: 10px;
        float: left;
        width: 260px;
                height: 25px;
        border: none;
        font-size: 12px;
        text-align: left;
        background-image: linear-gradient(180deg,#3D77F1, #0B3A9D);
}
#list li ul li a{
        display: inline-block;
        width: 260px;
        color: #fff;
        font-size: 12px;
}

#list li ul li:hover{
        background: #0a5ef7;
}

#list li ul li ul{
        display: none;
        position: absolute;
        top: 0px;
        left: 260px;
        padding: 0px;
        border: solid 1px #ccc;
        z-index: 0;
}

#list li ul li ul li a{
        display: inline-block;
        width: 260px;
        height: 35px;
        color: #fff;
        font-size: 12px;
        letter-spacing: 1px;
}

#list li ul li ul li:hover{
        background: #0a5ef7;
        width: 260px;
}