@charset "utf-8"; .tabUnit{ width: 280px; float: left; padding-top: 20px; } .tabUnitList{ margin:5px 15px 15px 15px; } .tab_bg_color{ overflow-x:auto; } .tabUnit ul.switchingTab{ height: 36px; margin: 0 auto; width:250px; } .tabUnit ul.switchingTab li{ display: block; width: 125px; height: 36px; float: left; } .tabUnit ul.switchingTab a{ display: block; height: 35px; text-align: center; line-height: 35px; } .tabUnit ul.switchingTab li.colleft a:link { } .tabUnit ul.switchingTab li.colright a:link{ } .tabUnit ul.switchingTab li.colleft a:hover { } .tabUnit ul.switchingTab li.colright a:hover{ } .tabUnit ul.switchingTab li.colright a.current:not(:target) { } .tabUnit ul.switchingTab li.colleft a.current:not(:target) { } .tabUnit .tabUnitList ul{ margin: 0; padding: 0px 9px 0 9px; } .tabUnit .tabUnitList ul li a{ white-space:nowrap; } .tabUnit .tabUnitList ul li a:hover{ } .sankaku_left{ margin-left:54px; } .sankaku_right{ margin-left:179px; } .tabUnit{ background-color: #37648C; 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{ }