@charset "utf-8";

/* 基本設定 ---------------------------------------------*/

* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
}

html,body {height:100%;}

body {
text-align: center;
font-size: 75%;
font-family: 'メイリオ', Meiryo, Verdana, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, sans-serif;
line-height: 1.5;
background:#FFF;
}

img{border:none;vertical-align:bottom;}

#wrapper{width:366px;height:247px; margin:-125px 0 0 -183px;position:absolute; top:45%; left:50%;}
#logo{width:366px; margin:0 auto; position:relative;}

#flash a{position:absolute; top:180px; left:3px; overflow:hidden; width:109px; height:0 !important; height /**/:13px; line-height:13px; background:url(img/toFlashBtn.png) 0 0 no-repeat;padding-top:13px;}
#flash a:hover{background:url(img/toFlashBtn.png) 0 bottom no-repeat;}
#html a{ position:absolute; top:205px; left:3px; overflow:hidden; width:110px; height:0 !important; height /**/:13px; line-height:13px; background:url(img/toHtmlBtn.png) 0 0 no-repeat;padding-top:13px;}
#html a:hover{background:url(img/toHtmlBtn.png) 0 bottom no-repeat;}


#newsCloseZona{ width:100%; text-align:center;}
a#newsClose{ display: block; width:150px; height:0 !important; height /**/:30px; overflow:hidden; background:url(img/newsBoxCloseBtn.jpg) 0 0 no-repeat; padding-top:30px; margin:0 auto; position:absolute; top:50%; left:50%; margin-top:150px; margin-left:-75px; z-index:100000;}
a#newsClose:hover{background:url(img/newsBoxCloseBtn.jpg) 0 -30px no-repeat;}

#topNews{ display:none;}

#topNewsBox{ height:320px;overflow:hidden; margin-bottom:20px;}
#topNews{ border: 2px solid #000;}

#topNewsBox dt{ margin-bottom:5px;}
#topNewsBox dd{ margin-bottom:20px;}


#mobileWrapper{width:320px; margin:0 auto;}

#mobileLogo{margin:30px auto 20px; width:240px;}


ul#mobileNavi li a{display:block;color:#fff; text-align:center; width:238px; margin-bottom:20px; padding:12px 0; font-size:120%; text-decoration:none; border:1px solid #333;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #303030), color-stop(1.00, #000));
background: -webkit-linear-gradient(#303030, #000);
background: -moz-linear-gradient(#303030, #000);
background: -o-linear-gradient(#303030, #000);
background: -ms-linear-gradient(#303030, #000);
background: linear-gradient(#303030, #000);
}



li#indexLiveBtn a{ display:block; overflow:hidden; padding-top:164px; height:0 !important; height /**/:164px; width:274px; background:url(html/img/gnavi/liveBtn.png) 0 0 no-repeat; margin:0 auto;}
li#indexLiveBtn a:hover{ background:url(html/img/gnavi/liveBtn.png) 0 bottom no-repeat;}

li#indexNewsBtn a{ display:block; overflow:hidden; padding-top:230px; height:0 !important; height /**/:230px; width:278px; background:url(html/img/gnavi/newsBtn.png) 0 0 no-repeat; margin:0 auto;}
li#indexNewsBtn a:hover{ background:url(html/img/gnavi/newsBtn.png) 0 -230px no-repeat;}

ul#gnaviOver{z-index:1000002;}
ul#gnaviOver li{ display:none;}
li#discographyBtnOver{position:absolute; top:188px; left:80px;}
li#liveBtnOver{}
li#blogBtnOver{position:absolute; top:235px; left:95px;}
li#biographyBtnOver{position:absolute; top:208px; left:690px;}
li#galleryBtnOver{position:absolute; top:65px; left:625px;}
li#newsBtnOver{}

a{ color:#3366a9;}
a:hover{ color: #C60;}