@charset "utf-8";
/* CSS Document */
body,div,ul,li,a,p,img,span,h3 { margin:0; padding:0; border:none}
a { text-decoration:none}
ul { list-style:none}
body { text-align:center; font-size:14px; color:#000; }
.top { height:43px; line-height:43px; text-align:center; background:#ca0915; font-size:14px; }
.top a { display:inline-block; margin:0 10px; color:#fff}
.top a:hover { text-decoration:underline}
.main { clear:both; width:1000px; margin:0 auto 30px;}
.banner { line-height:0; margin-bottom:30px}
.banner img { width:100%;}
ul.list { width:1100px; overflow:hidden; }
ul.list li { position:relative; float:left; width:300px; line-height:30px; margin:0 50px 50px 0; line-height:24px; }
ul.list li a { font-size:12px; color:#fff;}
ul.list li a .black { position:absolute; left:0; right:0; bottom:0; width:100%; height:40px; background:#000; opacity:.5; filter:alpha(opacity=50);}
ul.list li a .word { position:absolute; left:0; right:0; bottom:0; width:100%; line-height:18px;}
ul.list li a img { display:block; }
ul.list li a h3 { font-size:14px;}
ul.list li a:hover { color:#ccc}

@media screen and (max-width:999px){
  .main { width:100%;}
  ul.list { width:100%}
  ul.list li { width:32%; margin-right:2%}
  ul.list li:nth-child(3n) { margin:0 0 2em 0;}
}