@charset "UTF-8";

/*-----------------------------------------------------
	CSS information

	tiny baby FREAKS!!! version5.0 2011.07
	last version : v4 - 2003.08
	file name : style.css
	use with  : index.html
-----------------------------------------------------*/




/*-----------------------------------------------------
	リセット
-----------------------------------------------------*/

*{
 margin : 0px ;
 padding : 0px ;
 font-size : 100% ;
 font-family : Verdana,Arial,Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
 }




/*-----------------------------------------------------
	全ページ共通
-----------------------------------------------------*/


body {
 background : #fff url("../images/background.png") center repeat ;
 margin : 0px ;
 color : #666666 ;
 font-size : 12px ;
/*Mac IE Hack \*/
 letter-spacing : 1px ;
/*Mac IE Hack END*/
 line-height : 150% ;
 text-align : left ;
 }

img {
 border : 0px ;
 margin : 0px ;
 }

a:link    { text-decoration:underline; color:#966 ; }
a:visited { text-decoration:none; color:#966 ; }
a:active  { text-decoration:underline; color:#933 ; }
a:hover   { text-decoration:underline; color:#933 ; }

.hidden {
 display : none ;
 }


/* new clearfix */  
.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 */  

ul {
 list-style-type : none ;
 }

ol {
 list-style-type : decimal-leading-zero ;
 }





/*-----------------------------------------------------
	つつみ
-----------------------------------------------------*/

#maincont {
 width : 980px ;
 margin : 0px auto ;
 position : relative ;
 background : transparent url("../images/header_bg.png") top left no-repeat ;
 }




/*　　　ナビゲーション　　　*/

#navi {
 width : 232px ;
 height : 303px ;
 background : transparent url("../images/navi_bg.png") bottom no-repeat ;
 padding : 100px 0px 0px 0px ;
 position : relative ;
 top : 0px ;
 left : 780px ;
 z-index : 100 ;
 }

#naviul {
 margin : 30px 0px 0px 20px ;
 position : relative ;
 }
 
 #naviul li {
  margin-bottom : 10px ;
  }

#naviul a {
 display : block ;
 width : 153px ;
 height : 41px ;
 overflow : hidden ;
 }

#naviul li a:hover {
 background-position : 0 -41px ;
 }

#naviul li a:active {
 background-position : 0 -41px ;
 }

a#navi-info {
 background : transparent url("../images/navi_btn_info.png") no-repeat ;
 }

a#navi-disco {
 background : transparent url("../images/navi_btn_disco.png") no-repeat ;
 }

a#navi-bonus {
 background : transparent url("../images/navi_btn_bonus.png") no-repeat ;
 }

a#navi-link {
 background : transparent url("../images/navi_btn_link.png") no-repeat ;
 }

a#navi-about {
 background : transparent url("../images/navi_btn_about.png") no-repeat ;
 }





/*-----------------------------------------------------
	ヘッダー
-----------------------------------------------------*/

#header {
 width : 980px ;
 background : transparent url("../images/header_bg2.png") bottom right no-repeat ;
 padding : 0px 0px 180px 0px ;
 margin : -250px auto 0px auto ;
 position : relative ;
 }

#header h1 {
 width : 169px ;
 height : 164px ;
 margin : 0px auto ;
 }









/*-----------------------------------------------------
	　　　　　　　　　　最新作
-----------------------------------------------------*/

#headblock {
 width : 670px ;
 margin-left : 100px ;
 padding-right : 217px ;
 
 }

#headillust {
 width : 216px ;
 height : 337px ;
 float : left ;
 }

#newitem {
 width : 420px ;
 float : right ;
 margin-top : 200px ;
 }

#newitem h2 {
 margin-bottom : 10px ;
 }

#newitem p#newitemphoto {
 float : left ;
 }

#newitem p#newitemphoto img {
 background : #fff none ;
 padding : 5px ;
 border : 1px solid #ccc ;
 }

#newitem div {
 width : 315px ;
 float : right ;
 padding : 5px 0px 10px 0px ;
 }



#newitem div h3 {
 font-size : 14px ;
 margin : 2px 0px ;
 }

#newitem div p {
 line-height : 130% ;
 float : none ;
 color : #999 ;
 font-size : 10px ;
 }

#newitem div p#newitemdate {
 padding-bottom : 5px ;
 }

#newitem div p#newitemdate span {
 font-size : 10px ;
 background : #966 none ;
 color : #fff ;
 padding : 3px 5px ;
 }



/*-----------------------------------------------------
	コンテンツ共通
-----------------------------------------------------*/

/* 846px */


.contents h2#info, .contents h2#disco, .contents h2#bonus, .contents h2#linktitle, .contents h2#abouttitle {
 width : 217px ;
 height : 24px ;
 padding-top : 12px ;
 margin : 0px 0px 0px 80px ;
 }


/*-----------------------------------------------------
	info&NEWS!
-----------------------------------------------------*/

#infoandnews {
 width : 980px ;
 background : transparent url("../images/info_bg.png") top right no-repeat ;
 margin-top : -50px ;
 }

#thisweeksaiko {
 width : 625px ;
 margin-left : 80px ;
 padding : 30px ;
 background : transparent url("../images/line.png") bottom left no-repeat ;
 }

#thisweeksaiko h3 {
 width : 87px ;
 margin-top : 10px ;
 float : left ;
 }

#thisweeksaiko dl {
 width :525px ;
 float : right ;
 }

#thisweeksaiko dl dt {
 font-weight : bold ;
  }

#infoarticle {
 margin : 20px 0px 0px 87px ;
 }

#infoarticle h2 {
 padding : 0px 0px 0px 20px ;
 margin : 0px 0px 0px 0px ;
 background : transparent url("../images/info_arrow.png") top left no-repeat ;
 color : #966 ;
 }

#infoarticle p {
 width : 650px ;
 padding : 0px 0px 0px 20px ;
 margin : 0px 0px 20px 0px ;
 }

/*
#infoafter {
 width : 980px ;
 height : 157px ;
 background : transparent url("../images/bg_cloud.png") no-repeat ;
 margin : 0px 0px 30px 0px ;
}
*/

#infoandnews:after {    
 display : block ; 
 clear : both ; 
 width : 980px ;
 height : 157px ;
 content : url("../images/bg_cloud.png") no-repeat ;
 margin : 0px 0px 30px 0px ;
 }







/*-----------------------------------------------------
	discography
-----------------------------------------------------*/

#discography {
 width : 980px ;
 background : transparent url("../images/disco_bg.png") top right no-repeat ;
 }

#discography h2#disco {
 width : 680px ;
 }

#discography h2 span {
 font-size : 9px ;
 color : #ccc ;
 font-weight : normal ;
 margin-left : 300px ;
 }

#discoarticle {
 width : 680px ;
 margin : 20px 0px 0px 87px ;
 }

#discoarticle h3 {
 background : transparent url("../images/line.png") bottom left no-repeat ;
 margin : 10px 0px ;
 padding-bottom : 5px ;
 }

.discoblock {
 width : 210px ;
 margin : 0px 15px 20px 0px ;
 float : left ;
 }

.discophoto {
 width : 90px ;
 float : left ;
 margin-bottom : 5px ;
 }

.discophoto img {
 background : #fff none ;
 padding : 5px ;
 border : 1px solid #ccc ;
 }

.fright {
 width : 115px ;
 float : right ;
 line-height : 130% ;
 }

.discotext {
 font-size : 10px ;
 color : #999 ;
 letter-spacing : 0px ;
 line-height : 120% ;
 margin-bottom : 3px ;
 }

.discoblock h4 {
 color : #966 ;
 margin-bottom : 5px ;
 }

.discoblock ul h5 {
 margin-bottom : 5px ;
 padding-bottom : 5px ;
 font-weight : normal ;
 line-height : 120% ;
 border-bottom : 1px solid #999 ;
 }

.discoblock ul {
 clear : both ;
 list-style-type : disc ;
 letter-spacing : 0px ;
 margin-left : 20px ;
 }

.discoblock ul.plural li {
 margin-bottom : 10px ;
 }

.discoblock ol {
 clear : both ;
 margin-left : 30px ;
 list-style-type : decimal-leading-zero ;
 letter-spacing : 0px ;
 }

.discoblock ul.plural li ol li {
 clear : both ;
 list-style-type : decimal-leading-zero ;
 margin-bottom : 0px ;
 padding-bottom : 0px ;
 letter-spacing : 0px ;
 }

/*
#discoafter {
 width : 980px ;
 height : 264px ;
 background : transparent url("../images/bg_pine.png") no-repeat ;
 margin : 0px 0px 0px 0px ;
}
*/

#discography:after {    
 display : block ; 
 clear : both ; 
 width : 980px ;
 height : 264px ;
 content : url("../images/bg_pine.png") no-repeat ;
 margin : 0px 0px 0px 0px ;
 }





/*-----------------------------------------------------
	bonustrack
-----------------------------------------------------*/

#bonustrack {
 width : 980px ;
 background : transparent url("../images/bonustrack_bg.png") top right no-repeat ;
 }

#bonusarticle {
 width : 680px ;
 margin : 20px 0px 0px 87px ;
 }

#bonusarticle h3 {
 background : transparent url("../images/line.png") bottom left no-repeat ;
 margin : 30px 0px 10px 0px ;
 padding-bottom : 5px ;
 }

#bonusarticle h4 {
 color : #966 ;
 margin-top : 20px ;
 }

#bonusarticle ul {
 width : 400px ;
 list-style-type : disc ;
 margin : 5px 0px 5px 0px ;
 padding : 5px 5px 5px 30px ;
 border : 1px solid #fdd ;
 }

#bonusarticle ol {
 margin : 5px 0px 5px 30px ;
 }

/*
#bonusafter {
 width : 980px ;
 height : 260px ;
 background : transparent url("../images/bg_waves.png") no-repeat ;
 margin : -50px 0px 0px 0px ;
}
*/

#bonustrack:after {    
 display : block ; 
 clear : both ; 
 width : 980px ;
 height : 260px ;
 content : url("../images/bg_waves.png") no-repeat ;
 margin : -50px 0px 0px 0px ;
 }





/*-----------------------------------------------------
	about
-----------------------------------------------------*/

#link {
 width : 980px ;
 background : transparent url("../images/link_bg.png") top right no-repeat ;
 }

#linkarticle {
 width : 680px ;
 margin : 20px 0px 0px 87px ;
 }

#linkarticle h3 {
 background : transparent url("../images/line.png") bottom left no-repeat ;
 margin : 30px 0px 10px 0px ;
 padding-bottom : 5px ;
 }

#linkarticle h4 {
 color : #966 ;
 margin-top : 20px ;
 }

#linkarticle ul {
 list-style-type : disc ;
 margin : 5px 0px 5px 0px ;
 padding : 5px 5px 5px 20px ;
 }

#linkarticle ul li {
 line-height : 130% ;
 padding-bottom : 7px ;
 }

.strike {
 text-decoration : line-through ;
 }

/*#linkafter {
 width : 980px ;
 height : 226px ;
 background : transparent url("../images/bg_kingyo.png") no-repeat ;
 margin : -10px 0px 0px 0px ;
}*/
#link:after {    
 display : block ; 
 clear : both ; 
 width : 980px ;
 height : 226px ;
 content : url("../images/bg_kingyo.png") no-repeat ;
 margin : -10px 0px 0px 0px ;
 }





/*-----------------------------------------------------
	about
-----------------------------------------------------*/

#about {
 width : 980px ;
 background : transparent url("../images/about_bg.png") top right no-repeat ;
 }

#aboutarticle {
 width : 680px ;
 margin : 20px 0px 0px 87px ;
 }

#aboutarticle h3 {
 background : transparent url("../images/line.png") bottom left no-repeat ;
 margin : 30px 0px 10px 0px ;
 padding-bottom : 5px ;
 }

#aboutarticle h4 {
 color : #966 ;
 margin-top : 20px ;
 }

#aboutarticle ul {
 list-style-type : disc ;
 margin : 5px 0px 5px 0px ;
 padding : 5px 5px 5px 20px ;
 }

#aboutarticle ul li {
 line-height : 130% ;
 padding-bottom : 7px ;
 }

#aboutarticle p {
 margin-bottom : 1em ;
 }



/*:afterとcontentのテスト*/
/*contentは文字の時だけ""を付ける*/

/*
#about:after {    
 display : block ; 
 clear : both ; 
 width : 980px ;
 height : 226px ;
 content : url("../images/bg_kingyo.png") ;
 }
*/











/*-----------------------------------------------------
	フッター
-----------------------------------------------------*/


#footerlink {
 width : 980px ;
 height : 173px ;
 background : transparent url("../images/footer_bamboo.png") bottom left no-repeat ;
 margin : 0px auto ;
 position : relative ;
 }

#pagetopbg {
 width : 69px ;
 height : 68px ;
 background : transparent url("../images/footer_bird.png") bottom left no-repeat ;
 top : 105px ;
 left : 911px ;
 position : absolute ;
 }

a#pagetop {
 display : block ;
 width : 24px ;
 height : 25px ;
 overflow : hidden ;
 background : transparent url("../images/footer_btn_pagetop.png") no-repeat ;
 position : relative ;
 margin : 0px 0px 0px 45px ;
 }

a#pagetop:hover, a#pagetop:active {
 background-position : 0 -25px ;
 }


/*　　　Facebook　　　*/

#facebook {
 width : 200px ;
 position : absolute ;
 top : 0px ;
 left : 780px ;
 text-align : right ;
 overflow : hidden ;
 }



#footer {
 width : 100% ;
 background : #c1b3a6 none ;
 color : #fff ;
 padding : 10px 0px ;
 }

#footerinner {
 width : 980px ;
 margin : 0px auto ;
 }

#footleft {
 width : 366px ;
 float : left ;
 }

#footright {
 float : right ;
 text-align : right ;
 margin-top : 15px ;
 }

#footright p {
 margin : 0px ;
 font-size : 10px ;
 text-align : right ;
 line-height : 130% ;
 }

#footright #copyright {
 height : 14px ;
 background : transparent url("../images/footer_copyright.png") right bottom no-repeat ;
 margin : 5px 5px 0px 0px ;
 text-align : right ;
 }






/* CSS End */