﻿@charset "utf-8";

/*-----------------------------------------------
 common
-----------------------------------------------*/

*{
margin:0;
padding:0;
}

body{
color:#63422c;
text-align:center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
*font-size:small;
line-height:1.4;
background:url(../img/bg.jpg) #393222;
}

img{border:none; vertical-align:bottom;}

.flL{float:left;}
.flR{float:right;}

a{text-decoration:none; color:#5b462f;}
a:hover{text-decoration:none; color:#9f784e;}

.bold{font-weight:bold;}

.m12{margin:12px 0;}

.btn { position: absolute; margin-left: -389px; left: 52%; top: 120px; height:142px; width: 142px;}



/*-----------------------------------------------
 clearfix
-----------------------------------------------*/
.c:after{
content:url(../img/blank.gif);
display:block;
clear:both;
width:0;
height:0;
overflow:hidden;
}
.c{display:inline-block;}
.c{display:block;}

.clear{clear:both;}


/*-----------------------------------------------
 container
-----------------------------------------------*/

#bg{
width:100%;
height:100%;
background:url(../img/bg_2.gif) no-repeat top center;
z-index:1;
}

#swf{
margin:0 auto;
}

#main{
text-align:left;
padding:10px 32px;
background:url(../img/bg_tbl.gif) repeat-y center;
margin:0 auto;
width:751px;
z-index:2;
}

#prof_main{
text-align:center;
padding:0 7px 25px;
background:url(../img/bg_tbl.gif) repeat-y center;
margin:0 auto;
width:807px;
z-index:2;
}

#disco_main{
text-align:center;
padding:0 45px 25px;
background:url(../img/bg_tbl.gif) repeat-y center;
margin:0 auto;
width:807px;
z-index:2;
}

.m{
text-align:left;
}

.footer{
width:812px;
height:68px;
background:url(../img/footer.gif) no-repeat;
position:relative;
margin:0 auto;
}

.footer img{
position:absolute;
right:347px;
bottom:13px;
}


/*-----------------------------------------------
 Top
-----------------------------------------------*/

#top_a{
height:387px;
width:562px;
/* background-image:url(../img/main_photo.jpg); */
background-repeat: no-repeat;
background-color:#ffffff;
}

p#top_space{
position:absolute;
margin-top:200px;
margin-left:320px;
}

p#top_space2{
position:absolute;
margin-top:0px;
margin-left:0px;
}


#left{
width:562px;
float:left;
}

.info dl{
padding:5px;
font-size:92.3%;
color:#63422c;
}

.info dl dt{
text-align:left;
width:86px;
font-weight:bold;
float:left;
clear:left;
}

.info dl dd{
width:462px;
text-align:left;
float:left;
}

#banner_space_bg{
float:right;
width:185px;
height:460px;
z-index:20;
background:url(../img/banner_bg.gif) no-repeat bottom;
}

#banner_space{
float:right;
width:185px;
z-index:25;
}

#banner_space dl{
width:179px;
padding:0 3px;
margin:5px 0;
font-size:92.3%;
color:#63422c;
text-align:left;
}

#banner_space dl dt{
width:50px;
font-weight:bold;
float:left;
clear:left;
}

#banner_space dl dd{
width:117px;
float:left;
}

.banner_bm{
width:231px;
margin-right:-46px;
position:relative;
z-index:100;
}

.live_info dl{
width:177px;
line-height:1.3;
margin:0 3px;
}

.live_line{
height:1px;
overflow:hidden;
margin:3px 0;
vertical-align:top;
}

.live_line img{
vertical-align:top;
}

.banner_link{
text-align:center;
width:185px;
}

.banner_link img{
margin:3px 0;
}

.banner_link a:hover{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}


/*-----------------------------------------------
 Profile
-----------------------------------------------*/

.prof_in{
width:700px;
margin:0 auto;
}

#prof_left{
width:465px;
float:left;
}

.member_photo{
width:510px;
margin-left:-36px;
position:relative;
z-index:10;
}

.member{
text-align:left;
font-size:83.3%;
}

.prof_read{
text-align:left;
line-height:1.5;
margin:13px 0;
}

#prof_right{
width:217px;
float:right;
z-index:20;
}

.bio_list{
width:700px;
font-size:95%;
color:#63422c;
text-align:left;
margin:10px 0;
}

.year{
width:50px;
padding:0.4em 2px 0.4em 10px;
font-weight:bold;
}

.month{
width:40px;
padding:0.4em 2px;
font-weight:bold;
}

.bio{
width:578px;
padding:0.4em 13px;
}

.bg{
background:#f2e3c7;
}


/*-----------------------------------------------
 Discography
-----------------------------------------------*/

.disco_in{
width:730px;
margin:0 auto;
text-align:left;
background:url(../discography/img/line.gif) repeat-y;
}

.disco_left{
float:left;
width:230px;
margin:10px 0;
}

.disco_right{
float:right;
width:480px;
margin:15px 0;
}

#disc-type img{
margin-right:2px;
}

#list_all li{
padding:6px;
width:203px;
margin:6px 0;
background:#f1dfbf;
list-style:none;
}

#list_single,
#list_album{
display:none;
}

#list_single li,
#list_album li{
padding:6px;
width:203px;
margin:6px 0;
background:#f2e2c4;
list-style:none;
}

#list_all li:after,#list_single li:after,#list_album li:after{
content:url(../img/blank.gif);
display:block;
clear:both;
width:0;
height:0;
overflow:hidden;
}
#list_all li,#list_single li,#list_album li{display:inline-block;}
#list_all li,#list_single li,#list_album li{display:block;}

.cd{
width:155px;
font-weight:bold;
font-size:91.6%;
float:right;
}

.subtitle　{
background-color:#993300
font-weight:normal;
font-size:100%;
}

.small{
font-weight:normal;
font-size:88%;
}

.jacket{
margin:0 10px 0 0;
float:left;
}

.cd_detail .title{
font-weight:bold;
font-size:112%;
margin-bottom:0.1em;
}

.cd_detail .number,.cd_detail .price{
font-size:91.6%;
margin-bottom:0.1em;
}

.cd_detail .order_btn{
margin:4px 0;
}

p.list_line{
height:3px;
overflow:hidden;
}

p.list_line img{
vertical-align:top;
}

table.song_list{
width:480px;
}

table.song_list td.listen,table.song_list td.movie{
width:30px;
padding:3px 0;
text-align:center;
vertical-align:center;
}

table.song_list td.track{
width:24px;
text-align:center;
vertical-align:center;
padding:3px;
}

table.song_list td.title{
text-align:left;
vertical-align:center;
width:338px;
padding:3px 0;
}

table.song_list td.download{
text-align:left;
padding:3px 0;
vertical-align:center;
width:52px;
}

.text{
margin:15px 0;
}

.notes_title{
font-weight:bold;
margin-bottom:0.3em;
}

.notes_member{
font-size:88%;
color:#907767;
}

.notes_text{
margin-bottom:1.1em;
font-size:95%;
}

/*-----------------------------------------------
 Live Information
-----------------------------------------------*/

.info_in{
width:732px;
margin:25px auto 0;
text-align:left;
}

.info_in .cont{
margin-bottom:30px;
}

.info_in .title{
width:696px;
padding:5px 3px 1px 30px;
background:#6b4e36 url(../information/img/bg.gif) no-repeat;
font-weight:bold;
color:#fff;
}

.info_in .title_lower{
overflow:hidden;
height:7px;
}

.info_in .title_lower img{
vertical-align:top;
}

.info_txt{
margin:10px 13px;
line-height:1.7;
}


/*-----------------------------------------------
 Media
-----------------------------------------------*/

.media_menu{
float:right;
text-align:right;
width:288px;
padding-right:30px;
margin-top:15px;
}

.line_m{
margin-bottom:5px;
text-align:center;
}

#tv,#radio,#magazine,#internet{
margin-bottom:3px;
}

/*-----------------------------------------------
 Photo
-----------------------------------------------*/

.pic{
margin:0 7px 7px 0;
float:left;
}