#tabnavi ul{
   margin:0;
   padding:0;
   width:100%;
}
#tabnavi li{
   display:inline-block;
   margin:0;
   padding:0;
   width:18%;
}
#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 auto 20px;
   width:95%;
   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 {
   width:144px;
   height:250px;
   margin:3px;
   display:inline-block;
   text-align:center;
}
#tab00 div img, #tab01 div img, #tab02 div img, #tab03 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 a{ font-size:10px; }
}
@media (max-width:480px){
   #tabnavi li a{ font-size:9px; }
   
   
   
}