@charset "utf-8";

/***************************************************
        reset css
***************************************************/

html{font-size:14px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;padding:0}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hgroup,p,blockquote,figure,form,fieldset,input,legend,pre,abbr{margin:0;padding:0}
li{list-style:none}
pre,code,address,caption,th,figcaption{font-size:1em;font-weight:normal;font-style:normal}
fieldset,iframe,img{border:0}
caption,th{text-align:left}
table{border-collapse:collapse;border-spacing:0}
article,aside,footer,header,nav,main,section,summary,details,hgroup,figure,figcaption{display:block}
audio,canvas,video,progress{display:inline-block;vertical-align:baseline}
button{font:inherit;vertical-align:middle}
img{max-width:100%;}


/***************************************************
        common css
***************************************************/

body{
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
    font-size:14px;
    line-height:1.6;
    background:url(../../img/en/common/main/bg_main.png) top center repeat-y;
    background-size:100% auto;
}


#containerWrap a{
    color:#197FC3;
}

#containerWrap a:hover{
    text-decoration:none;
}

input::-webkit-input-placeholder {
    color: #777;
}
input:-ms-input-placeholder {
    color: #777;
}
input::-moz-placeholder {
    color: #777;
}

.cf:before,
.cf:after{
    content:"";
    display: table;
}
.cf:after{
    clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
    *zoom:1;
}


.mb10{margin-bottom:10px}

.mb20{margin-bottom:20px}

.mb30{margin-bottom:30px}

.mb40{margin-bottom:40px}

.mb50{margin-bottom:50px}

.mr20{margin-right:20px}


/*パンくずリスト*/
#breadcrumbs{
    width:970px;
    margin:15px auto;
    background:rgba(255,255,255,0.5);
    padding-left:10px;
}

.breadcrumbsWideth770{
    width:770px!important;
}

#breadcrumbs li{
    display:inline;	
    font-size:12px;
    color:#333;
}

#breadcrumbs a{
    color:#333;
}

#breadcrumbs a:hover{
    text-decoration:none;
}

#breadcrumbs li:before{
    content:">";
    padding:0 5px;
}

#breadcrumbs .listname:before{
    content:"\00a0";
    padding:0 5px;
}

#breadcrumbs li:first-child:before{
    content:"";
    padding:0;
}


/*collection icon*/
/*
.coll{
        width:22px;
        height:16px;
        overflow:hidden;
        text-indent:-9999px;
}
*/
.es{background:url(../../img/en/common/collection-icon/coll_es.png) no-repeat}
.hp{background:url(../../img/en/common/collection-icon/coll_hp.png) no-repeat}
.iv{background:url(../../img/en/common/collection-icon/coll_iv.png) no-repeat}
.ml{background:url(../../img/en/common/collection-icon/coll_ml.png) no-repeat}
.or{background:url(../../img/en/common/collection-icon/coll_or.png) no-repeat}
.rg{background:url(../../img/en/common/collection-icon/coll_rg.png) no-repeat}
.se{background:url(../../img/en/common/collection-icon/coll_se.png) no-repeat}
.vc{background:url(../../img/en/common/collection-icon/coll_vc.png) no-repeat}
.wm{background:url(../../img/en/common/collection-icon/coll_wm.png) no-repeat}
.pc{background:url(../../img/en/common/collection-icon/coll_pc.png) no-repeat}
.ib{background:url(../../img/en/common/collection-icon/coll_ib.png) no-repeat}
.id{background:url(../../img/en/common/collection-icon/coll_id.png) no-repeat}
.eg{background:url(../../img/en/common/collection-icon/coll_eg.png) no-repeat}
/* TODOH 画像のパス変更 */
.al{background:url(../../img/en/common/collection-icon/coll_al.png) no-repeat}
.ds{background:url(../../img/en/common/collection-icon/coll_ds.png) no-repeat}

#mainColumn .set .info .coll{
    line-height:1.4;	
}

/* お気に入りボタンの処理　favorite icon*/
/*
#containerWrap .fav > a{
        display:block;
        width:17px;
        height:15px;
        background:url(../../img/en/common/icon/icon_fav_off.png) no-repeat;
        text-indent:-9999px;
        cursor:pointer;
}

#containerWrap .fav.on > a{
        background:url(../../img/en/common/icon/icon_fav_on.png) no-repeat;
}
*/

#containerWrap .fav,
#containerWrap .point{
    position:relative;	
}

/* お気に入りボタンでログインしてない場合の処理 */
#containerWrap .fav .login,
#containerWrap .point .point-popup {
    position:absolute;	
    top:-113px;
    left:-92px;
    background:url(../../img/en/common/main/bg_favlogin.png) no-repeat;
    width:180px;
    height:90px;
    color:#fff;
    text-align:center;
    font-size:12px;
    padding:10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index:999;
}

#containerWrap .fav .login p,
#containerWrap .point .point-popup p {
    margin-bottom:3px;
}

#containerWrap .fav .login .btn a,
#containerWrap .point .point-popup .btn a {
    padding:5px 10px;
}

#containerWrap .fav .login .btn a:hover,
#containerWrap .point .point-popup .btn a:hover {
    border-top:3px solid #000;
}

#mainColumn .fav:hover > .login,
#mainColumn .point:hover > .point-popup{
    visibility: visible;
    opacity: 1;
}

/* pointをアンカー風にする */
.point-link {
    text-decoration: underline;
}


/*cart icon*/
/*
#mainColumn .cart a{
        display:block;
        width:20px;
        height:20px;
        background:url(../../img/en/common/icon/icon_cart_off.png) no-repeat;
        text-indent:-9999px;
        cursor:pointer;
}

#mainColumn .cart a:hover{
        background:url(../../img/en/common/icon/icon_cart_on.png) no-repeat;
}

*/

/*info*/
.info .list{
    padding-left:20px;
    background:url(../../img/en/common/icon/icon_list.png) no-repeat;
    float:left;
}

.info .price{
    float:right;
    text-align:right;
}

.info .price:before{
    content:"US$";
}

.info .sale{
    color:#FB6262;
}

.info .sale:before{
    content:"PRICE US$";
}

.info .sale:after{
    content:"｜";
    color:#333;
}


.info .point{
    float:right;
    text-align:right;
}

.info .price:after{
    content:"｜";
}

.info .point:after{
    content:"pts";
}

.del{
    text-decoration: line-through;	
}


/***************************************************
        header css
***************************************************/

header{
    color:#fff;
    font-size:12px;
    background:#000;
    border-bottom:4px solid #ed2d00;
    margin-bottom:10px;
}

header a{
    color:#fff;
}

header a:hover{
    text-decoration:none;
}

#headerWrap{
    width:980px;
    margin:0 auto;
    position:relative;
}

#headerWrap h1{
    padding:20px 0;	
}


/*header nav*/
#headerWrap #hnav{
    background:#5a5a5a;
    position:absolute;
    top:0px;
    right:0px;
    padding-left:20px;
}

#headerWrap #hnav li{
    float:left;
    padding:10px 0;
    margin-right:20px;
}

#headerWrap #hnav li.mypage{
    background:url(../../img/en/common/header/icon_mypage.png) no-repeat center left;
    height:16px;
    padding-left:25px;
    line-height:16px;
}

#headerWrap #hnav li.fav{
    background:url(../../img/en/common/header/icon_fav.png) no-repeat center left;
    height:16px;
    padding-left:25px;
    line-height:16px;
}

#headerWrap #hnav li.cart{
    background:url(../../img/en/common/header/icon_cart.png) no-repeat center left;
    height:16px;
    padding-left:25px;
    line-height:16px;
}

#headerWrap #hnav li.login{
    background:url(../../img/en/common/header/icon_login.png) no-repeat center left;
    height:16px;
    padding-left:25px;
    line-height:16px;
}

#headerWrap #hnav li.en{
    background:#3e3d3d;
    width:40px;
    height:40px;
    padding:0;
    margin-right:0;
}

#headerWrap #hnav li.en a{
    background:url(../../img/en/common/header/icon_en.jpg) no-repeat center center;
    display:block;
    width:40px;
    height:36px;
    text-indent:-9999px;
    overflow:hidden;
}

#headerWrap #hnav li.jp{
    background:#3e3d3d url(../../img/en/common/header/bg_gold.jpg);
    width:40px;
    height:36px;
    padding:0;
    margin-right:0;
}

#headerWrap #hnav li.jp a{
    background:url(../../img/en/common/header/icon_jp.png) no-repeat center center;
    display:block;
    width:40px;
    height:36px;
    text-indent:-9999px;
    overflow:hidden;
}


/*primary nav*/
#headerWrap #pnav{
    padding-bottom:8px;
    position:absolute;
    bottom:0px;
    right:0px;
}

#headerWrap #pnav li{
    float:left;
}

#headerWrap #pnav li.guide a{
    background:url(../../img/en/common/header/icon_guide.png) no-repeat top left;
    display:block;
    height:16px;
    line-height:16px;
    padding-left:25px;
    margin-right:20px;
}

#headerWrap #pnav li.plan a{
    background:url(../../img/en/common/header/icon_plan.png) no-repeat top left;
    display:block;
    height:16px;
    line-height:16px;
    padding-left:25px;
    margin-right:20px;
}

#headerWrap #pnav li.help a{
    background:url(../../img/en/common/header/icon_help.png) no-repeat top left;
    display:block;
    height:16px;
    line-height:16px;
    padding-left:25px;
    margin-right:20px;
}

#headerWrap #pnav li.contact a{
    background:url(../../img/en/common/header/icon_contact.png) no-repeat top left;
    display:block;
    height:16px;
    line-height:16px;
    padding-left:25px;
}



/***************************************************
        search css
***************************************************/

#searchWrap{
    width:980px;
    height:60px;
    margin:0 auto;
}

#searchWrap .categorySelect{
    width:200px;
    float:left;
    position:relative;
    cursor:pointer;
    z-index:10000;
}

#searchWrap .categorySelect > ul{
    position:absolute;
    top:60px;
    left:0px;
    border:1px solid #606060;
    border-bottom:none;
}

#searchWrap .categorySelect li{
    color:#333;
    font-size:12px;
}

#searchWrap .categorySelect .lv0 > li,
#searchWrap .categorySelect .lv1 > li,
#searchWrap .categorySelect .lv2 > li
{
    width:198px;
    border-bottom:1px solid #606060;
    background:#eee;
    position:relative;
}

#searchWrap .categorySelect > ul li.music_check > a,
#searchWrap .categorySelect > ul li.sfx_check > a,
#searchWrap .categorySelect > ul li.multi_check > a,
#searchWrap .categorySelect > ul li.album_check > a
{
	display:block;
	padding:12px 20px 10px 50px;
	background:#eee no-repeat;
	color:#333;
}

#searchWrap .categorySelect > ul li.check_comment{
	display:block;
	padding:10px 0px 10px 0px;
	text-align: center;
	background:#000 no-repeat;
	color:#fff;
}

#searchWrap .categorySelect > ul li.check_comment:hover{
    background:#000;
}

#searchWrap .categorySelect > ul li.music > a,
#searchWrap .categorySelect > ul li.sfx > a,
#searchWrap .categorySelect > ul li.multi > a,
#searchWrap .categorySelect > ul li.album > a
{
    display:block;
    padding:12px 20px 10px 50px;
    color:#333;
}

#searchWrap .categorySelect > ul > li a:hover{
    text-decoration:none;
}

#searchWrap .categorySelect>ul li:hover{
    background:#fff;
}

#searchWrap .categorySelect .music_check > a:before,
#searchWrap .categorySelect .sfx_check > a:before,
#searchWrap .categorySelect .multi_check > a:before,
#searchWrap .categorySelect .album_check > a:before,
#searchWrap .categorySelect .music > a:before,
#searchWrap .categorySelect .sfx > a:before,
#searchWrap .categorySelect .multi > a:before,
#searchWrap .categorySelect .album > a:before,
#searchWrap .categorySelect .reco:before
{
    content:"";
    display:block;
    position:absolute;
    top:10px;
    left:17px;
    width:20px;
    height:20px;
}

#searchWrap .categorySelect .music_check a:before{
	background:url(../../img/en/common/search/icon_check.png) no-repeat left top;
}

#searchWrap .categorySelect .sfx_check a:before{
	background:url(../../img/en/common/search/icon_check.png) no-repeat left top;
}

#searchWrap .categorySelect .multi_check a:before{
	background:url(../../img/en/common/search/icon_check.png) no-repeat left top;
}

#searchWrap .categorySelect .album_check a:before{
	background:url(../../img/en/common/search/icon_check.png) no-repeat left top;
}

#searchWrap .categorySelect .music a:before{
    background:url(../../img/en/common/search/icon_music.png) no-repeat left top;
}

#searchWrap .categorySelect .sfx a:before{
    background:url(../../img/en/common/search/icon_sfx.png) no-repeat left top;
}

#searchWrap .categorySelect .multi a:before{
    background:url(../../img/en/common/search/icon_multi.png) no-repeat left top;
}

#searchWrap .categorySelect .album a:before{
    background:url(../../img/en/common/search/icon_album.png) no-repeat left top;
}

#searchWrap .categorySelect .reco:before{
    background:url(../../img/en/common/search/icon_reco.png) no-repeat left top;
}

#searchWrap .categorySelect .lv0 > li:after,
#searchWrap .categorySelect .music .lv1 > li:after,
#searchWrap .categorySelect .sfx .lv1 > li:after,
#searchWrap .categorySelect .multi .lv1 > li:after,
#searchWrap .categorySelect .album .lv1 > li:after,
#searchWrap .categorySelect li.reco:after,
#searchWrap .categorySelect .music .lv2 > li:after,
#searchWrap .categorySelect .multi .lv2 > li:after,
#searchWrap .categorySelect .album .lv2 > li:after,
#searchWrap .searthHistry > ul li:after,
#searchWrap .tracksPlayed > ul li:after
{
    content:"";
    display:block;
    position:absolute;
    top:10px;
    right:10px;
    width:20px;
    height:20px;
    background:url(../../img/en/common/search/icon_arrow.png) no-repeat left top;
}



#searchWrap .categorySelect .scene .lv2 > li:after,
#searchWrap .categorySelect .album .series > li:after{
    background:none;
}


#searchWrap .categorySelect .lv1{
    width:198px;
    position:absolute;
    top:-1px;
    left:198px;
    border:1px solid #606060;
    border-bottom:none;
}

#searchWrap .categorySelect .lv1 li{
    width:170px;
    padding:12px 20px 10px 8px;
    /*font-weight:bold;*/
    color:#333;
}

#searchWrap .categorySelect .lv1 li:before{
    content:"・";
    padding-right:3px;
}

#searchWrap .categorySelect .lv2{
    width:198px;
    position:absolute;
    top:-1px;
    left:198px;
    border:1px solid #606060;
    border-bottom:none;
}


#searchWrap .categorySelect .lv3,
#searchWrap .categorySelect .scene .lv2,
#searchWrap .categorySelect .sfx .lv2{
    position:absolute;
    top:-1px;
    left:198px;
    width:208px;
    border:1px solid #606060;
    background:#eee;
    padding:10px 0;
}

#searchWrap .categorySelect .lv3 > li,
#searchWrap .categorySelect .scene .lv2 > li,
#searchWrap .categorySelect .sfx .lv2 > li
{
    width:200px;
    border-bottom:none;
    padding:5px 0 5px 8px;
}

#searchWrap .categorySelect .lv3 > li:hover,
#searchWrap .categorySelect .sfx .lv2 > li:hover,
#searchWrap .categorySelect .scene .lv2 > li:hover{
    background:#eee;
}


#searchWrap .categorySelect .lv3 > li a,
#searchWrap .categorySelect .scene .lv2 > li a,

#searchWrap .categorySelect .sfx .lv2 > li a,
#searchWrap .categorySelect .album .lv2.series li a,
#searchWrap .categorySelect .reco a{
    color:#333;
}

#searchWrap .categorySelect .lv3.column2,
#searchWrap .categorySelect .scene .lv2.column2,
#searchWrap .categorySelect .sfx .lv2.column2{
    width:380px;
    background:#eee;
}

#searchWrap .categorySelect .lv3.column2 > li,
#searchWrap .categorySelect .scene .lv2.column2 > li,
#searchWrap .categorySelect .sfx .lv2.column2 > li{
    width:45%;
    float:left;
}

#searchWrap .categorySelect .album .lv2.series{
    width:230px;
}

#searchWrap .categorySelect .album .lv2.series li{
    width:200px;
    padding-left:10px;
}

#searchWrap .categorySelect li.reco {
    padding:12px 10px 10px 50px;
    width:138px;
}

/*
#searchWrap .categorySelect .album .lv1{
        border:none;
        border-bottom:1px solid #606060;
}

#searchWrap .categorySelect .album .lv1 li{
        width:220px;
        border:1px solid #606060;
        border-bottom:none;
}

#searchWrap .categorySelect .album .lv1 li a{
        color:#333;
}
*/



/*非表示まとめ*/
#searchWrap .categorySelect > ul,
#searchWrap .categorySelect ul.lv1,
#searchWrap .categorySelect ul.lv2,
#searchWrap .categorySelect ul.lv3
{
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/*表示まとめ*/
#searchWrap .categorySelect.open > .lv0,
#searchWrap .categorySelect .lv0 > li.open .lv1,
#searchWrap .categorySelect .lv1 > li.open .lv2,
#searchWrap .categorySelect .lv2 > li.open .lv3
{
    visibility: visible;
    opacity: 1;
}


#searchWrap .search{
    width:450px;
    height:60px;
    float:left;
    background:#e5e5e5;
}

#searchWrap .search .plusBox{
    width:255px;
    float:left;	
}

#searchWrap .search .plusBox input{
    width:235px;
    padding:6px 10px;
    border:none;
    border-top:1px solid #e5e5e5;
}

#searchWrap .search .plusBox input:focus{
    outline: none;
    background:#ffffcc;
}

#searchWrap .search .minusBox{
    width:195px;
    float:left;	
}

#searchWrap .search .minusBox input{
    width:175px;
    padding:6px 10px;
    border:none;
    border-top:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
}

#searchWrap .search .minusBox input:focus{
    outline: none;
    background:#ffffcc;
}

#searchWrap .search .categoryCheck {
    width:425px;
    font-size:12px;
    padding:3px 10px 5px 15px;
    clear:both;
}

#searchWrap .search .categoryCheck li{
    float:left;
    margin-right:5px;
    padding-top:2px;
}

#searchWrap .search .categoryCheck li input{
    margin-right:5px;
    vertical-align:middle;
}

#searchWrap .searchBtn{
    width:60px;
    height:60px;
    float:left;	
}

#searchWrap .searchBtn input{
    border:0;
    width:60px;
    height:60px;
    background:url(../../img/en/common/search/btn_search_off.jpg) no-repeat left top;	
}

#searchWrap .searchBtn input:hover{
    background:url(../../img/en/common/search/btn_search_on.jpg) no-repeat left top;	
}


#searchWrap .searthHistry{
    width:135px;
    height:60px;
    float:left;
    cursor:pointer;
    position:relative;
    z-index:201;
}

#searchWrap .searthHistry > ul{
    background:#f8f8f8;
    border:1px solid #606060;
    border-bottom:none;
    position:absolute;
    top:60px;
    right:0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


#searchWrap .searthHistry:hover > ul{
    visibility: visible;
    opacity: 1;
}

#searchWrap .searthHistry li{
    width:500px;
    border-bottom:1px solid #606060;
    overflow:hidden;
    position:relative;
    padding:10px 20px 10px 20px;
    font-size:12px;
    cursor:pointer;
}

#searchWrap .searthHistry li:hover{
    background:#fff;
}

#searchWrap .searthHistry li div{
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    width:20px;
    height:20px;
    cursor:pointer;
}


#searchWrap .searthHistry li .closeBtn{
    background:url(../../img/en/common/search/icon_close.png) no-repeat;
}

#searchWrap .searthHistry li .closeBtn:hover{
    background:url(../../img/en/common/search/icon_close.png) no-repeat;
}


#searchWrap .searthHistry li dl{
    padding-top:2px;
    float:left;
}

#searchWrap .searthHistry li dt{
    padding-left:15px;
    float:left;
}

#searchWrap .searthHistry li dd{
    padding-left:5px;
    float:left;
}

#searchWrap .searthHistry li dd a{
    color:#333;
}

#searchWrap .searthHistry li dd a:hover{
    text-decoration:none;	
}

#searchWrap .searthHistry li dd:before{
    content:"[";
}
#searchWrap .searthHistry li dd:after{
    content:"]";
}



#searchWrap .tracksPlayed{
    width:135px;
    height:60px;
    float:left;
    cursor:pointer;
    position:relative;
    z-index:202;
}

#searchWrap .tracksPlayed > ul{
    background:#eee;
    border:1px solid #606060;
    border-bottom:none;
    position:absolute;
    top:60px;
    right:0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


#searchWrap .tracksPlayed:hover > ul{
    visibility: visible;
    opacity: 1;
}

#searchWrap .tracksPlayed li{
    width:500px;
    border-bottom:1px solid #606060;
    overflow:hidden;
    position:relative;
    padding:10px 20px 10px 20px;
    font-size:12px;
    cursor:pointer;
}

#searchWrap .tracksPlayed li:hover{
    background:#fff;
}

#searchWrap .tracksPlayed li div{
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    width:20px;
    height:20px;
    cursor:pointer;
    margin-right:20px;
}


#searchWrap .tracksPlayed li .playBtn{
    background:url(../../img/en/common/search/icon_play_off.png) no-repeat left center;
}

#searchWrap .tracksPlayed li .playBtn:hover{
    background:url(../../img/en/common/search/icon_play_on.png) no-repeat;
}

#searchWrap .tracksPlayed li .stopBtn{
    background:url(../../img/en/common/search/icon_stop.png) no-repeat left center;
}

#searchWrap .tracksPlayed li dl{
    float:left;
}

#searchWrap .tracksPlayed li dt{
    margin-right:10px;
    float:left;
    overflow:hidden;
    width:20px;
    height:20px;
    text-indent:-9999px;
}

#searchWrap .tracksPlayed li dt.music{
    background:url(../../img/en/common/search/icon_music.png) no-repeat;
}

#searchWrap .tracksPlayed li dt.sfx{
    background:url(../../img/en/common/search/icon_sfx.png) no-repeat;
}

#searchWrap .tracksPlayed li dt.multi{
    background:url(../../img/en/common/search/icon_multi.png) no-repeat;
}

#searchWrap .tracksPlayed li dt.album{
    background:url(../../img/en/common/search/icon_album.png) no-repeat;
}

#searchWrap .tracksPlayed li dt.vocal{
    background:url(../../img/jp/common/icon/icon_vocal.png) no-repeat;
}


#searchWrap .tracksPlayed li dd{
    padding-top:4px;
    margin-right:10px;
    float:left;
}

#searchWrap .tracksPlayed li a dd{
    color:#333;
    text-decoration:underline;
}

#searchWrap .tracksPlayed li a:hover dd{
    text-decoration:none;
}






/***************************************************
        main css
***************************************************/

#containerWrap{
    width:980px;
    margin:0 auto 60px;
}

#mainColumn{
    width:780px;
    float:right;
}

#mainColumn h2.ttl{
    background:#000 url(../../img/en/common/main/bg_ttl.png) center left no-repeat;
    padding:7px 10px 5px 38px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
}


/*楽曲タイトルなど横幅がはみ出した時に非表示する処理*/
.ttlName{
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    -webkit-text-overflow: ellipsis;  
    -o-text-overflow: ellipsis;
}

#mainColumn .btn a{
    font-size:12px;
    display:inline-block;
    color:#fff;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    background:#e0bd63;
    box-sizing:border-box;
    border:none;
    border-bottom:3px solid #bb983e;
    padding:8px 40px;
}

#mainColumn .btn a:hover{
    border-top:3px solid #F7F6F5;
    border-bottom:none;
}

#mainColumn .formBtn{
    text-align:right;
}


input.prev,
input.next{
    font-size:12px;
    font-weight:bold;
    color:#fff;
    padding:8px 70px;
    border:1px solid #000;
    border-radius:5px;
}

input.prev{
    background:#000 url(../../img/en/cart/icon_prev.png) no-repeat left center;
    margin-right:20px;
}

input.next{
    background:#000 url(../../img/en/cart/icon_next.png) no-repeat right center;
}

input.prev:hover{
    background:#e0bd63 url(../../img/en/cart/icon_prev.png) no-repeat left center;
    border:1px solid #e0bd63;
}

input.next:hover{
    background:#e0bd63 url(../../img/en/cart/icon_next.png) no-repeat right center;
    border:1px solid #e0bd63;
}


/*ページネーション*/
#containerWrap .pagination{
    text-align:center;
}

#containerWrap .pagination li{
    display:inline-block;
    margin-left:5px;
}

#containerWrap .pagination li:first-child{
    margin-left:0;
}

#containerWrap .pagination li a{
    display:block;
    width:20px;
    height:20px;
    line-height:20px;
    border:1px solid #333;
    color:#333;
    font-size:12px;
    background:#fff;
    text-decoration:none;
    text-align:center;
}

#containerWrap .pagination li.prev a,
#containerWrap .pagination li.next a,
#containerWrap .pagination li a:hover{
    background:#333;
    color:#fff;
}

#containerWrap .pagination li.prev a:hover,
#containerWrap .pagination li.next a:hover{
    background:#fff;
    color:#333;
}

#containerWrap .pagination li.nowpage a{
    border:1px solid #999;
    background:#ccc;
    color:#fff;
}

#containerWrap .pagination li.disabled{
    position:relative;
    margin-left:30px;
}


#containerWrap .pagination .hide{
    display:none;	
}



/* アラート */
.errorAlert{
    display:none;
    color:#F74B4B;
}

.error .errorAlert{
    display:block;
    clear:both;
}

.error input[type="text"],
.error input[type="password"],
.error textarea{
    border:1px solid #F74B4B;
    background:#FFE8E8;
}

.comment{
    color:#F74B4B;
}


/***************************************************
        side css
***************************************************/

#sideColumn{
    width:180px;
    float:left;
}

.flowlist li{
    border:1px solid #999;
    background:#fff;
    font-size:12px;
    color:#333;
    text-align:center;
    padding:8px 10px 7px;
    position:relative;
    margin-bottom:20px;
}

.flowlist li:first-child:before{
    display:none;
}

.flowlist li:before{
    content:"▼";
    display:block;
    width:180px;
    position:absolute;
    text-align:center;
    top:-20px;
    left:0px;
}

.flowlist li.nowpage{
    background:#eee;
}


#sideColumn .ppArea,
#sideColumn .contactArea{
    border:1px solid #999;
    background:#fff;
    width:150px;
    padding:11px 14px 15px;
    overflow:hidden;
}

#sideColumn .ppArea h3{
    font-size:14px;
    font-weight:bold;
    padding:9px 0 10px;
}

#sideColumn .ppArea p{
    text-align:left;
    font-size:12px;
    line-height:1.6;
}


#sideColumn h3.ttl{
    background:#000 url(../../img/en/common/main/bg_side_ttl.png) top left no-repeat;
    padding:7px 5px 5px 15px;
    color:#fff;
    font-size:13px;
    font-weight:bold;
}

#sideColumn .contactArea h4{
    font-size:12px;
    padding:0 0 5px 24px;
    margin-bottom:0px;
    background:url(../../img/en/common/icon/icon_q_y.png) left top no-repeat;
}


#sideColumn .contactArea .number{
    font-size:13px;
    font-weight:bold;
}

#sideColumn .contactArea .mail{
    float:right;
    width:75px;
    background:url(../../img/en/common/icon/icon_mail.png) no-repeat 6px 4px;
    text-align:right;
}

#sideColumn .contactArea .mail a{
    font-size:12px;
    color:#197FC3;
}




/***************************************************
        footer css
***************************************************/

footer{
    border-top:5px solid #ed2d00;
    background:#313131 url(../../img/en/common/footer/bg_footerTop.jpg);
    color:#fff;
    font-size:12px;
}

footer a{
    color:#fff;
}

footer a:hover{
    text-decoration:none;
}

#fTop{
    width:980px;
    margin:0 auto;
    padding:35px 0;
}

#fTop .block{
    float:left;
    margin-right:35px;
}

#fTop .block li{
    padding-top:15px;
}

#fTop .block li:first-child{
    padding-top:0;
}

#fTop .block .btn{
    margin-top:30px;
}

#fTop .block .youtube{
    padding:20px 0 10px;
}


#fTop .block .youtubeBtn a{
    font-size:12px;
    display:inline-block;
    color:#fff;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    background:#E6312C;
    box-sizing:border-box;
    border:none;
    border-bottom:3px solid #900507;
    padding:8px 15px;
}

#fTop .block .youtubeBtn a:hover{
    border-top:3px solid #313131;
    border-bottom:none;
}


#fTop .sns{
    float:right;
}

#fTop .facebook{
    width:360px;
    height:200px;
    margin-bottom:10px;
    background:#fff;

}

#fTop .sns li{
    float:left;
    margin-right:10px;
}

#fBottom{
    background:#000;
}

#fBottom .inner{
    width:980px;
    margin:0 auto;
    padding:35px 0;
    position:relative;
}

#fBottom .inner p{
    padding-bottom:20px;
}

#fBottom ul.block{
    margin-bottom:20px;
}

#fBottom ul.block li{
    float:left;
    padding:0 10px;
    border-left:1px solid #fff;
    line-height:1;
}

#fBottom ul.block li:first-child{
    border-left:none;
    padding-left:0;
}

#fBottom .logo{
    position:absolute;
    top:30px;
    right:0px;
}

#fBottom .logo li{
    float:left;
    margin-left:30px;
}


#pageTop{
    width:60px;
    height:60px;
    display:none;
    position:fixed;
    bottom:80px;
    left:50%;
    margin-left:530px;
    cursor:pointer;
}

#pageTop:hover{
    bottom:78px;
}

/*エラー画面共通設定*/

#notfound #singleColumn{
    text-align: center;
}

#notfound #singleColumn #wrap{
    background:#fff;
    width:650px;
    margin:0 auto;
    padding:45px 20px;
    border-radius:10px;
}

#notfound #singleColumn h2{
    background: #000 url(../../img/en/common/main/bg_ttl.png) center left no-repeat;
    padding: 7px 10px 5px 37px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align:left;
}

#notfound #singleColumn h3{
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}


#notfound #singleColumn .btn a{
    font-size: 14px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: #e0bd63;
    box-sizing: border-box;
    border: none;
    border-bottom: 3px solid #bb983e;
    padding: 8px 40px;
}


#notfound #singleColumn .btn a:hover{
    border-top:3px solid #fff;
    border-bottom:none;
}

/* AIDF追加用差し替え時に削除しないこと!! */
.tracksPlayed a {
    color: #333;
}

#searchWrap .tracksPlayed li .playBtn.playing-now{
    background:url(../../img/jp/common/search/icon_play_on.png) no-repeat left center;
}

#searchWrap .tracksPlayed li .playBtn.playing-now[data-playing="on"]{
    background:url(../../img/jp/common/search/icon_stop_on.png) no-repeat left center;
}

/* 1106行目から移行*/
#containerWrap .pagination li.disabled {
    margin: 0 !important;
}

#containerWrap .pagination li.disabled:after{
    content:"" !important;
    position:absolute;
    top:3px;
    left:-25px;
}

#containerWrap .pagination li.first a {
    background-color: #333;
    color: white;
}

#containerWrap .pagination li.first a:hover {
    background-color: white;
    color: #333;
}

#containerWrap .pagination li.last a {
    background-color: #333;
    color: white;
}

#containerWrap .pagination li.last a:hover {
    background-color: white;
    color: #333;
}