@charset "utf-8";

/*common*/
body{
margin:0;
border:0;
background:#E3EBCC url(../images/skin01/common/back.gif) top repeat-x;
color:#555;
font-size:12px;
line-height:16px;
text-align:center;
font-family:Arial,"MS Gothic", "MS PGothic","宋体",Verdana, sans-serif,;
}
a:link,a:visited{
color:#607900;
text-decoration:underline;
}
a:hover,a:active{
color:#607900;
text-decoration:none;
}
h1{
display:none;
}

/*top page*/
#back-top{
width:776px;
height:605px;
padding-top:37px;/*fit for firefox*/
margin-right:auto;
margin-left:auto;
background:url(../images/skin01/top/back_top.jpg) no-repeat;
text-align:left;
}
#logo{
width:151px;
height:53px;
background:url(../images/skin01/common/logo.gif) no-repeat;
margin-left:-19px;
position:relative;/*fit for IE*/
}
div#logo a{
width:151px;
height:53px;
display:block;
font-size:1px;
line-height:1px;
}
div#logo a.logolink:link,a.logolink:visited,a.logolink:hover,a.logolink:active{
color:#FFF;
text-decoration:none;
}
#contents_top{
margin-top:62px;
width:241px;
height:286px;
}
#menu_top{
width:92px;
margin-left:1px;
float:left;
}
div#menu_top ul{
margin:0;
padding:0;/*fit for firefox*/
}
div#menu_top li{
list-style:none;
margin:0;
display:block;
}
div#menu_top li a{
font-size:1px;
line-height:1px;
display:block;
width:92px;
height:34px;
}
div#menu_top li a.menu01:link,a.menu01:visited{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu01.gif) no-repeat;
text-decoration:none;
color:#F8FBF1;
}
div#menu_top li a.menu01:hover,a.menu01:active{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu01_on.gif) no-repeat;
text-decoration:none;
color:#F8FBF1;
}
div#menu_top li a.menu02:link,a.menu02:visited{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu02.gif) no-repeat;
text-decoration:none;
color:#F6F9ED;
}
div#menu_top li a.menu02:hover,a.menu02:active{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu02_on.gif) no-repeat;
text-decoration:none;
color:#F6F9ED;
}
div#menu_top li a.menu03:link,a.menu03:visited{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu03.gif) no-repeat;
text-decoration:none;
color:#F4F8EA;
}
div#menu_top li a.menu03:hover,a.menu03:active{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu03_on.gif) no-repeat;
text-decoration:none;
color:#F4F8EA;
}
div#menu_top li a.menu04:link,a.menu04:visited{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu04.gif) no-repeat;
text-decoration:none;
color:#F2F7E6;
}
div#menu_top li a.menu04:hover,a.menu04:active{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu04_on.gif) no-repeat;
text-decoration:none;
color:#F2F7E6;
}
div#menu_top li a.menu05:link,a.menu05:visited{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu05.gif) no-repeat;
text-decoration:none;
color:#F1F6E4;
}
div#menu_top li a.menu05:hover,a.menu05:active{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu05_on.gif) no-repeat;
text-decoration:none;
color:#F1F6E4;
}
div#menu_top li a.menu06:link,a.menu06:visited{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu06.gif) no-repeat;
text-decoration:none;
color:#F0F5E2;
}
div#menu_top li a.menu06:hover,a.menu06:active{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu06_on.gif) no-repeat;
text-decoration:none;
color:#F0F5E2;
}
div#menu_top li a.menu07:link,a.menu07:visited{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu07.gif) no-repeat;
text-decoration:none;
color:#EFF4E1;
}
div#menu_top li a.menu07:hover,a.menu07:active{
font-size:1px;
line-height:1px;
background:url(../images/skin01/common/menu07_on.gif) no-repeat;
text-decoration:none;
color:#EFF4E1;
}
#news_top{
width:115px;
margin:80px 0 0 20px;
float:left;
color:#797979;
}
div#news_top p{
margin:0 0 10px 0;
text-indent:0;
line-height:15px;
}
div#news_top p.title{
text-align:center;
font-weight:bold;
text-indent:0;
}
div#news_top p.title-red{
text-align:center;
font-weight:bold;
text-indent:0;
color:#FF0000;
}
div#news_top .date{
color:#506401;
}
#copyright_top{
clear:both;
margin:24px 0 0 506px;
width:220px;
font-size:11px;
line-height:13px;
color:#797979;
text-align:right;
}
div#copyright_top a.icp:link,a.icp:visited,a.icp:hover,a.icp:active{
color:#797979;
text-decoration:none;
}
#skin_top{
margin-top:35px;
clear:both;
color:#797979;
font-size:11px;
line-height:13px;
}

/*footer*/
#footer{
width:100%;
height:28px;
background:url(../images/skin01/footer/back.gif) repeat-x;
clear:both;
font-size:11px;
line-height:28px;
color:#F3F7EB;
text-align:center;
}

/*inside page*/
#container{
width:776px;
margin-right:auto;
margin-left:auto;
text-align:left;
}
#main{
width:776px;
float:left;
background:url(../images/skin01/common/back_main.gif) repeat-y;
}
#back_inside01{
width:776px;
float:left;
background:url(../images/skin01/common/back_inside01.jpg) top no-repeat;
padding-top:37px;
}
#contents{
width:562px;
padding:18px 14px 20px 18px;
float:left;
}
#bread{
width:562px;
margin-bottom:15px;
}
a.bread:link,a.bread:visited{
color:#555;
text-decoration:none;
}
a.bread:hover,a.bread:active{
color:#555;
text-decoration:underline;
}
h2{
width:260px;
height:42px;
background:url(../images/skin01/common/back_h2.gif) no-repeat;
font-size:15px;
font-weight:bold;
color:#5C791D;
line-height:42px;
letter-spacing:24px;
text-align:center;
margin:0 0 22px 150px;
}
h3{
width:545px;
height:19px;
background:url(../images/skin01/common/back_h3.gif) no-repeat;
font-size:14px;
font-weight:bold;
color:#797979;
letter-spacing:2px;
margin:0 0 15px 0;
padding:20px 0 0 17px;
clear:both;
}
h4{
width:539px;
height:20px;
margin:0 0 10px 6px;
background:url(../images/skin01/common/back_h4.gif) no-repeat;
font-size:13px;
font-weight:bold;
color:#797979;
letter-spacing:1px;
padding:5px 0 0 11px;
clear:both;
}

p{
margin:0 0 10px 0;
text-indent:24px;
}
p.right{
text-align:right;
}
.text-box{
width:526px;
margin:0 0 15px 18px;
letter-spacing:1px;
clear:both;
}
.top{
width:544px;
text-align:right;
font-size:11px;
font-weight:bold;
color:#797979;
letter-spacing:1px;
clear:both;
}
a.toplink:link,a.toplink:visited{
color:#797979;
text-decoration:underline;
}
a.toplink:hover,a.toplink:active{
color:#797979;
text-decoration:none;
}

#sidemenu{
width:101px;
float:right;
filter:alpha(opacity=0);/*fit for IE*/
-moz-opacity:0;/*fit for firefox*/
opacity:0;
}
div#sidemenu ul{
margin:32px 0 0 0; 
padding:0;
padding:0;/*fit for firefox*/
}
div#sidemenu li{
list-style-type:none;
margin:0;
padding:0;
display:block;
}
div#sidemenu li a{
font-size:1px;
line-height:1px;
display:block;
width:101px;
height:32px;
}
div#sidemenu li a.sidemenu:link,a.sidemenu:visited,a.sidemenu:hover,a.sidemenu:active{
text-decoration:none;
}
div#sidemenu li.submenu{
display:none;
}
#submenu2{
width:80px;
float:right;
color:#4C5F01;
line-height:28px;
}
a.sidemenu2:link,a.sidemenu2:visited{
color:#555;
text-decoration:none;
}
a.sidemenu2:hover,a.sidemenu2:active{
color:#4C5F01;
text-decoration:none;
}
#skin{
clear:both;
width:105px;
margin:-100px 0 0 670px;
color:#797979;
font-size:11px;
line-height:13px;
}
.red{
color:#CF3F14;
}
.short_text{
width:332px;
margin:0 0 18px 125px;
}
#mid_line{
width:562px;
height:3px;
background:url(../images/skin01/common/mid_line.gif) no-repeat;
margin-bottom:15px;
}
.pages{
margin-bottom:18px;
text-align:center;
}

/*prologue*/
.color_blod{
color:#4C5F01;
font-weight:bold;
}
.padding_sitemap{
padding:0 5px 7px 17px;
vertical-align:top;
}

/*about*/
#back_inside02{
width:776px;
float:left;
background:url(../images/skin01/common/back_inside02.jpg) top no-repeat;
padding-top:37px;
}
#members{
width:526px;
margin:0 0 10px 18px;
}
#members table{
border-top:#A8A8A8 solid 1px;
border-right:#A8A8A8 solid 1px;
}
#members td.cell01{
border-bottom:#A8A8A8 solid 1px;
border-left:#A8A8A8 solid 1px;
padding:2px 3px;
background-color:#A8A8A8;
text-align:center;
vertical-align:middle;
color:#FFF;
}
#members td.cell02{
border-bottom:#A8A8A8 solid 1px;
border-left:#FFF solid 1px;
padding:2px 3px;
background-color:#A8A8A8;
text-align:center;
vertical-align:middle;
color:#FFF;
}
#members td.cell03{
border-bottom:#A8A8A8 solid 1px;
border-left:#A8A8A8 solid 1px;
padding:2px 3px;
text-align:center;
vertical-align:middle;
}
.readmore{
text-align:right;
}

/*info*/
#back_inside03{
width:776px;
float:left;
background:url(../images/skin01/common/back_inside03.jpg) top no-repeat;
padding-top:37px;
}
.img{
float:right;
margin-left:15px;
}
.interview{
width:525px;
margin:0 0 15px 18px;
}
.interview table{
border-top:#A8A8A8 solid 1px;
border-right:#A8A8A8 solid 1px;
}
.interview td{
border-bottom:#A8A8A8 solid 1px;
border-left:#A8A8A8 solid 1px;
padding:2px 3px 2px 10px;
}
.interview td.right{
border-bottom:#A8A8A8 solid 1px;
border-left:#A8A8A8 solid 1px;
padding:2px 3px 2px 10px;
background-color:#FAFCF8;
}


/*art*/
#back_inside04{
width:776px;
float:left;
background:url(../images/skin01/common/back_inside04.jpg) top no-repeat;
padding-top:37px;
}
.jacket{
vertical-align:top;
padding-right:15px;
}
.song_title{
font-size:13px;
font-weight:bold;
}
.song_list{
padding-top:10px;
border-top:#A7BA96 double 3px;
vertical-align:top;
line-height:24px;
}
.album_list{
text-align:center;
width:175px;
}
.album_title{
text-align:center;
padding:6px 0 20px 0;
width:175px;
vertical-align:top;
}
.article{
width:525px;
margin:0 0 15px 18px;
}
.article table{
border-top:#A8A8A8 solid 1px;
border-right:#A8A8A8 solid 1px;
}
.article th{
border-bottom:#A8A8A8 solid 1px;
border-left:#A8A8A8 solid 1px;
padding:2px 3px;
background-color:#A8A8A8;
text-align:center;
vertical-align:middle;
color:#FFF;
font-size:13px;
}
.article td{
width:247px;
border-bottom:#A8A8A8 solid 1px;
border-left:#A8A8A8 solid 1px;
padding:2px 3px 2px 10px;
}
.article td.shima{
width:247px;
border-bottom:#A8A8A8 solid 1px;
border-left:#A8A8A8 solid 1px;
padding:2px 3px 2px 10px;
background-color:#FAFCF8;
}





/*indies*/
#back_inside05{
width:776px;
float:left;
background:url(../images/skin01/common/back_inside05.jpg) top no-repeat;
padding-top:37px;
}
.thumbnail{
width:100px;
height:75px;
padding:2px;
border:#4C5F01 solid 1px;
margin-left:20px;
float:right;
}


/*fan*/
#back_inside06{
width:776px;
float:left;
background:url(../images/skin01/common/back_inside06.jpg) top no-repeat;
padding-top:37px;
}

/*epilogue*/
#back_inside07{
width:776px;
float:left;
background:url(../images/skin01/common/back_inside07.jpg) top no-repeat;
padding-top:37px;
}
.mail{
background:url(../images/skin01/common/back_mail.gif) left top no-repeat;
width:526px;
margin:0 0 15px 18px;
letter-spacing:1px;
clear:both;
padding-top:35px;
}
.history01{
width:107px;
height:156px;
background:url(../images/skin01/common/back_history01.gif) no-repeat;
float:left;
padding:20px 44px 0 20px;
letter-spacing:0;
}
.history02{
width:107px;
height:156px;
background:url(../images/skin01/common/back_history02.gif) no-repeat;
float:left;
margin-right:28px;
padding:20px 20px 0 20px;
letter-spacing:0;
}

/*popup*/
#back_lyrics{
width:600px;
background: #F3F7EA url(../images/skin01/common/back_popup.gif) top repeat-x;
margin-left:auto;
margin-right:auto;
}
#logo_popup{
width:100%;
height:67px;
background:url(../images/skin01/common/logo_popup.gif) left no-repeat;
text-align:left;
}
#logo_popup a.poplogo:link,a.poplogo:visited,a.poplogo:hover,a.poplogo:active{
color:#FFF;
text-decoration:none;
font-size:1px;
line-height:1px;
display:block;
width:145px;
height:67px;
}
#bread_lyrics{
width:584px;
height:27px;
background:url(../images/skin01/common/bread_popup.gif) repeat-x;
margin:0 1px;
color:#607900;
text-align:right;
padding-right:14px;
line-height:27px;
letter-spacing:1px;
}
#lyrics{
width:516px;
margin:20px 20px 0 20px;
padding:20px;
border-top:#DFE5D1 2px solid;
border-right:#DFE5D1 2px solid;
border-bottom:#DFE5D1 1px solid;
border-left:#DFE5D1 2px solid;
font-size:14px;
line-height:20px;
letter-spacing:0.5px;
}
#lyrics p{
text-indent:0;
}
#comments{
width:516px;
margin:0 20px 20px 20px;
padding:20px;
border-top:#DFE5D1 1px solid;
border-right:#DFE5D1 2px solid;
border-bottom:#DFE5D1 2px solid;
border-left:#DFE5D1 2px solid;
text-align:left;
font-size:12px;
line-height:18px;
letter-spacing:0.5px;
}
#close{
width:70px;
height:19px;
margin-bottom:24px;
background:url(../images/skin01/common/btn_close.gif) no-repeat;
margin-left:auto;
margin-right:auto;
}

#back_article{
width:720px;
background: #F3F7EA url(../images/skin01/common/back_popup.gif) top repeat-x;
margin-left:auto;
margin-right:auto;
}
#bread_article{
width:704px;
height:27px;
background:url(../images/skin01/common/bread_popup.gif) repeat-x;
margin:0 1px;
color:#607900;
text-align:right;
padding-right:14px;
line-height:27px;
letter-spacing:1px;
}
#article{
width:636px;
margin:20px;
padding:20px;
border:#DFE5D1 2px solid;
font-size:14px;
line-height:20px;
letter-spacing:0.5px;
text-align:left;
}
#article p.title{
text-indent:0;
text-align:center;
font-weight:bold;
}
.comment{
font-size:12px;
color:#607900;
}
.interview_area p{
text-indent:0;
}