@charset "utf-8";

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align:top;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,select{vertical-align:middle;}
legend{color:#000;}
p,th,td{line-height: 160%; line-break:strict;}
body {
font-size: 12px;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
color: #000000;
}
a:link {color:#000000; text-decoration: underline;}
a:visited {color:#000000; text-decoration: underline;}
a:hover {color:#000000; text-decoration: none;}
a:focus {color:#000000; text-decoration: none;}
a{outline: none;}

/*HTML5*/
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {display: block;}

/* CLASS  */

.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* margin & padding */
.mt02{margin-top:2px !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt12{margin-top:12px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt80{margin-top:80px !important;}.mr02{margin-right:2px !important;}.mr05{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr12{margin-right:12px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr25{margin-right:25px !important;}.mr30{margin-right:30px !important;}.mr35{margin-right:35px !important;}.mr40{margin-right:40px !important;}.mr45{margin-right:45px !important;}.mr50{margin-right:50px !important;}.mr55{margin-right:55px !important;}.mr60{margin-right:60px !important;}.mr65{margin-right:65px !important;}.mr70{margin-right:70px !important;}.mr80{margin-right:80px !important;}.mb02{margin-bottom:2px !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb12{margin-bottom:12px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.ml02{margin-left:2px !important;}.ml05{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml12{margin-left:12px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml25{margin-left:25px !important;}.ml30{margin-left:30px !important;}.ml35{margin-left:35px !important;}.ml40{margin-left:40px !important;}.ml45{margin-left:45px !important;}.ml50{margin-left:50px !important;}.ml55{margin-left:55px !important;}.ml60{margin-left:60px !important;}.ml65{margin-left:65px !important;}.ml70{margin-left:70px !important;}.ml80{margin-left:80px !important;}.pt02{padding-top:2px !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt12{padding-top:12px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}.pt55{padding-top:55px !important;}.pt60{padding-top:60px !important;}.pt65{padding-top:65px !important;}.pt70{padding-top:70px !important;}.pt80{padding-top:80px !important;}.pr02{padding-right:2px !important;}.pr05{padding-right:5px !important;}.pr10{padding-right:10px !important;}.pr12{padding-right:12px !important;}.pr15{padding-right:15px !important;}.pr20{padding-right:20px !important;}.pr25{padding-right:25px !important;}.pr30{padding-right:30px !important;}.pr35{padding-right:35px !important;}.pr40{padding-right:40px !important;}.pt45{padding-right:45px !important;}.pr50{padding-right:50px !important;}.pr55{padding-right:55px !important;}.pr60{padding-right:60px !important;}.pr65{padding-right:65px !important;}.pr70{padding-right:70px !important;}.pr80{padding-right:80px !important;}.pb02{padding-bottom:2px !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb12{padding-bottom:12px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}.pb55{padding-bottom:55px !important;}.pb60{padding-bottom:60px !important;}.pb65{padding-bottom:65px !important;}.pb70{padding-bottom:70px !important;}.pb80{padding-bottom:80px !important;}.pl02{padding-left:2px !important;}.pl05{padding-left:5px !important;}.pl10{padding-left:10px !important;}.pl12{padding-left:12px !important;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px !important;}.pl25{padding-left:25px !important;}.pl30{padding-left:30px !important;}.pl35{padding-left:35px !important;}.pl40{padding-left:40px !important;}.pl45{padding-left:45px !important;}.pl50{padding-left:50px !important;}.pl55{padding-left:55px !important;}.pl60{padding-left:60px !important;}.pl65{padding-left:65px !important;}.pl70{padding-left:70px !important;}.pl80{padding-left:80px !important;}

.fleft{float:left;}
.fright{float:right;}
.fclear{clear: both;}
.hr{clear: both; font-size: 0px; height:1%;}
.hr hr{display:none;}

.txtCenter{text-align:center !important;}
.txtLeft{text-align:left !important;}
.txtRight{text-align:right !important;}

.vTop{vertical-align: top !important;}
.vBtm{vertical-align: bottom !important;}
.vMid{vertical-align: middle !important;}

.f10{font-size: 10px !important;}.f11{font-size: 11px !important;}.f12{font-size: 12px !important;}.f14{font-size: 14px !important;}.f16{font-size: 16px !important;}
.fn{font-weight: normal !important;}.fb{font-weight: bold !important;}
.fsans{font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica;}

.list01{margin: 0 1em 0 1.5em;}
.list01 li{line-height: 140%; margin-bottom: 0.3em;}
ol.list01 li{list-style: decimal outside;}
ul.list01 li{list-style: disc outside;}

.com_waku{
position: relative;
}
.com_waku_in{
position: relative;
background: #fff;
padding: 40px 50px;
border-radius: 20px;
z-index: 5;
}
.com_waku:after,
.com_waku:before{content: ""; position: absolute; left: -60px; height: 338px; width: 1110px; background-repeat: no-repeat; background-position: 0 0; z-index: 0;}
.com_waku:after{bottom: -24px; background-image: url(../images/bg_waku_btm.png);}
.com_waku:before{top: -55px; background-image: url(../images/bg_waku_top.png);}


/*hover*/
.op6 a:hover img{opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
.op6 a:hover img.new{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
.op5 a:hover img{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.op5 a:hover img,new{opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

/* LAYOUT  */

.inner{width: 1000px; margin: 0 auto; }
body{background-image: none; background-color: #f2cec3;}
#bg_cover{position: fixed; top: 0; left: 0;}

#wrapper {overflow: hidden; position: relative; min-width: 1000px;}
#siteHeader .inner{position: relative; height: 208px;}
#gnavi,
#hea_sns,
#hea_sound,
#hea_logo{position: absolute;}
#gnavi{top: 0; left: 0;  z-index: 100;}
#gnavi li{float: left; position: relative;}
#gnavi .new{position: absolute; top: 0; left: 0;}
#hea_sns{top: 19px; left: 484px;}
#hea_sns li{float: left; padding-right: 5px;}
#hea_logo{text-indent: -9999px; display: block; top: 0px; left: 50%; z-index: 800;}
#contents .inner{position: relative;}

#siteFooter{text-align: center; background: url(../images/ft_bg.png) no-repeat 50% 0; padding-bottom: 50px; position: relative; z-index: 1000;}
#ft_logo{padding: 24px 0 54px;}
#ft_logo li{display: inline; margin: 0 15px;}
#ft_copy li{margin-bottom: 15px;}
#pageTop{ position: fixed;  bottom: 50%; right: 0; display:none; z-index: 1000;}
*html #pageTop{ position: absolute;  top: -200px; right: 0;}

.loading{background: url(../images/loading.gif) no-repeat 50% 50%; visibility: hidden;}
.ico_blank{background: url(../images/ico_blank.gif) no-repeat 0 55%; padding-left: 17px;}


#home #wrapper{background: url(../../images/idx_chara_1406.png) no-repeat 50% 0; min-width: 1200px;}
#home #hea_logo{margin-left: 327px; background: url(../../images/idx_logo.png) no-repeat 0 0; width: 237px; height: 345px; }
#home #contents{height: 1000px; position: relative;}
#home #chara{position: absolute; top: -112px; left: 50%; width: 1500px; height: 1096px; margin-left: -750px;}
#home #chara div{position: absolute; top: 0; left: 0;}
#home #chara .loading{position: absolute; top: 20px; left: 50%; margin-left: -18px; width: 35px;}
#home #catch.abs{position: absolute; bottom: 140px; left: 0; width: 790px; height: 173px;}
#home #catch.fix{position: fixed; bottom: 126px; left: 50%; width: 1000px; height: 173px;  margin-left: -500px;}
#home #banner.abs{position: absolute; bottom: 40px; left: 0; width: 100%; overflow: hidden;}
#home #banner.fix{position: fixed; bottom: 27px; left: 0; width: 100%;}
#home #banner li{float: left; width: 240px;}
#home #banner li.wide{width: 468px;}
#home #banner ul{height: 83px; width: 100%; overflow: hidden;}
#home #btn_opm{margin: 0 0 40px 80px; visibility: hidden;}
#home #btn_opm .bn{margin: 10px 0 0 -10px;}

#home #banner_carousel{visibility: hidden;}


/*
#home #wrapper{background: url(../../images/idx_chara_1406.png) no-repeat 50% 0; min-width: 1200px;}
#home #hea_logo{margin-left: 327px; background: url(../../images/idx_logo.png) no-repeat 0 0; width: 237px; height: 345px; }
#home #contents .inner{height: 1000px; position: relative;}
#home #chara{position: absolute; top: -112px; left: 50%; width: 1500px; height: 1096px; margin-left: -750px;}
#home #chara div{position: absolute; top: 0; left: 0;}
#home #chara .loading{position: absolute; top: 20px; left: 50%; margin-left: -18px; width: 35px;}
#home #catch.abs{position: absolute; bottom: 140px; left: 0; width: 790px; height: 173px;}
#home #catch.fix{position: fixed; bottom: 126px; left: 50%; width: 1000px; height: 173px;  margin-left: -500px;}
#home #banner.abs{position: absolute; bottom: 40px; left: -100px; width: 1200px; overflow: hidden;}
#home #banner.fix{position: fixed; bottom: 27px; left: 50%; width: 1200px; overflow: hidden; margin-left: -600px; }
#home #banner li{float: left; width: 240px;}
#home #banner li.wide{width: 468px;}
#home #banner ul{}
#home #btn_opm{margin: 0 0 40px 80px; visibility: hidden;}

*/

#home #sound{height: 78px; overflow: hidden;}
#home #newsbar{background: url(../../images/idx_news_bg.gif); padding: 12px 20px 0; height: 27px; color: #ffffff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1500; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica; min-width: 1000px;}
#home #newsbar h2{float: left; width: 93px;}
#home #newsbar a{color: #ffffff;}
#home #newsbar li span{margin-right: 10px;}
#home div.ticker {float: left; width: 90%; position: relative; overflow: hidden; display: none;}
#home div.ticker ul {height: 1.6em;}
#home div.ticker ul li {float: left; display: inline; clear: both; text-align: left;list-style-type: none;position: relative;line-height: 1.6em;margin-bottom: -1.6em;}
#home div#longitudinally ul li,
#home div#fade ul li {left: 10px;}
#home #chara div,
#home #catch div{opacity:0; filter:alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
#home .loading{background-image: url(../images/loading_home.gif);}
#home #cboxContent{background: none !important;}

/*
#home #banner li:first-child{display: none;}
#home.countdown #banner.abs{position: absolute; bottom: 40px; left: -100px; width: 1200px; overflow: hidden;}
#home.countdown #banner.fix{position: fixed; bottom: 27px; left: 50%; width: 1200px; overflow: hidden; margin-left: -600px; }
#home.countdown #banner li{float: left; width: 240px;}
#home.countdown #btn_opm{text-align: right; margin: 0 100px 40px 0;}
#home.countdown  #banner li:first-child{display: block; cursor: pointer;}
*/
#home #countdown_wrap{display: none;}
#home #countdown{overflow: hidden; position: relative;}
#home #countdown_btn_play{display: none; position: absolute; top: 0; left: 0;}

#home #event_info_wrap{display: none;}

#home #vita_info_wrap{display: none;}
#home #vita_info{background: url(../../images/vita/bg1.png) no-repeat 0 0; width: 1050px; height: 650px;}
#home #vita_info .in{padding: 110px 100px 0; position: relative;}
#home #vita_info .mi{position: absolute; top: 120px; left: 100px;}
#home #vita_info .nav{display: table; margin: 0 0 60px auto;}
#home #vita_info .nav li{display: table-cell;}
#home #vita_info .nav li a{display: block; width: 126px; height: 48px; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat;}
#home #vita_info .nav li a:hover,
#home #vita_info .nav li .current{background-position: 0 -48px;}
#home #vita_info .nav .story a{background-image: url(../../images/vita/nav1.png);}
#home #vita_info .nav .event a{background-image: url(../../images/vita/nav2.png); width: 122px;}
#home #vita_info .nav .music a{background-image: url(../../images/vita/nav3.png); width: 122px;}
#home #vita_info .nav .system a{background-image: url(../../images/vita/nav4.png);}
#home #vita_info .data{height: 310px; display: none;}
#home #vita_info .le{float: left; width: 300px;}
#home #vita_info .ri{float: right; width: 520px;}
#home #vita_info .single_pic{text-align: center;}
#home #vita_info .txt{font-size: 14px; letter-spacing: 1px; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff, 0 0 14px #fff, 0 0 16px #fff; line-height: 1.9;}
#home #vita_info_story ul{margin-left: -38px;}
#home #vita_info_story li{float: left; margin: 0 0 38px 38px;}
#home #vita_info_music{margin: 0 -15px;}
#home #vita_info_music p:first-child{margin-left: 15px;}
#home #vita_info_music li{float: left; width: 427px;}
#home #vita_info_music li:first-child{margin-right: 20px;}
#home #vita_info_music li .txt{margin: 15px;}
#home #vita_info_music li .txt a{background: url(../images/ico_blank.gif) no-repeat 0 55%; padding-left: 17px; margin-left: 33px; }
#home #vita_info_music li .track{width: 427px; height: 204px; background-position: 0 -204px; background-repeat: no-repeat; display: block; text-indent: -9999px;}
#home #vita_info_music li .op{background-image: url(../../sound/images/vita_btn1.png);}
#home #vita_info_music li .ed{background-image: url(../../sound/images/vita_btn2.png);}
#home #vita_info_music li a.on{background-position: 0 0;}
#cboxClose.small_w{top: 10px !important; right: 10px !important;}

#cboxClose{top: -50px !important; right: -50px !important;}

.under #hea_logo{margin-left: 360px; background: url(../images/under_logo.png) no-repeat 0 0; width: 242px; height: 289px;}
.under #contents{padding-bottom: 100px;}
.under #contents .wrap{margin: 0 25px;}
.under #ttl{margin-bottom: 35px;}
.under .txt{font-size: 14px; letter-spacing: 1px; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff, 0 0 14px #fff, 0 0 16px #fff; line-height: 1.9;}

/*------------------------------------------------------------------------------
* colorbox
*------------------------------------------------------------------------------*/

.cb_window{background: none;}

.colorbox a{outline: none;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; outline: none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:hidden;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{overflow:visible; background:#fff; border-radius: 10px;}
.cboxIframe{}
#cboxLoadedContent{}
#cboxLoadingGraphic{background:url(../images/blank.gif) no-repeat center center;}
#cboxLoadingOverlay{}
#cboxClose{visibility: hidden; border: none; display: block !important; background: url(../images/cb_btn_close.png) no-repeat 0 0; width: 42px; height: 42px; position: absolute; top: -15px; right: -15px; text-indent: -9999px; z-index: 1000000}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow{border:0; padding:0; margin:0; overflow:visible; width:auto;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left: 0; margin-top:-32px; background:url(../images/cb_btn_prev.png) no-repeat top left; width:56px; height:56px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right: 0; margin-top:-32px; background:url(../images/cb_btn_next.png) no-repeat top right; width:56px; height:56px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}

/*------------------------------------------------------------------------------
* perfect-scrollbar
*------------------------------------------------------------------------------*/
.ps-container .ps-scrollbar-x {
position: absolute; /* please don't change 'position' */
bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x */
height: 8px;
background-color: #d9d9d9;
opacity: 0;
filter: alpha(opacity = 0);
-o-transition: opacity .2s linear;
-webkit-transition: opacity.2s linear;
-moz-transition: opacity .2s linear;
transition: opacity .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container:hover .ps-scrollbar-x,
.ps-container.hover .ps-scrollbar-x {
opacity: 0.6;
filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x:hover,
.ps-container .ps-scrollbar-x.hover {
opacity: 0.9;
filter: alpha(opacity = 90);
cursor:default;
}

.ps-container .ps-scrollbar-x.in-scrolling {
opacity: 0.9;
filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y {
position: absolute; /* please don't change 'position' */
right: 3px; /* there must be 'right' for ps-scrollbar-y */
width: 10px;
background-color: #e4007e;
opacity: 0.5;
filter: alpha(opacity = 50);
-o-transition: opacity .2s linear;
-webkit-transition: opacity.2s linear;
-moz-transition: opacity .2s linear;
transition: opacity .2s linear;
}

.ps-container.ie .ps-scrollbar-y {
font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container:hover .ps-scrollbar-y,
.ps-container.hover .ps-scrollbar-y {
opacity: 0.7;
filter: alpha(opacity = 70);
}

.ps-container .ps-scrollbar-y:hover,
.ps-container .ps-scrollbar-y.hover {
opacity: 1;
filter: alpha(opacity = 100);
cursor: default;
}

.ps-container .ps-scrollbar-y.in-scrolling {
opacity: 1;
filter: alpha(opacity = 100);
}