@charset "UTF-8"; /*--------------- fontsize Small ---------------*/ /* フォントサイズ ------------------------------------- */ body { font-size: 12px; } /* IE 7 */ *:first-child+html body { font-size: 75%; } /* IE 6 */ * html body { font-size: 75%; } /* ボタンの表示状態 --------------------*/ #fsmall a { /*カレント*/ background-image: url(../img/header/btn_fSmall_o.png); background-repeat: no-repeat; background-position: left top; } #fmiddle a { background-image: url(../img/header/btn_fMiddle.png); background-repeat: no-repeat; background-position: left top; } #flarge a { background-image: url(../img/header/btn_fLarge.png); background-repeat: no-repeat; background-position: left top; } /* #fsmall a:hover { background-image: url(../img/btn_fSmall_o.png); } */ #fmiddle a:hover { background-image: url(../img/header/btn_fMiddle_o.png); } #flarge a:hover { background-image: url(../img/header/btn_fLarge_o.png); } @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){ #fsmall a { background-image: url(../img/header/btn_fSmall@2x_o.png); background-size:28px 19px; } #fmiddle a { background-image: url(../img/header/btn_fMiddle@2x.png); background-size:28px 19px; } #flarge a { background-image: url(../img/header/btn_fLarge@2x.png); background-size:28px 19px; } #fsmall a:hover { background-image: url(../img/header/btn_fSmall@2x_o.png); background-size:28px 19px; } #fmiddle a:hover { background-image: url(../img/header/btn_fMiddle@2x_o.png); background-size:28px 19px; } #flarge a:hover { background-image: url(../img/header/btn_fLarge@2x_o.png); background-size:28px 19px; } }