@charset "utf-8"; /* CSS Document */ .tabUnit{ background-color: #FA0014; border-radius: 3px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2) inset; } .tabUnitList{ } .tab_bg_color{ background-color: #D7E0E8; border-radius:2px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); } .tabUnit ul.switchingTab{ } .tabUnit ul.switchingTab li{ } .tabUnit ul.switchingTab a{ color: #333333; text-decoration: none; font-size: 12px; } .tabUnit ul.switchingTab li.colleft a:link { background: url(../../img/bookshelf/icon_genre_off.png) no-repeat center center; } .tabUnit ul.switchingTab li.colright a:link{ background: url(../../img/bookshelf/icon_group_off.png) no-repeat center center; } .tabUnit ul.switchingTab li.colleft a:hover { background-image: url(../../img/bookshelf/icon_genre_on.png); background-repeat: no-repeat; } .tabUnit ul.switchingTab li.colright a:hover{ background-image: url(../../img/bookshelf/icon_group_on.png); background-repeat: no-repeat; } .tabUnit ul.switchingTab li.colright a.current:not(:target) { filter: none; -ms-filter: none; background-image: url(../../img/bookshelf/icon_group_on.png); } .tabUnit ul.switchingTab li.colleft a.current:not(:target) { filter: none; -ms-filter: none; background-image: url(../../img/bookshelf/icon_genre_on.png); } .tabUnit .tabUnitList ul{ } .tabUnit .tabUnitList ul li a{ color: #333333; font-size: 12px; text-decoration: none; } .tabUnit .tabUnitList ul li a:hover{ text-decoration:underline;} .sankaku_left{ } .sankaku_right{ }