@charset "UTF-8";
/* CSS Document */

/*
========メインCSS=========


/*クロスブラウザ用の初期化設定 及び　cliearfix*/
.snsBtn:after,
.indexBannerLineSns:after,
.indexBannerLine:after,
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.snsBtn,
.indexBannerLineSns,
.indexBannerLine,
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


body, div, pre, p, blockquote,
form, fieldset, input, textarea, select, option,
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
table, th, hd, embed, object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table {border-spacing: 0;}

* html table {border-collapse: collapse;}

*:first-child+html table {border-collapse: collapse;}

caption, th, {text-align: left; font-weight: normal;}

table, th, td, img {border: 0;}

img, input {vertical-align: middle;}

q:before, q:after {content:'';}

ul {list-style: none;}

body {
	font-size: 75%; /*12px*/
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
}

ol {
	margin-top: 10px;
	list-style-position: inside;
}


/*ページ基本設定*/

body {
	color: #f9f5e7;
	background-color: #ffffff;
}

a {
	color: #bf4d29;
}

a:hover {
	color: #F63;
}

/*主なコンテナの設定*/

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


.mainimage {
	width: 100%;
	height: 565px;
}

.profileimage {
	width: 100%;
	height: 490px;
}

.footer {
	width: 100%;
	height: 0;
}

#navi_mainContainer {
	width: 100%;
	height: 102px;
}

#navi_main {
	width: 980px;
	height: 102px;
	margin: 0 auto;
}

#navi_footerContainer {
	width: 100%;
	height: 45px;
}

#navi_footer {
	width: 980px;
	height: 45px;
	margin: 0 auto;
}

.contentWrapper {
	width: 100%;
}



/*共通したテキスト関連の設定*/
.main_column p {
	margin-left: 20px;
	margin-bottom: 1.5em;
}

.main_column h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #d0b375;
	margin-bottom: 15px;
}

.main_column h3.firstH3 {
	margin-top: 50px;
}

body.secondLevelPage .main_column h3.firstH3 {
	margin-top: 30px;
}

.btt {
	text-align: right;
	padding-right: 5px;
}

.btt a {
	font-size: 0.84em;
}


.upper {
	text-transform: uppercase;
}




/*2nd level contents用の設定============================================*/

body.secondLevelPage div.mainimage {
	height:624px;
}

/*2nd level contents用の設定ここまで============================================*/

/*------主なコンテナの設定*/

/*メインナビの設定*/


#navi_main ul {
	height: 51px;
	float:right;
}

#navi_main ul li {
	display: block;
	height: 51px;
	float:left;
}

#navi_main ul li a {
	display: block;
	height: 51px;
	text-indent: -9999px;
}


#navi_main ul li#navi_top a {
	background: url(../images/navigations/navi_top.jpg) no-repeat left top;
	width: 813px;
}

#navi_main ul li#navi_profile {
	background: url(../images/navigations/navi_profile_b.jpg) no-repeat left top;
	width: 197px;
}

#navi_main ul li#navi_profile a {
	background: url(../images/navigations/navi_profile.jpg) no-repeat left top;
	width: 197px;
}

#navi_main ul li#navi_live {
	background: url(../images/navigations/navi_live_b.jpg) no-repeat left top;
	width: 174px;
}

#navi_main ul li#navi_live a {
	background: url(../images/navigations/navi_live.jpg) no-repeat left top;
	width: 174px;
}

#navi_main ul li#navi_works {
	background: url(../images/navigations/navi_works_b.jpg) no-repeat left top;
	width: 199px;
}

#navi_main ul li#navi_works a {
	background: url(../images/navigations/navi_works.jpg) no-repeat left top;
	width: 199px;
}

#navi_main ul li#navi_webshop a {
	background: url(../images/navigations/navi_webshop.jpg) no-repeat left top;
	width: 243px;
}

#navi_main ul li#navi_contact a {
	background: url(../images/navigations/navi_contact.jpg) no-repeat left top;
	width: 191px;
}

#navi_main ul li#navi_gallery a {
	background: url(../images/navigations/navi_gallery.jpg) no-repeat left top;
	width: 176px;
}

#navi_main ul li#navi_story {
	background: url(../images/navigations/navi_story_b.jpg) no-repeat left top;
	width: 231px;
}

#navi_main ul li#navi_story a {
	background: url(../images/navigations/navi_story.jpg) no-repeat left top;
	width: 231px;
}

#navi_main ul li#navi_link {
	background: url(../images/navigations/navi_link_b.jpg) no-repeat left top;
	width: 215px;
}

#navi_main ul li#navi_link a {
	background: url(../images/navigations/navi_link.jpg) no-repeat left top;
	width: 215px;
}


#navi_main ul li#navi_top a:hover,
#navi_main ul li#navi_profile a:hover,
#navi_main ul li#navi_live a:hover,
#navi_main ul li#navi_works a:hover,
#navi_main ul li#navi_webshop a:hover,
#navi_main ul li#navi_contact a:hover,
#navi_main ul li#navi_gallery a:hover,
#navi_main ul li#navi_story a:hover,
#navi_main ul li#navi_link a:hover {
	background-position: left bottom;
}





div#footer_a {
	background: url(../images/navigations/header_a.jpg) no-repeat center bottom;
}



/*----------メインナビの設定*/



/*liveの設定======================================================================*/

.box_scr {
   overflow:auto;
        width:300px;
        height:420px;
        padding:5px;
        border:1px solid #5c7bff;
        background-color:#fffbef;
        color:#666;
        font-size:12px;
    }
    .box_title{
        border:1px solid #000;
        padding:5px;
        width:300px;
        font-weight:bold;
        font-size:14px;
        background-color:#000;
        color:#fff;
    }

div#live_1 {
	width: 980px;
	height: 860px;
	padding: 0 0;
	margin: 0 auto;
	background: url(../images/live_main.jpg) no-repeat center top;	
}


.live_1_t1 {
    position: relative;
    top: 110px;
    left: 125px;
    width: 700px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 12px;
    line-height: 1.5em;
    }

.activity_1_t2 {
    position: relative;
    top: -533px;
    left: 567px;
    width: 980px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 11px;
    line-height: 13px;
    }




.link_1_t1 {
    position: relative;
    top: 110px;
    left: 125px;
    width: 980px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 12px;
    line-height: 2.5em;
    }


.works_1_t1 {
    position: relative;
    top: 100px;
    left: 125px;
    width: 980px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 12px;
    line-height: 1.5em;
    }


.works_1_t2 {
    position: relative;
    top: 100px;
    left: 125px;
    width: 980px;
    margin: 0px;
    padding: 0px;

    color: #339900;

    font-size: 14px;
    font-weight:bold; 
    line-height: 1.5em;
    }





/*トップページ設定====================================================================*/

div#toppage {
	background: url(../images/top.jpg) no-repeat center bottom;
}


div#toppageContents div.main_column {
	width: 980px;
}


div.top_bottom {
	height: 140px;
	width: 980px;
	margin: 0 auto;
}


.top_bottom_t1 {
    position: relative;
    top: 0;
    left: 196px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 11px;
    line-height: 1.2em;
    }    
  

.top_bottom_t2 {
    position: relative;
    top: 50px;
    left: 132px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 11px;
    line-height: 1.2em;
    }    
  

.top_bottom_t3 {
    position: relative;
    top: 25px;
    left: 400px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 11px;
    line-height: 1.2em;
    }    




div.lyrics {
    height: 77px;
    width: 64px;
    margin: 0 auto;
    position: relative;
    top: -120px;
    left: 22px;
    background: url("../images/star.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */
}
.lyrics a {
    width: 64px;
    height: 77px;
    background: url("../images/star.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}
.lyrics a:hover {
    background-image: url("../images/star_on.jpg");
}





/*プロフィール設定======================================================================*/

div#profile {
	background: url(../images/profile_main.jpg) no-repeat center bottom;
}


div#profileContents div.main_column {
	width: 980px;
}


div.profile_bottom {
	height: 140px;
	width: 980px;
	margin: 0 auto;
}


.profile_bottom_t1 {
    position: relative;
    top: 0;
    left: 196px;
    width: 980px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 11px;
    line-height: 1.2em;
    }    
  

.profile_bottom_t2 {
    position: relative;
    top: 50px;
    left: 132px;
    width: 980px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 11px;
    line-height: 1.2em;
    }    
  
 

/*-------------トップページ設定=========================================================================*/





.lyrics_t1 {
    position: relative;
    top: 0;
    left: 260px;
    width: 980px;
    margin: 0px;
    padding: 0px;

    color: #000;

    font-size: 18px;
    line-height: 1.2em;
    }   


.lyrics_t2 {
    position: relative;
    top: 0;
    left: 400px;
    width: 980px;
    margin: 0px;
    padding: 0px;

    color: #666;

    font-size: 12px;
    line-height: 1.2em;
    }