@charset "utf-8";
/* CSS Document */

#download{margin: 0 auto; padding: 100px 0;}

#download{margin: 0 auto; padding: 50px 0;}
#download .lists>ul>li{width:48.5%;border:1px solid #ddd; box-sizing: border-box;padding: 30px; float:left; transition:all .3s; box-sizing:border-box;;}
#download .lists>ul>li:nth-child(even){float: right;}
#download .lists>ul>li>a{display:flex; align-items: center; align-content: center; overflow:hidden; position:relative;}
#download .lists>ul>li>a .tit{ flex-grow: 1; text-align: left; font-size: 1.6rem; font-weight: bold; color: #333;}
#download .lists>ul>li>a .tit>span{display: block; font-size: 1.2rem; color: #ccc; font-weight: normal;}
#download .lists>ul>li>a .ico{ width: 40px; text-align: right;}
#download .lists>ul>li>a .ico>img{ width: 100%;height: auto;}
#download .lists>ul>li:hover{ border-color: #001386;}
#download .lists>ul>li:hover .tit{color: #001386;}


#download .view{margin: 0 auto;padding-bottom: 100px;}
#download .view>.title{font-size: 1.6rem; font-weight: bold; color: #001386;}
#download .view>.files{margin: 0 auto;}
#download .view>.files>.tit{width: 12%; float: left; font-size: 1.4rem; font-weight: bold;}
#download .view>.files>.box{width: 82%;float: left;}
#download .view>.files>.box a{display: block; font-size: 1.6rem;}
#download .view>.files>.box img{height: 24px; width: auto;}
#download .view>.files>.box a:hover{text-decoration: underline;}