@charaset "UTF-8";

/* VIEW -------------------------------- */
/* 背景 */
.frame-view { width: 940px; height: 720px; margin: 50px auto; background: url(image/view/bg_view.png) top center no-repeat; overflow: hidden;}
.frame-view-menu { width: 864px; height: 152px; position: absolute; top: 532px; left: 46px; z-index: 100;}

/* タブ */
#tabs { width: 940px; height: 720px; position: relative;}
#tabs ul { margin: 0px; padding: 0px; list-style: none;}
#tabs li { width: 200px; height: 60px; margin: 8px 16px 8px 0 ; float: left;}
#tabs li a { width: 200px; height: 60px; display: block; background: url(image/view/btn_eq_select.png);}

#tabs .btn-tab05 a { background-position: 0px 0px;}
#tabs .btn-tab06 a { background-position: -200px 0px;}
#tabs .btn-tab07 a { background-position: -400px 0px;}
#tabs .btn-tab08 a { background-position: -600px 0px;}
#tabs .btn-tab01 a { background-position: -800px 0px;}
#tabs .btn-tab02 a { background-position: -1000px 0px;}
#tabs .btn-tab03 a { background-position: -1200px 0px;}
#tabs .btn-tab04 a { background-position: -1400px 0px;}
#tabs .btn-tab05 a:hover { background-position: 0px -60px;}
#tabs .btn-tab06 a:hover { background-position: -200px -60px;}
#tabs .btn-tab07 a:hover { background-position: -400px -60px;}
#tabs .btn-tab08 a:hover { background-position: -600px -60px;}
#tabs .btn-tab01 a:hover { background-position: -800px -60px;}
#tabs .btn-tab02 a:hover { background-position: -1000px -60px;}
#tabs .btn-tab03 a:hover { background-position: -1200px -60px;}
#tabs .btn-tab04 a:hover { background-position: -1400px -60px;}

/* 最初はパネルは非表示 */
#tabs .panel { display: none; width: 940px; height: 720px; background: 32px 20px no-repeat; position: absolute; z-index: 10; }

/* 各種族画像 */
#tabs .bg-01 { background-image: url(image/view/img_nf.png);}
#tabs .bg-02 { background-image: url(image/view/img_ef.png);}
#tabs .bg-03 { background-image: url(image/view/img_cf.png);}
#tabs .bg-04 { background-image: url(image/view/img_pf.png);}
#tabs .bg-05 { background-image: url(image/view/img_nm.png);}
#tabs .bg-06 { background-image: url(image/view/img_em.png);}
#tabs .bg-07 { background-image: url(image/view/img_cm.png);}
#tabs .bg-08 { background-image: url(image/view/img_pm.png);}