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

/* ブラウザの初期設定をクリア */
ul.filelist,.filelist li, .filelist li a
{
    margin: 0; padding: 0;
}



/* 表組の基本設定 */
.filelist li
{
    font-size: 12px; /* 文字サイズ */
    height: 30px; /* 1行の高さ */
	margin: 0;
	/*vertical-align: middle;*/
    padding: 12px 2px 0px 1em; /* 枠内 padding： 数値で指定する */
    overflow: hidden; /* あふれたら非表示 */
    white-space: nowrap; /* 高さが揃っている事が必要なので、改行ができない（行数が決まっていればOK） */
    float: left;
    border-bottom: 1px solid #ddd; /* 罫線の幅と色（以下2行、および dtの定義内、メディアクエリ設定内に同じ属性を設定） */
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: -1px; /* border幅：上下罫線の重複を解消 */
}



/* 見出し列 */
.filelist li
{
    border-left: 1px solid #ddd; /* 罫線の幅と色（上の基本設定と同じものを指定） */
    margin-left: -1px; /* 左側罫線の重複を解消 */
    background-color: #fff; /* 背景色 */
}



/* 幅の指定: 基本は2列 */
/* 表組全体の外枠に該当 */
.filelist
{
    /*width: 804px;*/ /* 列幅の合計 + border幅(1px) x 列数 */
	width: 100%;
}



/* 見出し列 */
.filelist li:nth-child(odd)
{
    /* width: 145px; */ /* 見出し列幅 - border幅(1px) - padding幅(4px) */
	width: 48%;
}



/* 内容列 */
.filelist li:nth-child(even)
{
    /*width: 245px;*/ /* 内容列幅 - border幅(1px) - padding幅(4px) */
	width: 48%;
}



/* 中間幅の時は1列表示 */
@media screen and (min-width: 632px) and (max-width: 833px) { /* 表＋左右マージンを取る事を考えて、幅を指定する */
    /* 表組全体の外枠に該当 */
    .filelist
     {
    width: 620px; /* 列幅の合計 + border幅(1px) x 列数 */
    }



    /* 見出し列 */
    .filelist li:nth-child(odd)
    {
    /*width: 245px;*/ /* 見出し列幅 - border幅(1px) - padding幅(4px) */
		 width: 45%; 
    }



    /* 内容列 */
    .filelist li:nth-child(even)
    {
    /*width: 345px;*/ /* 内容列幅 - border幅(1px) - padding幅(4px) */
			width: 45%;
    }
}



/* 幅が指定より狭いときは見出し列と内容を上下に表示 */
@media screen and (max-width: 631px) { /* 表＋左右マージンを取る事を考えて、幅を指定する */
    .filelist {width: 100%;}
    .filelist li
     {
        width: 98%;
        border-left: 1px solid gray; /* 罫線復活 */
        margin-left: 0; /* 罫線復活 */
    }
    .filelist li:nth-child(odd)
    {
    /*width: 245px;*/ /* 見出し列幅 - border幅(1px) - padding幅(4px) */
		 width: 96%; 
    }



    /* 内容列 */
    .filelist li:nth-child(even)
    {
    /*width: 345px;*/ /* 内容列幅 - border幅(1px) - padding幅(4px) */
			width: 96%;
    }
}