@charset "utf-8";
@import url("../../common/js/jscrollpane/jquery.jscrollpane.css");
@import url("../../common/js/fancybox/jquery.fancybox.css");
@import url("../../common/js/flexcroll/flexcrollstyles.css");
@import url("sub.css");
@import url("base.css");
/* Import Sass Files */

/* box size */

/* path */

/* Colors */

/* text conf ======> */

/* font-family */

/* font-size */

/* line-height */

/* ======> text conf */

/* prefix bender set */

/* Local Pack */

/* HEADER */

body,
header,
hgroup,
footer,
section,
article,
aside,
nav,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
pre,
ol,
ul,
li,
dl,
dt,
dd,
table,
tr,
th,
td,
img,
object,
param,
embed,
script,
noscript,
form,
fieldset,
input,
textarea,
select,
button,
legend,
label,
cite,
q,
em,
strong,
span,
abbr,
code,
figure,
figcaption,
time {
    margin: 0;
    padding: 0;
    line-height: 1;
    letter-spacing: 0;
    font-style: normal;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
a {
   outline: 0;
}
 img, a {border:none, outline: none;}
.clearfix {display: inline-table; min-height: 1%;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

body {
    background: #000000;
}
a {
    color: #378de4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover {
    color: #d1a00b;
}
#page {
    width: 100%;
    background: url() center 72px no-repeat;
    margin: 0 auto;
}
#page .inner {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

#page #GlobalHeader h1 {
    width: 172px;
    height: 118px;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 10px;
}
#page #GlobalHeader h1 a {
    display: block;
    width: 170px;
    height: 118px;
    background: url("../common/img/header/logo.png") 0 0 no-repeat;
    text-indent: -9999px;
}
#page #GlobalHeader nav ul {
    width: 924px;
    position: absolute;
    right: 0;
    top: 29px;
}
#page #GlobalHeader nav ul li {
    width: 160px;
    height: 51px;
    float: left;
    list-style: none;
    text-indent: -9999px;
    background: url("../../common/images/gnav02.png") 0 0 no-repeat;
}
#page #GlobalHeader nav ul li a {
    background: url("../common/img/gnav02.png") 0 0 no-repeat;
    display: block;
    height: 51px;
    width: 100%;
    opacity: 1;
    -webkit-transition: background-image 0.3s linear;
    -moz-transition: background-image 0.3s linear;
    -ms-transition: background-image 0.3s linear;
    -o-transition: background-image 0.3s linear;
    transition: background-image 0.3s linear;
}
#page #GlobalHeader .bgm {
    width: 111px;
    height: 13px;
    position: absolute;
    top: 7px;
    right: -10px;
    z-index: 1100;
}
#page #GlobalHeader .bgm a {
    display: block;
    width: 111px;
    height: 13px;
    background: url("../../common/images/btn_music.png") 0 0 no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}
#page #GlobalHeader .bgm a.dplay {
    background-position: 0px 0px;
}
#page #GlobalHeader .bgm a.dstop {
    background-position: 0px -13px;
}
#page .inner {
    margin: 0 auto;
    position: relative;
    width: 1100px;
}

#page #GlobalHeader nav ul li.menu02 {
    background-position: 0px -51px;
}
#page #GlobalHeader nav ul li.menu02 a {
    background-position: 0px 0;
}
#page #GlobalHeader nav ul li.menu02 a:hover {
    background-position: 0px -51px;
}
#page #GlobalHeader nav ul li.menu03 {
    background-position: -160px -51px;
}
#page #GlobalHeader nav ul li.menu03 a {
    background-position: -160px 0;
}
#page #GlobalHeader nav ul li.menu03 a:hover {
    background-position: -160px -51px;
}
#page #GlobalHeader nav ul li.menu04 {
    background-position: -320px 0;
	filter: alpha(opacity=35);
  	-moz-opacity:0.35;
  	opacity:0.35;
}
#page #GlobalHeader nav ul li.menu04 a {
    background-position: -320px 0;
}
#page #GlobalHeader nav ul li.menu04 a:hover {
    background-position: -320px -51px;
}
#page #GlobalHeader nav ul li.menu05 {
    background-position: -480px 0px;
    filter: alpha(opacity=35);
  	-moz-opacity:0.35;
  	
}
#page #GlobalHeader nav ul li.menu05 a {
    background-position: -480px 0;
}
#page #GlobalHeader nav ul li.menu05 a:hover {
    background-position: -480px -51px;
}
#page #GlobalHeader nav ul li.menu06 {
    background-position: -640px -51px;
}
#page #GlobalHeader nav ul li.menu06 a {
    background-position: -640px 0;
}
#page #GlobalHeader nav ul li.menu06 a:hover {
    background-position: -640px -51px;
}
#page #GlobalFooter .inner {
    position: relative;
    width: 1200px;
}
#page #GlobalFooter .inner .fback {
    position: relative;
    height: 80px;
    z-index: 2100;
    background: url(../common/img/footer/bg_footer02.png) no-repeat center bottom scroll;
}
#page #GlobalHeader nav ul li a {
    background: url(../common/img/header/gnav02.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 51px;
    opacity: 1;
    transition: background-image 0.3s linear 0s;
    width: 100%;
}
.btn_npop {
    left: 50%;
    margin-left: -735px;
    padding-left: 190px;
    position: absolute;
    top: 730px;
    width: 810px;
}
.topPage {

    background: url(../img/top/bg_top.jpg) no-repeat fixed center center / cover ;
}
#maximage {
    text-align: center;
    z-index: 9999;
    margin: -15px auto 90px;
    height: 916px;
    background: url(../img/top/bg_top.png) no-repeat scroll center top / contain;
}
#maximage_n {
    text-align: center;
    z-index: 9999;
    margin: -15px auto 90px;
    height: 916px;
    background: url(../img/top/bg_top_n0315.png) no-repeat scroll center top / contain;
}
#home_mx{
	height: 670px;
    margin: -15px auto 90px;
    text-align: center;
    z-index: 9999;
}
.samplevoice {
    left: 180px;
}
.btnProduct {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -500px;
    width: 810px;
    padding-left: 190px;
}
.btnPopup {
    position: absolute;
    top: 780px;
    left: 50%;
    margin-left: -735px;
    width: 810px;
    padding-left: 190px;
}
.opa:hover {
    opacity: 0.5;
}



/* ------------------------------------------  FOOTER ------------------------------------------  */

#page #GlobalFooter {
    padding: 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 80px;
    z-index: 2000;
    background: url(../common/img/footer/bg_footer02.png) no-repeat center bottom scroll #141930;
}
#page #GlobalHeader {
    height: 115px;
    position: relative;
    background: url(../common/img/header/bg_header.jpg) no-repeat center top scroll;
    width: 100%;
    min-width: 1100px;
}
.samplevoice {
    left: 180px;
    margin: auto;
    position: relative;
    text-align: left !important;
    top: 610px;
    width: 960px;
}
.samplevoice .vplay {
    background: url(../img/top/btn_samplevoice.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 218px;
    width: 199px;
}
#pushLink {
    background: url(../common/img/footer/pushlink/bk.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -112px;
    height: 175px;
   
    padding: 55px 15px 0;
    position: absolute;
    width: 270px;
    z-index: 1001;
    left: 0;
}
#page #GlobalFooter .copyright {
    bottom: 12px;
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    right: -25px;
}
#page #GlobalFooter .bnr01 {
    bottom: 15px;
    left: 400px;
    position: absolute;
}
#page #GlobalFooter .bnr02 {
    bottom: 15px;
    position: absolute;
    right: 555px;
}
#page #GlobalFooter .bnr03 {
    bottom: 15px;
    position: absolute;
    right: 332px;
}
#page #GlobalFooter .bnr04 {
    bottom: 15px;
    position: absolute;
    right: 125px;
}
#page #GlobalFooter .bnr01_2 {
    bottom: 30px;
    left: 380px;
    position: absolute;
}
#page #GlobalFooter .bnr02_2 {
    bottom: 30px;
    position: absolute;
    right: 585px;
}
#page #GlobalFooter .bnr03_2 {
    bottom: 30px;
    position: absolute;
    right: 382px;
}
#page #GlobalFooter .bnr04_2 {
    bottom: 30px;
    position: absolute;
    right: 165px;
}
#page #GlobalFooter .news {
    bottom: 45px;
    left: 160px;
    position: absolute;
    width: 340px;
}
#page #GlobalFooter .whatsnew {
    bottom: 55px;
    left: 14px;
    position: absolute;
}
#page #GlobalFooter .whatsnew { position:absolute; bottom: 55px; left:14px; }
#page #GlobalFooter .news { width:340px; position:absolute; bottom: 45px; left:160px; }
#page #GlobalFooter .flexcroll p { font-size: 0.9em; color:#FFFFFF; line-height: 1.4; padding: 0 0 0px; }
#page #GlobalFooter .flexcroll p em { line-height: 1.4 !important; }
#page #GlobalFooter .flexcroll p em.entryDate { display: block; width: 60px; float: left; }
#page #GlobalFooter .flexcroll p em.entryTitle { width: 230px; display: block; float: right; }
#page #GlobalFooter .flexcroll {width: 320px; height: 2em; overflow: auto; position: relative;}
#page #GlobalFooter .sns li {
    display: inline;
    text-align: right;
    vertical-align: top;
}
#page #GlobalFooter ul li {
    float: left;
    margin: 0 10px 0 0;
}
#page #GlobalFooter .sns {
    bottom: 13px;
    left: 18px;
    position: absolute;
}


/* ------------------------------------------  HOME PAGE ------------------------------------------  */

/* iPad Portrait */
@media screen and (min-device-width: 320px) and (orientation:portrait) {
    .characterPage{
        zoom: 0.9; 
    }
}

.exactCenter {
    height: 600px;
    left: 50%;
    margin: -350px 0 0 -350px;
    position: absolute;
    top: 50%;
    width: 712px;
    padding-top: 30px;
}
body.homePage {
     margin: 0;
    min-height: 700px;
    min-width: 600px;
    padding: 0 0 50px;
    position: relative;
}
html.h_page, body.homePage {
    height: 100%;
}

/* iPad Portrait */

.homePage #page  #GlobalFooter {
    height: 60px;
}
.homePage #page #GlobalFooter .sns {
    bottom: 32px;
}

.homePage #page #GlobalFooter .bnr03 {
    bottom: 30px;
}
.homePage  #page #GlobalFooter .bnr01 , .homePage  #page #GlobalFooter .bnr02 {
    bottom: 32px;
}
.homePage #page #GlobalFooter .copyright {
    bottom: 28px;
}
.twitter_icon{
	left: 220px;
    position: absolute;
    top: 15px;
}
.youtube {
   left: 40%;
    margin-left: -700px;
    position: absolute;
    top: 130px;
    width: 810px;
    padding-left: 300px;
}
.youtube_n {
   left: 61%;
    position: absolute;
    top: 105px;
}

.btn_09{
	margin-bottom:12px;
}


.btnProduct2{
	position: fixed;
	bottom: 120px;
	right: 50px;
}
@media only screen and (max-width:1000px){
    .youtube_n{
        top: 85px;
    }
}

/* cdinfo page*/

.cdinfoPage #page #GlobalHeader nav ul li.menu04 a { background-position: -320px -102px; }
.cdinfoPage #page aside header h1 { background: url("../img/cdinfo/lead.png") 0 0 no-repeat; width: 163px; height: 22px; }
.cdinfoPage #page aside nav ul li a, .cdinfoPage #page aside nav ul li em { background: url("../img/cdinfo/menu_nav.png")  no-repeat ; padding: 5px 0 !important;}
.cdinfoPage #page aside{ padding: 0 10px 15px !important;}
.cdinfoPage #page aside header{ padding:10px 0 6px !important;}
.cdinfoPage #page aside nav ul li.menu a { background-position: 0 0;}

.cdinfoPage #page aside nav ul li.menu01 a { background-position: 0 2px; }
.cdinfoPage.cd01Page #page aside nav ul li.menu01 a{background-position: -174px 2px;}

#BottomIndex.cd01Page {
    background: url(../img/cdinfo/cd01/bg_cdinfo.png) no-repeat center center / cover ;
    background-color: #F0F0F0;
    background-attachment: fixed
}

.cdinfoPage #page article section { position: relative; }
.cdinfoPage #page article section.cdView {margin-left: 28px; height: 425px;}
.cdinfoPage #page article section.cdView .logo{float: left; width: 500px; margin: 0px 0 0; padding: 0;}
.cdinfoPage #page article section.cdView .jackets {float: right;}
.cdinfoPage #page article section.cdView .jackets ul.jacketsPreview {float: right; margin:0 10px 10px 0; position: relative; }
.cdinfoPage #page article section.cdView .jackets ul.jacketsPreview li { display: none; }
.cdinfoPage #page article section.cdView .jackets ul.jakectsCtrl { width: 365px; height: 40px; }
.cdinfoPage #page article section.cdView .jackets ul.jakectsCtrl li, .cdinfoPage #page article section.cdView .jackets ul.jakectsCtrl a { display: block; height: 40px; }

.cdinfoPage #page article h1.list_title{position: relative; top:1px;margin:0 0 0 20px;padding-left: 50px;}
.cdinfoPage #page article section.trackList {padding: 4px 4px 2px 4px; margin:0 0 10px 20px;}
.cdinfoPage #page article section.trackList ul { padding: 0; }
.cdinfoPage #page article section.trackList ul li { position: relative; height: 48px; background: #000;margin-bottom: 2px;}
.cdinfoPage #page article section.trackList ul li dl{  }
.cdinfoPage #page article section.trackList ul li dl dt { float: left; padding-left: 10px;}
.cdinfoPage #page article section.trackList ul li dl dd { float: right; padding-right: 10px;}
.cdinfoPage #page article section.trackList ul li p.music { position: absolute; left: 337px; top: 4px; width: 155px; height: 44px; }
.list02,.list04{background:#17130C !important;}

.cdinfoPage #page article section.trackList ul li p.openDate { position: absolute; left: 375px; top: 2px;}

.cdinfoPage #page article section.trackList ul li p.music a { display: block; width: 100%; height: 100%; background: url("../img/cdinfo/cd01/play.png") 0 0 no-repeat; cursor: pointer; }
.cdinfoPage #page article section.trackList ul li p.music.musicBest a { display: block; width: 100%; height: 100%; background: url("../img/cdinfo/best01/play.png") 0 0 no-repeat; cursor: pointer; }
.cdinfoPage #page article section.trackList ul li p.music a.vplay { background-position: 0 0; }
.cdinfoPage #page article section.trackList ul li p.music a.vstop { background-position: -155px 0; }


.cdinfoPage #page article section.trackList ul li p.music.musicCd01 a { display: block; width: 100%; height: 100%; background: url("../img/cdinfo/cd01/btn_play.png") 0 0 no-repeat; cursor: pointer; }
.cdinfoPage #page article section.trackList ul li p.music a.vplay { background-position: 0 0; }
.cdinfoPage #page article section.trackList ul li p.music a.vstop { background-position: -155px 0; }

.cd01Page #page article section.cdView .jackets .jakectsCtrl li,
.cd01Page #page article section.cdView .jackets .jakectsCtrl a { background: url("../img/cdinfo/cd01/bg_gNavi.png") no-repeat; height:49px !important; }
.cd01Page #page article section.cdView .jackets .jakectsCtrl li { float: left; }
.cd01Page #page article section.cdView .jackets .jakectsCtrl li a:hover { opacity: 0; filter: alpha(opacity=0); }
.lagjuliet #page article section.cdView .jackets .jakectsCtrl li a { /*pointer-events: none;*/ }
.cd01Page #page article section.cdView .jackets .jakectsCtrl li.now a { background: none; }
.cd01Page #page article section.cdView .jackets .jakectsCtrl li.pt01 { width: 127px; background-position: 0 0; }
.cd01Page #page article section.cdView .jackets .jakectsCtrl li.pt01 a { background-position: 0 -53px; }
.cd01Page #page article section.cdView .jackets .jakectsCtrl li.pt02 { width: 106px; background-position: -127px 0; }
.cd01Page #page article section.cdView .jackets .jakectsCtrl li.pt02 a { background-position: -127px -53px; }
.cd01Page #page article section.cdView .jackets .jakectsCtrl li.pt03 { width: 114px; background-position: -233px 0; }
.cd01Page #page article section.cdView .jackets .jakectsCtrl li.pt03 a { background-position: -233px -53px;}

.cd01Page #page article section.trackList ul li{height:51px !important;}
.cd01Page #page article section.trackList {background: #ef3280 ;margin-left: 70px;}
.cd01Page #page article section.trackList ul li.list01 .music a,
.cd01Page #page article section.trackList ul li.list02 .music a,
.cd01Page #page article section.trackList ul li.list03 .music a,
.cd01Page #page article section.trackList ul li.list04 .music a { background: url("../img/cdinfo/cd01/btn_play.png") 0 0 no-repeat; display: block; }
.cd01Page #page article section.trackList ul li p.music a { display: none; }


/* -------------------------------------------------------------------------------*/
.cdinfoPage #page aside nav ul li.menu02 a {
   background-position: -1px -105px;
    width: 30px;
}

.btnPopuptop {
  position: fixed;
  bottom: 120px;
  right: 350px;
}

#MainIndex .fancybox-inner {
    height: 570px !important;
}

 .ul_list li {
    float: left;
    margin: 0 0 35px 35px;
}
.spci .youtube {
   left: auto;
    margin-left: auto;
    padding-left: 0;
    position: static;
    top: auto;
    width: auto;
}

.spci .inner nav .special_btn{
	margin-top: 10px;

}
.spci.characterPage #page #GlobalHeader nav ul li.menu03 a {
    background-position: -160px 0px;
}

.spci #page #GlobalHeader nav ul li.menu05 a {
    background-position: -480px -102px;
}

.spci #page aside header h1 { background: url("../img/special/lead2.png") 0 0 no-repeat; width:}

.btn_cdow{
    bottom: 210px;
    position: fixed;
    right: 50px;
}

.btn_cdow .vplay {
    background: url(../img/top/btn_cdow.png) no-repeat scroll 0 0 ;
    cursor: pointer;
    display: block;
    height: 74px;
    width: 286px;
}

.btn_cdow .vstop {
    opacity: 0.6;
    background: url(../img/top/btn_cdow.png) no-repeat scroll 0 0 ;
    cursor: pointer;
    display: block;
    height: 74px;
    width: 286px;
}

.btn_cdow{
    bottom: 210px;
    position: fixed;
    right: 50px;
}

.btn_cdow .vplay {
    background: url(../img/top/btn_cdow.png) no-repeat scroll 0 0 ;
    cursor: pointer;
    display: block;
    height: 74px;
    width: 286px;
}

.btn_cdow .vstop {
    opacity: 0.6;
    background: url(../img/top/btn_cdow.png) no-repeat scroll 0 0 ;
    cursor: pointer;
    display: block;
    height: 74px;
    width: 286px;
}