@charset "utf-8";

/*

ルール
スプライト画像用のスタイルを記述する
スタイルには基本的にクラスを使用しIDは使用しない ※IDはJavaScriptが絡む箇所の使用に留める
フォントサイズ指定は基本的には%を使用する
IEは8以上に対応する

目次
load
general         :汎用
header          :ヘッダ
top             :トップページ専用
*/

/* load
----------------------------------------------------------------------------------------------------*/
.sprite-img {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/sprite-img.png?1029);
}

/* general
----------------------------------------------------------------------------------------------------*/
.icon-delta {
    width: 3px;
    height: 5px;
    margin-right: 5px;
    background-position: -7px -95px;
}
.icon-arrow {
    width: 3px;
    height: 5px;
    margin: -2px 4px 0 0;
    background-position: -21px -95px;
}
.icon-down {
    width: 5px;
    height: 3px;
    background-position: -34px -97px;    
}
.icon-up {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    background-position: -44px -92px;   
}
.icon-prev {
    width: 11px; 
    height: 18px;
    background-position: -60px -89px;
}
.icon-next {
    width: 11px; 
    height: 18px;
    background-position: -74px -89px;
}
.icon-arrow-blk {
    width: 3px;
    height: 5px;
    margin: -2px 4px 0 0;
    background-position: -91px -95px;
}
.icon-zoom {    
    width: 16px; 
    height: 16px;
    background-position: -98px -90px;
}
.icon-cart-s {
    width: 16px;
    height: 15px;
    margin-right: 3px;
    background-position: -130px -94px;
}
.icon-star {
    width: 15px;
    height: 15px;
    margin: 5px;
    background-position: -155px -94px;
}
.icon-star-on {
    width: 15px;
    height: 15px;
    margin: 4px 5px 6px 0;
    background-position: -276px -94px;
}
.icon-dvd {
    background-position: -205px -163px;
    width: 51px; 
    height: 19px;
    margin-top: -3px;
}
.icon-blueray {
    background-position: -205px -182px;
    width: 51px; 
    height: 19px;
    margin-top: -3px;
}
.icon-play {
    width: 16px;
    height: 11px;
    margin: 6px 5px 8px 0;
    background-position: -212px -123px;
}
.icon-play-l {
    width: 26px; 
    height: 27px;
    background-position: -158px -61px;
}
.icon-info {
    width: 24px; 
    height: 19px;
    background-position: -240px -118px;
}
.icon-customer {
    width: 10px;
    height: 14px;
    margin-right: 3px;
    background-position: -180px -95px;
}
.icon-ione {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    background-position: -200px -94px;
}
.icon-q {
    width: 22px;
    height: 21px;
    margin-right: 3px;
    background-position: -221px -91px;
}
.icon-a {
    width: 22px;
    height: 21px;
    margin-right: 3px;
    background-position: -248px -91px;
}
.icon-requied {
    width: 31px;
    height: 15px;
    margin-right: 5px;
    background-position: -207px -146px;
}
.icon-search {
    width: 17px; 
    height: 16px;
    background-position: -270px -119px;
}
.icon-new {
    background-position: -148px -40px;
    width: 39px; 
    height: 16px;
    margin-top: -3px;
}
.icon-mailmag {
    background-position: -190px -38px;
    width: 35px; 
    height: 35px;
}
.icon-mailchange {
    background-position: -227px -38px;
    width: 35px; 
    height: 35px;
}
.icon-mailstop {
    background-position: -264px -38px;
    width: 35px; 
    height: 35px;
}
.icon-decision {
    background-position: -205px -201px;
    width: 63px; 
    height: 19px;
}
.icon-schedule {
    background-position: -205px -221px;
    width: 63px; 
    height: 19px;
}
.icon-crover {
    background-position: -264px -146px;
    width: 23px; 
    height: 37px;
}
.icon-youtube {
    background-position: -145px -146px;
    width: 26px; 
    height: 25px;
}
.icon-wmpbanner {
    background-position: -48px -113px;
    width: 153px; 
    height: 29px;
    transition: all 0.25s ease-out;
}
.icon-wmpbanner:hover { opacity: 0.75; }
.icon-fc2 {
    width: 16px;
    height: 11px;
    margin: 6px 5px 8px 0;
    background-position: -147px -176px;
}

/* header
----------------------------------------------------------------------------------------------------*/
.header-logo a {
    width: 145px;
    height: 60px;
    background-position: 0 0;
}
.icon-cart {
    width: 28px;
    height: 25px;
    margin-top: 8px;
    background-position: -2px -62px;
}
.icon-login {
    width: 26px;
    height: 25px;  
    margin-top: 8px;
    background-position: -94px -62px;
}
.icon-logout {
    width: 30px;
    height: 25px;
    margin-top: 8px;
    background-position: -36px -62px;
}
.icon-signup {
    width: 22px;
    height: 25px;
    margin-top: 8px;
    background-position: -127px -62px;
    position: relative;
    top: -4px;
}
.icon-mypage {
    width: 18px;
    height: 25px;
    margin-top: 6px;
    background-position: -71px -62px;
}

/* brief-header
----------------------------------------------------------------------------------------------------*/
.navbar-logo a {
    background-position: -150px -3px;
    width: 73px; 
    height: 27px;
}

/* top
----------------------------------------------------------------------------------------------------*/
.icon-check {
    width: 39px;
    height: 30px;
    margin-right: 7px;
    background-position: -1px -108px;    
}


/* introduction
----------------------------------------------------------------------------------------------------*/

.icon-intro-cart {
    background-position: -4px -146px;
    width: 67px; 
    height: 64px;
}
.icon-intro-login {
    background-position: -5px -219px;
    width: 66px; 
    height: 65px;
}
.icon-intro-signup {
    background-position: -78px -146px;
    width: 63px; 
    height: 65px;
}
.icon-intro-bookmark {
    background-position: -78px -219px;
    width: 94px; 
    height: 41px;
}