@charset "UTF-8";

/* ---------------------------------------------
   @description   default style
   @author        PLAN DE SENS
   @version       050811
   --------------------------------------------- */


/* =reset
   --------------------------------------------- 
*   {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 100%;
	}
*/
img { border-style: none; }
	
a   { color: #000; text-decoration: none; font-weight: bold;}
a:hover { color: #4D4D4D; }


/* =accessibility
   --------------------------------------------- */
.accessibility {
	left: -9999px;
	overflow: hidden;
	width: 0;
	height: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	}


/* =body
   ------------------------------------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Microsoft Sans Serif", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align: center;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: bottom;
	background-attachment:fixed;
	color: #4D4D4D;
	}
	
body#index {
	background-image: url(../images/bg_top.gif);
	}



/* =container
   ------------------------------------------------------------------------------------------ */
#container {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	text-align: left;
	}

/* =center
   ------------------------------------------------------------------------------------------ */
#center {
	margin: 0;
	padding: 0;
	width: 381px;
	float: left;
	}

#index #center {
	width: 546px;
}
#index form {
  margin-left: 100px;
  width: 360px;
}

/* =headers
   ------------------------------------------------------------------------------------------ */

#header	{
	margin: 0;
	padding: 17px 0 9px 0;
	background-color: #000;
	text-align: center;
	}
h1, h2 {
	margin: 0;
	padding: 0;
	line-height: 0;
	}
#index h1 {
	text-align: center;
	padding: 0 0 5px 0;
	}

h2 {
	font-size: 120%;
	}

/* =navi
   --------------------------------------------- */
#navi {
	margin: 0 auto;
	padding: 0;
	width: 283px;
	}
#navi:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#navi {display: inline-table;}
/* Hides from IE-mac \*/
* html #navi {height: 1%;}
#navi {display: block;}
/* End hide from IE-mac */

#navi li {
	list-style:none;
	float:left;
	margin: 0;
	padding: 0;
	}

#navi li a {
	display: block;
	height: 17px;
	text-indent: -9999px;
	overflow: hidden;
	background-color: transparent;
	background-position: 0 0px;
	background-repeat: no-repeat;
	}

#navi li a:hover {
	background-position: 0 -17px;
	}

#naviNews a { width:41px; background-image: url(../images/navi_news.gif); }
#naviBio a { width:76px; background-image: url(../images/navi_bio.gif); }
#naviDisco a { width:90px; background-image: url(../images/navi_disco.gif); }
#naviDiary a { width:45px; background-image: url(../images/navi_diary.gif); }
#naviBBS a { width:31px; background-image: url(../images/navi_bbs.gif); }


/* =navitop
   --------------------------------------------- */
#index #navi {
	margin: 0 auto;
	padding: 0;
	width: 315px;
	}

#index #navi li a {
	height: 38px;
	}

#index #navi li a:hover {
	background-position: 0 -38px;
	}

#index #naviNews a { width:53px; background-image: url(../images/navimain_news.gif); }
#index #naviBio a { width:79px; background-image: url(../images/navimain_bio.gif); }
#index #naviDisco a { width:95px; background-image: url(../images/navimain_disco.gif); }
#index #naviDiary a { width:46px; background-image: url(../images/navimain_diary.gif); }
#index #naviBBS a { width:42px; background-image: url(../images/navimain_bbs.gif); }



/* =contents
   ------------------------------------------------------------------------------------------ */
#main {
	font-size: 70%;
	line-height: 150%;
	margin: 0;
	padding: 20px;
	}

#index #main {
	margin: 60px auto;
	padding: 0px;
	width: 315px;
	}

p.new {
	margin: 0 0 1em 0;
	}

dl {
	margin: 0;
	padding: 0;
	}
dt {
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	}
dt.biography {
	margin-bottom: 1em;
	}


dd {
	margin: 0;
	padding: 0;
	}
dd.date {
	margin-bottom: 0.5em;
	font-weight: bold;
	}
dd.body {
	margin-bottom: 3em;
	}
dd.body p {
	margin: 0 0 1em 0;
	padding: 0;
	}

/* =sideLeft
   ------------------------------------------------------------------------------------------ */
#sideLeft {
	margin: 0;
	padding: 0;
	width: 164px;
	float: left;
	}

#sideLeft p {
	font-size: 75%;
	text-align: center;
	}
#sideLeft p a p {
	font-size: 100%;
	}
#sideLeft p a {
	color: #FFF;
	font-weight: normal;
	}

/* =sideRight
   ------------------------------------------------------------------------------------------ */
#sideRight {
	margin: 0;
	padding: 108px 0 0 0px;
	width: 165px;
	float: left;
	}

h3 {
	margin: 0 0 0.5em 0;
	padding: 0 10px;
	line-height: 100%;
	font-size: 80%;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	}
#sideRight ul {
	margin: 0 0 2em 0;
	padding: 0 12px;
	list-style-type: none;
	font-size: 70%;
	font-weight: normal;
	}
#sideRight li {
	margin: 0 0 0.5em 0;
	list-style-type: none;
	}
#sideRight a {
	font-weight: normal;
	color: #4D4D4D;
	}	
#sideRight a:hover {
	color: #000;
	}		

/* =discography
   ------------------------------------------------------------------------------------------ */
dd.cdinfo {
	padding: 0px;
	margin: 0 0 2em 0 ;
	}

dd.cdinfo:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dd.cdinfo {display: inline-table;}
/* Hides from IE-mac \*/
* html dd.cdinfo {height: 1%;}
dd.cdinfo {display: block;}
/* End hide from IE-mac */

dd.cdinfo div.cdjacket {float: left;}
dd.cdinfo div.cdjacket img {
	border: 1px solid #CCC;
	padding: 0px;
	margin-bottom: 10px;
	}

dd.cdinfo div.cddata {
	float: left;
	margin-left: 14px;
	width: 234px;
	}

.cdnote {
	font-size: 100%;
	margin: 0;
	padding: 0;
	}

.cdtitle {
	font-weight: bold;
	font-size: 120%;
	line-height: 130%;
	margin: 0 0 8px 0;
	padding: 0;
	}

.cdrelease {
	margin: 0 0 0px 0;
	}
	
.cdnumber, .cdprice {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 80%;
	line-height: 140%;
	}	
	
.cdcomment {
	margin: 0;
	padding: 0;
	line-height: 150%;
	font-size: 95%;
	}
.cdcomment p {
	padding: 0px 0px 0px 0;
	margin: 0 0 10px 0;
	}
.cdfile {
	margin: 0 0 1em 0;
	padding: 5px 10px;;
	line-height: 150%;
	font-size: 95%;
	}