@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: #666; 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-repeat: repeat-y;
	background-position: bottom;
	background-attachment:fixed;
	color: #4D4D4D;
	}




/* =container
   ------------------------------------------------------------------------------------------ */
#container {
	margin: 25px auto 0 auto;
	padding: 0 0;
	width: 770px;
	text-align: left;
	border: 1px solid #666;
	}
#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#container {display: inline-table;}
/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container {display: block;}
/* End hide from IE-mac */


#contents {
	margin: 0;
	padding: 0;
	width: 770px;
/*  background-image: url(/images/bgline.gif);*/
	background-repeat: repeat-y;
	border-top: 1px solid #666;
	}
#contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#contents {display: inline-table;}
/* Hides from IE-mac \*/
* html #contents {height: 1%;}
#contents {display: block;}
/* End hide from IE-mac */


#index #container {
	text-align: center;
	border: none;
	padding: 0;
	margin: 0 auto;
	}



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


#index #center {
	width: 546px;
	}

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

div#header {
	margin: 0;
	padding: 0;
	position: relative;
	}

	
h1 {
	margin: 0;
	padding: 12px 0 12px 0;
	text-align: center;
	line-height: 100%;
	width: 148px;
	
	}
	
#index h1 {
	padding: 0 0 5px 0;
	float: none;
	width: auto;
	}

h2 {
	font-size: 100%;
	margin: 0;
	padding: 4px 0;
	line-height: 100%;
	border-bottom: 1px solid #666;
	text-transform: capitalize;
	text-align: center;
	}

/* =navi
   --------------------------------------------- */
div#header #navi {
	margin: 0;
	padding: 23px 0;
	width: 555px;
	height: 22px;
	position: absolute;
	top: 0px;
	left: 148px;
	}


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

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

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

#naviInfo a { width:80px; background-image: url(../images/menu_information.gif); }
#naviNews a { width:46px; background-image: url(../images/menu_news.gif); }
#naviMedia a { width:51px; background-image: url(../images/menu_media.gif); }
#naviBio a { width:79px; background-image: url(../images/menu_biography.gif); }
#naviDisco a { width:91px; background-image: url(../images/menu_discography.gif); }
#naviSchedule a { width:68px; background-image: url(../images/menu_schedule.gif); }
#naviDiary a { width:44px; background-image: url(../images/menu_diary.gif); }
#naviBBS a { width:39px; background-image: url(../images/menu_bbs.gif); }
#naviShop a { width:41px; background-image: url(../images/menu_shop.gif); }
#naviContact a { width:57px; background-image: url(../images/menu_contact.gif); }


/* =navitop
   --------------------------------------------- */
#index #navi {
	margin: 0 auto;
	padding: 0;
	width: 476px;
	height: 22px;
	float: none;
	}


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

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

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

dl {
	margin: 0;
	padding: 0;
	}
dt {
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	}
dt a {
	color: #000;
	}
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: 148px;
	float: left;
	}


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

/* =sideRight
   ------------------------------------------------------------------------------------------ */
#sideRight {
	margin: 0;
	padding: 0;
	width: 195px;
	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;
	}
	
#sideRight ul#banner {
	padding: 5px 0 0 0;
	}
#sideRight ul#banner li {
	margin: 0;
	padding: 0;
	text-align: center;
	}
#sideRight ul#banner li img {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
#sideRight ul#banner p {
	padding: 3px 1em;
	margin: 0;
	}

/* =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: 284px;
	}

.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;
	}
.cdtitle a {
	color: #000;
	}

.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%;
	}

.captions {
	clear: both;
	font-size: 90%;
}
	
/* =collaboration
   ------------------------------------------------------------------------------------------ */
#collabo dd.cdinfo div.cddata {
	float: none;
	margin-left: 14px;
	width: 284px;
	}
#collabo dd.cdinfo {
	padding: 10px;
	margin: 0 ;
	}
#collabo dd.cdinfo2 {
	padding: 10px;
	margin: 0;
	background-color: #EEE;
	}

/* =calendar
   ------------------------------------------------------------------------------------------ */
table.calendar {
	width: 100%;
	margin-bottom: 2em;
	font-weight: normal;
}

.calendar td {
	border: 1px solid #DDD;
	margin: 0;
	padding: 3px;
	width: 57px;
	height: 50px;
	vertical-align: top;
	}

.calendar td.specialDay {
	font-weight: bold;
	}

.calendar td.specialDay a{
	font-size: 10px;
	line-height: 100%;
	}

.monthName, .dayName {
	text-align: center;
}
/* =footer
   ------------------------------------------------------------------------------------------ */
#footer {
	margin: 1em;
	font-size: 70%;
}
#index #footer {
	margin: 0;
	font-size: 100%;
	}

/* =cover
   ------------------------------------------------------------------------------------------ */
#index #cover {
	margin: 15px 0 30px 0;
	}