#tabnavi ul{
   margin:0;
   padding:0;
   width:100%;
}
#tabnavi li{
   display:inline-block;
   margin:0;
   padding:0;
   width:20%;
}
#tabnavi li a{
   letter-spacing:.1em;
   display:block;
   text-align:center;
   float:left;
   background:#eee;
   color:#333;
   width:100%;
   padding:3px 0;
   font-size:16px;
   font-weight:bold;
   text-decoration:none;
   border: 1px solid #888;
   border-radius:6px;
   -moz-border-radius:6px;
   -webkit-border-radius: 6px;
}
#tabnavi li a:hover{
   background:#203785;
   color:#FDD000;
}
#tabnavi li a.active{
   background:#FDD000;
   color:#fff;
}

#tabcont{
   margin:0;
   padding:3%;
   width:90%;
   background:#fff;
   color:#333;
   border: 1px solid #888;
   border-radius:6px;
   -moz-border-radius:6px;
   -webkit-border-radius: 6px;
}

#tab00 div, #tab01 div, #tab02 div, #tab03 div, #tab04 div{
   width:144px;
   height:250px;
   margin:3px;
   display:inline-block;
   text-align:center;
}
#tab00 div img, #tab01 div img, #tab02 div img, #tab03 div img, #tab04 div img{
   width:144px;
   height:192px;
   border:solid 1px #ccc;
   border-radius:6px 0 0 6px;
}


#tabcont div{
   line-height:1.5;
   
}





@media (max-width:768px){
   #tabnavi li  { width:18%; }
   #tabnavi li a{ font-size:13px; }
}
@media (max-width:480px){
   #tabnavi li  { width:16%; }
   #tabnavi li a{ font-size:10px; }
   
   #tab00 div, #tab01 div, #tab01 div, #tab02 div, #tab03 div{ width:136px; }
   #tab00 div img, #tab01 div img, #tab02 div img, #tab03 div img{ width:136px; }
   
   
}