/* ulのデフォルトスタイルを消去 */
.tabs-menu{
margin:20px auto 0;
padding:0;
list-style-type:none;
max-width:480px;
}

/* タブの基本スタイル */
.tabs-menu li{
float:left;
margin-right:4px;
margin-bottom:-1px;
background-color:#333024;
border-radius:4px 4px 0 0;
transition:all .15s;
}
.tabs-menu li:last-child{
margin-right:0;
}
.tabs-menu a {
display:block;
padding:8px 6px;
font-size:12px;
color:#fff !important;
text-decoration:none !important;
}
.tabs-menu a img{width:25px !important;}

/* 非選択のタブにカーソルを乗せたとき色を変える */
.tabs-menu li:not(.active):hover{
border-color:#f0f0f0 #f0f0f0 #999;
background-color:#4d4836;
}

/* 選択中のタブの色を設定 */
.tabs-menu .active{
border-color:#999 #999 transparent #999;
background-color:#666252;
}

.tabs-menu .active a{
color:#3F4548;
}

/* タブコンテンツ表示エリア */
.tabs-content{
clear:both;
border:1px solid #333024;
border-radius:0 4px 4px 4px;
padding:5px;
max-width:480px;
margin:0 auto;
}

/* 各タブのコンテンツはデフォルトで非表示 */
.tabs-content section{
display:none;
}